:root{
  --premium-bg:#f4f7fb;--premium-surface:rgba(255,255,255,.78);--premium-white:#fff;
  --premium-text:#122033;--premium-muted:#748196;--premium-line:rgba(214,224,238,.82);
  --premium-blue:#4f6df5;--premium-blue2:#6d8cff;--premium-cyan:#36b7d7;--premium-mint:#22b99a;
  --premium-amber:#f0b54a;--premium-red:#e66476;--premium-violet:#7b6df2;
  --premium-shadow:0 18px 60px rgba(30,53,88,.10);--premium-soft-shadow:0 10px 30px rgba(30,53,88,.07);
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{overflow-x:hidden;background:
  radial-gradient(850px 420px at 5% -5%,rgba(89,115,247,.11),transparent 62%),
  radial-gradient(700px 380px at 102% 7%,rgba(34,185,154,.10),transparent 64%),
  linear-gradient(180deg,#f8faff 0,#f4f7fb 48%,#f7f9fc 100%)!important;
  color:var(--premium-text)}
body:before,body:after{content:"";position:fixed;z-index:-1;border-radius:50%;filter:blur(10px);pointer-events:none}
body:before{width:260px;height:260px;left:-110px;top:42%;background:rgba(91,122,247,.055)}
body:after{width:320px;height:320px;right:-150px;bottom:-80px;background:rgba(34,185,154,.05)}
button,input,select,textarea{font:inherit}
button,a{-webkit-tap-highlight-color:transparent}
[hidden]{display:none!important}

/* ===== Unified premium header ===== */
.app-header{position:sticky;top:0;z-index:100;padding:10px 16px;background:rgba(247,250,255,.72);border-bottom:1px solid rgba(220,228,240,.72);backdrop-filter:blur(24px) saturate(150%);-webkit-backdrop-filter:blur(24px) saturate(150%)}
.app-header-inner{max-width:1220px;margin:auto;display:grid;grid-template-columns:minmax(180px,1fr) auto minmax(180px,1fr);align-items:center;gap:14px}
.app-brand{justify-self:start;display:flex;align-items:center;gap:10px;text-decoration:none;color:inherit;min-width:0;padding:5px 7px;border-radius:16px;transition:.22s ease}
.app-brand:hover{background:rgba(255,255,255,.58);transform:translateY(-1px)}
.app-brand img{width:43px;height:43px;border-radius:14px;box-shadow:0 9px 24px rgba(71,94,200,.17)}
.app-brand-copy{min-width:0}
.app-brand-name{display:flex;align-items:center;gap:7px;line-height:1}
.app-brand-name strong{font-size:17px;font-weight:950;letter-spacing:-.25px}
.app-brand-name em{font-style:normal;font-size:8px;letter-spacing:1.5px;font-weight:950;color:var(--premium-blue);padding:4px 7px;background:rgba(238,242,255,.88);border:1px solid rgba(215,224,255,.95);border-radius:999px}
.app-brand-copy small{display:block;color:var(--premium-muted);font-size:9px;margin-top:5px;white-space:nowrap}
.top-nav{justify-self:center;display:flex;align-items:center;gap:7px;padding:5px;border:1px solid rgba(216,226,239,.78);border-radius:18px;background:rgba(255,255,255,.52);box-shadow:inset 0 1px 0 rgba(255,255,255,.9),0 9px 25px rgba(48,67,98,.05);backdrop-filter:blur(18px) saturate(160%)}
.glass-nav-link{position:relative;isolation:isolate;overflow:hidden;display:flex;align-items:center;gap:7px;text-decoration:none;color:#66758a;border:1px solid transparent;padding:9px 13px;border-radius:13px;font-size:11px;font-weight:900;transition:transform .2s ease,color .2s ease,background .2s ease,border-color .2s ease,box-shadow .2s ease;white-space:nowrap}
.glass-nav-link:before,.glass-action:before,.premium-btn:before{content:"";position:absolute;z-index:-1;top:-80%;left:-70%;width:48%;height:260%;transform:rotate(24deg);background:linear-gradient(90deg,transparent,rgba(255,255,255,.86),transparent);opacity:0;transition:left .55s ease,opacity .22s ease;pointer-events:none}
.glass-nav-link:hover:before,.glass-action:hover:before,.premium-btn:hover:before{left:125%;opacity:.85}
.glass-nav-link:hover{color:#435bca;background:rgba(255,255,255,.70);border-color:rgba(213,222,241,.95);transform:translateY(-1px)}
.glass-nav-link.active{color:#fff;background:linear-gradient(135deg,rgba(79,109,245,.97),rgba(62,145,224,.94));border-color:rgba(255,255,255,.52);box-shadow:0 10px 24px rgba(71,97,219,.25),inset 0 1px 0 rgba(255,255,255,.32)}
.glass-nav-link.active .top-nav-icon{background:rgba(255,255,255,.18);color:#fff}
.top-nav-icon{width:25px;height:25px;border-radius:8px;display:grid;place-items:center;background:rgba(86,112,237,.09);color:#5b72df;font-size:14px;transition:.2s ease}
.app-tools{justify-self:end;display:flex;align-items:center;gap:7px}
.glass-action,.premium-btn{position:relative;isolation:isolate;overflow:hidden;display:inline-flex;align-items:center;justify-content:center;gap:7px;border:1px solid rgba(212,222,237,.92);background:rgba(255,255,255,.62);color:#53647b;border-radius:13px;padding:9px 11px;font-weight:900;box-shadow:inset 0 1px 0 rgba(255,255,255,.92),0 7px 20px rgba(43,64,99,.05);backdrop-filter:blur(12px);transition:.2s ease}
.glass-action:hover,.premium-btn:hover{transform:translateY(-1px);background:rgba(255,255,255,.84);border-color:#cdd9ec;box-shadow:0 11px 25px rgba(42,63,98,.09)}
.lang-switch{display:flex!important;padding:3px!important;background:rgba(234,239,247,.72)!important;border:1px solid rgba(215,224,237,.88)!important;border-radius:12px!important;backdrop-filter:blur(14px)}
.lang-switch button{border:0!important;background:transparent!important;color:#7b8797!important;padding:6px 8px!important;border-radius:8px!important;font-size:10px!important;font-weight:900!important;transition:.18s ease!important}
.lang-switch button.active{background:#fff!important;color:var(--premium-blue)!important;box-shadow:0 4px 12px rgba(42,61,92,.09)!important}

/* ===== Shared surface language ===== */
.shell,.container,.dashboard-shell{max-width:1180px!important;margin:auto!important;padding-top:24px!important}
.compact-page-head{display:flex;align-items:center;justify-content:space-between;gap:20px;margin:4px 0 15px;padding:0 2px}
.compact-page-head h1,.compact-page-head h2{margin:0;font-size:clamp(27px,3.5vw,39px);letter-spacing:-.7px;line-height:1.2}
.compact-page-head p{margin:6px 0 0;color:var(--premium-muted);font-size:12px}
.premium-eyebrow{display:inline-flex;align-items:center;gap:6px;margin-bottom:7px;color:#5269d9;background:rgba(235,240,255,.75);border:1px solid rgba(214,223,255,.92);border-radius:999px;padding:6px 9px;font-size:9px;font-weight:950}
.premium-eyebrow i{width:6px;height:6px;border-radius:50%;background:var(--premium-mint);box-shadow:0 0 0 4px rgba(34,185,154,.10)}
.surface-card,.hero-card,.panel,.section-card,.school-card,.device-card,.stat-card{border-color:rgba(219,227,239,.84)!important;background:rgba(255,255,255,.78)!important;backdrop-filter:blur(17px) saturate(145%);-webkit-backdrop-filter:blur(17px) saturate(145%);box-shadow:var(--premium-soft-shadow)!important}
.hero-card,.panel,.section-card{border-radius:24px!important}

/* ===== Home / devices ===== */
.home-intro{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-bottom:13px}
.home-intro h1{font-size:clamp(28px,4vw,40px);margin:0;letter-spacing:-.8px}
.home-intro p{margin:5px 0 0;color:var(--premium-muted);font-size:12px}
.home-quick-metrics{display:flex;gap:7px;flex-wrap:wrap;justify-content:flex-end}
.quick-chip{display:flex;align-items:center;gap:8px;padding:8px 11px;border:1px solid rgba(217,225,238,.9);background:rgba(255,255,255,.62);backdrop-filter:blur(14px);border-radius:13px;color:#66758a;font-size:9px;font-weight:850}
.quick-chip strong{font-size:14px;color:var(--premium-text)}
.quick-chip i{width:7px;height:7px;border-radius:50%;background:var(--premium-blue);box-shadow:0 0 0 4px rgba(79,109,245,.08)}
.quick-chip.mint i{background:var(--premium-mint);box-shadow:0 0 0 4px rgba(34,185,154,.08)}
.today-strip{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin:12px 0 16px}
.today-item{display:flex;align-items:center;gap:10px;padding:10px 12px;border:1px solid rgba(219,227,239,.85);border-radius:15px;background:rgba(255,255,255,.56);backdrop-filter:blur(14px);min-width:0}
.today-item .today-icon{width:34px;height:34px;border-radius:11px;display:grid;place-items:center;color:#536ce6;background:rgba(235,240,255,.86);font-weight:950;flex:none}
.today-item:nth-child(2) .today-icon{color:#219b81;background:rgba(232,250,244,.88)}
.today-item:nth-child(3) .today-icon{color:#a6761d;background:rgba(255,247,230,.88)}
.today-item span{display:block;color:var(--premium-muted);font-size:8px}.today-item strong{display:block;font-size:13px;margin-top:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.hero-card{padding:24px!important}
.search-heading h3{font-size:24px!important;margin:7px 0 3px!important}.search-heading p{font-size:11px!important}.finder-count{background:linear-gradient(145deg,rgba(239,243,255,.94),rgba(255,255,255,.78))!important;border-color:rgba(216,224,255,.9)!important;border-radius:16px!important;padding:11px 14px!important;min-width:88px!important}.finder-count strong{font-size:24px!important}
.search-wrap{margin-top:15px!important}.search-box{border-radius:15px!important;background:rgba(250,252,255,.86)!important;box-shadow:inset 0 1px 0 #fff}.search-box input{padding:14px 0!important}.suggestions{border-radius:16px!important;background:rgba(255,255,255,.95)!important;backdrop-filter:blur(22px)!important}
.stats-row{margin-top:12px!important}.stat{padding:10px 12px!important;background:rgba(248,251,255,.70)!important;border-color:rgba(226,232,241,.84)!important}.stat strong{font-size:16px!important}.stat span{font-size:9px!important}
.device-card{transition:.2s ease}.device-card:hover{transform:translateY(-2px);border-color:#d0dced!important;box-shadow:0 13px 28px rgba(34,58,93,.09)!important}.copy-btn{transition:.18s ease}.copy-btn:hover{background:#eaf0ff!important;transform:scale(1.04)}

/* ===== Fingerprint page ===== */
.fp-utility-row{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:13px}
.fp-utility-actions{display:flex;gap:7px;flex-wrap:wrap}
.fp-utility-actions .export-btn,.fp-utility-actions .guide-open-btn{margin:0!important}
.hero.fp-compact-hero{min-height:0!important;padding:21px 23px!important;display:flex!important;align-items:center!important;justify-content:space-between!important;gap:18px!important;background:linear-gradient(135deg,rgba(255,255,255,.82),rgba(242,246,255,.78))!important}
.fp-compact-hero h1{font-size:clamp(27px,3.8vw,39px)!important;margin:5px 0 0!important}.fp-compact-hero p{display:none!important}.fp-compact-hero .eyebrow{margin:0!important;font-size:9px!important;padding:6px 9px!important}
.fp-live-strip{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin:11px 0 14px}
.fp-live-card{display:flex;align-items:center;gap:9px;padding:9px 11px;border:1px solid rgba(220,228,240,.84);background:rgba(255,255,255,.58);border-radius:14px;backdrop-filter:blur(14px)}
.fp-live-card i{width:31px;height:31px;border-radius:10px;display:grid;place-items:center;font-style:normal;background:rgba(236,241,255,.88);color:#566edf;font-weight:950}.fp-live-card:nth-child(2) i{background:#eaf9f4;color:#218f78}.fp-live-card:nth-child(3) i{background:#fff6e7;color:#a8791d}.fp-live-card span{font-size:8px;color:var(--premium-muted);display:block}.fp-live-card strong{font-size:12px;display:block;margin-top:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.summary-grid{gap:9px!important}.stat-card{border-radius:17px!important;padding:12px!important;transition:.2s ease}.stat-card:hover{transform:translateY(-2px)}.stat-card span{font-size:9px!important}.stat-card strong{font-size:22px!important}.stat-icon{width:39px!important;height:39px!important;border-radius:12px!important}
.form-panel{padding:22px!important}.panel-head h2{font-size:20px!important}.panel-head p{font-size:9px!important}.step{min-width:29px!important;height:21px!important;font-size:8px!important}.fp-form{gap:13px!important;margin-top:18px!important}.field{gap:5px!important}.field label{font-size:11px!important}.field-hint{font-size:8.5px!important;line-height:1.45!important}.field input,.field select,.field textarea{border-radius:13px!important;padding:12px 13px!important;background:rgba(251,252,255,.86)!important}.school-search-box{border-radius:13px!important;background:rgba(251,252,255,.86)!important}.add-executor-btn{border-radius:13px!important;transition:.2s ease;position:relative;overflow:hidden}.add-executor-btn:hover{transform:translateY(-1px) rotate(3deg);box-shadow:0 9px 20px rgba(31,149,123,.13)}
.save-btn{position:relative;overflow:hidden;isolation:isolate;background:linear-gradient(135deg,#4f6df5,#36aeca)!important;border-radius:13px!important;padding:12px 19px!important;transition:.2s ease}.save-btn:before{content:"";position:absolute;z-index:-1;top:-90%;left:-70%;width:45%;height:280%;transform:rotate(23deg);background:linear-gradient(90deg,transparent,rgba(255,255,255,.8),transparent);transition:left .55s ease}.save-btn:hover:before{left:130%}.save-btn:hover{transform:translateY(-1px);box-shadow:0 14px 31px rgba(64,94,214,.25)!important}
.records-panel{padding:21px!important}.records-head h2{font-size:19px!important}.records-head p{font-size:9px!important}.record-search{background:rgba(250,252,255,.82)!important;border-radius:12px!important}.table-wrap{border-radius:15px!important}th{background:rgba(244,247,252,.93)!important}
.guide-modal-card,.executor-modal-card{background:rgba(255,255,255,.92)!important;backdrop-filter:blur(30px) saturate(150%)!important;border-color:rgba(255,255,255,.85)!important;box-shadow:0 38px 110px rgba(20,42,74,.27)!important}
.toast{min-width:230px;max-width:min(92vw,520px);text-align:center;background:rgba(19,35,55,.93)!important;backdrop-filter:blur(18px);box-shadow:0 16px 44px rgba(21,35,56,.22);border:1px solid rgba(255,255,255,.12)!important;padding:11px 16px!important;border-radius:14px!important}

/* recent school area */
.suggestion-group-title{padding:7px 10px 4px;color:#8794a7;font-size:8px;font-weight:950;text-transform:uppercase;letter-spacing:.5px}.school-suggestion.recent:after{content:"★";color:#e2a62d;font-size:10px;flex:none}

/* ===== Statistics ===== */
.dashboard-hero.premium-dashboard-hero{padding:0!important;background:transparent!important;border:0!important;box-shadow:none!important;display:flex!important;align-items:flex-end!important;justify-content:space-between!important;gap:18px!important;margin-bottom:13px!important}.premium-dashboard-hero h1{font-size:clamp(29px,4vw,42px)!important;margin:4px 0 0!important}.premium-dashboard-hero p{display:none!important}.stats-hero-tools{display:flex;align-items:center;gap:8px;flex-wrap:wrap;justify-content:flex-end}.period-switch{display:flex;padding:4px;border:1px solid rgba(215,224,238,.88);background:rgba(255,255,255,.60);border-radius:13px;backdrop-filter:blur(14px)}.period-switch button{border:0;background:transparent;color:#758297;padding:7px 11px;border-radius:9px;font-size:9px;font-weight:950;transition:.18s ease}.period-switch button.active{background:linear-gradient(135deg,#4f6df5,#5b91e8);color:#fff;box-shadow:0 7px 17px rgba(71,96,213,.22)}.refresh-btn{border-radius:13px!important;background:rgba(255,255,255,.64)!important;border-color:rgba(214,223,238,.9)!important;color:#5266c9!important;backdrop-filter:blur(12px)!important}.refresh-btn:hover{transform:translateY(-1px)}
.section-card{padding:20px!important}.section-heading h2{font-size:18px!important}.section-heading p{font-size:9px!important}.school-kpis,.supervisor-kpis{gap:8px!important}.kpi,.super-kpi{border-radius:16px!important;padding:13px!important;background:rgba(250,252,255,.68)!important;transition:.2s ease}.kpi:hover,.super-kpi:hover{transform:translateY(-2px);box-shadow:0 13px 28px rgba(33,56,90,.07)}.kpi strong,.super-kpi strong{font-size:25px!important}.kpi span,.super-kpi span{font-size:9px!important}.kpi small,.super-kpi small{font-size:8px!important}.visual-grid{gap:11px!important}.status-panel{min-height:100%!important}.quick-summary-panel{display:grid;grid-template-columns:1fr;gap:9px;align-content:start}.quick-summary-card{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:14px;border:1px solid rgba(222,229,240,.86);border-radius:16px;background:rgba(250,252,255,.68)}.quick-summary-card span{font-size:9px;color:var(--premium-muted)}.quick-summary-card strong{font-size:18px}.quick-summary-card small{font-size:8px;color:#8996a8}.executors-panel,.notes-panel{margin-top:11px!important}.executor-name{cursor:pointer;text-decoration:none!important;transition:.18s ease}.executor-name:hover{color:var(--premium-blue)}.mini-track{height:7px!important}.note-row{border-radius:14px!important;background:rgba(250,252,255,.65)!important}
.dashboard-footer{font-size:9px!important}.live-pill{font-size:9px!important;padding:6px 9px!important}

/* utility connection pill */
.connection-pill{display:flex;align-items:center;gap:6px;padding:7px 9px;border-radius:11px;border:1px solid rgba(215,224,237,.88);background:rgba(255,255,255,.56);color:#758297;font-size:8px;font-weight:850}.connection-pill i{width:7px;height:7px;border-radius:50%;background:#20ba91;box-shadow:0 0 0 4px rgba(32,186,145,.10)}.connection-pill.offline i{background:#e66476;box-shadow:0 0 0 4px rgba(230,100,118,.10)}

/* ===== Mobile ===== */
.mobile-nav{display:none!important}
@media(max-width:920px){
  .app-header{padding:8px 10px}.app-header-inner{grid-template-columns:auto 1fr auto;gap:8px}.app-brand-copy small{display:none}.app-brand img{width:39px;height:39px}.app-brand-name strong{font-size:15px}.app-brand-name em{display:none}
  .top-nav{justify-self:stretch;overflow:auto;scrollbar-width:none;gap:4px;padding:4px}.top-nav::-webkit-scrollbar{display:none}.glass-nav-link{flex:1;justify-content:center;padding:8px 9px;font-size:9px}.top-nav-icon{width:22px;height:22px;font-size:12px}.app-tools .connection-pill,.app-tools .install-label{display:none}.glass-action{padding:8px 9px}
  .shell,.container,.dashboard-shell{padding-left:12px!important;padding-right:12px!important;padding-bottom:36px!important}.device-list{grid-template-columns:1fr!important}.visual-grid{grid-template-columns:1fr!important}
}
@media(max-width:650px){
  .app-header{padding:7px 8px}.app-header-inner{grid-template-columns:auto 1fr auto}.app-brand{padding:3px}.app-brand img{width:36px;height:36px;border-radius:12px}.app-brand-name strong{font-size:14px}.top-nav{border-radius:14px}.glass-nav-link{gap:4px;padding:7px 6px;border-radius:10px;font-size:8px}.top-nav-icon{display:none}.lang-switch button{padding:5px 6px!important;font-size:8px!important}
  .home-intro{align-items:flex-start}.home-intro h1{font-size:27px}.home-intro p{font-size:10px}.home-quick-metrics{display:none}.today-strip,.fp-live-strip{grid-template-columns:1fr 1fr}.today-item:last-child,.fp-live-card:last-child{grid-column:1/-1}.hero-card{padding:17px!important}.search-heading{align-items:flex-start!important}.search-heading h3{font-size:20px!important}.search-heading p{display:none}.finder-count{min-width:70px!important;padding:9px!important}.finder-count strong{font-size:20px!important}.stats-row{display:none!important}
  .hero.fp-compact-hero{padding:17px!important;align-items:flex-start!important}.fp-compact-hero h1{font-size:27px!important}.fp-compact-hero .hero-actions{display:none!important}.fp-utility-row{align-items:flex-start}.fp-utility-actions{width:100%}.fp-utility-actions>*{flex:1}.summary-grid{grid-template-columns:repeat(2,1fr)!important}.form-panel,.records-panel{padding:16px!important}.fp-form{grid-template-columns:1fr!important}.field.full,.form-actions{grid-column:auto!important}.form-actions{position:sticky;bottom:8px;z-index:20;padding:8px;margin:2px -4px -4px;background:rgba(248,250,253,.78);backdrop-filter:blur(14px);border-radius:15px}.save-btn{width:100%}.records-head{align-items:stretch!important;flex-direction:column!important}.record-search{min-width:0!important;width:100%!important}.table-wrap{margin-inline:-4px}.dashboard-hero.premium-dashboard-hero{align-items:flex-start!important;flex-direction:column!important}.stats-hero-tools{width:100%;justify-content:space-between}.period-switch{flex:1}.period-switch button{flex:1}.school-kpis{grid-template-columns:repeat(2,1fr)!important}.school-kpis .rate{grid-column:1/-1}.supervisor-kpis{grid-template-columns:repeat(2,1fr)!important}.supervisor-kpis .rate-card{grid-column:1/-1}.section-card{padding:16px!important}.donut-layout{flex-direction:column!important}.quick-summary-panel{grid-template-columns:1fr 1fr}.dashboard-footer{flex-direction:column;gap:5px!important}
}
@media(max-width:390px){.app-brand-name em{display:none}.app-brand img{width:33px;height:33px}.glass-nav-link{font-size:7.5px;padding:7px 4px}.today-strip,.fp-live-strip{grid-template-columns:1fr}.today-item:last-child,.fp-live-card:last-child{grid-column:auto}.summary-grid{grid-template-columns:1fr 1fr!important}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;animation:none!important;transition:none!important}.glass-nav-link:before,.glass-action:before,.premium-btn:before,.save-btn:before{display:none}}

/* ===== V16 theme, tooltips and micro-interactions ===== */
.icon-action{width:38px;height:38px;padding:0!important;border-radius:12px!important;font-size:15px}
.tip{position:relative}.tip[data-tip]:hover:after{content:attr(data-tip);position:absolute;z-index:300;top:calc(100% + 8px);left:50%;transform:translateX(-50%);padding:6px 8px;border-radius:8px;background:#15243a;color:#fff;font-size:8px;font-weight:800;white-space:nowrap;pointer-events:none;box-shadow:0 8px 22px rgba(15,30,50,.18)}
html[data-theme="dark"]{color-scheme:dark;--premium-bg:#0f1724;--premium-surface:rgba(22,32,48,.82);--premium-white:#182235;--premium-text:#eaf0f8;--premium-muted:#9aa9bd;--premium-line:rgba(87,105,130,.38);--premium-shadow:0 20px 60px rgba(0,0,0,.25);--premium-soft-shadow:0 10px 30px rgba(0,0,0,.18)}
html[data-theme="dark"] body{background:radial-gradient(850px 420px at 5% -5%,rgba(79,109,245,.17),transparent 62%),radial-gradient(700px 380px at 102% 7%,rgba(34,185,154,.12),transparent 64%),linear-gradient(180deg,#111927,#0e1622)!important;color:var(--premium-text)}
html[data-theme="dark"] .app-header{background:rgba(15,23,36,.76);border-color:rgba(84,101,125,.3)}
html[data-theme="dark"] .top-nav,html[data-theme="dark"] .glass-action,html[data-theme="dark"] .premium-btn,html[data-theme="dark"] .connection-pill,html[data-theme="dark"] .lang-switch,html[data-theme="dark"] .surface-card,html[data-theme="dark"] .hero-card,html[data-theme="dark"] .panel,html[data-theme="dark"] .section-card,html[data-theme="dark"] .school-card,html[data-theme="dark"] .device-card,html[data-theme="dark"] .stat-card,html[data-theme="dark"] .fp-live-card,html[data-theme="dark"] .today-item,html[data-theme="dark"] .quick-chip{background:rgba(23,34,52,.78)!important;border-color:rgba(91,108,133,.36)!important;color:#e8eef7!important}
html[data-theme="dark"] .glass-nav-link{color:#a9b6c8}html[data-theme="dark"] .glass-nav-link:hover{background:rgba(40,54,76,.84);color:#e8eef7}html[data-theme="dark"] .glass-nav-link.active{color:#fff;background:linear-gradient(135deg,#5873f7,#3f94d8)}
html[data-theme="dark"] .app-brand-name strong,html[data-theme="dark"] h1,html[data-theme="dark"] h2,html[data-theme="dark"] h3,html[data-theme="dark"] strong,html[data-theme="dark"] .field label{color:#edf3fb}
html[data-theme="dark"] input,html[data-theme="dark"] select,html[data-theme="dark"] textarea,html[data-theme="dark"] .school-search-box,html[data-theme="dark"] .record-search,html[data-theme="dark"] .record-filters select,html[data-theme="dark"] .record-filters input[type=date]{background:rgba(14,24,38,.72)!important;border-color:rgba(86,104,130,.42)!important;color:#eaf0f8!important}
html[data-theme="dark"] .school-suggestions,html[data-theme="dark"] .guide-modal-card,html[data-theme="dark"] .executor-modal-card,html[data-theme="dark"] .executor-detail-card{background:rgba(20,31,47,.96)!important;border-color:rgba(90,108,132,.42)!important;color:#eaf0f8!important}
html[data-theme="dark"] .school-suggestion{color:#eaf0f8}html[data-theme="dark"] .school-suggestion:hover{background:#243249}html[data-theme="dark"] table{background:#151f2f!important;color:#eaf0f8}html[data-theme="dark"] th{background:#1b2739!important;color:#aebbd0!important}html[data-theme="dark"] td{border-color:#263347!important}html[data-theme="dark"] tbody tr:hover{background:#1b2739!important}
html[data-theme="dark"] .executor-meta,html[data-theme="dark"] .fp-stepper,html[data-theme="dark"] .record-mobile-card,html[data-theme="dark"] .record-card-counts span,html[data-theme="dark"] .quick-summary-card{background:rgba(21,31,47,.76)!important;border-color:rgba(84,102,128,.38)!important}
html[data-theme="dark"] .records-skeleton i,html[data-theme="dark"] .stats-skeleton i{background:linear-gradient(90deg,#1d293b 20%,#28364b 38%,#1d293b 60%);background-size:220% 100%}
@media(hover:none){.tip[data-tip]:hover:after{display:none}}


/* BASMA Premium V14 */
html[data-theme="dark"]{color-scheme:dark;--premium-text:#eef4ff;--premium-muted:#9eacc0;background:#0f1722}
html[data-theme="dark"] body{background:radial-gradient(circle at 15% -5%,rgba(61,90,254,.18),transparent 32%),radial-gradient(circle at 90% 10%,rgba(29,180,153,.10),transparent 25%),#0f1722;color:#eef4ff}
html[data-theme="dark"] .app-header{background:rgba(15,23,34,.78)!important;border-color:rgba(255,255,255,.08)!important}
html[data-theme="dark"] .surface-card,html[data-theme="dark"] .hero-card,html[data-theme="dark"] .panel,html[data-theme="dark"] .section-card,html[data-theme="dark"] .school-card,html[data-theme="dark"] .device-card,html[data-theme="dark"] .stat-card,html[data-theme="dark"] .fp-live-card{background:rgba(24,35,51,.76)!important;border-color:rgba(255,255,255,.08)!important;color:#eef4ff}
html[data-theme="dark"] input,html[data-theme="dark"] select,html[data-theme="dark"] textarea{background:#162234!important;color:#eef4ff!important;border-color:#314057!important}
html[data-theme="dark"] .record-mobile-card,html[data-theme="dark"] .executor-meta,html[data-theme="dark"] .record-filters{background:rgba(22,34,52,.82)!important;border-color:#314057!important}
.icon-tool{width:37px;height:37px;border:1px solid rgba(213,223,237,.92);border-radius:13px;background:rgba(255,255,255,.66);display:grid;place-items:center;cursor:pointer;backdrop-filter:blur(13px);font-size:17px;transition:.2s}.icon-tool:hover{transform:translateY(-2px);box-shadow:0 10px 24px rgba(38,61,95,.10)}
.tip{position:relative}.tip:hover:after{content:attr(data-tip);position:absolute;z-index:99;bottom:calc(100% + 8px);inset-inline-start:50%;transform:translateX(-50%);white-space:nowrap;background:#172033;color:#fff;font-size:10px;padding:6px 8px;border-radius:8px;box-shadow:0 8px 24px rgba(0,0,0,.16)}
.fp-stepper{display:flex;align-items:center;justify-content:center;gap:8px;margin:4px 0 18px;padding:11px 12px;border-radius:16px;background:rgba(246,249,253,.82);border:1px solid #e6edf6}.fp-step{display:flex;align-items:center;gap:6px;color:#8a98aa;font-size:10px;font-weight:800;white-space:nowrap}.fp-step b{width:25px;height:25px;border-radius:9px;display:grid;place-items:center;background:#e9eef6;color:#738198;transition:.2s}.fp-step.active b{background:#dfe8ff;color:#3158d8;box-shadow:0 0 0 4px rgba(49,88,216,.08)}.fp-step.done{color:#23846e}.fp-step.done b{background:#dff5ee;color:#23846e}.fp-stepper>i{width:34px;height:2px;background:#e3e9f1;border-radius:3px}.fp-stepper>i.done{background:#69cbb6}.form-head-actions{display:flex;align-items:center;gap:7px}.edit-mode-badge{padding:6px 9px;border-radius:10px;background:#fff5da;color:#9c7218;font-size:9px;font-weight:900;border:1px solid #f4df9c}.cancel-edit-btn{border:0;background:#f1f4f8;color:#58677b;border-radius:10px;padding:7px 10px;font-weight:800;cursor:pointer}
.executor-meta{margin-top:8px;padding:8px 9px;border:1px solid #e6edf5;border-radius:13px;background:#f9fbfd;display:flex;align-items:center;gap:9px}.executor-avatar,.stats-avatar{width:34px;height:34px;border-radius:12px;display:grid;place-items:center;font-weight:950;background:linear-gradient(135deg,#dfe7ff,#d9f5ee);color:#3359c8}.executor-meta strong{font-size:10px;display:block}.executor-meta small{font-size:8px;color:#8190a3}
.record-filters{display:grid;grid-template-columns:1fr 1fr 170px auto;gap:8px;margin:12px 0;padding:9px;border:1px solid #e8eef5;border-radius:15px;background:#fafcff}.record-filters select,.record-filters input{min-height:38px;border:1px solid #dce5ef;border-radius:11px;background:#fff;padding:0 10px;font:inherit;font-size:10px}.clear-filters-btn{border:0;border-radius:11px;padding:0 12px;background:#edf2f8;color:#526177;font-weight:850;cursor:pointer}.records-skeleton{display:grid;gap:8px}.records-skeleton div{height:46px;border-radius:12px;background:linear-gradient(90deg,#edf2f7 25%,#f8fafc 37%,#edf2f7 63%);background-size:400% 100%;animation:skeleton 1.25s ease infinite}@keyframes skeleton{0%{background-position:100% 0}100%{background-position:0 0}}
.mobile-records{display:none}.record-edit-btn{border:1px solid #dbe5f2;border-radius:10px;background:#fff;color:#3158d8;padding:6px 9px;font-size:9px;font-weight:900;cursor:pointer;transition:.18s}.record-edit-btn:hover{background:#edf2ff;transform:translateY(-1px)}
.record-mobile-card{padding:13px;border:1px solid #e4ebf3;border-inline-start:4px solid #6382ed;border-radius:15px;background:#fff;box-shadow:0 7px 20px rgba(37,56,83,.05)}.record-mobile-card.complete{border-inline-start-color:#36ad91}.record-mobile-card.progress{border-inline-start-color:#d9a632}.record-mobile-card.blocked{border-inline-start-color:#d76868}.record-card-head{display:flex;justify-content:space-between;gap:8px}.record-card-head strong{font-size:11px}.record-card-head small{display:block;font-size:8px;color:#8492a5;margin-top:3px}.record-card-counts{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;margin:10px 0}.record-card-counts span{font-size:8px;color:#8693a5;padding:7px;background:#f8fafc;border-radius:10px;text-align:center}.record-card-counts b{display:block;font-size:16px;color:#27364c;margin-bottom:2px}.record-mobile-card p{font-size:9px;color:#647386;margin:8px 0}
.offline-banner{display:none;position:sticky;top:76px;z-index:40;margin:8px auto;max-width:1180px;padding:9px 14px;border-radius:12px;background:#fff1e8;color:#9a4f22;border:1px solid #ffd4b9;font-size:10px;font-weight:800}.offline-banner.show{display:block}
@media(max-width:760px){.fp-stepper{justify-content:space-between;gap:3px}.fp-step span{display:none}.fp-stepper>i{flex:1;width:auto}.record-filters{grid-template-columns:1fr 1fr}.record-filters input{grid-column:1/2}.clear-filters-btn{grid-column:2/3}.desktop-records{display:none!important}.mobile-records{display:grid;gap:9px}.tip:hover:after{display:none}.executor-table .executor-name{min-width:120px}.form-head-actions{flex-wrap:wrap;justify-content:flex-end}}


/* BASMA Premium V16 - Dark theme refinement */
html[data-theme="dark"]{
  --dark-bg:#0b1320;
  --dark-bg-soft:#101a2a;
  --dark-surface:#162234;
  --dark-surface-2:#1b2940;
  --dark-surface-3:#22324b;
  --dark-stroke:rgba(135,157,189,.18);
  --dark-stroke-strong:rgba(157,178,210,.26);
  --dark-text:#edf4ff;
  --dark-text-soft:#c7d4e8;
  --dark-muted:#93a5be;
  --dark-blue:#6f86ff;
  --dark-mint:#30c3a1;
  --dark-amber:#f0bc58;
  --dark-red:#f07c8a;
}
html[data-theme="dark"] body{
  background:
    radial-gradient(circle at 14% -4%,rgba(92,119,255,.18),transparent 26%),
    radial-gradient(circle at 88% 6%,rgba(46,195,161,.10),transparent 22%),
    linear-gradient(180deg,#0b1320 0%,#0e1725 52%,#0b1320 100%) !important;
  color:var(--dark-text) !important;
}
html[data-theme="dark"] body:before{background:rgba(84,112,255,.10)!important}
html[data-theme="dark"] body:after{background:rgba(48,195,161,.07)!important}
html[data-theme="dark"] .app-header{
  background:rgba(10,18,30,.82)!important;
  border-color:rgba(255,255,255,.07)!important;
  box-shadow:0 8px 24px rgba(0,0,0,.22);
}
html[data-theme="dark"] .app-brand:hover{background:rgba(255,255,255,.04)!important}
html[data-theme="dark"] .app-brand-copy small,
html[data-theme="dark"] .compact-page-head p,
html[data-theme="dark"] .home-intro p,
html[data-theme="dark"] .today-item span,
html[data-theme="dark"] .search-heading p,
html[data-theme="dark"] .panel-head p,
html[data-theme="dark"] .records-head p,
html[data-theme="dark"] .field-hint,
html[data-theme="dark"] .section-title-row p,
html[data-theme="dark"] .empty-state,
html[data-theme="dark"] .empty-state p,
html[data-theme="dark"] .device-location,
html[data-theme="dark"] .school-card p,
html[data-theme="dark"] .stat span,
html[data-theme="dark"] .stat-card span,
html[data-theme="dark"] .fp-live-card span,
html[data-theme="dark"] .guide-step p,
html[data-theme="dark"] .guide-note,
html[data-theme="dark"] .executor-meta small,
html[data-theme="dark"] .record-card-head small,
html[data-theme="dark"] .record-mobile-card p,
html[data-theme="dark"] .dashboard-footer,
html[data-theme="dark"] .footer-live,
html[data-theme="dark"] .panel-title-row p,
html[data-theme="dark"] .trend-svg .ticks text,
html[data-theme="dark"] .exception-main small,
html[data-theme="dark"] .exception-main p,
html[data-theme="dark"] .activity-row small,
html[data-theme="dark"] .reason-label span,
html[data-theme="dark"] .legend small,
html[data-theme="dark"] .donut-center small,
html[data-theme="dark"] .projectHint,
html[data-theme="dark"] .project-mini-metrics small,
html[data-theme="dark"] .pace-card em,
html[data-theme="dark"] .pace-card small,
html[data-theme="dark"] .count-chip,
html[data-theme="dark"] .coverage-box span,
html[data-theme="dark"] .coverage-box small,
html[data-theme="dark"] .brand-visual p,
html[data-theme="dark"] .brand-visual>span,
html[data-theme="dark"] .section-kicker,
html[data-theme="dark"] .premium-eyebrow,
html[data-theme="dark"] .eyebrow,
html[data-theme="dark"] .live-pill,
html[data-theme="dark"] .finder-count span,
html[data-theme="dark"] .quick-chip,
html[data-theme="dark"] .guide-kicker,
html[data-theme="dark"] .executor-modal-kicker,
html[data-theme="dark"] .executor-modal-hint,
html[data-theme="dark"] .detailKicker,
html[data-theme="dark"] .record-card-counts span,
html[data-theme="dark"] .connection-pill,
html[data-theme="dark"] .glass-nav-link,
html[data-theme="dark"] .glass-action,
html[data-theme="dark"] .icon-tool,
html[data-theme="dark"] .lang-switch button,
html[data-theme="dark"] .record-search span,
html[data-theme="dark"] .school-search-icon{color:var(--dark-text-soft)!important}

html[data-theme="dark"] .top-nav,
html[data-theme="dark"] .glass-action,
html[data-theme="dark"] .premium-btn,
html[data-theme="dark"] .icon-tool,
html[data-theme="dark"] .connection-pill,
html[data-theme="dark"] .lang-switch,
html[data-theme="dark"] .surface-card,
html[data-theme="dark"] .hero-card,
html[data-theme="dark"] .panel,
html[data-theme="dark"] .section-card,
html[data-theme="dark"] .school-card,
html[data-theme="dark"] .device-card,
html[data-theme="dark"] .stat-card,
html[data-theme="dark"] .fp-live-card,
html[data-theme="dark"] .today-item,
html[data-theme="dark"] .quick-chip,
html[data-theme="dark"] .welcome-card,
html[data-theme="dark"] .record-mobile-card,
html[data-theme="dark"] .executor-meta,
html[data-theme="dark"] .record-filters,
html[data-theme="dark"] .premium-panel,
html[data-theme="dark"] .executive-kpi,
html[data-theme="dark"] .project-overview,
html[data-theme="dark"] .trend-mini,
html[data-theme="dark"] .exception-card,
html[data-theme="dark"] .activity-row,
html[data-theme="dark"] .coverage-box,
html[data-theme="dark"] .update-card,
html[data-theme="dark"] .legend>div,
html[data-theme="dark"] .note-row,
html[data-theme="dark"] .kpi,
html[data-theme="dark"] .super-kpi,
html[data-theme="dark"] .pace-card{
  background:rgba(22,34,52,.86)!important;
  color:var(--dark-text)!important;
  border-color:var(--dark-stroke)!important;
  box-shadow:0 14px 40px rgba(0,0,0,.18)!important;
}
html[data-theme="dark"] .welcome-card,
html[data-theme="dark"] .hero,
html[data-theme="dark"] .dashboard-hero,
html[data-theme="dark"] .hero-card,
html[data-theme="dark"] .vision-panel,
html[data-theme="dark"] .project-overview{
  background:linear-gradient(180deg,rgba(22,34,52,.94),rgba(17,27,42,.92))!important;
}
html[data-theme="dark"] .vision-panel:after,
html[data-theme="dark"] .hero:after,
html[data-theme="dark"] .welcome-card:after{background:rgba(96,124,255,.10)!important}
html[data-theme="dark"] .top-nav{background:rgba(19,30,45,.82)!important;border-color:var(--dark-stroke)!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.04),0 10px 26px rgba(0,0,0,.16)!important}
html[data-theme="dark"] .glass-nav-link{border-color:transparent!important}
html[data-theme="dark"] .glass-nav-link:hover{background:rgba(39,54,78,.94)!important;color:var(--dark-text)!important}
html[data-theme="dark"] .glass-nav-link.active{background:linear-gradient(135deg,#5f79ff,#3ca3dd)!important;color:#fff!important;box-shadow:0 12px 24px rgba(61,96,255,.24),inset 0 1px 0 rgba(255,255,255,.16)!important}
html[data-theme="dark"] .top-nav-icon,
html[data-theme="dark"] .today-item .today-icon,
html[data-theme="dark"] .guide-help-icon,
html[data-theme="dark"] .stat-icon,
html[data-theme="dark"] .heading-icon,
html[data-theme="dark"] .kpi-icon,
html[data-theme="dark"] .super-icon,
html[data-theme="dark"] .device-icon,
html[data-theme="dark"] .empty-icon,
html[data-theme="dark"] .rank-badge,
html[data-theme="dark"] .count-pill{
  background:rgba(111,134,255,.14)!important;
  color:#bcccff!important;
  border-color:rgba(111,134,255,.18)!important;
}
html[data-theme="dark"] .glass-action,
html[data-theme="dark"] .premium-btn,
html[data-theme="dark"] .icon-tool,
html[data-theme="dark"] .guide-open-btn,
html[data-theme="dark"] .stats-btn,
html[data-theme="dark"] .export-btn,
html[data-theme="dark"] .cancel-edit-btn,
html[data-theme="dark"] .clear-filters-btn,
html[data-theme="dark"] .school-search-clear,
html[data-theme="dark"] .copy-btn,
html[data-theme="dark"] .modal-close,
html[data-theme="dark"] .guide-close-btn,
html[data-theme="dark"] .executor-modal-close{
  background:rgba(27,41,64,.92)!important;
  color:var(--dark-text)!important;
  border:1px solid var(--dark-stroke)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.04),0 8px 18px rgba(0,0,0,.14)!important;
}
html[data-theme="dark"] .glass-action:hover,
html[data-theme="dark"] .premium-btn:hover,
html[data-theme="dark"] .icon-tool:hover,
html[data-theme="dark"] .guide-open-btn:hover,
html[data-theme="dark"] .stats-btn:hover,
html[data-theme="dark"] .export-btn:hover,
html[data-theme="dark"] .cancel-edit-btn:hover,
html[data-theme="dark"] .clear-filters-btn:hover,
html[data-theme="dark"] .school-search-clear:hover,
html[data-theme="dark"] .copy-btn:hover,
html[data-theme="dark"] .modal-close:hover,
html[data-theme="dark"] .guide-close-btn:hover,
html[data-theme="dark"] .executor-modal-close:hover{background:rgba(34,50,77,.98)!important;border-color:var(--dark-stroke-strong)!important}
html[data-theme="dark"] .lang-switch{background:rgba(19,30,46,.90)!important}
html[data-theme="dark"] .lang-switch button.active{background:rgba(109,134,255,.18)!important;color:#dbe5ff!important;box-shadow:none!important}
html[data-theme="dark"] .connection-pill i{background:var(--dark-mint)!important;box-shadow:0 0 0 5px rgba(48,195,161,.12)!important}
html[data-theme="dark"] input,
html[data-theme="dark"] select,
html[data-theme="dark"] textarea,
html[data-theme="dark"] .search-box,
html[data-theme="dark"] .school-search-box,
html[data-theme="dark"] .record-search,
html[data-theme="dark"] .record-filters select,
html[data-theme="dark"] .record-filters input[type=date],
html[data-theme="dark"] .finder-count,
html[data-theme="dark"] .stat,
html[data-theme="dark"] .record-card-counts span,
html[data-theme="dark"] .search-box,
html[data-theme="dark"] .stat,
html[data-theme="dark"] .finder-count,
html[data-theme="dark"] .search-box:focus-within,
html[data-theme="dark"] .school-search-box:focus-within{
  background:rgba(13,22,35,.92)!important;
  color:var(--dark-text)!important;
  border-color:var(--dark-stroke)!important;
  box-shadow:none!important;
}
html[data-theme="dark"] .field input[readonly]{background:rgba(24,36,54,.92)!important;color:var(--dark-text-soft)!important}
html[data-theme="dark"] input::placeholder,
html[data-theme="dark"] textarea::placeholder{color:#8195af!important;opacity:1}
html[data-theme="dark"] select option{background:#132033;color:var(--dark-text)}
html[data-theme="dark"] .school-suggestions,
html[data-theme="dark"] .suggestions,
html[data-theme="dark"] .guide-modal-card,
html[data-theme="dark"] .executor-modal-card,
html[data-theme="dark"] .executor-detail-card,
html[data-theme="dark"] .modal{
  background:linear-gradient(180deg,#152235,#101b2b)!important;
  color:var(--dark-text)!important;
  border-color:var(--dark-stroke)!important;
  box-shadow:0 26px 70px rgba(0,0,0,.34)!important;
}
html[data-theme="dark"] .modal-backdrop,
html[data-theme="dark"] .guide-modal-backdrop,
html[data-theme="dark"] .executor-modal-backdrop,
html[data-theme="dark"] .executor-detail-backdrop{background:rgba(3,8,14,.62)!important;backdrop-filter:blur(10px)!important}
html[data-theme="dark"] .suggestion,
html[data-theme="dark"] .school-suggestion{color:var(--dark-text)!important}
html[data-theme="dark"] .suggestion:hover,
html[data-theme="dark"] .school-suggestion:hover{background:rgba(111,134,255,.10)!important}
html[data-theme="dark"] .suggestion .badge,
html[data-theme="dark"] .school-code-mini,
html[data-theme="dark"] .school-code,
html[data-theme="dark"] .brand-visual>span,
html[data-theme="dark"] .section-kicker,
html[data-theme="dark"] .premium-eyebrow,
html[data-theme="dark"] .eyebrow,
html[data-theme="dark"] .guide-kicker,
html[data-theme="dark"] .executor-modal-kicker{background:rgba(111,134,255,.10)!important;border-color:rgba(111,134,255,.18)!important;color:#c6d5ff!important}
html[data-theme="dark"] .section-kicker.danger,
html[data-theme="dark"] .edit-mode-badge{background:rgba(240,124,138,.10)!important;border-color:rgba(240,124,138,.18)!important;color:#ffc5cf!important}
html[data-theme="dark"] .live-pill{background:rgba(48,195,161,.10)!important;border-color:rgba(48,195,161,.18)!important;color:#bff2e4!important}
html[data-theme="dark"] .save-btn,
html[data-theme="dark"] .primary-btn,
html[data-theme="dark"] .follow-btn,
html[data-theme="dark"] .refresh-btn,
html[data-theme="dark"] .executor-save-btn{
  color:#fff!important;
  border:0!important;
  background:linear-gradient(135deg,#5f79ff,#2ebea0)!important;
  box-shadow:0 14px 28px rgba(43,97,222,.26)!important;
}
html[data-theme="dark"] .executor-cancel-btn,
html[data-theme="dark"] .record-edit-btn,
html[data-theme="dark"] .add-executor-btn{background:rgba(111,134,255,.10)!important;border:1px solid rgba(111,134,255,.18)!important;color:#d5e0ff!important}
html[data-theme="dark"] .record-edit-btn:hover,
html[data-theme="dark"] .add-executor-btn:hover{background:rgba(111,134,255,.16)!important}
html[data-theme="dark"] .table-wrap,
html[data-theme="dark"] .executor-table-wrap{border-color:var(--dark-stroke)!important}
html[data-theme="dark"] table,
html[data-theme="dark"] .executor-table{background:rgba(16,25,39,.88)!important;color:var(--dark-text)!important}
html[data-theme="dark"] th{background:rgba(24,37,56,.98)!important;color:#aac0dc!important;border-bottom-color:var(--dark-stroke)!important}
html[data-theme="dark"] td{border-bottom-color:rgba(255,255,255,.06)!important;color:var(--dark-text)!important}
html[data-theme="dark"] tbody tr:hover{background:rgba(108,131,255,.06)!important}
html[data-theme="dark"] .status.complete{background:rgba(48,195,161,.12)!important;color:#bff2e4!important}
html[data-theme="dark"] .status.progress{background:rgba(240,188,88,.12)!important;color:#ffdca0!important}
html[data-theme="dark"] .status.blocked{background:rgba(240,124,138,.12)!important;color:#ffc5cf!important}
html[data-theme="dark"] .project-progress-ring:after,
html[data-theme="dark"] .donut:after{background:#132033!important;box-shadow:0 0 0 1px rgba(255,255,255,.06)!important}
html[data-theme="dark"] .project-rateLabel,
html[data-theme="dark"] .donut-center span,
html[data-theme="dark"] .legend b,
html[data-theme="dark"] .reason-label b,
html[data-theme="dark"] .count-chip b,
html[data-theme="dark"] .project-overview-copy h2 strong,
html[data-theme="dark"] .coverage-box strong,
html[data-theme="dark"] .pace-card strong,
html[data-theme="dark"] .executive-kpi strong,
html[data-theme="dark"] .kpi strong,
html[data-theme="dark"] .super-kpi strong,
html[data-theme="dark"] .brand-visual h2,
html[data-theme="dark"] .executor-name,
html[data-theme="dark"] .device-name,
html[data-theme="dark"] .school-card h3,
html[data-theme="dark"] .record-card-counts b{color:var(--dark-text)!important}
html[data-theme="dark"] .reason-track,
html[data-theme="dark"] .progress-track,
html[data-theme="dark"] .mini-track,
html[data-theme="dark"] .trend-svg .axis{background:#21314a!important;stroke:#2b3c55!important}
html[data-theme="dark"] .activity-dot{box-shadow:0 0 0 4px rgba(95,121,255,.12)!important}
html[data-theme="dark"] .activity-dot.update{box-shadow:0 0 0 4px rgba(48,195,161,.12)!important}
html[data-theme="dark"] .error-banner,
html[data-theme="dark"] .offline-banner{background:rgba(240,124,138,.10)!important;border-color:rgba(240,124,138,.18)!important;color:#ffc5cf!important}
html[data-theme="dark"] .sync-queue-banner{background:rgba(240,188,88,.10)!important;border-color:rgba(240,188,88,.18)!important;color:#ffe1ab!important}
html[data-theme="dark"] .sync-queue-banner button{background:rgba(27,41,64,.92)!important;color:#ffe1ab!important;border:1px solid var(--dark-stroke)!important}
html[data-theme="dark"] .toast{background:#1a2840!important;color:#fff!important;box-shadow:0 14px 35px rgba(0,0,0,.24)!important}
html[data-theme="dark"] .mobile-nav{background:rgba(13,22,35,.94)!important;border-color:var(--dark-stroke)!important;box-shadow:0 18px 55px rgba(0,0,0,.34)!important}
html[data-theme="dark"] .mobile-nav a{color:#a9b8cb!important}
html[data-theme="dark"] .mobile-nav a.active{background:rgba(111,134,255,.14)!important;color:#dce6ff!important}


/* BASMA Premium V17 - Two-row navigation */
.app-header{padding:10px 16px 12px!important}
.app-header-inner{
  max-width:1220px!important;
  margin:auto!important;
  display:grid!important;
  grid-template-columns:minmax(0,1fr) auto!important;
  grid-template-areas:"brand tools" "nav nav"!important;
  align-items:center!important;
  gap:10px 14px!important;
}
.app-brand{grid-area:brand!important;justify-self:start!important}
.app-tools{grid-area:tools!important;justify-self:end!important}
.top-nav{
  grid-area:nav!important;
  justify-self:stretch!important;
  width:100%!important;
  display:grid!important;
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  gap:9px!important;
  padding:6px!important;
  border-radius:20px!important;
}
.glass-nav-link{
  width:100%!important;
  min-height:50px!important;
  justify-content:center!important;
  gap:9px!important;
  padding:12px 18px!important;
  border-radius:14px!important;
  font-size:12px!important;
  letter-spacing:.05px!important;
}
.top-nav-icon{
  width:30px!important;
  height:30px!important;
  border-radius:10px!important;
  font-size:16px!important;
}
.glass-nav-link.active{
  transform:none!important;
  box-shadow:0 12px 28px rgba(71,97,219,.28),inset 0 1px 0 rgba(255,255,255,.34)!important;
}
.glass-nav-link:hover{transform:translateY(-1px)!important}

@media(max-width:760px){
  .app-header{padding:8px 10px 10px!important}
  .app-header-inner{gap:8px 9px!important}
  .app-brand img{width:39px!important;height:39px!important;border-radius:12px!important}
  .app-brand-name strong{font-size:15px!important}
  .app-brand-copy small{display:none!important}
  .app-tools{gap:5px!important}
  .connection-pill span{display:none!important}
  .connection-pill{min-width:36px!important;width:36px!important;height:36px!important;padding:0!important;justify-content:center!important}
  .icon-tool,.glass-action.icon-action{width:36px!important;height:36px!important;min-width:36px!important;padding:0!important}
  .lang-switch button{padding:6px 7px!important;font-size:9px!important}
  .top-nav{gap:6px!important;padding:5px!important;border-radius:17px!important}
  .glass-nav-link{min-height:46px!important;padding:9px 7px!important;font-size:10px!important;gap:6px!important;border-radius:12px!important}
  .top-nav-icon{width:27px!important;height:27px!important;font-size:14px!important}
}
@media(max-width:430px){
  .glass-nav-link{font-size:9px!important;padding:8px 4px!important;gap:4px!important}
  .top-nav-icon{width:25px!important;height:25px!important;font-size:13px!important}
  .app-brand-name em{display:none!important}
}
/* BASMA Intelligence V15 — premium analytics layer */
:root{
  --ink:#182438;--muted2:#76859a;--panel:#ffffff;--panel-soft:#f9fbfe;--stroke:#e6ebf2;
  --blue:#4f6df5;--blue2:#68a6ff;--mint:#27b99b;--cyan2:#32b4d6;--amber2:#e8ad3d;--red2:#e2636d;
  --radius-xl:28px;--radius-lg:20px;--radius-md:15px;
  --shadow-xl:0 24px 70px rgba(31,54,88,.10);--shadow-md:0 12px 34px rgba(31,54,88,.07);
  --space:16px;
  font-family:"IBM Plex Sans Arabic","Noto Sans Arabic","Tajawal","Segoe UI",Tahoma,Arial,sans-serif;
}
body{letter-spacing:0;background:radial-gradient(circle at 6% -5%,#edf3ff 0,transparent 28%),radial-gradient(circle at 96% 4%,#ecfaf7 0,transparent 24%),#f6f8fc}
.app-header{border-bottom-color:rgba(220,228,239,.78)!important}.app-header-inner{max-width:1240px}.app-brand-name strong{font-size:17px;letter-spacing:-.3px}.app-brand-copy small{font-size:9px}.top-nav{padding:5px!important;border-radius:17px!important}.glass-nav-link{min-height:42px;border-radius:13px!important;padding-inline:14px!important;transition:transform .18s ease,box-shadow .18s ease,background .18s ease!important}.glass-nav-link:hover{transform:translateY(-1px)}.glass-nav-link.active{box-shadow:0 9px 22px rgba(79,109,245,.24)!important}.icon-tool,.refresh-btn,.lang-switch{box-shadow:0 7px 18px rgba(36,58,94,.05)}
.intelligence-shell{max-width:1240px;padding-top:22px}.intelligence-hero{display:flex;align-items:flex-end;justify-content:space-between;gap:18px;padding:20px 4px 12px}.hero-copy-compact h1{margin:8px 0 4px;font-size:clamp(30px,4vw,44px);letter-spacing:-1.3px}.hero-copy-compact p{margin:0;color:var(--muted2);font-size:11px}.stats-hero-tools{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.period-switch-wide{display:flex;gap:4px;padding:5px;border:1px solid var(--stroke);border-radius:15px;background:rgba(255,255,255,.76);backdrop-filter:blur(18px)}.period-switch-wide button{border:0;background:transparent;color:#74839a;padding:8px 11px;border-radius:10px;font-size:10px;font-weight:900;transition:.18s}.period-switch-wide button:hover{background:#f1f4fa;color:#44546a}.period-switch-wide button.active{background:linear-gradient(135deg,#526ff5,#56a4e8);color:#fff;box-shadow:0 8px 18px rgba(79,109,245,.22)}
.premium-panel{background:rgba(255,255,255,.92);border:1px solid rgba(225,232,241,.95);border-radius:var(--radius-xl);box-shadow:var(--shadow-md);padding:22px;backdrop-filter:blur(18px)}
.project-overview{display:grid;grid-template-columns:auto minmax(0,1fr) minmax(310px,.8fr);gap:24px;align-items:center;box-shadow:var(--shadow-xl);background:linear-gradient(135deg,rgba(255,255,255,.98),rgba(246,249,255,.95) 58%,rgba(241,252,249,.95))}.project-progress-ring{--project-angle:0deg;width:154px;aspect-ratio:1;border-radius:50%;background:conic-gradient(var(--blue) 0 var(--project-angle),#e7ecf4 var(--project-angle) 360deg);position:relative;display:grid;place-items:center;box-shadow:inset 0 0 0 1px rgba(79,109,245,.05)}.project-progress-ring:after{content:"";position:absolute;inset:13px;background:var(--panel);border-radius:50%;box-shadow:0 8px 28px rgba(41,62,96,.07)}.project-progress-inner{position:relative;z-index:2;text-align:center}.project-progress-inner strong{display:block;font-size:34px;letter-spacing:-1.2px}.project-progress-inner span{display:block;font-size:9px;color:var(--muted2);font-weight:850;margin-top:2px}.section-kicker{display:inline-flex;align-items:center;gap:6px;font-size:9px;font-weight:950;letter-spacing:.2px;color:#5068d9;background:#eef2ff;border-radius:999px;padding:5px 8px}.section-kicker.danger{color:#bd5260;background:#fff0f2}.project-overview-copy h2{font-size:clamp(20px,2.4vw,30px);margin:9px 0 4px;letter-spacing:-.6px}.project-overview-copy h2 strong{color:#324bc2}.project-overview-copy p{margin:0;color:var(--muted2);font-size:10px}.project-mini-metrics{display:flex;gap:9px;margin-top:14px;flex-wrap:wrap}.project-mini-metrics span{min-width:92px;padding:10px 12px;border-radius:14px;background:#f8fafd;border:1px solid #edf1f6}.project-mini-metrics b{display:block;font-size:18px}.project-mini-metrics small{font-size:8px;color:var(--muted2)}.pace-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.pace-card{min-height:128px;padding:15px;border:1px solid #e7edf4;border-radius:18px;background:rgba(255,255,255,.78);display:flex;flex-direction:column}.pace-card.forecast{background:linear-gradient(145deg,#f3fbf8,#edf8f5)}.pace-icon{width:35px;height:35px;border-radius:11px;display:grid;place-items:center;background:#edf2ff;color:#4e67db;font-weight:950;margin-bottom:auto}.forecast .pace-icon{background:#ddf5ed;color:#238b74}.pace-card small{font-size:8px;color:var(--muted2);font-weight:850}.pace-card strong{font-size:17px;margin:5px 0 2px}.pace-card strong b{font-size:25px}.pace-card em{font-style:normal;font-size:8px;color:#8c99aa;line-height:1.5}
.executive-kpis{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-top:14px}.executive-kpi{min-height:112px;padding:15px 16px;border:1px solid var(--stroke);border-radius:20px;background:rgba(255,255,255,.92);box-shadow:var(--shadow-md);display:grid;grid-template-columns:auto 1fr;grid-template-rows:auto 1fr;column-gap:11px}.executive-kpi>span{grid-row:1/3;width:39px;height:39px;border-radius:12px;display:grid;place-items:center;font-weight:950}.executive-kpi small{align-self:end;font-size:9px;color:var(--muted2);font-weight:850}.executive-kpi strong{font-size:29px;line-height:1.1;letter-spacing:-.8px}.executive-kpi.blue>span{background:#edf2ff;color:#4f6df5}.executive-kpi.green>span{background:#e8f8f3;color:#219b81}.executive-kpi.cyan>span{background:#eaf9fd;color:#2797b4}.executive-kpi.amber>span{background:#fff7e7;color:#a9791f}
.analytics-grid{display:grid;grid-template-columns:1.55fr .85fr;gap:14px;margin-top:14px}.analytics-grid-main{grid-template-columns:1.5fr .75fr}.panel-title-row{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:14px}.panel-title-row h2{font-size:19px;margin:7px 0 2px;letter-spacing:-.35px}.panel-title-row p{margin:0;color:var(--muted2);font-size:9px}.chart-legend{display:flex;gap:11px;align-items:center;flex-wrap:wrap}.chart-legend span{display:flex;align-items:center;gap:5px;color:#718095;font-size:8px}.legend-line{width:16px;height:3px;border-radius:5px}.legend-line.blue{background:var(--blue)}.legend-line.mint{background:var(--mint)}.trend-chart{display:grid;gap:12px}.trend-mini{padding:11px 12px 5px;border-radius:16px;background:#fafcff;border:1px solid #edf1f6}.trend-mini-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:4px}.trend-mini-head b{font-size:9px}.trend-mini-head span{font-size:14px;font-weight:950}.trend-svg{width:100%;height:118px;overflow:visible}.trend-svg .axis{stroke:#e3e9f1;stroke-width:1}.trend-svg .series{stroke-width:3;vector-effect:non-scaling-stroke;stroke-linecap:round;stroke-linejoin:round}.trend-svg.completed .series,.trend-svg.completed circle{stroke:var(--blue);fill:var(--blue)}.trend-svg.fingerprints .series,.trend-svg.fingerprints circle{stroke:var(--mint);fill:var(--mint)}.trend-svg .ticks text{font-size:8px;fill:#8a98aa}.trend-svg circle{stroke-width:2}.compact-donut{grid-template-columns:1fr!important;gap:14px!important}.status-panel-v15 .donut{width:min(205px,65vw)}.v15-legend{grid-template-columns:1fr}.v15-legend>div{padding:9px 10px}.v15-legend small{font-size:13px!important;font-weight:950;color:#26364c!important}
.count-pill{min-width:40px;height:40px;border-radius:13px;background:#fff0f2;color:#bd5260;border:1px solid #f6dfe3;display:grid;place-items:center;font-weight:950}.exceptions-list{display:grid;gap:8px;max-height:470px;overflow:auto;padding-inline-end:2px}.exception-card{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px;border:1px solid #e8edf4;border-radius:16px;background:#fbfcfe;transition:.18s}.exception-card:hover{transform:translateY(-1px);box-shadow:0 10px 24px rgba(38,58,88,.06)}.exception-card.blocked{border-inline-start:4px solid var(--red2)}.exception-card.progress{border-inline-start:4px solid var(--amber2)}.exception-main{display:flex;gap:10px;min-width:0}.status-icon{width:32px;height:32px;border-radius:11px;display:grid;place-items:center;flex:none;font-weight:950}.status-icon.progress{background:#fff5df;color:#a47418}.status-icon.blocked{background:#fff0f2;color:#ba5260}.exception-main strong{display:block;font-size:10px}.exception-main small{display:block;color:#8491a3;font-size:8px;margin-top:2px}.exception-main p{font-size:8px;color:#617083;line-height:1.55;margin:5px 0 0;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.exception-side{display:flex;align-items:center;gap:8px;flex:none}.count-chip{font-size:8px;color:#7e8b9c;padding:6px 8px;border-radius:10px;background:#f1f4f8}.count-chip b{color:#26384e;font-size:11px}.follow-btn{text-decoration:none;color:#fff;background:linear-gradient(135deg,#526ff5,#48a0e2);border-radius:11px;padding:7px 9px;font-size:8px;font-weight:900;box-shadow:0 7px 16px rgba(79,109,245,.18)}.reason-bars{display:grid;gap:12px;padding-top:4px}.reason-row{display:grid;gap:6px}.reason-label{display:flex;justify-content:space-between;font-size:9px}.reason-label span{color:#5c6c81;font-weight:850}.reason-label b{color:#26364c}.reason-track{height:9px;background:#edf1f5;border-radius:999px;overflow:hidden}.reason-track i{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#6c7ff0,#52b5d5);min-width:4px;transition:width .5s ease}
.executors-panel{margin-top:14px}.executor-name-btn{border:0;background:transparent;display:flex;align-items:center;gap:8px;font:inherit;color:inherit;font-weight:900;cursor:pointer;padding:0}.executor-name-btn:hover span:last-child{color:#4f6df5}.activity-panel{margin-top:14px}.activity-feed{display:grid;grid-template-columns:1fr 1fr;gap:8px}.activity-row{display:flex;gap:9px;padding:11px 12px;border:1px solid #edf1f5;border-radius:15px;background:#fbfcfe}.activity-dot{width:10px;height:10px;border-radius:50%;margin-top:3px;flex:none;background:#4f6df5;box-shadow:0 0 0 4px rgba(79,109,245,.08)}.activity-dot.update{background:#27b99b;box-shadow:0 0 0 4px rgba(39,185,155,.09)}.activity-row strong{font-size:9px;line-height:1.55;display:block}.activity-row small{font-size:8px;color:#8996a8;display:block;margin-top:3px}.dashboard-footer{padding:9px 3px 0}
.intelligence-skeleton{margin-top:12px}.intelligence-skeleton .stats-skeleton-grid{grid-template-columns:repeat(4,1fr)}
/* refined shared touch targets */
button,a{ -webkit-tap-highlight-color:transparent}.save-btn,.glass-action,.glass-nav-link,.follow-btn,.refresh-btn{position:relative;overflow:hidden}.save-btn:after,.glass-action:after,.glass-nav-link:after,.follow-btn:after,.refresh-btn:after{content:"";position:absolute;top:-70%;left:-45%;width:45%;height:240%;transform:rotate(22deg);background:linear-gradient(90deg,transparent,rgba(255,255,255,.45),transparent);transition:left .48s ease;pointer-events:none}.save-btn:hover:after,.glass-action:hover:after,.glass-nav-link:hover:after,.follow-btn:hover:after,.refresh-btn:hover:after{left:125%}
html[data-theme="dark"] .premium-panel,html[data-theme="dark"] .executive-kpi,html[data-theme="dark"] .project-overview{background:rgba(23,34,51,.82)!important;border-color:rgba(103,121,148,.27)!important;color:#eef4ff}.project-progress-ring:after{background:var(--panel)}html[data-theme="dark"] .project-progress-ring:after{background:#172233}html[data-theme="dark"] .project-mini-metrics span,html[data-theme="dark"] .trend-mini,html[data-theme="dark"] .exception-card,html[data-theme="dark"] .activity-row{background:rgba(18,29,45,.72);border-color:rgba(89,107,133,.28)}html[data-theme="dark"] .reason-track,html[data-theme="dark"] .trend-svg .axis{background:#263448;stroke:#33445b}html[data-theme="dark"] .project-overview-copy h2 strong,html[data-theme="dark"] .count-chip b{color:#dce6ff}html[data-theme="dark"] .period-switch-wide{background:rgba(22,33,50,.78);border-color:rgba(94,111,138,.3)}html[data-theme="dark"] .period-switch-wide button{color:#a4b1c4}html[data-theme="dark"] .period-switch-wide button:hover{background:#263449;color:#fff}
@media(max-width:980px){.project-overview{grid-template-columns:auto 1fr}.pace-grid{grid-column:1/-1}.analytics-grid,.analytics-grid-main{grid-template-columns:1fr}.activity-feed{grid-template-columns:1fr}.executive-kpis{grid-template-columns:repeat(2,1fr)}}
@media(max-width:760px){.intelligence-shell{padding:15px 12px 90px}.intelligence-hero{align-items:flex-start;flex-direction:column}.stats-hero-tools{width:100%}.period-switch-wide{width:100%;overflow:auto}.period-switch-wide button{flex:1;min-width:max-content}.project-overview{grid-template-columns:1fr;text-align:center;padding:18px}.project-progress-ring{margin:auto}.project-mini-metrics{justify-content:center}.pace-grid{grid-template-columns:1fr 1fr}.executive-kpis{grid-template-columns:1fr 1fr}.premium-panel{border-radius:22px;padding:17px}.chart-legend{display:none}.exception-card{align-items:flex-start}.exception-side{flex-direction:column;align-items:flex-end}.activity-feed{grid-template-columns:1fr}.app-brand-copy small{display:none}}
@media(max-width:470px){.pace-grid{grid-template-columns:1fr}.executive-kpi{min-height:102px}.executive-kpi strong{font-size:25px}.project-overview-copy h2{font-size:21px}.exception-main p{display:none}.follow-btn{padding:7px 8px}.status-panel-v15 .donut{width:180px}}
.sync-queue-banner{margin:10px 0 12px;padding:10px 12px;border-radius:15px;border:1px solid #f0d8a5;background:linear-gradient(135deg,#fffaf0,#fff5dc);display:flex;align-items:center;justify-content:space-between;gap:12px;box-shadow:0 8px 20px rgba(127,93,25,.05)}.sync-queue-banner>div{display:flex;align-items:center;gap:7px}.sync-dot{width:9px;height:9px;border-radius:50%;background:#e4a52d;box-shadow:0 0 0 5px rgba(228,165,45,.10)}.sync-queue-banner strong{font-size:9px}.sync-queue-banner small{font-size:9px;color:#956c1d;font-weight:900}.sync-queue-banner button{border:0;border-radius:10px;background:#fff;color:#8e681d;padding:7px 10px;font-size:8px;font-weight:900;box-shadow:0 6px 14px rgba(117,84,19,.08)}.sync-queue-banner button:disabled{opacity:.5}.container{max-width:1180px}.fp-compact-hero{border-radius:24px}.summary-grid{gap:10px}.panel{border-radius:24px!important}.fp-form input,.fp-form select,.fp-form textarea{border-radius:13px!important}.save-btn{border-radius:14px!important;min-height:47px}.record-search,.school-search-box{border-radius:13px!important}.guide-modal-card,.executor-modal-card,.executor-detail-card{border-radius:26px!important}html[data-theme="dark"] .sync-queue-banner{background:rgba(90,64,19,.28);border-color:rgba(228,165,45,.28)}html[data-theme="dark"] .sync-queue-banner button{background:#26344a;color:#f5d083}
/* BASMA V19 — high contrast + executor detail refinement (loaded last) */
:root{
  --v18-bg:#f5f8fc;
  --v18-surface:#ffffff;
  --v18-surface-soft:#f8faff;
  --v18-text:#142238;
  --v18-text-2:#33445d;
  --v18-muted:#62738a;
  --v18-line:#dfe6ef;
  --v18-blue:#4f6df5;
  --v18-blue-soft:#eef2ff;
  --v18-mint:#20a986;
  --v18-mint-soft:#eaf8f3;
  --v18-amber:#a96f0b;
  --v18-amber-soft:#fff5df;
  --v18-red:#b94d5d;
  --v18-red-soft:#fff0f2;
  --v18-shadow:0 12px 34px rgba(34,55,87,.075);
  font-family:"IBM Plex Sans Arabic","Noto Sans Arabic","Tajawal","Segoe UI",Tahoma,Arial,sans-serif;
}
html,body,button,input,select,textarea{font-family:inherit}
body{color:var(--v18-text)!important;background:radial-gradient(circle at 8% -4%,#edf3ff 0,transparent 27%),radial-gradient(circle at 96% 5%,#edf9f6 0,transparent 23%),var(--v18-bg)!important}
h1,h2,h3,h4,strong,b,.device-name,.executor-name{color:var(--v18-text)}
p,small,.field-hint,.device-location,.dashboard-footer{color:var(--v18-muted)}

/* Header / navigation */
.app-header{background:rgba(249,251,255,.92)!important;border-color:var(--v18-line)!important}
.top-nav{background:rgba(255,255,255,.86)!important;border-color:#dbe4ef!important;box-shadow:0 8px 24px rgba(39,61,94,.06)!important}
.glass-nav-link{color:#53647c!important}
.glass-nav-link:hover{background:#f3f6fb!important;color:#314765!important}
.glass-nav-link.active{color:#fff!important;background:linear-gradient(135deg,#536ff6,#3f9bdd)!important;box-shadow:0 12px 28px rgba(63,96,218,.25)!important}
.glass-nav-link.active .top-nav-icon{color:#fff!important;background:rgba(255,255,255,.18)!important}
.top-nav-icon{color:#4e67d9!important;background:#eef2ff!important}
.app-brand-name strong{color:var(--v18-text)!important}.app-brand-copy small{color:var(--v18-muted)!important}
.icon-tool,.glass-action,.connection-pill,.lang-switch{background:rgba(255,255,255,.88)!important;color:#42546c!important;border-color:#dbe4ef!important}
.lang-switch button{color:#607087!important}.lang-switch button.active{background:#eef2ff!important;color:#3956c8!important}

/* Common cards */
.hero,.hero-card,.panel,.section-card,.surface-card,.premium-panel,.school-card,.device-card,.stat-card,.fp-live-card,.today-item,.quick-chip,.executive-kpi,.project-overview,.pace-card,.trend-mini,.exception-card,.activity-row,.record-mobile-card,.executor-meta,.record-filters,.coverage-box,.update-card,.legend>div,.note-row,.kpi,.super-kpi{
  background:rgba(255,255,255,.96)!important;color:var(--v18-text)!important;border-color:var(--v18-line)!important;box-shadow:var(--v18-shadow)!important;
}
.hero,.project-overview{background:linear-gradient(135deg,#fff 0%,#f7f9ff 58%,#f1fbf8 100%)!important}

/* Fix the three mini project numbers shown in the screenshot */
.project-mini-metrics span{background:#f7f9fd!important;border:1px solid #e4eaf2!important;color:var(--v18-text)!important}
.project-mini-metrics b{color:#17263d!important;font-size:20px!important;font-weight:950!important}
.project-mini-metrics small{color:#63758d!important;font-size:9px!important;font-weight:800!important}
.project-overview-copy h2 strong{color:#3855c9!important}
.project-overview-copy p,.project-progress-inner span,.pace-card small,.pace-card em,.executive-kpi small,.panel-title-row p,.exception-main small,.exception-main p,.activity-row small,.reason-label span,.chart-legend span,.trend-svg .ticks text{color:#63758d!important}
.pace-card strong,.executive-kpi strong,.trend-mini-head span,.reason-label b,.count-chip b,.v15-legend small,.donut-center strong,.donut-center span{color:var(--v18-text)!important}
.pace-card.forecast{background:#f1faf7!important}

/* Forms / search */
input,select,textarea,.search-box,.school-search-box,.record-search,.record-filters select,.record-filters input[type=date]{background:#fff!important;color:#192941!important;border-color:#d8e1ec!important}
input::placeholder,textarea::placeholder{color:#8090a4!important;opacity:1}
.field label{color:#263a53!important}.field input[readonly]{background:#f1f4f8!important;color:#55667b!important}
.suggestions,.school-suggestions,.guide-modal-card,.executor-modal-card,.executor-detail-card,.modal{background:#fff!important;color:var(--v18-text)!important;border-color:var(--v18-line)!important}
.suggestion,.school-suggestion{color:#24364f!important}.suggestion:hover,.school-suggestion:hover{background:#f1f5ff!important}

/* Tables */
.table-wrap,.executor-table-wrap{border-color:var(--v18-line)!important}
table,.executor-table{background:#fff!important;color:var(--v18-text)!important}
th{background:#f3f6fa!important;color:#4e6078!important;border-color:#e4eaf1!important}
td{color:#26384f!important;border-color:#e8edf3!important}tbody tr:hover{background:#f8faff!important}

/* Statuses */
.status.complete{background:#e8f7f1!important;color:#176c58!important}.status.progress{background:#fff3d8!important;color:#8c5d09!important}.status.blocked{background:#ffedef!important;color:#a54252!important}
.status-icon.progress{background:#fff2d5!important;color:#8d5d08!important}.status-icon.blocked{background:#ffedef!important;color:#a64353!important}

/* Stats controls and Excel button */
.stats-hero-tools{align-items:center!important}.stats-action-buttons{display:flex;gap:8px;align-items:center;flex-wrap:wrap}
.refresh-btn,.stats-export-btn{min-height:42px;border-radius:13px;padding:9px 13px;font-weight:900;font-size:10px;display:inline-flex;align-items:center;justify-content:center;gap:7px;transition:.18s ease;white-space:nowrap}
.refresh-btn{background:#eef2ff!important;color:#3f59ca!important;border:1px solid #dce4ff!important}
.stats-export-btn{background:#eaf8f3!important;color:#17755f!important;border:1px solid #caebdf!important;box-shadow:0 8px 20px rgba(23,117,95,.08)}
.stats-export-btn:hover{transform:translateY(-1px);background:#def4ec!important;border-color:#b8e3d4!important}.stats-export-icon{font-size:16px;line-height:1}
.period-switch-wide{background:rgba(255,255,255,.9)!important;border-color:var(--v18-line)!important}.period-switch-wide button{color:#576981!important}.period-switch-wide button:hover{background:#f2f5fa!important;color:#33475f!important}.period-switch-wide button.active{color:#fff!important}

/* Charts / progress */
.project-progress-ring{background:conic-gradient(var(--blue) 0 var(--project-angle),#e1e7f0 var(--project-angle) 360deg)!important}.project-progress-ring:after,.donut:after{background:#fff!important;box-shadow:0 0 0 1px #e8edf3!important}
.reason-track,.progress-track,.mini-track{background:#e3e8ef!important}.trend-svg .axis{stroke:#dce4ee!important}.trend-svg .ticks text{fill:#708198!important}
.v15-legend>div{background:#f8fafd!important;border:1px solid #e5ebf2!important}.v15-legend small{color:#1d2c42!important}

/* Device / fingerprint utility colors */
.stat,.finder-count,.record-card-counts span{background:#f7f9fd!important;color:#33465f!important;border-color:#e4eaf2!important}.stat strong,.finder-count strong,.record-card-counts b{color:#17263d!important}
.guide-open-btn,.stats-btn,.export-btn,.record-edit-btn,.add-executor-btn,.clear-filters-btn,.cancel-edit-btn,.copy-btn{border-color:#d8e2ef!important}
.record-edit-btn{background:#eef3ff!important;color:#3157c7!important}.add-executor-btn{background:#e9f8f3!important;color:#187b64!important}.export-btn{background:#e9f8f3!important;color:#17755f!important}

/* Dark mode — full contrast pass */
html[data-theme="dark"]{
  --v18-bg:#0a1220;--v18-surface:#142136;--v18-surface-soft:#18263b;--v18-text:#f3f7ff;--v18-text-2:#d5dfed;--v18-muted:#a9b8cb;--v18-line:#2b3a51;--v18-shadow:0 16px 42px rgba(0,0,0,.22);
  color-scheme:dark;
}
html[data-theme="dark"] body{background:radial-gradient(circle at 12% -4%,rgba(91,117,255,.16),transparent 25%),radial-gradient(circle at 90% 7%,rgba(43,188,158,.09),transparent 22%),linear-gradient(180deg,#09111d,#0d1624)!important;color:var(--v18-text)!important}
html[data-theme="dark"] h1,html[data-theme="dark"] h2,html[data-theme="dark"] h3,html[data-theme="dark"] h4,html[data-theme="dark"] strong,html[data-theme="dark"] b,html[data-theme="dark"] .device-name,html[data-theme="dark"] .executor-name{color:var(--v18-text)!important}
html[data-theme="dark"] p,html[data-theme="dark"] small,html[data-theme="dark"] .field-hint,html[data-theme="dark"] .device-location,html[data-theme="dark"] .dashboard-footer{color:var(--v18-muted)!important}
html[data-theme="dark"] .app-header{background:rgba(9,17,29,.94)!important;border-color:#26354a!important}
html[data-theme="dark"] .top-nav{background:#111d2f!important;border-color:#2a3a50!important;box-shadow:0 10px 30px rgba(0,0,0,.24)!important}
html[data-theme="dark"] .glass-nav-link{color:#c1cee0!important}html[data-theme="dark"] .glass-nav-link:hover{background:#1c2b42!important;color:#fff!important}html[data-theme="dark"] .glass-nav-link.active{background:linear-gradient(135deg,#617bff,#3a9fdd)!important;color:#fff!important}
html[data-theme="dark"] .top-nav-icon{background:#1b2941!important;color:#b9c8ff!important}html[data-theme="dark"] .glass-nav-link.active .top-nav-icon{background:rgba(255,255,255,.16)!important;color:#fff!important}
html[data-theme="dark"] .app-brand-name strong{color:#f4f8ff!important}html[data-theme="dark"] .app-brand-copy small{color:#a9b8cb!important}
html[data-theme="dark"] .icon-tool,html[data-theme="dark"] .glass-action,html[data-theme="dark"] .connection-pill,html[data-theme="dark"] .lang-switch{background:#142136!important;color:#d7e2f0!important;border-color:#2b3a51!important}
html[data-theme="dark"] .lang-switch button{color:#b2c0d2!important}html[data-theme="dark"] .lang-switch button.active{background:#223452!important;color:#f1f5ff!important}
html[data-theme="dark"] .hero,html[data-theme="dark"] .hero-card,html[data-theme="dark"] .panel,html[data-theme="dark"] .section-card,html[data-theme="dark"] .surface-card,html[data-theme="dark"] .premium-panel,html[data-theme="dark"] .school-card,html[data-theme="dark"] .device-card,html[data-theme="dark"] .stat-card,html[data-theme="dark"] .fp-live-card,html[data-theme="dark"] .today-item,html[data-theme="dark"] .quick-chip,html[data-theme="dark"] .executive-kpi,html[data-theme="dark"] .project-overview,html[data-theme="dark"] .pace-card,html[data-theme="dark"] .trend-mini,html[data-theme="dark"] .exception-card,html[data-theme="dark"] .activity-row,html[data-theme="dark"] .record-mobile-card,html[data-theme="dark"] .executor-meta,html[data-theme="dark"] .record-filters,html[data-theme="dark"] .coverage-box,html[data-theme="dark"] .update-card,html[data-theme="dark"] .legend>div,html[data-theme="dark"] .note-row,html[data-theme="dark"] .kpi,html[data-theme="dark"] .super-kpi{background:#142136!important;color:var(--v18-text)!important;border-color:#2b3a51!important;box-shadow:var(--v18-shadow)!important}
html[data-theme="dark"] .hero,html[data-theme="dark"] .project-overview{background:linear-gradient(135deg,#152238,#111c2d 62%,#102820 145%)!important}
html[data-theme="dark"] .project-mini-metrics span{background:#192940!important;border-color:#30415a!important;color:#fff!important}
html[data-theme="dark"] .project-mini-metrics b{color:#f4f8ff!important}html[data-theme="dark"] .project-mini-metrics small{color:#b5c3d5!important}
html[data-theme="dark"] .project-overview-copy h2 strong{color:#a9baff!important}
html[data-theme="dark"] .project-overview-copy p,html[data-theme="dark"] .project-progress-inner span,html[data-theme="dark"] .pace-card small,html[data-theme="dark"] .pace-card em,html[data-theme="dark"] .executive-kpi small,html[data-theme="dark"] .panel-title-row p,html[data-theme="dark"] .exception-main small,html[data-theme="dark"] .exception-main p,html[data-theme="dark"] .activity-row small,html[data-theme="dark"] .reason-label span,html[data-theme="dark"] .chart-legend span{color:#adbbce!important}
html[data-theme="dark"] .pace-card strong,html[data-theme="dark"] .executive-kpi strong,html[data-theme="dark"] .trend-mini-head span,html[data-theme="dark"] .reason-label b,html[data-theme="dark"] .count-chip b,html[data-theme="dark"] .v15-legend small,html[data-theme="dark"] .donut-center strong,html[data-theme="dark"] .donut-center span{color:#f3f7ff!important}
html[data-theme="dark"] .pace-card.forecast{background:#122d28!important}
html[data-theme="dark"] input,html[data-theme="dark"] select,html[data-theme="dark"] textarea,html[data-theme="dark"] .search-box,html[data-theme="dark"] .school-search-box,html[data-theme="dark"] .record-search,html[data-theme="dark"] .record-filters select,html[data-theme="dark"] .record-filters input[type=date]{background:#0f1a2a!important;color:#eef4ff!important;border-color:#304058!important}
html[data-theme="dark"] input::placeholder,html[data-theme="dark"] textarea::placeholder{color:#8396af!important}html[data-theme="dark"] .field label{color:#dce5f2!important}html[data-theme="dark"] .field input[readonly]{background:#19263a!important;color:#bac8d9!important}
html[data-theme="dark"] .suggestions,html[data-theme="dark"] .school-suggestions,html[data-theme="dark"] .guide-modal-card,html[data-theme="dark"] .executor-modal-card,html[data-theme="dark"] .executor-detail-card,html[data-theme="dark"] .modal{background:#121f31!important;color:#f3f7ff!important;border-color:#304058!important}
html[data-theme="dark"] .suggestion,html[data-theme="dark"] .school-suggestion{color:#edf4ff!important}html[data-theme="dark"] .suggestion:hover,html[data-theme="dark"] .school-suggestion:hover{background:#1b2d46!important}
html[data-theme="dark"] .table-wrap,html[data-theme="dark"] .executor-table-wrap{border-color:#2b3a51!important}html[data-theme="dark"] table,html[data-theme="dark"] .executor-table{background:#101b2b!important;color:#eef4ff!important}html[data-theme="dark"] th{background:#19283d!important;color:#bfd0e4!important;border-color:#2b3a51!important}html[data-theme="dark"] td{color:#e5edf8!important;border-color:#26364c!important}html[data-theme="dark"] tbody tr:hover{background:#17263a!important}
html[data-theme="dark"] .status.complete{background:#15362f!important;color:#aef0dd!important}html[data-theme="dark"] .status.progress{background:#3a2d15!important;color:#ffdda1!important}html[data-theme="dark"] .status.blocked{background:#3b2028!important;color:#ffc1cb!important}
html[data-theme="dark"] .status-icon.progress{background:#3a2d15!important;color:#ffdda1!important}html[data-theme="dark"] .status-icon.blocked{background:#3b2028!important;color:#ffc1cb!important}
html[data-theme="dark"] .stats-export-btn{background:#15362f!important;color:#baf2e1!important;border-color:#28594d!important}html[data-theme="dark"] .stats-export-btn:hover{background:#19443a!important;border-color:#337064!important}html[data-theme="dark"] .refresh-btn{background:#1a2944!important;color:#c8d4ff!important;border-color:#33496c!important}
html[data-theme="dark"] .period-switch-wide{background:#111d2f!important;border-color:#2b3a51!important}html[data-theme="dark"] .period-switch-wide button{color:#b2c0d2!important}html[data-theme="dark"] .period-switch-wide button:hover{background:#1b2a40!important;color:#fff!important}html[data-theme="dark"] .period-switch-wide button.active{color:#fff!important}
html[data-theme="dark"] .project-progress-ring{background:conic-gradient(#657dff 0 var(--project-angle),#24334a var(--project-angle) 360deg)!important}html[data-theme="dark"] .project-progress-ring:after,html[data-theme="dark"] .donut:after{background:#111d2f!important;box-shadow:0 0 0 1px #2b3a51!important}html[data-theme="dark"] .reason-track,html[data-theme="dark"] .progress-track,html[data-theme="dark"] .mini-track{background:#25354d!important}html[data-theme="dark"] .trend-svg .axis{stroke:#34465f!important}html[data-theme="dark"] .trend-svg .ticks text{fill:#9fb0c5!important}
html[data-theme="dark"] .v15-legend>div{background:#18273b!important;border-color:#2b3a51!important}html[data-theme="dark"] .v15-legend small{color:#f0f5ff!important}
html[data-theme="dark"] .stat,html[data-theme="dark"] .finder-count,html[data-theme="dark"] .record-card-counts span{background:#18273b!important;color:#c7d3e2!important;border-color:#2d3d54!important}html[data-theme="dark"] .stat strong,html[data-theme="dark"] .finder-count strong,html[data-theme="dark"] .record-card-counts b{color:#f3f7ff!important}
html[data-theme="dark"] .record-edit-btn,html[data-theme="dark"] .add-executor-btn,html[data-theme="dark"] .clear-filters-btn,html[data-theme="dark"] .cancel-edit-btn,html[data-theme="dark"] .copy-btn,html[data-theme="dark"] .guide-open-btn,html[data-theme="dark"] .stats-btn,html[data-theme="dark"] .export-btn{background:#192940!important;color:#dbe5ff!important;border-color:#30435d!important}
html[data-theme="dark"] .add-executor-btn,html[data-theme="dark"] .export-btn{color:#b9f0df!important;border-color:#28594d!important;background:#15362f!important}
html[data-theme="dark"] .mobile-nav{background:#0f1a2a!important;border-color:#2b3a51!important}html[data-theme="dark"] .mobile-nav a{color:#aebed1!important}html[data-theme="dark"] .mobile-nav a.active{background:#1a2b48!important;color:#e4ebff!important}
html[data-theme="dark"] .tip:after{background:#eaf1ff!important;color:#112039!important}

/* Readability: remove excessively tiny text on analytics cards */
.project-overview-copy p,.project-mini-metrics small,.pace-card small,.pace-card em,.executive-kpi small,.panel-title-row p,.exception-main small,.exception-main p,.activity-row small,.reason-label,.chart-legend span{font-size:max(9px,.72rem)!important;line-height:1.55}
.project-mini-metrics b{line-height:1.2}.executive-kpi strong{font-weight:950}.period-switch-wide button,.refresh-btn,.stats-export-btn{font-size:11px!important}
@media(max-width:760px){.stats-hero-tools{align-items:stretch!important}.stats-action-buttons{width:100%;display:grid;grid-template-columns:1fr 1fr}.stats-export-btn,.refresh-btn{width:100%}.project-mini-metrics{display:grid!important;grid-template-columns:repeat(3,1fr)!important;width:100%}.project-mini-metrics span{min-width:0!important}.project-mini-metrics b{font-size:18px!important}.project-mini-metrics small{font-size:9px!important}}

/* Final high-contrast action colors */
.glass-nav-link.active,.period-switch-wide button.active{background:linear-gradient(135deg,#415bd8,#2e78b7)!important;color:#fff!important}
.save-btn,.primary-btn,.follow-btn,.executor-save-btn{background:linear-gradient(135deg,#415bd8,#16846d)!important;color:#fff!important;border-color:transparent!important}
html[data-theme="dark"] .glass-nav-link.active,html[data-theme="dark"] .period-switch-wide button.active{background:linear-gradient(135deg,#415bd8,#2e78b7)!important;color:#fff!important}
html[data-theme="dark"] .save-btn,html[data-theme="dark"] .primary-btn,html[data-theme="dark"] .follow-btn,html[data-theme="dark"] .executor-save-btn{background:linear-gradient(135deg,#415bd8,#16846d)!important;color:#fff!important}


/* ===== V19 Executor Performance Detail — high contrast in both themes ===== */
.executor-detail-card{
  background:#ffffff!important;
  color:#142238!important;
  border:1px solid #dbe4ef!important;
  box-shadow:0 32px 90px rgba(24,43,75,.25)!important;
}
.executor-detail-head{padding:4px 48px 14px 0;border-bottom:1px solid #e5ebf2}
[dir="ltr"] .executor-detail-head{padding:4px 0 14px 48px}
.executor-detail-head #detailKicker{color:#4764dc!important;font-size:11px!important;font-weight:900!important;letter-spacing:.1px}
.executor-detail-head h2{color:#142238!important;font-size:24px!important;font-weight:950!important;line-height:1.35!important}
.executor-detail-head p{color:#5f7189!important;font-size:12px!important;font-weight:700!important;line-height:1.65!important}
.executor-avatar-lg{background:linear-gradient(135deg,#e6edff,#dcf7ef)!important;color:#3158c9!important;border:1px solid #d9e4f4!important;box-shadow:0 8px 20px rgba(54,82,143,.10)}
.executor-detail-close{background:#f2f5f9!important;color:#3c4e66!important;border-color:#dce4ed!important;font-weight:900!important}
.detail-schools{gap:10px!important;margin-top:16px!important}
.detail-school-row{
  background:#f8fafd!important;
  border:1px solid #e0e7f0!important;
  color:#192941!important;
  padding:14px!important;
  border-radius:15px!important;
}
.detail-school-row strong{color:#18283f!important;font-size:13px!important;font-weight:900!important;line-height:1.55!important}
.detail-school-row small{color:#65778e!important;font-size:10px!important;font-weight:700!important;margin-top:5px!important}
.detail-school-metrics{gap:8px!important}
.detail-school-metrics>span:not(.status){background:#edf2f8!important;color:#53667e!important;border:1px solid #dfe7f0!important;font-size:10px!important;font-weight:800!important;padding:7px 9px!important}
.detail-school-metrics b{color:#172840!important;font-weight:950!important}
.executor-name-btn,.executor-person-btn{color:#243851!important;font-size:12px!important;font-weight:900!important}
.executor-name-btn:hover,.executor-person-btn:hover{color:#3158c9!important;background:#eef3ff!important}

html[data-theme="dark"] .executor-detail-backdrop{background:rgba(2,7,13,.72)!important;backdrop-filter:blur(12px)!important}
html[data-theme="dark"] .executor-detail-card{
  background:linear-gradient(180deg,#142238 0%,#101c2d 100%)!important;
  color:#f5f8ff!important;
  border:1px solid #344760!important;
  box-shadow:0 36px 100px rgba(0,0,0,.48)!important;
}
html[data-theme="dark"] .executor-detail-head{border-bottom-color:#2d3e55!important}
html[data-theme="dark"] .executor-detail-head #detailKicker{color:#aebeff!important}
html[data-theme="dark"] .executor-detail-head h2{color:#ffffff!important;text-shadow:none!important}
html[data-theme="dark"] .executor-detail-head p{color:#c1cee0!important}
html[data-theme="dark"] .executor-avatar-lg{background:linear-gradient(135deg,#26395b,#18483e)!important;color:#e5ecff!important;border-color:#3a4f6c!important}
html[data-theme="dark"] .executor-detail-close{background:#1b2b42!important;color:#ffffff!important;border-color:#3a4c66!important}
html[data-theme="dark"] .executor-detail-close:hover{background:#253852!important}
html[data-theme="dark"] .detail-school-row{
  background:#18283d!important;
  border-color:#31435c!important;
  color:#f1f6ff!important;
  box-shadow:0 8px 20px rgba(0,0,0,.12)!important;
}
html[data-theme="dark"] .detail-school-row strong{color:#ffffff!important}
html[data-theme="dark"] .detail-school-row small{color:#b6c5d8!important}
html[data-theme="dark"] .detail-school-metrics>span:not(.status){background:#22344e!important;color:#d7e2f0!important;border-color:#38506f!important}
html[data-theme="dark"] .detail-school-metrics b{color:#ffffff!important}
html[data-theme="dark"] .executor-name-btn,html[data-theme="dark"] .executor-person-btn{color:#edf4ff!important}
html[data-theme="dark"] .executor-name-btn:hover,html[data-theme="dark"] .executor-person-btn:hover{color:#ffffff!important;background:#21334e!important}
html[data-theme="dark"] .executor-table td{color:#eaf1fb!important}
html[data-theme="dark"] .executor-table th{color:#c7d6e8!important}

/* Status chips inside executor detail: explicit contrast */
html[data-theme="dark"] .executor-detail-card .status.complete{background:#174236!important;color:#c6f6e7!important;border:1px solid #286552!important}
html[data-theme="dark"] .executor-detail-card .status.progress{background:#46351a!important;color:#ffe1a8!important;border:1px solid #695023!important}
html[data-theme="dark"] .executor-detail-card .status.blocked{background:#48242c!important;color:#ffc7d0!important;border:1px solid #703742!important}

/* Accessibility / readability floor */
.executor-detail-card button,.executor-detail-card span,.executor-detail-card strong,.executor-detail-card small,.executor-detail-card p{letter-spacing:0!important}
@media(max-width:650px){
  .executor-detail-card{padding:20px 16px!important;border-radius:22px!important}
  .executor-detail-head{padding-inline-end:42px!important;align-items:flex-start!important}
  .executor-detail-head h2{font-size:21px!important}
  .detail-school-row{padding:12px!important}
  .detail-school-row strong{font-size:12px!important}
  .detail-school-row small,.detail-school-metrics>span:not(.status){font-size:9.5px!important}
}
/* BASMA V20 — final contrast refinement, loaded after theme-v19 */
html[data-theme="dark"] .executor-detail-card{
  background:#101b2c!important;
  border:1px solid #3a4e69!important;
  color:#f8fbff!important;
  box-shadow:0 38px 110px rgba(0,0,0,.56)!important;
}
html[data-theme="dark"] .executor-detail-head{
  background:#142238!important;
  border:1px solid #2e415c!important;
  border-radius:17px!important;
  padding:14px 50px 14px 14px!important;
  margin-bottom:14px!important;
}
[dir="ltr"] html[data-theme="dark"] .executor-detail-head,
html[data-theme="dark"][dir="ltr"] .executor-detail-head{padding:14px 14px 14px 50px!important}
html[data-theme="dark"] .executor-detail-head #detailKicker{color:#b8c7ff!important;font-size:12px!important;font-weight:900!important}
html[data-theme="dark"] .executor-detail-head #detailName{color:#ffffff!important;font-size:24px!important;font-weight:950!important}
html[data-theme="dark"] .executor-detail-head #detailSummary{color:#d0dbea!important;font-size:12px!important;font-weight:800!important}
html[data-theme="dark"] .executor-avatar-lg{
  background:linear-gradient(135deg,#2c4270,#176153)!important;
  color:#ffffff!important;border:1px solid #4b6381!important;
}
html[data-theme="dark"] .executor-detail-close{
  background:#23344c!important;color:#fff!important;border:1px solid #48607e!important;
}
html[data-theme="dark"] .detail-school-row{
  background:#19283d!important;border:1px solid #354a67!important;color:#fff!important;
  box-shadow:0 9px 22px rgba(0,0,0,.17)!important;
}
html[data-theme="dark"] .detail-school-row strong{color:#ffffff!important;font-size:13px!important;font-weight:950!important}
html[data-theme="dark"] .detail-school-row small{color:#c1cee0!important;font-size:10px!important;font-weight:750!important}
html[data-theme="dark"] .detail-school-metrics>span:not(.status){
  background:#243751!important;color:#dce7f5!important;border:1px solid #425b79!important;
  font-size:10px!important;font-weight:850!important;
}
html[data-theme="dark"] .detail-school-metrics b{color:#ffffff!important;font-size:13px!important;font-weight:950!important}
html[data-theme="dark"] .executor-detail-card .status.complete{background:#174c3d!important;color:#d6fff2!important;border:1px solid #347460!important}
html[data-theme="dark"] .executor-detail-card .status.progress{background:#4b3819!important;color:#ffe6af!important;border:1px solid #725728!important}
html[data-theme="dark"] .executor-detail-card .status.blocked{background:#4d252e!important;color:#ffd0d7!important;border:1px solid #7a3c49!important}
html[data-theme="dark"] .executor-table td{color:#edf4ff!important}
html[data-theme="dark"] .executor-table th{color:#cddaea!important;background:#18263a!important}
html[data-theme="dark"] .executor-name-btn,html[data-theme="dark"] .executor-person-btn{color:#f4f8ff!important}
html[data-theme="dark"] .executor-name-btn:hover,html[data-theme="dark"] .executor-person-btn:hover{background:#263a57!important;color:#fff!important}

/* Light detail modal remains high contrast */
.executor-detail-card{background:#fff!important;color:#142238!important}
.detail-school-row{background:#f8fafd!important;color:#18283f!important}
.detail-school-row strong{color:#18283f!important}
.detail-school-row small{color:#62758d!important}

/* Export action visibility */
.stats-export-btn{min-width:112px!important;font-size:11px!important;font-weight:950!important}
html[data-theme="dark"] .stats-export-btn{background:#144437!important;color:#dcfff3!important;border-color:#2e6f5c!important}

@media(max-width:650px){
  html[data-theme="dark"] .executor-detail-head{padding:13px 44px 13px 12px!important}
  html[data-theme="dark"][dir="ltr"] .executor-detail-head{padding:13px 12px 13px 44px!important}
  html[data-theme="dark"] .executor-detail-head #detailName{font-size:21px!important}
  html[data-theme="dark"] .detail-school-row strong{font-size:12.5px!important}
  html[data-theme="dark"] .detail-school-row small,html[data-theme="dark"] .detail-school-metrics>span:not(.status){font-size:10px!important}
}

/* V23 compatibility styles for V22 stability markup */
.suggestion-empty{padding:14px 12px;text-align:center;color:var(--premium-muted,#748196);font-size:11px;font-weight:800}
.detail-school-copy{min-width:0;flex:1}.detail-school-copy strong{display:block}.detail-school-copy small{display:block;margin-top:3px}
.detail-count{min-width:76px;text-align:center;padding:7px 9px;border-radius:10px;background:#f3f6fa;border:1px solid #e1e7ef;color:#27364c;font-weight:900;font-size:10px}
html[data-theme="dark"] .suggestion-empty{color:#b7c5d8}
html[data-theme="dark"] .detail-count{background:#20324c!important;border-color:#3a4f6b!important;color:#f6f9ff!important}