/* GROK/DESK skin over the SecureSurface app sheet: admin, sign-in, contact — same look as the landing (11/07). */
:root{--g-paper:#F3F0E8;--g-paper2:#EAE5D8;--g-card:#FBF9F4;--g-ink:#0E0E0C;--g-ink2:#3A3934;--g-muted:#625E55;--g-line:#D9D3C4;--g-lime:#C8F03C;
  --font:"Inter Tight",ui-sans-serif,system-ui,-apple-system,"Segoe UI",Arial,sans-serif;--mono:"JetBrains Mono",ui-monospace,Menlo,monospace}
body,body:has(.app),body.lp,body.lp-page{background:var(--g-paper)!important;color:var(--g-ink);font-family:var(--font)}
/* ---------- admin app ---------- */
.app{--ink:#0E0E0C;--ink-2:#3A3934;--muted:#625E55;--faint:#7A766B;--line:#D9D3C4;--line-2:#E6E1D4;--bg:#F3F0E8;
  --surface:inset 0 0 0 1.5px #0E0E0C;--blue-50:#E6EEFF;--green-50:#E6F4D8;--amber-50:#FFF1D6;--red-50:#FBE3E3;--gold-50:#F4F9E4;
  background:#F3F0E8;color:#3A3934;background-image:radial-gradient(rgba(14,14,12,.06) 1px,transparent 1px);background-size:22px 22px}
.sidebar,.sidebar.dark{background:#EAE5D8!important;border-right:1.5px solid #0E0E0C!important;color:#3A3934}
.sidebar.dark .brand{color:#0E0E0C;font-family:var(--mono);letter-spacing:.04em}
.sidebar .brand .mark{width:32px;height:30px;border-radius:7px;background:#0E0E0C!important;display:grid;place-items:center}
.sidebar .brand .mark svg rect[fill="#0E0E0C"]{fill:#F3F0E8}
.sidebar .brand .mark svg rect[fill="#8DB800"]{fill:#C8F03C}
.sidebar.dark .nav-sec{color:#625E55;font-family:var(--mono);letter-spacing:.12em}
.sidebar.dark .nav-item{color:#3A3934;border-radius:10px}
.sidebar.dark .nav-item:hover{background:#FBF9F4;color:#0E0E0C}
.sidebar.dark .nav-item.active{background:#FBF9F4;color:#0E0E0C;box-shadow:inset 0 0 0 1.5px #0E0E0C}
.sidebar.dark .nav-item.active svg{color:#0E0E0C}
.sidebar.dark .side-foot{border-top-color:#D9D3C4}
.sidebar.dark .side-foot .who b{color:#0E0E0C}.sidebar.dark .side-foot .who span{color:#625E55}
.sidebar .avatar,.app .avatar{background:#C8F03C!important;color:#0E0E0C!important;box-shadow:inset 0 0 0 1.5px #0E0E0C}
.sidebar.dark .icon-btn{color:#3A3934}.sidebar.dark .icon-btn:hover{background:#FBF9F4;color:#0E0E0C}
.app .topbar{background:rgba(243,240,232,.9)!important;border-bottom:1.5px solid #0E0E0C!important}
.app .topbar h1,.app h2,.app h3,.app .kpi .val,.app .tbl .dom,.app .act-t b,.app .kv .v{color:#0E0E0C}
.app .page-head h2{font:400 40px/1.05 "Instrument Serif",Georgia,serif;letter-spacing:-.01em}
.app .panel-h h3{font:700 16px var(--font)}
.app .panel,.app .kpi,.app .area,.app .side-card,.app .tool-card,.app .cat,.app .astep,.app .planbar,.app .posture,.app .audit-strip,.app .watch,
.app .period .pcard{background:#FBF9F4!important;box-shadow:inset 0 0 0 1.5px #0E0E0C!important;border-radius:16px}
.app .kpi{box-shadow:inset 0 0 0 1.5px #0E0E0C,4px 4px 0 #0E0E0C!important}
.app .kpi .val{font:400 38px/1 "Instrument Serif",Georgia,serif}
.app .kpi .top span:first-child{font:600 11.5px var(--mono);letter-spacing:.08em;text-transform:uppercase;color:#625E55}
.app .kpi .top .ki,.app .empty .ei,.app .cat .h .fi{background:#C8F03C;color:#0E0E0C;box-shadow:inset 0 0 0 1px #0E0E0C}
.app .panel-h{border-bottom:1px solid #D9D3C4!important}
.app .panel-h p,.app .page-head p{color:#625E55}
.app .tbl th{background:#EAE5D8!important;color:#625E55!important;border-bottom:1.5px solid #0E0E0C!important;font-family:var(--mono)}
.app .tbl td{color:#3A3934!important;border-bottom-color:#E6E1D4!important}
.app .tbl tbody tr:hover,.app .act:hover{background:#F4F9E4!important}
.app .input,.app select.input,.app textarea.input,.modal-card .input{background:#fff!important;box-shadow:inset 0 0 0 1.5px #0E0E0C!important;color:#0E0E0C!important;border-radius:10px}
.app .input:focus{box-shadow:inset 0 0 0 1.5px #0E0E0C,0 0 0 4px rgba(200,240,60,.7)!important}
.btn{border-radius:999px!important;font-family:var(--font)}
.btn-primary,.btn-gold,.lp-btn-gold,.lp-btn{background:#C8F03C!important;color:#0E0E0C!important;border:1.5px solid #0E0E0C!important;box-shadow:3px 3px 0 #0E0E0C!important}
.btn-primary:hover,.btn-gold:hover{transform:translate(-1px,-1px);box-shadow:4px 4px 0 #0E0E0C!important}
.app .btn-secondary,.modal-card .btn-secondary{background:#FBF9F4!important;color:#0E0E0C!important;box-shadow:inset 0 0 0 1.5px #0E0E0C!important}
.app .btn-secondary:hover{background:#EAE5D8!important}
.app .btn-ghost{color:#3A3934!important}.app .btn-ghost:hover{background:#EAE5D8!important;color:#0E0E0C!important}
.app .seg{background:#FBF9F4!important;border:1.5px solid #0E0E0C!important;border-radius:999px}.app .seg button{border-radius:999px}
.app .seg button.on{background:#0E0E0C!important;color:#F3F0E8!important}
.app .b-green{color:#14804A!important}.app .b-amber{color:#9A6100!important}.app .b-red{color:#B4232A!important}.app .b-blue{color:#1F4FB5!important}.app .b-gold{color:#4F6300!important}
.app .b-gray{background:#EAE5D8!important;color:#625E55!important}
.app .status-row{border-bottom-color:#E6E1D4!important}.app .status-row span{color:#3A3934}.app .status-row b{color:#0E0E0C}
.app .tbl-foot{border-top-color:#E6E1D4!important}
.app .chart text,.app svg text[fill="#94a3b8"],.app svg text[fill="#64748b"]{fill:#625E55!important}
.app .chart line,.app svg [stroke="#eef1f6"],.app svg [stroke="#e5e9f0"]{stroke:#D9D3C4!important}
.app svg text[fill="#0b1424"]{fill:#0E0E0C!important}
.app .area-bar,.app .sev-t,.app .scorebar .t{background:#EAE5D8!important}
.app .alert-error{background:#FBE3E3!important;color:#8c1d21!important;border-color:#D93A3F!important}
.app .alert-ok{background:#EEF7D2!important;color:#2E4A00!important;border-color:#0E0E0C!important}
.app .alert-info,.app .notice-bar,.app .act-more{background:#F4F9E4!important;color:#3A3934!important;box-shadow:inset 0 0 0 1px #0E0E0C!important}
.app .skel{background:linear-gradient(90deg,#EAE5D8 25%,#F3F0E8 50%,#EAE5D8 75%)!important;background-size:200% 100%!important}
.app .md,.app .md h2,.app .md h3,.app .md b{color:#0E0E0C!important}.app .md code,.app .md pre{background:#0E0E0C!important;color:#ECE8DC!important}
.modal-card{background:#FBF9F4!important;color:#3A3934!important;box-shadow:inset 0 0 0 1.5px #0E0E0C,8px 8px 0 #0E0E0C!important;border-radius:18px}
.modal-card h3{color:#0E0E0C!important;font:400 30px "Instrument Serif",Georgia,serif}
.modal{background:rgba(14,14,12,.45)!important}
.app .dl i,.app .legend i{box-shadow:inset 0 0 0 1px rgba(14,14,12,.3)}
/* ---------- sign-in / sign-up / contact / unsubscribe (Secure layouts, our look) ---------- */
body.lp .lp-nav,body.lp-page .lp-nav{background:rgba(243,240,232,.9)!important;border-bottom:1.5px solid #0E0E0C!important;backdrop-filter:blur(10px)}
body.lp .lp-nav nav a{color:#3A3934!important}body.lp .lp-nav nav a:hover{color:#0E0E0C!important}
body.lp .lp-nav .lp-signin{color:#0E0E0C!important}body.lp .lp-nav .lp-brand{color:#0E0E0C!important;font-family:var(--mono)}
.lp-brand .mark{background:#0E0E0C!important;border-radius:7px}.lp-brand .mark svg rect[fill="#0E0E0C"]{fill:#F3F0E8}.lp-brand .mark svg rect[fill="#8DB800"]{fill:#C8F03C}
.au-wrap{background:#F3F0E8!important;background-image:radial-gradient(rgba(14,14,12,.07) 1px,transparent 1px)!important;background-size:22px 22px!important}
.au-wrap::before,#lpWave{display:none!important}
.au-copy h2{color:#0E0E0C!important;font:400 clamp(38px,4vw,58px)/1.02 "Instrument Serif",Georgia,serif!important;letter-spacing:-.015em!important}
.au-copy li{color:#3A3934!important}.au-copy li svg{color:#14804A!important}.au-foot{color:#625E55!important}
.lp-kick{color:#3A3934!important;font-family:var(--mono)!important;letter-spacing:.14em!important}
body.lp-auth .auth-card,.auth-card{background:#FBF9F4!important;box-shadow:inset 0 0 0 1.5px #0E0E0C,8px 8px 0 #0E0E0C!important;border-radius:20px!important;color:#3A3934}
.auth-card h1{color:#0E0E0C!important;font:400 40px/1.05 "Instrument Serif",Georgia,serif!important}
.auth-card .sub,.auth-card .switch,.auth-card .back{color:#625E55!important}.auth-card a{color:#0E0E0C!important}
.auth-card .label{color:#3A3934!important;font-family:var(--mono);text-transform:uppercase;letter-spacing:.08em;font-size:11.5px}
.auth-card .input,.otp input{background:#fff!important;box-shadow:inset 0 0 0 1.5px #0E0E0C!important;border:0!important;color:#0E0E0C!important;border-radius:12px!important}
.auth-card .btn-primary{width:100%}
.ct-hero h1{color:#0E0E0C!important;font:400 clamp(40px,5vw,64px)/1.02 "Instrument Serif",Georgia,serif!important}
.ct-hero>div>p,.ct-sub,.ct-card p,.ct-sla span,.ct-foot>span{color:#3A3934!important}
.ct-c,.ct-form,.ct-card{background:#FBF9F4!important;box-shadow:inset 0 0 0 1.5px #0E0E0C,6px 6px 0 #0E0E0C!important}
.ct-c small{color:#3A3934!important;font-family:var(--mono)}.ct-c b,.ct-sla b,.ct-form h2,.ct-card h3,.ct-addr{color:#0E0E0C!important}.ct-c em{color:#625E55!important}
.ct-card h3 svg{color:#0E0E0C!important}.ct-form .input,.ct-form select.input,.ct-form textarea.input{background:#fff!important;box-shadow:inset 0 0 0 1.5px #0E0E0C!important;color:#0E0E0C!important;border:0!important}
.ct-form .label{color:#3A3934!important}
.site-footer,.lp-foot{background:#EAE5D8!important;color:#3A3934!important;border-top:1.5px solid #0E0E0C}
.site-footer a,.site-footer h5{color:#0E0E0C!important}
.app .funnel-row .track{background:#EAE5D8;border:1px solid #0E0E0C;border-radius:999px}
.app .funnel-row .fill{background:#C8F03C!important;border-right:1px solid #0E0E0C;border-radius:999px;opacity:1!important}
.app .funnel-row .num small{color:#625E55}
