/* ============================================================
   KUSTOM KO — theme layer (app pages)  v30
   Dashboards, demos, admin. Header + ambient backdrop only, plus
   a static glass treatment on Runway panels. No DOM/text/logic impact.
   ============================================================ */
@import url("https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&family=Space+Grotesk:wght@500;600;700&display=swap");
:root{--kkf-mint:#3bd49b;--kkf-mint-deep:#117a56;--kkf-sky:#5ba8ff;--kkf-sky-deep:#2460b8;--kkf-paper:#f9fbfa;--kkf-glass:rgba(255,255,255,.84);--kkf-glass-line:rgba(14,60,52,.14);--kkf-display:"Space Grotesk",Inter,system-ui,sans-serif}
html{background:var(--kkf-paper)}
body{background:transparent!important;-webkit-font-smoothing:antialiased}
.kk-page{background:transparent!important}
.kkf-backdrop{position:fixed;inset:0;z-index:0;pointer-events:none;background:radial-gradient(800px 500px at 8% -10%,rgba(59,212,155,.12),transparent 60%),radial-gradient(800px 500px at 100% 0%,rgba(91,168,255,.10),transparent 60%),linear-gradient(180deg,#fafcfb,#f6f9f8)}
.kkf-backdrop canvas{position:absolute;inset:0;width:100%;height:100%;display:block}
body>*{position:relative;z-index:1}
body>.kkf-backdrop{z-index:0}
.kk-header{background:linear-gradient(180deg,#07201f,#0b2f30)!important;border-bottom:1px solid rgba(59,212,155,.22)!important;box-shadow:0 8px 30px rgba(7,32,31,.2)!important;color:#eaf5f1!important}
.kk-header .kk-brand,.kk-header .kk-brand-copy strong{color:#f4fbf8!important}
.kk-header .kk-brand-copy small{color:rgba(217,240,231,.66)!important}
.kk-header .kk-logo-wrap{background:#fff!important;border:1px solid rgba(59,212,155,.4)!important}
.kk-header .kk-link,.kk-header .kk-dropbtn{color:rgba(225,240,234,.86)!important}
.kk-header .kk-link:hover,.kk-header .kk-dropbtn:hover,.kk-header .kk-dropdown.open>.kk-dropbtn{color:#fff!important}
.kk-header .kk-link:after,.kk-header .kk-dropbtn:after{background:linear-gradient(90deg,var(--kkf-mint),var(--kkf-sky))!important}
.kk-header .kk-btn{background:rgba(255,255,255,.06)!important;border:1px solid rgba(255,255,255,.18)!important;color:#eaf5f1!important;box-shadow:none!important}
.kk-header .kk-btn.primary{background:linear-gradient(110deg,var(--kkf-mint),var(--kkf-sky))!important;color:#062120!important;border-color:transparent!important}
.kk-header .kk-mobile-toggle{background:rgba(255,255,255,.06)!important;border:1px solid rgba(255,255,255,.18)!important;color:#eaf5f1!important}
.kk-header .kk-menu{background:#0a2a2a!important;border:1px solid rgba(59,212,155,.22)!important;box-shadow:0 30px 70px rgba(0,0,0,.45)!important}
.kk-header .kk-menu a,.kk-header .kk-menu b{color:#eaf5f1!important}
.kk-header .kk-menu small{color:rgba(217,240,231,.62)!important}
.kk-header .kk-menu a:hover,.kk-header .kk-mobile-panel a:hover{background:rgba(255,255,255,.07)!important}
.kk-header .kk-mobile-panel{background:#0a2a2a!important}
.kk-header .kk-mobile-panel a{color:#eaf5f1!important}
.kk-product-tabs{background:rgba(255,255,255,.6)!important}
.kk-product-runway .metric-ribbon,.kk-product-runway .risk-card,.kk-product-runway .workcell-card,.kk-product-runway .cell-card,.kk-product-runway .flag-card,.kk-product-runway .process-card,.kk-product-runway .onb-card,.kk-product-runway .sheet-card,.kk-product-runway .table-panel,.kk-product-runway .plan-table-panel,.kk-product-runway .account-panel,.kk-product-runway .operator-card,.kk-product-runway .role-box{background:var(--kkf-glass);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-color:var(--kkf-glass-line);box-shadow:0 1px 0 rgba(255,255,255,.7) inset,0 12px 34px rgba(7,32,31,.06)}
.kk-product-runway .section-title{font-family:var(--kkf-display);letter-spacing:-.02em}
.kk-product-slp .kkf-backdrop{opacity:.7}
.kk-card{background:var(--kkf-glass)!important;border-color:var(--kkf-glass-line)!important;box-shadow:0 1px 0 rgba(255,255,255,.7) inset,0 16px 44px rgba(7,32,31,.07)!important}
.kk-table-wrap{background:var(--kkf-glass)!important}
.kk-table th{background:rgba(7,32,31,.06)!important}
h1,h2,.kk-title{font-family:var(--kkf-display)!important;letter-spacing:-.03em}
:where(a,button,input,select,textarea,[tabindex]):focus-visible{outline:2px solid var(--kkf-mint-deep)!important;outline-offset:3px}