:root{
  color-scheme:light;
  --bg:#eef5ff;
  --bg-strong:#dfeeff;
  --shell:rgba(255,255,255,.78);
  --panel:#ffffff;
  --panel-soft:#f6f9ff;
  --panel-muted:#eef4ff;
  --text:#0d1b2a;
  --muted:#63758c;
  --muted-2:#8aa0ba;
  --line:#dce6f2;
  --line-strong:#bdd3ef;
  --blue:#1269ff;
  --blue-2:#53a6ff;
  --blue-3:#b8d6ff;
  --green:#19a86b;
  --amber:#c68a1d;
  --red:#d65363;
  --shadow:0 22px 65px rgba(26,68,124,.12);
  --shadow-soft:0 12px 32px rgba(26,68,124,.08);
  --radius:22px;
  --radius-sm:14px;
}
html[data-theme="dark"]{
  color-scheme:dark;
  --bg:#08111c;
  --bg-strong:#0c1726;
  --shell:rgba(12,22,36,.82);
  --panel:#0f1a2a;
  --panel-soft:#111e30;
  --panel-muted:#14243a;
  --text:#eef6ff;
  --muted:#9fb2ca;
  --muted-2:#7f95b0;
  --line:#22334a;
  --line-strong:#31527c;
  --blue:#53a6ff;
  --blue-2:#1269ff;
  --blue-3:#183b69;
  --green:#6bd9a4;
  --amber:#f2c36e;
  --red:#ff98a5;
  --shadow:0 22px 70px rgba(0,0,0,.38);
  --shadow-soft:0 14px 34px rgba(0,0,0,.24);
}
*{box-sizing:border-box}
html,body{margin:0;min-height:100%;max-width:100%;overflow-x:hidden}
body{
  min-height:100vh;
  padding:22px;
  display:grid;
  grid-template-columns:250px minmax(0,1fr);
  gap:22px;
  align-items:start;
  background:
    radial-gradient(circle at 0 0,rgba(83,166,255,.35),transparent 33%),
    radial-gradient(circle at 100% 100%,rgba(184,214,255,.45),transparent 34%),
    linear-gradient(135deg,var(--bg-strong),var(--bg));
  color:var(--text);
  font:14px/1.5 Inter,Segoe UI,Arial,sans-serif;
}
button,input,select,textarea{font:inherit}
button{color:inherit}
.hidden{display:none!important}

/* SHELL */
.sidebar{
  position:sticky;
  top:22px;
  height:calc(100vh - 44px);
  min-height:620px;
  display:flex;
  flex-direction:column;
  padding:18px 16px;
  border:1px solid rgba(255,255,255,.62);
  border-radius:30px;
  background:var(--shell);
  backdrop-filter:blur(18px);
  -webkit-backdrop-filter:blur(18px);
  box-shadow:var(--shadow);
  overflow:hidden;
}
.brand{display:flex;align-items:center;gap:14px;padding:8px 8px 18px}
.brandmark{
  width:62px;height:62px;min-width:62px;
  display:grid;place-items:center;
  border-radius:20px;
  background:linear-gradient(145deg,rgba(18,105,255,.11),rgba(83,166,255,.24));
  box-shadow:0 10px 26px rgba(18,105,255,.13);
  overflow:hidden;
}
.brandmark img{width:52px;height:42px;object-fit:contain;display:block}
.brand>div:last-child{display:flex;flex-direction:column;min-width:0}
.brand strong{font-size:18px;line-height:1.1;letter-spacing:-.03em;white-space:nowrap}
.brand small{margin-top:5px;color:var(--muted);font-size:12px}
.navGroup{display:flex;flex:1;min-height:0;flex-direction:column;justify-content:center;gap:4px;overflow:visible}
.nav{
  width:100%;min-height:46px;
  display:flex;align-items:center;gap:12px;
  padding:10px 12px;
  border:1px solid transparent;border-radius:16px;
  background:transparent;color:var(--muted);
  font-weight:700;text-align:left;cursor:pointer;
  transition:background .16s ease,border-color .16s ease,color .16s ease,transform .16s ease;
}
.nav:hover{background:rgba(18,105,255,.07);color:var(--blue);transform:translateX(2px)}
.nav.active{background:linear-gradient(135deg,rgba(18,105,255,.11),rgba(83,166,255,.16));border-color:rgba(18,105,255,.14);color:var(--blue)}
.navIcon{width:22px;height:22px;display:grid;place-items:center;flex:0 0 22px;color:currentColor}
.navIcon svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.sidefoot{flex:0 0 auto;margin-top:10px;padding:14px 8px 4px;border-top:1px solid var(--line);color:var(--text);line-height:1.6}
.sidefoot small{color:var(--muted)}
.dot{display:inline-block;width:8px;height:8px;margin-right:7px;border-radius:999px;background:var(--blue);box-shadow:0 0 0 5px rgba(18,105,255,.10)}

main{
  width:100%;min-width:0;min-height:calc(100vh - 44px);
  overflow:hidden;
  border:1px solid rgba(255,255,255,.62);
  border-radius:32px;
  background:var(--shell);
  backdrop-filter:blur(18px);
  -webkit-backdrop-filter:blur(18px);
  box-shadow:var(--shadow);
}
header{
  position:sticky;top:0;z-index:20;
  display:flex;align-items:center;justify-content:space-between;gap:18px;
  padding:28px 30px 20px;
  background:linear-gradient(180deg,var(--shell) 72%,transparent);
  backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);
}
header h1{margin:0 0 5px;font-size:31px;line-height:1.08;letter-spacing:-.05em}
header p{margin:0;color:var(--muted)}
.headerTools{display:flex;align-items:center;justify-content:flex-end;flex-wrap:wrap;gap:10px}
.operatorChip,.health{display:flex;align-items:center;gap:7px;padding:10px 12px;border:1px solid var(--line);border-radius:999px;background:var(--panel);box-shadow:var(--shadow-soft);font-size:12px}
.operatorChip span{font-size:9px;letter-spacing:.13em;font-weight:900;color:var(--blue)}
.health{color:var(--blue)}
.view{display:none;padding:0 30px 30px}
.view.active{display:block}

/* COMMON */
.card{min-width:0;margin-bottom:18px;padding:22px;border:1px solid var(--line);border-radius:var(--radius);background:var(--panel);box-shadow:var(--shadow-soft);overflow:visible}
.cardtitle{display:flex;align-items:flex-start;justify-content:space-between;gap:14px;margin-bottom:18px}
.eyebrow{font-size:9px;letter-spacing:.17em;font-weight:900;text-transform:uppercase;color:var(--blue)}
.card h2,.toolbarInfo h2{margin:5px 0 0;font-size:21px;line-height:1.15;letter-spacing:-.035em}
.step{display:grid;place-items:center;min-width:54px;height:38px;padding:0 12px;border:1px solid rgba(18,105,255,.14);border-radius:999px;background:rgba(18,105,255,.07);color:var(--blue);font-size:12px;font-weight:900;letter-spacing:.08em}
.grid.two{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:18px;min-width:0}
.row{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.row.compact{grid-template-columns:repeat(3,minmax(0,1fr));margin-top:16px}
.actions{display:flex;flex-wrap:wrap;gap:8px;align-items:center}
.pageToolbar{display:flex;align-items:flex-end;justify-content:space-between;gap:16px;margin:2px 0 18px}
.toolbarInfo p{max-width:650px;margin:6px 0 0;color:var(--muted)}
.toolbarActions{display:flex;flex-wrap:wrap;gap:9px}

.btn{min-height:40px;display:inline-flex;align-items:center;justify-content:center;gap:7px;padding:9px 14px;border:1px solid var(--line);border-radius:13px;background:var(--panel);color:var(--text);font-weight:800;text-decoration:none;cursor:pointer;transition:transform .15s ease,border-color .15s ease,background .15s ease,box-shadow .15s ease}
.btn:hover{transform:translateY(-1px);border-color:var(--line-strong);box-shadow:0 9px 20px rgba(18,105,255,.10)}
.btn.primary{border-color:transparent;background:linear-gradient(135deg,var(--blue),var(--blue-2));color:#fff;box-shadow:0 12px 25px rgba(18,105,255,.20)}
.btn.success{border-color:rgba(25,168,107,.22);background:rgba(25,168,107,.10);color:var(--green)}
.btn.danger{border-color:rgba(214,83,99,.20);background:rgba(214,83,99,.08);color:var(--red)}
.btn.ghost{margin-top:12px;background:var(--panel-muted);color:var(--blue)}
.btn.big{min-width:220px;height:46px;margin-top:18px}
.btn.sm{min-height:34px;padding:7px 10px;border-radius:10px;font-size:12px}
.btn.full,.full{width:100%}
.btn.icon{padding-inline:12px}
.btn.onlyIcon{width:42px;height:42px;padding:0}
.btnGlyph{display:inline-grid;place-items:center;width:15px;height:15px;font-size:13px;line-height:1}
.linkBtn{border:0;background:none;color:var(--blue);font-weight:800;cursor:pointer;padding:0}

label{display:flex;flex-direction:column;gap:7px;margin-bottom:13px;color:var(--text);font-size:12px;font-weight:700}
input,select,textarea{width:100%;min-height:44px;padding:11px 13px;border:1px solid var(--line);border-radius:12px;outline:none;background:var(--panel-soft);color:var(--text);transition:border-color .15s ease,box-shadow .15s ease,background .15s ease}
textarea{min-height:112px;resize:vertical}
input::placeholder,textarea::placeholder{color:var(--muted-2)}
input:focus,select:focus,textarea:focus{border-color:var(--blue-2);box-shadow:0 0 0 4px rgba(83,166,255,.13);background:var(--panel)}
input[readonly],input:disabled{color:var(--muted);cursor:default}

/* CUSTOM SELECT */
.uiSelect{position:relative;width:100%;margin:0}
.uiSelectNative{position:absolute!important;width:1px!important;height:1px!important;opacity:0!important;pointer-events:none!important;overflow:hidden!important;clip:rect(0 0 0 0)!important}
.uiSelectButton{width:100%;min-height:46px;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:11px 13px;border:1px solid var(--line);border-radius:13px;background:var(--panel-soft);color:var(--text);font-weight:600;text-align:left;cursor:pointer;transition:border-color .15s ease,box-shadow .15s ease,background .15s ease}
.uiSelectButton:hover,.uiSelect.open .uiSelectButton{border-color:var(--blue-2);background:var(--panel)}
.uiSelect.open .uiSelectButton{box-shadow:0 0 0 4px rgba(83,166,255,.12)}
.uiSelectValue{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.uiSelectChevron{width:8px;height:8px;border-right:2px solid currentColor;border-bottom:2px solid currentColor;transform:rotate(45deg) translateY(-2px);transition:transform .15s ease;opacity:.75}
.uiSelect.open .uiSelectChevron{transform:rotate(225deg) translate(-2px,-1px)}
.uiSelectMenu{position:absolute;z-index:160;top:calc(100% + 7px);left:0;right:0;max-height:250px;overflow-y:auto;padding:6px;border:1px solid var(--line);border-radius:14px;background:var(--panel);box-shadow:0 18px 45px rgba(13,27,42,.16);opacity:0;visibility:hidden;transform:translateY(-4px);transition:opacity .14s ease,transform .14s ease,visibility .14s ease}
.uiSelect.open .uiSelectMenu{opacity:1;visibility:visible;transform:none}
.uiSelectOption{width:100%;display:flex;align-items:center;justify-content:space-between;gap:10px;padding:10px 11px;border:0;border-radius:10px;background:transparent;color:var(--text);text-align:left;cursor:pointer}
.uiSelectOption:hover,.uiSelectOption.active{background:rgba(18,105,255,.08);color:var(--blue)}
.uiSelectOption[disabled]{opacity:.45;pointer-events:none}

/* BUILDER */
.drop{height:190px;display:flex;flex-direction:column;align-items:center;justify-content:center;cursor:pointer;border:1px dashed var(--line-strong);border-radius:18px;background:var(--panel-soft);transition:border-color .15s ease,background .15s ease,transform .15s ease}
.drop:hover,.drop.drag{border-color:var(--blue-2);background:var(--panel-muted);transform:translateY(-1px)}
.uploadIcon{margin-bottom:8px;color:var(--blue);font-size:28px}
.drop b{font-size:14px}.drop small,.drop em{margin-top:5px;color:var(--muted);font-style:normal}.drop em{font-size:11px}
.licenseBox{display:grid;gap:5px;padding:14px;border:1px solid var(--line);border-radius:14px;background:var(--panel-soft)}
.licenseBox span{font-size:9px;letter-spacing:.14em;color:var(--muted)}
.licenseBox b{font:700 13px ui-monospace,SFMono-Regular,Consolas,monospace;color:var(--blue)}
.licenseBox small{color:var(--muted)}
.options{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}
.check{min-width:0;display:flex;flex-direction:row;align-items:flex-start;gap:10px;margin:0;padding:13px;border:1px solid var(--line);border-radius:14px;background:var(--panel-soft);cursor:pointer}
.check input{display:none}.check>span{width:18px;height:18px;min-width:18px;margin-top:1px;border:1px solid var(--line-strong);border-radius:5px;background:var(--panel)}
.check input:checked+span{border-color:var(--blue);background:var(--blue);box-shadow:inset 0 0 0 4px var(--panel)}
.check div{display:flex;flex-direction:column;gap:4px;min-width:0}.check b{font-size:12px}.check small{font-size:10px;line-height:1.4;color:var(--muted)}
.notice,.infoBox{padding:13px 15px;border:1px solid var(--line);border-radius:14px;background:var(--panel-soft);color:var(--muted);line-height:1.55}
.notice b,.infoBox strong{color:var(--text)}
.warnNotice{border-color:rgba(198,138,29,.28);background:rgba(198,138,29,.07)}
.successNotice,.infoBox.success{border-color:rgba(25,168,107,.26);background:rgba(25,168,107,.07)}
.errorNotice,.infoBox.error{border-color:rgba(214,83,99,.26);background:rgba(214,83,99,.07)}
.infoBox.warn{border-color:rgba(198,138,29,.28);background:rgba(198,138,29,.07)}
.analysis{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-top:13px;padding:12px;border:1px solid var(--line);border-radius:14px;background:var(--panel-soft)}
.analysis div{padding:10px;border:1px solid var(--line);border-radius:11px;background:var(--panel)}
.analysis b{display:block;font-size:16px}.analysis small{color:var(--muted)}
.progress,.nativeProgress{height:8px;overflow:hidden;border-radius:999px;background:var(--panel-muted)}
.progress i,.nativeProgress i{display:block;width:0;height:100%;border-radius:999px;background:linear-gradient(90deg,var(--blue),var(--blue-2));transition:width .3s ease}
.jobMeta{display:flex;justify-content:space-between;gap:12px;padding:10px 2px;color:var(--muted)}
.status{display:inline-flex;align-items:center;padding:6px 9px;border:1px solid var(--line);border-radius:999px;font-size:9px;letter-spacing:.12em;color:var(--muted)}
.terminal{height:190px;overflow:auto;padding:12px;border:1px solid var(--line);border-radius:13px;background:var(--panel-soft);color:var(--muted);font:11px/1.7 ui-monospace,SFMono-Regular,Consolas,monospace;white-space:pre-wrap}

/* ENTITY MANAGEMENT */
.statsMiniGrid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-bottom:18px}
.miniStat{padding:17px 18px;border:1px solid var(--line);border-radius:18px;background:var(--panel);box-shadow:var(--shadow-soft)}
.miniStat span{display:block;font-size:9px;letter-spacing:.13em;font-weight:900;text-transform:uppercase;color:var(--blue)}
.miniStat b{display:block;margin:7px 0 3px;font-size:27px;line-height:1}.miniStat small{color:var(--muted)}
.entityGrid,.licenseGrid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:12px}
.entityCard,.licenseCard{min-width:0;padding:17px;border:1px solid var(--line);border-radius:18px;background:var(--panel)}
.entityHead,.licenseTop{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}
.entityHead h3,.licenseTop h3{margin:3px 0 2px;font-size:17px;line-height:1.2}
.entityHead small,.licenseCard small{display:block;color:var(--muted)}
.entityMeta,.licenseStats{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin:12px 0}
.entityMeta span,.licenseStats span{min-width:0;padding:10px;border:1px solid var(--line);border-radius:12px;background:var(--panel-soft)}
.entityMeta b,.entityMeta small,.licenseStats b,.licenseStats small{display:block}.entityMeta b{font-size:9px;letter-spacing:.11em;text-transform:uppercase;color:var(--blue)}
.entityMeta small,.licenseStats small{margin-top:4px;color:var(--muted);overflow-wrap:anywhere}
.licenseTop code{display:inline-block;margin-top:6px;padding:4px 7px;border-radius:8px;background:var(--panel-muted);color:var(--blue);font:600 11px ui-monospace,SFMono-Regular,Consolas,monospace}
.emptyState{grid-column:1/-1;min-height:135px;display:flex;flex-direction:column;justify-content:center;align-items:flex-start;padding:18px;border:1px dashed var(--line-strong);border-radius:16px;background:var(--panel-soft)}
.emptyState b{font-size:15px}.emptyState small{margin-top:5px;color:var(--muted)}

.list,.incidentList,.auditList,.searchResults,.timeline{display:flex;flex-direction:column;gap:9px}
.listitem{min-width:0;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:14px;align-items:center;padding:13px;border:1px solid var(--line);border-radius:15px;background:var(--panel)}
.listitem b{display:block}.listitem small{display:block;margin-top:4px;color:var(--muted);line-height:1.5}
.richItem{align-items:flex-start}.richItem>.actions{justify-content:flex-end;max-width:480px}
.pill,.severity,.riskBadge{display:inline-flex;align-items:center;padding:5px 8px;border:1px solid var(--line);border-radius:999px;background:var(--panel-soft);color:var(--muted);font-size:9px;font-weight:800;letter-spacing:.04em;text-transform:uppercase;white-space:nowrap}
.pill.ok,.severity.ok{color:var(--green);border-color:rgba(25,168,107,.24)}
.pill.warn,.pill.watch,.severity.medium,.severity.high{color:var(--amber);border-color:rgba(198,138,29,.26)}
.pill.fail,.pill.quarantine,.severity.critical{color:var(--red);border-color:rgba(214,83,99,.24)}

/* SECURITY */
.securityStats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-bottom:18px}
.statCard{padding:16px;border:1px solid var(--line);border-radius:17px;background:var(--panel)}
.statCard span{font-size:9px;letter-spacing:.13em;font-weight:900;text-transform:uppercase;color:var(--blue)}
.statCard b{display:block;margin:7px 0 3px;font-size:29px;line-height:1}.statCard small{color:var(--muted)}
.statCard.critical{background:linear-gradient(145deg,#0d1b2a,#183b69);border-color:transparent;color:#fff}.statCard.critical span,.statCard.critical b,.statCard.critical small{color:#fff}
.securityNotice{margin-bottom:14px}.incident{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:14px;padding:14px;border:1px solid var(--line);border-radius:15px;background:var(--panel)}
.incidentHead{display:flex;align-items:center;flex-wrap:wrap;gap:8px}.incidentHead h3{margin:0;font-size:14px}.incidentHead code{padding:3px 6px;border-radius:7px;background:var(--panel-muted);color:var(--blue);font-size:10px}
.incidentMeta,.incidentDetails{margin-top:7px;color:var(--muted);font-size:11px}.securityActions{display:flex;align-items:flex-start;justify-content:flex-end;flex-wrap:wrap;gap:7px}
.supportCodeLine{margin:9px 0;padding:8px 10px;border:1px solid var(--line);border-radius:10px;background:var(--panel-soft)}
.supportCodeLine code{color:var(--blue)}

/* OPERATIONS */
.opsTop,.opsBottom{display:grid;grid-template-columns:minmax(0,1fr) minmax(320px,.82fr);gap:18px}
.opsBottom{grid-template-columns:minmax(0,1fr) 380px}.opsIntro{margin-bottom:18px}.globalSearch{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:9px}
.searchResults{max-height:410px;overflow:auto}.searchResult{display:flex;justify-content:space-between;gap:12px;padding:12px;border:1px solid var(--line);border-radius:13px;background:var(--panel);cursor:pointer}.searchResult:hover{border-color:var(--line-strong);background:var(--panel-soft)}
.searchResult>span{align-self:flex-start;padding:4px 6px;border-radius:7px;background:var(--panel-muted);color:var(--blue);font-size:8px;font-weight:900;letter-spacing:.09em}.searchResult b{display:block}.searchResult small{display:block;margin-top:3px;color:var(--muted)}
.auditFilters{display:flex;gap:8px}.auditList,.timeline{max-height:590px;overflow:auto}.auditRow{display:grid;grid-template-columns:auto minmax(0,1fr);gap:10px;padding:11px;border:1px solid var(--line);border-radius:13px;background:var(--panel)}
.auditIcon{width:28px;height:28px;display:grid;place-items:center;border:1px solid var(--line);border-radius:9px;background:var(--panel-muted);color:var(--blue);font-size:10px;font-weight:900}.auditIcon.admin{background:#0d1b2a;color:#fff}.auditRow b{display:block}.auditRow small,.auditRow p{margin:3px 0 0;color:var(--muted);font-size:11px}
.timelineItem{position:relative;padding:4px 0 10px 26px}.timelineItem:before{content:"";position:absolute;left:7px;top:18px;bottom:-3px;width:1px;background:var(--line)}.timelineItem:last-child:before{display:none}.timelineItem>i{position:absolute;left:1px;top:5px;width:13px;height:13px;border:3px solid var(--panel);border-radius:999px;background:var(--blue-3);box-shadow:0 0 0 1px var(--line)}.timelineItem b{display:block}.timelineItem small,.timelineItem p{margin:2px 0;color:var(--muted);font-size:11px}
.supportGrid{display:grid;gap:13px}.supportHero{padding:16px;border-radius:16px;background:linear-gradient(145deg,#0d1b2a,#183b69);color:#fff}.supportHero b,.supportHero small{display:block;color:#fff}.supportHero code{display:inline-block;margin-top:7px;padding:4px 7px;border-radius:8px;background:rgba(255,255,255,.11);color:#fff}
.supportFacts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px}.supportFacts>div{padding:10px;border:1px solid var(--line);border-radius:12px;background:var(--panel-soft)}.supportFacts span{display:block;font-size:9px;letter-spacing:.11em;text-transform:uppercase;color:var(--muted-2)}.supportFacts b{display:block;margin-top:5px;overflow-wrap:anywhere}
.supportTechnical{padding:11px;border:1px solid var(--line);border-radius:13px;background:var(--panel-soft)}.supportTechnical span{display:inline-block;margin:3px;padding:5px 7px;border:1px solid var(--line);border-radius:8px;background:var(--panel)}.supportActions{display:flex;flex-wrap:wrap;gap:8px}

/* NATIVE / INSTALL */
.nativeTargetSummary,.nativeStatusGrid,.installSummary{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-top:14px}.nativeStatusGrid{grid-template-columns:repeat(2,minmax(0,1fr))}.nativeTargetSummary>div,.nativeStatusGrid>div,.installSummary>div{min-width:0;padding:12px;border:1px solid var(--line);border-radius:14px;background:var(--panel-soft)}
.nativeTargetSummary span,.nativeStatusGrid span,.installSummary span{display:block;font-size:9px;letter-spacing:.1em;font-weight:800;text-transform:uppercase;color:var(--muted-2)}.nativeTargetSummary b,.nativeStatusGrid b,.installSummary b{display:block;margin-top:6px;overflow-wrap:anywhere}
.okText,.failText{display:inline-flex!important;align-items:center;gap:6px;width:auto!important;margin-top:7px!important;padding:0!important;border:0!important;background:transparent!important;font-size:12px!important;font-weight:800!important;letter-spacing:.02em!important}.okText{color:var(--green)!important}.okText:before{content:"●";font-size:9px}.failText{color:var(--red)!important}.failText:before{content:"●";font-size:9px}
.nativeToolchains{margin-top:18px}.nativeSetupActions,.nativeDownloads,.installActions{display:flex;flex-wrap:wrap;gap:8px}.nativeOperation{padding:15px;border:1px solid var(--line);border-radius:16px;background:var(--panel-soft)}.nativeOperationHead{display:flex;align-items:center;justify-content:space-between;gap:12px}.nativeOperationDetail,.nativeDetailText,.nativePath{color:var(--muted)}
.nativeOperationLogs{margin-top:10px;border:1px solid var(--line);border-radius:12px;background:var(--panel)}.nativeOperationLogs summary{padding:11px;cursor:pointer;font-weight:700}.nativeOperationLogs pre{margin:0;padding:0 11px 11px;color:var(--muted);white-space:pre-wrap;overflow-wrap:anywhere}
.nativeSpinner{width:17px;height:17px;border:2px solid var(--line);border-top-color:var(--blue);border-radius:999px;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}
.installHero{margin-bottom:18px}.installGrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.installCard{margin-bottom:0}.installSteps{display:flex;flex-direction:column;gap:9px}.installStep{display:grid;grid-template-columns:30px minmax(0,1fr);gap:10px;padding:11px;border:1px solid var(--line);border-radius:13px;background:var(--panel-soft)}.installStep i{width:28px;height:28px;display:grid;place-items:center;border-radius:9px;background:var(--panel-muted);color:var(--blue);font-style:normal;font-weight:900}.installText{color:var(--muted)}.packageTree{padding:12px;border:1px solid var(--line);border-radius:13px;background:var(--panel-soft);font:11px/1.7 ui-monospace,SFMono-Regular,Consolas,monospace;color:var(--muted);white-space:pre-wrap}

/* MODALS */
.modalRoot{position:fixed!important;inset:0!important;z-index:1000!important;display:grid!important;place-items:center!important;padding:22px!important;pointer-events:none!important}.modalRoot.hidden{display:none!important}.modalRoot.active{pointer-events:auto!important}.modalBackdrop{position:absolute!important;inset:0!important;background:rgba(6,14,24,.34)!important;backdrop-filter:blur(12px)!important;-webkit-backdrop-filter:blur(12px)!important;opacity:0;transition:opacity .16s ease}.modalRoot.active .modalBackdrop{opacity:1}
.modalCard{position:relative!important;z-index:2!important;width:min(640px,calc(100vw - 32px));max-height:min(86vh,860px);overflow:auto;padding:21px;border:1px solid var(--line);border-radius:22px;background:var(--panel);box-shadow:0 28px 90px rgba(13,27,42,.24);opacity:0;transform:translateY(10px) scale(.99);transition:opacity .16s ease,transform .16s ease}.modalRoot.active .modalCard:not(.hidden){opacity:1;transform:none}.entityModal{width:min(760px,calc(100vw - 32px))}.modalHead{display:flex;align-items:flex-start;justify-content:space-between;gap:13px;margin-bottom:12px}.modalHead h2{margin:5px 0 0;font-size:25px;line-height:1.1}.modalText{margin:0;color:var(--muted);line-height:1.6}.modalContext{margin-top:12px;padding:11px;border:1px solid var(--line);border-radius:12px;background:var(--panel-soft);color:var(--muted);font:11px/1.55 ui-monospace,SFMono-Regular,Consolas,monospace;white-space:pre-wrap;overflow-wrap:anywhere}.modalField{margin-top:14px}.modalField span{font-size:10px;letter-spacing:.1em;text-transform:uppercase;color:var(--muted-2)}.modalHint{display:block;margin-top:9px;color:var(--red);font-size:11px}.modalActions{display:flex;justify-content:flex-end;gap:8px;margin-top:16px}.entityModalBody{display:grid;gap:12px}.modalForm .formGrid{display:grid;grid-template-columns:1fr;gap:12px}.modalForm .formGrid.two{grid-template-columns:repeat(2,minmax(0,1fr))}.modalForm .full{grid-column:1/-1}.modalForm label{margin:0}
body.modalOpen{overflow:hidden}
.toast{position:fixed;right:24px;bottom:24px;z-index:1200;max-width:min(430px,calc(100vw - 48px));padding:11px 14px;border:1px solid var(--line);border-radius:12px;background:#0d1b2a;color:#fff;box-shadow:0 15px 35px rgba(13,27,42,.25);opacity:0;transform:translateY(10px);pointer-events:none;transition:.18s}.toast.show{opacity:1;transform:none}

@media(max-width:1300px){body{grid-template-columns:220px minmax(0,1fr);gap:18px;padding:18px}.sidebar{top:18px;height:calc(100vh - 36px)}.grid.two,.opsTop,.opsBottom{grid-template-columns:1fr}.options{grid-template-columns:repeat(2,minmax(0,1fr))}.securityStats{grid-template-columns:repeat(2,minmax(0,1fr))}.supportFacts{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:980px){body{display:block;padding:12px}.sidebar{position:relative;top:auto;width:100%;height:auto;min-height:0;margin-bottom:12px;padding:14px;border-radius:22px}.brand{padding:4px 6px 12px}.brandmark{width:54px;height:54px;min-width:54px}.brandmark img{width:46px;height:36px}.navGroup{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));justify-content:initial;gap:6px}.sidefoot{display:none}main{min-height:0;border-radius:22px}header{position:relative;padding:22px 20px 16px;flex-direction:column;align-items:flex-start}.headerTools{justify-content:flex-start}.view{padding:0 20px 20px}.grid.two,.installGrid{grid-template-columns:1fr}.row.compact,.nativeTargetSummary,.nativeStatusGrid,.installSummary{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:680px){body{padding:0;background:var(--bg)}.sidebar,main{border-radius:0;border-left:0;border-right:0;box-shadow:none}.sidebar{margin:0}.brand>div:last-child{display:none}.navGroup{grid-template-columns:repeat(3,minmax(0,1fr))}.nav{justify-content:center;gap:6px;padding:9px}.nav>span:last-child{font-size:10px}.navIcon{width:18px;height:18px}.navIcon svg{width:16px;height:16px}.view{padding:0 14px 14px}header{padding:18px 14px 14px}.headerTools{width:100%}.operatorChip,.health,.themeToggle{max-width:100%}.row,.row.compact,.options,.statsMiniGrid,.entityMeta,.licenseStats,.securityStats,.supportFacts,.nativeTargetSummary,.nativeStatusGrid,.installSummary,.modalForm .formGrid.two{grid-template-columns:1fr}.pageToolbar{align-items:flex-start;flex-direction:column}.toolbarActions,.actions,.supportActions,.securityActions,.nativeSetupActions,.nativeDownloads,.installActions,.modalActions{width:100%;flex-direction:column}.toolbarActions .btn,.actions .btn,.supportActions .btn,.securityActions .btn,.nativeSetupActions .btn,.nativeDownloads .btn,.installActions .btn,.modalActions .btn{width:100%}.listitem,.incident{grid-template-columns:1fr}.richItem>.actions{justify-content:flex-start;max-width:none}.modalRoot{padding:10px!important}.modalCard,.entityModal{width:100%;max-height:92vh;border-radius:18px}}
.btnGlyph svg{width:15px;height:15px;fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}

/* v0.10.8 — Native workspace refinement */
.nativeWorkspace{display:flex;flex-direction:column;gap:22px}
.nativeSubnav{
  position:sticky;top:92px;z-index:4;
  display:flex;align-items:center;gap:8px;
  padding:8px;border:1px solid var(--line);border-radius:18px;
  background:color-mix(in srgb,var(--panel) 94%,transparent);
  box-shadow:0 10px 30px rgba(26,68,124,.08);
  backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);
  overflow:auto;
}
.nativeSubnav a{
  display:inline-flex;align-items:center;gap:8px;white-space:nowrap;
  min-height:38px;padding:7px 12px;border-radius:12px;
  color:var(--muted);text-decoration:none;font-weight:750;font-size:12px;
  transition:.16s ease;
}
.nativeSubnav a span{display:grid;place-items:center;width:22px;height:22px;border-radius:8px;background:var(--panel-muted);color:var(--blue);font-size:9px;font-weight:900}
.nativeSubnav a:hover{background:var(--panel-muted);color:var(--text)}
.nativeSection{scroll-margin-top:154px}
.nativeOverview{
  padding:24px;border:1px solid var(--line);border-radius:24px;background:var(--panel);box-shadow:var(--shadow-soft)
}
.nativeOverviewHead,.nativeSectionHeader{display:flex;align-items:flex-start;justify-content:space-between;gap:18px}
.nativeOverviewTitle h2,.nativeSectionHeader h2{margin:5px 0 4px;font-size:25px;letter-spacing:-.035em;line-height:1.15}
.nativeOverviewTitle p,.nativeSectionHeader p{margin:0;color:var(--muted);max-width:720px}
.runtimeBanner{
  display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:14px;
  margin-top:18px;padding:14px 16px;border:1px solid #c9dbf2;border-radius:16px;
  background:linear-gradient(135deg,#f8fbff,#edf5ff)
}
html[data-theme="dark"] .runtimeBanner{border-color:#24405f;background:linear-gradient(135deg,#111f32,#14243a)}
.runtimeBannerIcon,.policyIcon,.infoCardIcon,.platformIcon{display:grid;place-items:center;flex:none}
.runtimeBannerIcon{width:42px;height:42px;border-radius:13px;background:linear-gradient(135deg,var(--blue),var(--blue-2));color:#fff;box-shadow:0 10px 22px rgba(18,105,255,.22)}
.runtimeBannerIcon svg,.policyIcon svg,.infoCardIcon svg,.platformIcon svg{width:21px;height:21px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.runtimeBanner b{display:block;color:var(--text);font-size:14px}.runtimeBanner small{display:block;margin-top:3px;color:var(--muted)}
.nativeRuntimeBadge,.sectionTag{display:inline-flex;align-items:center;justify-content:center;min-height:30px;padding:6px 10px;border:1px solid #bfd6f4;border-radius:999px;color:var(--blue);background:#fff;font-size:9px;font-weight:900;letter-spacing:.12em}
html[data-theme="dark"] .nativeRuntimeBadge,html[data-theme="dark"] .sectionTag{background:#0d1a2b;border-color:#2f527e;color:#7dbdff}
.nativeTargetSummaryStrong{margin-top:14px;gap:12px}
.nativeTargetSummaryStrong>div{padding:15px 16px;border-radius:16px;background:#fff;border-color:#d9e5f4;box-shadow:0 8px 20px rgba(31,75,132,.05)}
html[data-theme="dark"] .nativeTargetSummaryStrong>div{background:#101d2f;border-color:#233a56}
.nativeTargetSummaryStrong span{color:#7890ae}.nativeTargetSummaryStrong b{font-size:14px;color:var(--text)}.nativeTargetSummaryStrong small{display:block;margin-top:4px;color:var(--muted);font-size:10px}
.nativeOperation{margin-top:14px;background:#0d1626;border-color:#172a45;color:#ecf5ff}.nativeOperationDetail{color:#a9bdd6}.nativeOperationLogs{background:#0a1322;border-color:#1d324f}.nativeOperationLogs pre{color:#aac0d9}

.nativeSectionHeader{padding:0 4px 4px}.nativeSectionHeader .sectionTag{margin-top:3px}
.nativeToolchainsRefined{margin-top:10px;gap:16px}
.nativePlatformCard{padding:0;overflow:hidden;border-radius:22px;box-shadow:0 14px 34px rgba(34,76,126,.09)}
.nativePlatformHead{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:12px;padding:17px 18px;border-bottom:1px solid var(--line);background:linear-gradient(180deg,#fff,#f8fbff)}
html[data-theme="dark"] .nativePlatformHead{background:linear-gradient(180deg,#122033,#101c2d)}
.nativePlatformHead>div:nth-child(2)>span{display:block;font-size:9px;font-weight:900;letter-spacing:.13em;color:var(--blue)}
.nativePlatformHead h3{margin:2px 0 0;font-size:21px;letter-spacing:-.035em}
.platformIcon{width:40px;height:40px;border-radius:12px;background:var(--panel-muted);color:var(--blue)}
.nativePlatformHead.linux .platformIcon{background:#eaf8f2;color:#1c9c68}html[data-theme="dark"] .nativePlatformHead.linux .platformIcon{background:#112b25;color:#72d8ae}
.nativeMetricGrid{padding:16px 18px 0;gap:10px}
.nativeMetricGrid>div{padding:13px 14px;background:var(--panel-soft);border:1px solid var(--line);border-radius:14px}
.nativeMetricGrid span{font-size:9px}.nativeMetricGrid b{min-height:22px;display:flex!important;align-items:center;margin-top:6px}
.nativeDetailBox{margin:12px 18px 0;padding:13px 14px;border:1px solid #cfe0f5;border-radius:14px;background:#f4f8ff;color:var(--muted);line-height:1.55}
html[data-theme="dark"] .nativeDetailBox{border-color:#294767;background:#0f1d2f}
.nativeCardFooter{display:flex;flex-direction:column;gap:12px;padding:14px 18px 18px}
.nativeSetupActions{display:flex;flex-wrap:wrap;gap:8px}.nativeSetupActions .btn{min-height:38px;padding:8px 12px;font-size:11px}
.nativeCompileBtn{align-self:flex-start;min-width:190px;height:44px}
.okText{padding:5px 9px!important;border-radius:999px!important;background:#e9f8f1!important;color:#169a64!important}.okText:before{content:"✓"!important;font-size:11px!important}
.failText{padding:5px 9px!important;border-radius:999px!important;background:#fff0f2!important;color:#d64f62!important}.failText:before{content:"!"!important;font-size:11px!important}
html[data-theme="dark"] .okText{background:#102b24!important;color:#79d9ae!important}html[data-theme="dark"] .failText{background:#321a21!important;color:#ff99a5!important}
.status.ok{background:#e9f8f1;border-color:#c8eadb;color:#168d5f}.status.warn{background:#fff7e8;border-color:#f0ddb2;color:#a56d08}
html[data-theme="dark"] .status.ok{background:#102b24;border-color:#214a3c;color:#79d9ae}html[data-theme="dark"] .status.warn{background:#2b2415;border-color:#4b3e22;color:#f0c36b}

.nativePolicyGrid{gap:16px;margin-top:10px}
.policyCard{margin:0;padding:20px;border-radius:22px;box-shadow:0 14px 34px rgba(34,76,126,.08)}
.policyCardHead{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:12px;padding-bottom:15px;border-bottom:1px solid var(--line)}
.policyIcon{width:40px;height:40px;border-radius:12px;background:#eaf2ff;color:var(--blue)}
html[data-theme="dark"] .policyIcon{background:#152b48}
.policyCardHead h3{margin:2px 0 0;font-size:21px;letter-spacing:-.03em}
.policyCallout{margin-top:14px;padding:12px 13px;border:1px solid var(--line);border-left-width:3px;border-radius:12px;background:var(--panel-soft)}
.policyCallout.info{border-left-color:var(--blue)}.policyCallout.success{border-left-color:var(--green)}
.policyCallout b{display:block;font-size:12px}.policyCallout small{display:block;margin-top:3px;color:var(--muted);line-height:1.55}.policyCallout strong{color:var(--text)}
.policyFields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:15px}
.policyFields label{display:flex;flex-direction:column;gap:7px;padding:0;margin:0}.policyFields label>span{font-size:11px;font-weight:800;color:var(--text)}.policyFields label>small{color:var(--muted);font-size:10px;line-height:1.45}
.policyFieldWide{grid-column:1/-1}.policyFields input,.policyFields select{height:44px;background:var(--panel-soft)}
.inputUnit{position:relative}.inputUnit input{width:100%;padding-right:48px}.inputUnit i{position:absolute;right:14px;top:50%;transform:translateY(-50%);font-style:normal;font-size:9px;font-weight:900;letter-spacing:.08em;color:var(--muted-2)}
.readonlyPolicy{min-height:56px;padding:10px 12px;border:1px solid var(--line);border-radius:12px;background:var(--panel-soft)}.readonlyPolicy b{display:block;font-size:12px}.readonlyPolicy small{display:block;margin-top:3px;color:var(--muted)}
.policyActions{display:flex;justify-content:flex-end;margin-top:16px;padding-top:14px;border-top:1px solid var(--line)}
.policyActions .btn{min-width:160px}

.nativeCommercialCard{padding:20px}.nativeCommercialLayout{display:grid;grid-template-columns:minmax(320px,.8fr) minmax(0,1.2fr);gap:18px}
.nativeCommercialConfig{display:flex;flex-direction:column;gap:11px}.commercialFeature{display:grid;grid-template-columns:auto minmax(0,1fr);gap:10px;padding:11px 12px;border:1px solid var(--line);border-radius:13px;background:var(--panel-soft)}
.featureIcon{width:25px;height:25px;display:grid;place-items:center;border-radius:8px;background:#eaf2ff;color:var(--blue);font-size:10px;font-weight:900}.commercialFeature b{display:block}.commercialFeature small{display:block;margin-top:2px;color:var(--muted)}
.qaCheck{margin:0;padding:12px;border-color:#ead8aa;background:#fffaf0}.qaCheck b{color:#704f11}.qaCheck small{color:#866a37}html[data-theme="dark"] .qaCheck{background:#282216;border-color:#4b3d23}.nativeAllBuildButton{align-self:flex-start;min-width:250px}
.nativeCommercialConsole{min-width:0;padding:14px;border-radius:16px;background:#0b1423}.consoleHead{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:9px;color:#fff}.consoleHead span{font-size:9px;font-weight:900;letter-spacing:.13em}.consoleHead small{color:#8ca3bf}.nativeCommercialConsole .terminal{min-height:190px;margin:0;border:1px solid #1b2f4c;background:#08111f;color:#b9cee5}.nativeCommercialConsole .nativeDownloads{margin-top:10px}

.nativeInfoGrid{gap:16px;margin-top:10px}.nativeInfoCard{display:grid;grid-template-columns:auto minmax(0,1fr);align-items:start;gap:12px;margin:0;padding:20px}.infoCardIcon{width:42px;height:42px;border-radius:13px;background:#eaf2ff;color:var(--blue)}html[data-theme="dark"] .infoCardIcon{background:#152b48}.nativeInfoCard h3{margin:3px 0 0;font-size:21px}.nativeInfoList{grid-column:1/-1;display:flex;flex-direction:column;gap:9px;margin-top:3px}.nativeInfoList>div{padding:11px 12px;border:1px solid var(--line);border-radius:13px;background:var(--panel-soft)}.nativeInfoList b{display:block}.nativeInfoList small{display:block;margin-top:3px;color:var(--muted);line-height:1.55}.nativeInfoList code{font-size:10px;color:var(--blue)}

@media(max-width:1180px){.nativeCommercialLayout{grid-template-columns:1fr}.nativeCommercialConsole .terminal{min-height:150px}}
@media(max-width:980px){.nativeSubnav{position:relative;top:auto}.nativeOverviewHead,.nativeSectionHeader{flex-direction:column}.nativeTargetSummaryStrong,.nativePolicyGrid{grid-template-columns:repeat(2,minmax(0,1fr))}.nativeRuntimeBadge,.sectionTag{align-self:flex-start}}
@media(max-width:680px){.nativeWorkspace{gap:16px}.nativeOverview,.policyCard,.nativeCommercialCard,.nativeInfoCard{padding:16px}.nativeSubnav{border-radius:14px}.nativeTargetSummaryStrong,.nativePolicyGrid,.policyFields{grid-template-columns:1fr}.policyFieldWide{grid-column:auto}.nativePlatformHead{grid-template-columns:auto minmax(0,1fr)}.nativePlatformHead .status{grid-column:1/-1;justify-self:start}.nativeCardFooter,.policyActions{align-items:stretch}.nativeCompileBtn,.policyActions .btn,.nativeAllBuildButton{width:100%;min-width:0}.runtimeBanner{grid-template-columns:auto minmax(0,1fr)}.nativeRuntimeBadge{grid-column:1/-1;justify-self:start}.nativeInfoGrid{grid-template-columns:1fr}}

/* v0.10.9 — routes, realtime, cache and resilient controls */
.nav{text-decoration:none}
.view.active{animation:viewIn .16s ease both}
@keyframes viewIn{from{opacity:.72;transform:translateY(4px)}to{opacity:1;transform:none}}
.health{position:relative;padding-left:20px}
.health:before{content:"";position:absolute;left:10px;top:50%;width:6px;height:6px;border-radius:999px;transform:translateY(-50%);background:var(--muted-2);box-shadow:0 0 0 4px rgba(143,163,187,.10)}
.health.live:before{background:var(--green);box-shadow:0 0 0 4px rgba(25,168,107,.12)}
.uiSelectMenu.uiSelectPortal{position:fixed!important;z-index:5000!important;top:auto;left:auto;right:auto;bottom:auto;max-height:280px;overflow-y:auto;padding:6px;border:1px solid var(--line);border-radius:14px;background:var(--panel);box-shadow:0 20px 48px rgba(13,27,42,.20);opacity:0;visibility:hidden;pointer-events:none;transform:translateY(-4px);transition:opacity .12s ease,transform .12s ease,visibility .12s ease}
.uiSelectMenu.uiSelectPortal.open{opacity:1;visibility:visible;pointer-events:auto;transform:none}
.uiSelectMenu.uiSelectPortal .uiSelectOption{min-height:40px}
html[data-theme="dark"] .uiSelectMenu.uiSelectPortal{box-shadow:0 20px 48px rgba(0,0,0,.44)}
.toast[data-type="success"]{background:#0d7f56;color:#fff}
.toast[data-type="error"]{background:#a72f43;color:#fff}
.toast[data-type="warn"]{background:#9b6814;color:#fff}
.nativeSection.routeHidden{display:none!important}
.nativeSubnav a.active{background:var(--blue);color:#fff;border-color:var(--blue);box-shadow:0 8px 20px rgba(18,105,255,.16)}
.nativeSubnav a.active span{background:rgba(255,255,255,.16);color:#fff}

/* v0.10.10 — route isolation + native platform split */
.view:not(.active){display:none!important}
#view-native.nativeWorkspace:not(.active){display:none!important}
#view-native.nativeWorkspace.active{display:flex}
.nativeSection.routeHidden{display:none!important}
.nativeSinglePlatform{display:grid;grid-template-columns:minmax(0,1fr);gap:18px}
.nativeSinglePlatform>.nativePlatformCard{width:100%;margin:0}
.nativeSubnav{grid-template-columns:repeat(6,minmax(0,1fr))}
@media(max-width:1080px){.nativeSubnav{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:680px){.nativeSubnav{grid-template-columns:repeat(2,minmax(0,1fr))}}

/* v0.10.11 — transcript-driven UX refinement */
body{align-items:stretch}
.sidebar{top:22px;align-self:start}
main{align-self:start}

/* Nested sidebar */
.navGroup{justify-content:flex-start;overflow-y:auto;overflow-x:hidden;padding:2px 2px 8px;scrollbar-width:none}
.navGroup::-webkit-scrollbar{display:none}
.navSection{display:flex;flex-direction:column;gap:3px}
.navSection+.navSection{margin-top:4px}
.navGroupToggle{width:100%;height:42px;display:flex;align-items:center;justify-content:space-between;gap:8px;padding:0 10px;border:0;border-radius:13px;background:transparent;color:var(--muted);font-weight:800;cursor:pointer}
.navGroupToggle:hover{background:rgba(18,105,255,.06);color:var(--blue)}
.navGroupLabel{display:flex;align-items:center;gap:10px;min-width:0}
.navChevron{font-size:16px;transition:transform .16s ease;color:var(--muted-2)}
.navSection.collapsed .navChevron{transform:rotate(-90deg)}
.navSubmenu{display:flex;flex-direction:column;gap:2px;padding-left:34px;max-height:320px;opacity:1;overflow:hidden;transition:max-height .2s ease,opacity .16s ease}
.navSection.collapsed .navSubmenu{max-height:0;opacity:0}
.nav.navSub{min-height:34px;padding:7px 10px;border-radius:10px;font-size:12px;font-weight:700;transform:none}
.nav.navSub:before{content:"";width:5px;height:5px;border-radius:50%;background:var(--line-strong);margin-right:7px;flex:0 0 auto}
.nav.navSub.active:before{background:var(--blue);box-shadow:0 0 0 4px rgba(18,105,255,.09)}
.nav.navTop{margin-bottom:4px}

/* Header + layout rhythm */
header{padding-top:24px;padding-bottom:18px}
.view{padding-top:6px}
.grid.two{gap:22px}
.card{padding:24px;margin-bottom:22px}
.cardtitle{margin-bottom:20px}
.featureTitle{margin-bottom:22px}
.titleWithIcon{display:flex;align-items:flex-start;gap:14px;min-width:0}
.sectionIcon{width:42px;height:42px;display:grid;place-items:center;flex:0 0 42px;border-radius:13px;background:linear-gradient(145deg,rgba(18,105,255,.12),rgba(83,166,255,.18));color:var(--blue)}
.sectionIcon svg{width:21px;height:21px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.sectionSub{margin:6px 0 0;color:var(--muted);font-size:12px;max-width:480px}
.buildOptions{margin-top:4px}
.qaRow{display:grid;grid-template-columns:minmax(0,1fr) auto auto;align-items:center;gap:10px;margin:18px 0 20px;padding:12px;border:1px solid var(--line);border-radius:16px;background:var(--panel-soft)}
.compactCheck{margin:0!important;padding:0!important;border:0!important;background:transparent!important}
.buildVersionChip{display:flex;align-items:center;gap:7px;padding:8px 10px;border-radius:12px;background:var(--panel);border:1px solid var(--line)}
.buildVersionChip span{font-size:10px;color:var(--muted);text-transform:uppercase;letter-spacing:.08em}.buildVersionChip b{font-size:12px}

/* Help / tooltips */
.helpButton{width:32px;height:32px;display:inline-grid;place-items:center;padding:0;border:1px solid var(--line);border-radius:50%;background:var(--panel);color:var(--blue);font-weight:900;cursor:pointer;box-shadow:none}
.helpButton:hover{border-color:var(--line-strong);background:var(--panel-muted)}
.helpButton.small{width:24px;height:24px;font-size:10px}
.helpPopover{position:fixed;z-index:3000;width:min(330px,calc(100vw - 28px));padding:14px 15px;border:1px solid var(--line);border-radius:14px;background:var(--panel);box-shadow:0 18px 55px rgba(13,27,42,.22);color:var(--text)}
.helpPopover b{display:block;margin-bottom:5px;font-size:13px}.helpPopover p{margin:0;color:var(--muted);font-size:12px;line-height:1.55}
.cardActions{display:flex;align-items:center;gap:8px}

/* Dashboard */
.dashboardHero{display:flex;align-items:flex-end;justify-content:space-between;gap:18px;margin-bottom:18px;padding:4px}
.dashboardHero h2{margin:6px 0 4px;font-size:27px;letter-spacing:-.04em}.dashboardHero p{margin:0;color:var(--muted)}
.dashboardStats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-bottom:22px}
.dashMetric{position:relative;overflow:hidden;padding:18px 20px;border-radius:20px;border:1px solid var(--line);background:var(--panel);box-shadow:var(--shadow-soft)}
.dashMetric:after{content:"";position:absolute;width:90px;height:90px;border-radius:50%;right:-30px;top:-35px;opacity:.17;background:currentColor}
.dashMetric span{display:block;font-size:10px;font-weight:900;letter-spacing:.12em;text-transform:uppercase}.dashMetric b{display:block;margin:7px 0 3px;font-size:28px;line-height:1}.dashMetric small{color:var(--muted)}
.dashMetric.blue{color:var(--blue)}.dashMetric.green{color:var(--green)}.dashMetric.amber{color:var(--amber)}.dashMetric.purple{color:#7c61e8}
.textLink{color:var(--blue);font-weight:800;text-decoration:none;font-size:12px}
.compactFeed{display:flex;flex-direction:column}.feedRow{display:grid;grid-template-columns:34px minmax(0,1fr);gap:10px;align-items:center;padding:10px 0;border-bottom:1px solid var(--line)}.feedRow:last-child{border-bottom:0}.feedIcon{width:30px;height:30px;display:grid;place-items:center;border-radius:9px;background:var(--panel-muted);color:var(--blue)}.feedIcon svg{width:15px;height:15px;fill:none;stroke:currentColor;stroke-width:1.8}.feedRow b,.feedRow small{display:block}.feedRow small{margin-top:2px;color:var(--muted);font-size:11px}
.runtimeQuick{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.runtimeQuick>div{padding:14px;border-radius:14px;background:var(--panel-soft);border:1px solid var(--line)}.runtimeQuick span,.runtimeQuick b,.runtimeQuick small{display:block}.runtimeQuick span{font-size:9px;text-transform:uppercase;letter-spacing:.1em;color:var(--muted-2)}.runtimeQuick b{margin:6px 0 2px;font-size:14px}.runtimeQuick small{color:var(--muted);font-size:10px}.mutedText{color:var(--muted)}

/* Colored summary cards */
.statsMiniGrid .miniStat:nth-child(1){border-top:3px solid var(--blue)}
.statsMiniGrid .miniStat:nth-child(2){border-top:3px solid var(--green)}
.statsMiniGrid .miniStat:nth-child(3){border-top:3px solid var(--amber)}
.securityStats .statCard:nth-child(1){border-top:3px solid var(--blue)}
.securityStats .statCard:nth-child(2){border-top:3px solid var(--red)}
.securityStats .statCard:nth-child(3){border-top:3px solid var(--amber)}
.securityStats .statCard:nth-child(4){border-top:3px solid #7c61e8}

/* Compact entity lists */
.entityGrid,#licensesList{display:flex;flex-direction:column;gap:8px}
.entityRow{display:grid;grid-template-columns:minmax(220px,1.5fr) minmax(150px,1fr) minmax(92px,.45fr) minmax(100px,.5fr) auto;gap:14px;align-items:center;padding:12px 14px;border:1px solid var(--line);border-radius:15px;background:var(--panel);transition:border-color .15s ease,box-shadow .15s ease,transform .15s ease}
.entityRow:hover{border-color:var(--line-strong);box-shadow:0 8px 24px rgba(18,105,255,.06);transform:translateY(-1px)}
.entityMain{display:flex;align-items:center;gap:11px;min-width:0}.entityMain>div{min-width:0}.entityMain b,.entityMain small{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.entityMain b{font-size:13px}.entityMain small{margin-top:2px;color:var(--muted);font-size:10px}
.rowAvatar{width:34px;height:34px;display:grid;place-items:center;flex:0 0 34px;border-radius:10px;background:linear-gradient(145deg,rgba(18,105,255,.12),rgba(83,166,255,.19));color:var(--blue);font-size:10px;font-weight:900}.rowAvatar svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:1.8}.rowAvatar.large{width:48px;height:48px;flex-basis:48px;border-radius:14px;font-size:13px}.productAvatar{color:#7c61e8;background:rgba(124,97,232,.11)}.licenseAvatar{color:var(--amber);background:rgba(198,138,29,.11)}.securityAvatar{color:var(--red);background:rgba(214,83,99,.10)}
.rowCell{min-width:0}.rowCell>span{display:block;margin-bottom:3px;font-size:8px;font-weight:900;letter-spacing:.1em;text-transform:uppercase;color:var(--muted-2)}.rowCell>b{display:block;font-size:11px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.rowCell .pill{display:inline-flex}
.rowActions{display:flex;align-items:center;justify-content:flex-end;gap:5px;white-space:nowrap}.iconAction{width:33px;height:33px;display:grid;place-items:center;padding:0;border:1px solid var(--line);border-radius:10px;background:var(--panel);color:var(--muted);cursor:pointer;transition:.15s ease}.iconAction svg{width:15px;height:15px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.iconAction:hover{color:var(--blue);border-color:var(--line-strong);background:var(--panel-muted)}.iconAction.danger{color:var(--red);background:rgba(214,83,99,.06);border-color:rgba(214,83,99,.17)}.iconAction.warn{color:var(--amber)}.iconAction.successTone{color:var(--green)}.iconAction.primaryTone{color:var(--blue)}

/* Details modal */
.detailSheet{display:grid;gap:16px}.detailHero{display:flex;align-items:center;gap:12px;padding:14px;border:1px solid var(--line);border-radius:15px;background:var(--panel-soft)}.detailHero>div{flex:1;min-width:0}.detailHero b,.detailHero small{display:block}.detailHero small{margin-top:3px;color:var(--muted)}
.detailGrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.detailGrid>div{min-width:0;padding:11px 12px;border:1px solid var(--line);border-radius:12px;background:var(--panel-soft)}.detailGrid span{display:block;font-size:8px;font-weight:900;letter-spacing:.1em;text-transform:uppercase;color:var(--muted-2)}.detailGrid b{display:block;margin-top:5px;font-size:11px;overflow-wrap:anywhere}.detailSection{padding-top:4px}.detailSection>p{color:var(--muted)}.miniLicense{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:10px 0;border-bottom:1px solid var(--line)}.miniLicense:last-child{border-bottom:0}.miniLicense b,.miniLicense small{display:block}.miniLicense small{margin-top:2px;color:var(--muted);font-size:10px}

/* Security */
.incidentList{display:flex;flex-direction:column;gap:8px}.incidentRow{display:grid;grid-template-columns:auto minmax(210px,1.4fr) minmax(130px,.8fr) minmax(145px,.85fr) minmax(90px,.45fr) auto;gap:12px;align-items:center;padding:12px 13px;border:1px solid var(--line);border-left:3px solid var(--line-strong);border-radius:14px;background:var(--panel)}.incidentRow.severity-critical{border-left-color:var(--red)}.incidentRow.severity-high{border-left-color:var(--amber)}.incidentSeverity{display:flex}.incidentPrimary b,.incidentPrimary small{display:block}.incidentPrimary b{font-size:12px}.incidentPrimary small{margin-top:3px;color:var(--muted);font-size:10px}.incidentCell span{display:block;font-size:8px;font-weight:900;letter-spacing:.1em;text-transform:uppercase;color:var(--muted-2)}.incidentCell b{display:block;margin-top:3px;font-size:10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.supportCodeButton{margin-top:3px;padding:0;border:0;background:none;color:var(--blue);font:700 10px ui-monospace,SFMono-Regular,Consolas,monospace;cursor:pointer;text-align:left}.supportCodeButton:hover{text-decoration:underline}.compactActionCard{display:flex;align-items:center;justify-content:space-between;gap:20px}.compactActionCard h2{margin:5px 0 4px}.compactActionCard p{margin:0;color:var(--muted);max-width:650px}

/* Operations */
.operationsToolbar{display:flex;align-items:flex-end;justify-content:space-between;gap:18px;margin:0 4px 18px}.operationsToolbar h2{margin:5px 0 3px;font-size:25px}.operationsToolbar p{margin:0;color:var(--muted)}
.globalSearchCard{padding:18px 20px}.searchHero{display:grid;grid-template-columns:minmax(180px,.55fr) minmax(0,1.45fr);gap:20px;align-items:center}.searchHero b,.searchHero small{display:block}.searchHero b{font-size:16px}.searchHero small{margin-top:3px;color:var(--muted)}.compactResults{margin-top:12px;max-height:280px;overflow:auto}.opsBottom{align-items:start}.compactAudit{max-height:520px}.timelineCard{min-height:180px}.emptyMini{display:flex;flex-direction:column;justify-content:center;min-height:110px;padding:14px;border:1px dashed var(--line-strong);border-radius:14px;background:var(--panel-soft)}.emptyMini b{font-size:12px}.emptyMini small{margin-top:4px;color:var(--muted)}

/* Native */
.codePanel{padding:14px!important;border:1px solid #1d3049!important;border-radius:14px!important;background:#091321!important;color:#b9cee5!important;font:11px/1.6 ui-monospace,SFMono-Regular,Consolas,monospace!important;white-space:pre-wrap;overflow-wrap:anywhere}
.policyLaunchGrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.policyLaunchCard{display:grid;grid-template-columns:auto minmax(0,1fr) auto;grid-template-areas:"icon text status" "icon text button";gap:8px 14px;align-items:center;padding:18px;border:1px solid var(--line);border-radius:18px;background:var(--panel)}.policyLaunchIcon{grid-area:icon;width:44px;height:44px;display:grid;place-items:center;border-radius:13px}.policyLaunchIcon.blue{color:var(--blue);background:rgba(18,105,255,.10)}.policyLaunchIcon.green{color:var(--green);background:rgba(25,168,107,.10)}.policyLaunchIcon svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.8}.policyLaunchCard>div{grid-area:text}.policyLaunchCard h3{margin:5px 0 3px;font-size:17px}.policyLaunchCard p{margin:0;color:var(--muted);font-size:11px}.policyLaunchCard>.status{grid-area:status;justify-self:end}.policyLaunchCard>.btn{grid-area:button;justify-self:end;padding:8px 11px;min-height:35px;font-size:11px}
.nativeSetupActions .btn{font-size:11px;min-height:38px;padding:8px 11px}.nativeCompileBtn{min-width:170px}.nativeCommercialConsole{background:#091321!important}.nativeCommercialConsole .terminal{background:#070f1b!important;color:#b9cee5!important;border-color:#1d3049!important}

/* History compact */
.compactTable{display:flex;flex-direction:column;gap:8px}.compactTable .listitem{margin:0}

/* Modals always viewport-centered */
.modalRoot{position:fixed!important;inset:0!important;z-index:5000!important;place-items:center!important}.modalBackdrop{position:absolute!important;inset:0!important}.modalCard{position:relative!important;margin:0!important;max-height:min(86vh,820px)!important}
body.modalOpen{overflow:hidden!important}

/* Dark theme refinements */
html[data-theme="dark"] .entityRow,html[data-theme="dark"] .incidentRow,html[data-theme="dark"] .policyLaunchCard,html[data-theme="dark"] .dashMetric{background:var(--panel)}
html[data-theme="dark"] .helpPopover{background:#111e30}

@media(max-width:1280px){.dashboardStats{grid-template-columns:repeat(2,minmax(0,1fr))}.entityRow{grid-template-columns:minmax(220px,1.4fr) minmax(120px,.8fr) minmax(90px,.4fr) auto}.entityRow .hideSmall{display:none}.incidentRow{grid-template-columns:auto minmax(210px,1fr) minmax(140px,.7fr) auto}.incidentRow .hideSmall{display:none}.policyLaunchGrid{grid-template-columns:1fr}.searchHero{grid-template-columns:1fr}.qaRow{grid-template-columns:minmax(0,1fr) auto}.buildVersionChip{grid-column:1/-1;width:max-content}}
@media(max-width:980px){.navGroup{overflow:visible}.navSection{min-width:0}.navSubmenu{padding-left:8px}.dashboardStats,.runtimeQuick{grid-template-columns:repeat(2,minmax(0,1fr))}.entityRow,.incidentRow{grid-template-columns:minmax(0,1fr) auto}.entityRow .rowCell,.incidentRow .incidentCell,.incidentRow .incidentSeverity{display:none}.rowActions{flex-wrap:wrap}.operationsToolbar,.dashboardHero{align-items:flex-start;flex-direction:column}.detailGrid{grid-template-columns:1fr}}
@media(max-width:680px){.dashboardStats,.runtimeQuick{grid-template-columns:1fr}.qaRow{grid-template-columns:1fr auto}.buildVersionChip{width:100%}.compactActionCard{align-items:flex-start;flex-direction:column}.policyLaunchCard{grid-template-columns:auto minmax(0,1fr);grid-template-areas:"icon text" "status button"}.policyLaunchCard>.status{justify-self:start}.policyLaunchCard>.btn{justify-self:end}}
/* Sidebar uses page scroll, never an internal scrollbar. */
.sidebar{height:auto;min-height:calc(100vh - 44px);max-height:none;overflow:visible}
.navGroup{flex:0 0 auto;overflow:visible;scrollbar-width:none}

/* v0.11.0 — Identity, roles & approvals */
.permissionHidden{display:none!important}.headerLogout{width:42px;height:42px;padding:0}.userChip{max-width:220px}.userChip b{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.teamGrid{grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.teamUserCard .actions{justify-content:flex-end}.rolesList{display:grid;gap:12px}.roleCard{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:16px 18px;border:1px solid var(--line-soft);border-radius:18px;background:var(--surface)}.roleCard h3{margin:5px 0 4px;font-size:17px}.roleCard p{margin:0;color:var(--muted);font-size:12px;line-height:1.55}.roleCardFoot{display:flex;align-items:center;gap:10px;flex-shrink:0}.permissionCatalog{display:grid;gap:12px}.permissionGroup{border:1px solid var(--line-soft);border-radius:18px;background:var(--surface);padding:14px}.permissionGroup h3{margin:0 0 10px;font-size:13px;color:var(--text)}.permissionLine{display:grid;grid-template-columns:minmax(150px,.9fr) minmax(0,1.1fr);gap:12px;align-items:center;padding:8px 0;border-top:1px solid var(--line-soft)}.permissionLine:first-of-type{border-top:0}.permissionLine code{font:600 11px ui-monospace,SFMono-Regular,Consolas,monospace;color:var(--accent)}.permissionLine span{font-size:11px;color:var(--muted)}.permissionEditor{display:grid;gap:14px;margin-top:16px;max-height:50vh;overflow:auto;padding-right:6px}.permissionEditorGroup{border:1px solid var(--line-soft);border-radius:16px;padding:12px;margin:0}.permissionEditorGroup legend{padding:0 7px;color:var(--accent);font-size:11px;font-weight:800;letter-spacing:.08em}.permissionCheck{display:flex;flex-direction:row;align-items:flex-start;gap:10px;margin:8px 0;padding:8px;border-radius:12px;cursor:pointer}.permissionCheck:hover{background:var(--surface)}.permissionCheck input{position:absolute;opacity:0;pointer-events:none}.permissionCheck>span{width:18px;height:18px;min-width:18px;border:1px solid var(--line-strong);border-radius:5px;background:var(--panel-solid);margin-top:1px}.permissionCheck input:checked+span{background:var(--accent);border-color:var(--accent);box-shadow:inset 0 0 0 4px var(--panel-solid)}.permissionCheck div{display:flex;flex-direction:column;gap:2px}.permissionCheck b{font-size:12px;color:var(--text)}.permissionCheck small{font-size:10px;color:var(--muted);font-family:ui-monospace,SFMono-Regular,Consolas,monospace}.approvalStats{margin-bottom:18px}.approvalStats .statCard.amber{background:linear-gradient(160deg,#fff9ed,#fff);border-color:rgba(200,137,24,.16)}.approvalStats .statCard.amber b{color:#b37300}.approvalStats .statCard.green{background:linear-gradient(160deg,#effcf6,#fff);border-color:rgba(22,165,107,.16)}.approvalStats .statCard.green b{color:#138454}.approvalList{display:grid;gap:12px}.approvalRow{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:16px;align-items:center;padding:16px 18px;border:1px solid var(--line-soft);border-radius:18px;background:var(--panel-solid)}.approvalIdentity{display:grid;grid-template-columns:8px minmax(0,1fr);gap:14px;align-items:stretch}.approvalIdentity h3{font-size:16px;margin:7px 0 4px}.approvalIdentity p{margin:0 0 5px;color:var(--muted);font-size:12px;line-height:1.55}.approvalIdentity small{color:var(--muted-2);font-size:10px}.approvalPriority{width:6px;border-radius:999px;background:#b8d6ff}.approvalPriority.high{background:#f2b84b}.approvalPriority.urgent{background:#da5469}.approvalPriority.low{background:#7ccaa5}.approvalActions{display:flex;align-items:center;gap:8px;flex-wrap:wrap;justify-content:flex-end}.approvalDetail{display:grid;gap:14px}.approvalTimeline{display:flex;flex-direction:column;max-height:320px;overflow:auto;padding-top:4px}.rowInline{display:flex;align-items:center;gap:8px}.rowInline .uiSelect,.rowInline select{min-width:190px}.permissionsLayout{grid-template-columns:minmax(340px,.9fr) minmax(0,1.1fr)}
html[data-theme="dark"] .roleCard,html[data-theme="dark"] .permissionGroup,html[data-theme="dark"] .approvalRow{background:var(--panel-solid);border-color:var(--line-soft)}html[data-theme="dark"] .approvalStats .statCard.amber,html[data-theme="dark"] .approvalStats .statCard.green{background:var(--panel-solid);border-color:var(--line-soft)}html[data-theme="dark"] .approvalStats .statCard.amber b{color:#ffd38a}html[data-theme="dark"] .approvalStats .statCard.green b{color:#8be6bb}@media(max-width:1050px){.permissionsLayout{grid-template-columns:1fr}.approvalRow{grid-template-columns:1fr}.approvalActions{justify-content:flex-start}}@media(max-width:720px){.permissionLine{grid-template-columns:1fr}.roleCard{align-items:flex-start;flex-direction:column}.roleCardFoot{width:100%;justify-content:space-between}}

/* v0.11.1 — Client Portal access management */
.portalAccessList{display:grid;gap:10px;margin-top:12px}.portalAccessRow{display:grid;grid-template-columns:minmax(220px,1.5fr) minmax(150px,.8fr) minmax(120px,.6fr);gap:10px;align-items:center;padding:12px 14px;border:1px solid var(--line);border-radius:14px;background:var(--panel-2)}.portalAccessRow>div{min-width:0}.portalAccessRow b{display:block;font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.portalAccessRow small{display:block;margin-top:3px;color:var(--muted);font-size:10px}.portalAccessRow select{min-width:0}@media(max-width:760px){.portalAccessRow{grid-template-columns:1fr}.portalAccessRow select{width:100%}}

/* v0.11.2 — Support desk + notifications */
.adminNotificationWrap{position:relative}.adminNotificationButton{position:relative;width:42px;height:42px;border-radius:13px;font-size:0;display:grid;place-items:center}.adminNotificationButton::before{content:"";width:18px;height:18px;background:currentColor;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' d='M18 8a6 6 0 0 0-12 0c0 7-3 7-3 9h18c0-2-3-2-3-9M10 21h4'/%3E%3C/svg%3E") center/contain no-repeat}.notificationBadge{position:absolute;right:-5px;top:-5px;min-width:19px;height:19px;padding:0 5px;border-radius:999px;background:#1269ff;color:white;border:2px solid var(--panel,#fff);font:700 10px/15px Inter,system-ui,sans-serif;display:grid;place-items:center}.adminNotificationPanel{position:absolute;right:0;top:calc(100% + 10px);width:min(390px,calc(100vw - 32px));max-height:520px;overflow:auto;background:var(--panel,#fff);border:1px solid var(--line,#d8e4f4);border-radius:18px;box-shadow:0 24px 65px rgba(13,27,42,.2);z-index:6000}.adminNotificationPanel.hidden{display:none}.adminNotificationHead{position:sticky;top:0;z-index:1;background:var(--panel,#fff);padding:16px 18px 13px;border-bottom:1px solid var(--line,#d8e4f4);display:flex;justify-content:space-between;gap:14px;align-items:center}.adminNotificationHead>div{display:grid;gap:2px}.adminNotificationHead small{color:var(--muted,#657894)}.adminNotificationItem{width:100%;border:0;border-bottom:1px solid var(--line,#d8e4f4);background:transparent;color:var(--text,#0d1b2a);display:grid;grid-template-columns:36px 1fr;gap:12px;padding:14px 18px;text-align:left;cursor:pointer}.adminNotificationItem:hover,.adminNotificationItem.unread{background:color-mix(in srgb,#1269ff 6%,var(--panel,#fff))}.adminNotificationItem.unread b::after{content:"";display:inline-block;width:7px;height:7px;border-radius:50%;background:#1269ff;margin-left:8px;vertical-align:middle}.adminNotificationItem>span:last-child{min-width:0;display:grid;gap:3px}.adminNotificationItem b,.adminNotificationItem small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.adminNotificationItem small{color:var(--muted,#657894)}.adminNotificationItem em{font-style:normal;font-size:11px;color:var(--muted,#657894)}.adminNotificationIcon{width:34px;height:34px;border-radius:10px;background:color-mix(in srgb,#1269ff 11%,transparent);color:#1269ff;display:grid;place-items:center}.adminNotificationIcon svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.adminNotificationEmpty{padding:30px 18px;text-align:center;display:grid;gap:4px}.adminNotificationEmpty small{color:var(--muted,#657894)}

#view-supportTickets{gap:18px}.supportDeskToolbar{display:flex;align-items:flex-end;justify-content:space-between;gap:22px}.supportDeskToolbar h2{margin:5px 0 5px;font-size:29px}.supportDeskToolbar p{margin:0;color:var(--muted,#657894)}.supportDeskStats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.supportDeskMetric{min-height:102px;border:1px solid var(--line,#d8e4f4);border-radius:18px;background:var(--panel,#fff);padding:16px 18px;display:grid;grid-template-columns:1fr auto;align-content:center;gap:2px 12px;position:relative;overflow:hidden}.supportDeskMetric::before{content:"";position:absolute;inset:0 auto 0 0;width:4px;background:var(--metric,#1269ff)}.supportDeskMetric span{font-size:10px;letter-spacing:.13em;font-weight:800;color:var(--metric,#1269ff)}.supportDeskMetric b{font-size:28px;line-height:1;grid-row:1/3;grid-column:2}.supportDeskMetric small{color:var(--muted,#657894)}.supportDeskMetric.blue{--metric:#1269ff}.supportDeskMetric.amber{--metric:#d99710}.supportDeskMetric.red{--metric:#df4d5d}.supportDeskMetric.green{--metric:#14a66d}.supportDeskFilters{display:grid;grid-template-columns:minmax(260px,1fr) 250px;gap:10px;padding:12px;border:1px solid var(--line,#d8e4f4);border-radius:17px;background:var(--panel,#fff)}.supportDeskFilters input,.supportDeskFilters select{margin:0}.supportDesk{display:grid;grid-template-columns:minmax(420px,.9fr) minmax(520px,1.4fr);gap:14px;align-items:start;min-height:620px}.supportDeskList,.supportDeskDetail{border:1px solid var(--line,#d8e4f4);background:var(--panel,#fff);border-radius:20px;overflow:hidden}.supportDeskList{max-height:calc(100vh - 330px);min-height:500px;overflow:auto}.adminSupportRow{width:100%;min-height:88px;border:0;border-bottom:1px solid var(--line,#d8e4f4);background:transparent;color:var(--text,#0d1b2a);display:grid;grid-template-columns:4px minmax(175px,1.7fr) minmax(130px,.9fr) minmax(125px,.9fr) 100px 22px;gap:13px;align-items:center;text-align:left;padding:13px 14px;cursor:pointer}.adminSupportRow:hover{background:color-mix(in srgb,#1269ff 5%,transparent)}.adminSupportPriority{width:4px;height:54px;border-radius:99px;background:#aebcd0}.adminSupportPriority.high{background:#d99710}.adminSupportPriority.urgent{background:#df4d5d}.adminSupportPriority.low{background:#7b91ad}.adminSupportIdentity,.adminSupportMeta,.adminSupportOwner,.adminSupportWhen{min-width:0;display:grid;gap:4px}.adminSupportIdentity b,.adminSupportOwner b,.adminSupportWhen b{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.adminSupportIdentity small,.adminSupportMeta small,.adminSupportOwner small,.adminSupportWhen small{font-size:11px;color:var(--muted,#657894);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.adminSupportIdentity code{color:#1269ff;font-weight:800}.adminSupportArrow{color:#8da1bb;font-size:18px}.supportStatusPill{justify-self:start;padding:5px 8px;border-radius:999px;font-size:10px;font-weight:800;white-space:nowrap;background:#edf3fb;color:#60748f}.supportStatusPill.blue{background:#e9f2ff;color:#1269ff}.supportStatusPill.amber{background:#fff4d9;color:#9a6900}.supportStatusPill.purple{background:#f1eafe;color:#7351c7}.supportStatusPill.green{background:#e7f8ef;color:#168054}.supportStatusPill.muted{background:#eef1f5;color:#68778b}.supportDeskDetail{min-height:620px;position:sticky;top:18px}.adminSupportDetailEmpty{min-height:618px;display:grid;place-items:center;align-content:center;gap:8px;text-align:center;padding:40px;color:var(--muted,#657894)}.adminSupportDetailEmpty>span{width:54px;height:54px;border-radius:16px;background:#eaf2ff;color:#1269ff;display:grid;place-items:center}.adminSupportDetailEmpty svg{width:24px;height:24px;fill:none;stroke:currentColor;stroke-width:1.8}.adminSupportDetailHeader{min-height:92px;padding:18px 20px;border-bottom:1px solid var(--line,#d8e4f4);display:flex;align-items:center;gap:14px}.adminSupportDetailTitle{min-width:0;flex:1}.adminSupportDetailTitle h2{font-size:20px;margin:4px 0}.adminSupportDetailTitle p{margin:0;color:var(--muted,#657894);font-size:12px}.adminSupportDetailGrid{display:grid;grid-template-columns:minmax(0,1fr) 245px;min-height:526px}.adminSupportConversation{min-width:0;border-right:1px solid var(--line,#d8e4f4);display:flex;flex-direction:column}.supportDeskThread{height:390px;overflow:auto;padding:20px;display:flex;flex-direction:column;gap:12px;background:color-mix(in srgb,var(--soft,#f5f7fa) 65%,transparent)}.supportDeskMessage{max-width:86%;padding:13px 15px;border:1px solid var(--line,#d8e4f4);border-radius:15px;background:var(--panel,#fff);align-self:flex-start}.supportDeskMessage.staff{align-self:flex-end;border-color:#bbd7ff;background:#edf5ff}.supportDeskMessage.internalNote{max-width:100%;align-self:stretch;background:#fff7da;border:1px dashed #d8ad3b}.supportDeskMessageHead{display:flex;justify-content:space-between;gap:15px;align-items:center;margin-bottom:7px}.supportDeskMessageHead>div{display:flex;align-items:center;gap:7px}.supportDeskMessageHead small{font-size:10px;color:var(--muted,#657894);white-space:nowrap}.supportDeskMessage p{margin:0;line-height:1.5;font-size:13px}.supportPrivateTag{font-size:8px;letter-spacing:.08em;font-weight:900;color:#8b6400;background:#f8e5a6;border-radius:99px;padding:3px 6px}.supportDeskAttachments{display:flex;flex-wrap:wrap;gap:6px;margin-top:10px}.supportDeskAttachment{display:inline-flex;align-items:center;gap:6px;padding:7px 9px;border-radius:9px;border:1px solid var(--line,#d8e4f4);background:var(--panel,#fff);color:var(--text,#0d1b2a);text-decoration:none;font-size:11px}.supportDeskAttachment svg{width:14px;height:14px;fill:none;stroke:currentColor;stroke-width:1.8}.supportDeskAttachment small{color:var(--muted,#657894)}.supportDeskComposer{padding:14px;border-top:1px solid var(--line,#d8e4f4);background:var(--panel,#fff)}.supportDeskComposer textarea{width:100%;resize:vertical;min-height:86px;margin:10px 0}.supportDeskComposerHead,.supportDeskComposerFoot{display:flex;align-items:center;justify-content:space-between;gap:12px}.supportDeskNoteToggle{margin:0!important;display:flex!important;align-items:center;gap:7px;font-size:11px}.supportDeskNoteToggle input{width:auto!important;margin:0}.supportDeskNoteToggle small{display:none}.supportDeskComposerFoot>small{color:var(--muted,#657894);font-size:10px;margin-right:auto}.supportDeskFileButton{display:inline-flex!important;align-items:center;gap:7px;margin:0!important;cursor:pointer;color:#1269ff;font-weight:700;font-size:11px}.supportDeskFileButton svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:1.8}.supportDeskComposer .btn svg{width:15px;height:15px;fill:none;stroke:currentColor;stroke-width:1.8}.adminSupportFacts{padding:15px;background:color-mix(in srgb,var(--soft,#f5f7fa) 70%,transparent);display:grid;align-content:start;gap:12px}.adminSupportFactsBlock{border:1px solid var(--line,#d8e4f4);border-radius:14px;background:var(--panel,#fff);padding:13px;display:grid;gap:10px}.adminSupportFactsBlock label{margin:0;display:grid;gap:5px}.adminSupportFactsBlock label>span,.supportDeskFact>span{font-size:9px;letter-spacing:.1em;text-transform:uppercase;font-weight:800;color:var(--muted,#657894)}.adminSupportFactsBlock .uiSelectButton{min-height:38px;padding:8px 11px}.supportDeskFact{display:grid;gap:3px;padding-bottom:8px;border-bottom:1px solid var(--line,#d8e4f4)}.supportDeskFact:last-child{border-bottom:0;padding-bottom:0}.supportDeskFact b{font-size:12px;word-break:break-word}.supportDeskUpload input{padding:9px;background:var(--soft,#f5f7fa)}

html[data-theme="dark"] .supportDeskMessage.internalNote{background:#3e3418;border-color:#806b2f;color:#f6edcf}html[data-theme="dark"] .supportPrivateTag{background:#665623;color:#f6e3a1}html[data-theme="dark"] .supportStatusPill.blue{background:#122f5c;color:#76b0ff}html[data-theme="dark"] .supportStatusPill.amber{background:#3e3111;color:#f3c65b}html[data-theme="dark"] .supportStatusPill.purple{background:#2f2348;color:#c5a9ff}html[data-theme="dark"] .supportStatusPill.green{background:#123c2b;color:#6bd9a5}
@media(max-width:1260px){.supportDesk{grid-template-columns:1fr}.supportDeskDetail{position:static}.supportDeskList{max-height:480px}.supportDeskStats{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:800px){.supportDeskToolbar{align-items:flex-start;flex-direction:column}.supportDeskStats{grid-template-columns:1fr 1fr}.supportDeskFilters{grid-template-columns:1fr}.adminSupportRow{grid-template-columns:4px 1fr auto}.adminSupportMeta,.adminSupportOwner,.adminSupportWhen{display:none}.adminSupportDetailGrid{grid-template-columns:1fr}.adminSupportConversation{border-right:0}.adminSupportFacts{border-top:1px solid var(--line,#d8e4f4)}.supportDeskMessage{max-width:94%}}

/* v0.11.3 — interface repair + commerce */
.infoBox{display:grid;gap:5px;align-items:start}.infoBox strong,.infoBox b,.infoBox p,.infoBox span{display:block;margin:0}.infoBox p,.infoBox span{line-height:1.55}.infoStack{grid-template-columns:1fr}.infoStack strong{font-size:12px;color:var(--text)}.infoStack p{font-size:11px;color:var(--muted)}
#clientPortalForm{display:grid;gap:22px}#clientPortalForm .detailSection{display:grid;gap:11px}#clientPortalForm .portalAccessList{display:grid;gap:9px}
#view-supportTickets.active{display:grid;gap:18px;align-content:start}.supportDeskToolbar{align-items:center;margin:0;padding:0 2px}.supportDeskToolbar .toolbarActions{flex:0 0 auto}.supportDeskStats{margin:0}.supportDeskFilters{margin:0}.supportDesk{margin-top:0;min-height:0}.supportDeskList,.supportDeskDetail{min-height:460px}.supportDeskDetail{position:relative;top:auto}.adminSupportDetailEmpty{min-height:458px}.supportDesk.isEmpty{grid-template-columns:1fr;min-height:0}.supportDesk.isEmpty .supportDeskList{min-height:190px;max-height:none}.supportDesk.isEmpty .supportDeskDetail{display:none}.supportDesk.isEmpty .emptyState{min-height:188px}

.commerceToolbar{margin-bottom:0}.orderAdminStats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.orderMetric{position:relative;overflow:hidden;min-height:100px;padding:17px 18px;border:1px solid var(--line);border-radius:18px;background:var(--panel);display:grid;grid-template-columns:1fr auto;gap:4px 12px;align-content:center}.orderMetric:before{content:"";position:absolute;left:0;top:0;bottom:0;width:4px;background:var(--metric,#1269ff)}.orderMetric span{font-size:9px;font-weight:900;letter-spacing:.12em;color:var(--metric,#1269ff)}.orderMetric b{grid-column:2;grid-row:1/3;font-size:28px;line-height:1}.orderMetric small{font-size:10px;color:var(--muted)}.orderMetric.blue{--metric:#1269ff}.orderMetric.amber{--metric:#d99710}.orderMetric.green{--metric:#16a16b}.orderMetric.red{--metric:#d94d62}
.orderAdminCard{padding:0;overflow:hidden}.orderAdminFilters{display:grid;grid-template-columns:minmax(0,1fr) 240px;gap:10px;padding:14px;border-bottom:1px solid var(--line);background:var(--panel-soft)}.searchField{position:relative}.searchField>span{position:absolute;left:14px;top:50%;transform:translateY(-50%);color:var(--muted)}.searchField input{width:100%;padding-left:38px}.orderAdminFilters input,.orderAdminFilters select{margin:0;min-height:44px}.orderAdminList{padding:8px}.orderAdminRow{width:100%;display:grid;grid-template-columns:180px minmax(230px,1fr) 130px 120px 24px;gap:14px;align-items:center;padding:13px 14px;border:0;border-bottom:1px solid var(--line);background:transparent;color:var(--text);text-align:left;cursor:pointer;border-radius:12px}.orderAdminRow:last-child{border-bottom:0}.orderAdminRow:hover{background:var(--panel-soft)}.orderIdCell,.orderClientCell,.orderValueCell{display:grid;gap:4px;min-width:0}.orderAdminRow b{font-size:11px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.orderAdminRow small{font-size:9px;color:var(--muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.orderIdCell>b{color:var(--blue)}.orderStatusPill{display:inline-flex;align-items:center;justify-content:center;justify-self:start;min-height:26px;padding:0 9px;border-radius:999px;font-size:9px;font-weight:900;background:#eef2f7;color:#64758a}.orderStatusPill.blue{background:#e9f2ff;color:#1269ff}.orderStatusPill.amber{background:#fff3d6;color:#966600}.orderStatusPill.green{background:#e8f8f0;color:#168257}.orderStatusPill.red{background:#fff0f2;color:#c94358}.orderStatusPill.muted{background:#f0f2f5;color:#657386}.orderArrow{font-size:17px;color:var(--muted)}
.orderDetailAdmin{display:grid;gap:16px}.orderDetailHero{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;padding:16px 17px;border:1px solid #cfe1ff;border-radius:18px;background:linear-gradient(135deg,#f6faff,#edf5ff)}html[data-theme="dark"] .orderDetailHero{background:linear-gradient(135deg,#12243b,#102035);border-color:#25466c}.orderDetailHero h3{margin:4px 0;font-size:22px}.orderDetailHero p{margin:0;color:var(--muted);font-size:10px}.orderDetailTotal{text-align:right}.orderDetailTotal span{display:block;font-size:8px;font-weight:900;letter-spacing:.12em;color:var(--blue)}.orderDetailTotal b{display:block;margin-top:6px;font-size:24px}.orderDetailGrid{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(250px,.6fr);gap:16px;align-items:start}.orderItems{display:grid;gap:9px}.orderItem{display:grid;grid-template-columns:minmax(0,1fr) 100px 130px;gap:12px;align-items:center;padding:13px 14px;border:1px solid var(--line);border-radius:15px;background:var(--panel)}.orderItem>div{min-width:0}.orderItem>div:not(:first-child) span{display:block;font-size:8px;font-weight:800;text-transform:uppercase;letter-spacing:.08em;color:var(--muted)}.orderItem b,.orderItem small{display:block}.orderItem small{margin-top:3px;color:var(--muted);font-size:8px}.portalInfo{margin-top:10px;padding:13px 14px;border:1px solid var(--line);border-radius:14px;background:var(--panel-soft)}.portalInfo b{display:block;font-size:10px}.portalInfo p{margin:4px 0 0;color:var(--muted);font-size:10px;line-height:1.6}.portalInfo.danger{border-color:#f0c5cc;background:#fff3f5}.orderAdminActions{display:flex;flex-wrap:wrap;gap:8px;margin-top:14px;padding-top:14px;border-top:1px solid var(--line)}.orderAdminActions .btn svg{width:15px;height:15px;fill:none;stroke:currentColor;stroke-width:1.8}.dangerSoft{border-color:#efc4cb!important;background:#fff1f3!important;color:#c83f56!important}.orderTimeline{position:sticky;top:20px;padding:16px;border:1px solid var(--line);border-radius:18px;background:var(--panel)}.orderEvent{position:relative;padding:7px 0 15px 24px}.orderEvent:before{content:"";position:absolute;left:6px;top:17px;bottom:-3px;width:1px;background:var(--line)}.orderEvent:last-child:before{display:none}.orderEvent>i{position:absolute;left:1px;top:8px;width:11px;height:11px;border-radius:50%;background:var(--blue);box-shadow:0 0 0 3px var(--panel),0 0 0 4px var(--line)}.orderEvent b{display:block;font-size:10px}.orderEvent small{display:block;margin-top:2px;color:var(--muted);font-size:8px}.orderEvent p{margin:5px 0 0;color:var(--muted);font-size:9px;line-height:1.5}
@media(max-width:1100px){.orderAdminStats{grid-template-columns:repeat(2,minmax(0,1fr))}.orderAdminRow{grid-template-columns:160px minmax(180px,1fr) 110px 110px 20px}.orderDetailGrid{grid-template-columns:1fr}.orderTimeline{position:static}}
@media(max-width:760px){.supportDeskStats,.orderAdminStats{grid-template-columns:1fr 1fr}.orderAdminFilters{grid-template-columns:1fr}.orderAdminRow{grid-template-columns:1fr auto}.orderClientCell,.orderValueCell{grid-column:1}.orderStatusPill{grid-column:2;grid-row:1}.orderArrow{display:none}.orderDetailHero{flex-direction:column}.orderDetailTotal{text-align:left}.orderItem{grid-template-columns:1fr 1fr}.orderItem>div:first-child{grid-column:1/-1}}

/* v0.11.4 — Support workspace + database operations */
.supportDesk{grid-template-columns:320px minmax(0,1fr);gap:14px;align-items:start}
.supportDeskList{min-width:0;overflow-x:hidden;max-height:calc(100vh - 330px)}
.adminSupportRow{grid-template-columns:4px minmax(0,1fr) 18px;gap:11px;min-height:96px;padding:13px 12px;overflow:hidden}
.adminSupportIdentity{display:grid;gap:5px;min-width:0}.adminSupportTopline{display:flex;align-items:center;gap:8px;min-width:0}.adminSupportTopline>b{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.adminSupportTopline .supportStatusPill{flex:0 0 auto}.adminSupportIdentity>small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.adminSupportCompactMeta{display:flex;flex-wrap:wrap;gap:5px 8px}.adminSupportCompactMeta em{font-style:normal;font-size:9px;color:var(--muted,#657894);padding-right:8px;border-right:1px solid var(--line,#d8e4f4)}.adminSupportCompactMeta em:last-child{border-right:0;padding-right:0}.adminSupportMeta,.adminSupportOwner,.adminSupportWhen{display:none!important}.adminSupportArrow{justify-self:end}
.supportDeskDetail{min-width:0;min-height:620px;overflow:hidden}.supportDetailHeaderExpanded{min-height:102px;padding:17px 20px}.supportHeaderContext{padding:12px 16px;border-bottom:1px solid var(--line,#d8e4f4);background:color-mix(in srgb,var(--soft,#f5f7fa) 70%,transparent);display:grid;gap:11px}.supportHeaderFacts{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:7px}.supportHeaderFact{min-width:0;padding:9px 10px;border:1px solid var(--line,#d8e4f4);border-radius:11px;background:var(--panel,#fff)}.supportHeaderFact span{display:block;font-size:8px;letter-spacing:.1em;text-transform:uppercase;font-weight:900;color:var(--muted,#657894)}.supportHeaderFact b{display:block;margin-top:4px;font-size:10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.supportHeaderControls{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.supportHeaderControls label{margin:0}.supportHeaderControls label>span{display:block;margin:0 0 4px;font-size:8px;letter-spacing:.1em;text-transform:uppercase;font-weight:900;color:var(--muted,#657894)}.supportHeaderControls select{margin:0}.supportConversationWide{border:0;min-width:0}.supportDeskThread{height:470px;padding:22px 26px}.supportDeskMessage{max-width:72%;padding:14px 16px}.supportDeskMessage.internalNote{max-width:86%;align-self:center}.supportDeskComposer{padding:16px 18px}.supportDeskComposer textarea{min-height:105px}.supportClosedInfo{margin:14px 18px}.adminSupportDetailGrid,.adminSupportFacts{display:none!important}
@media(max-width:1280px){.supportDesk{grid-template-columns:290px minmax(0,1fr)}.supportHeaderFacts{grid-template-columns:repeat(3,minmax(0,1fr))}.supportDeskMessage{max-width:82%}}
@media(max-width:980px){.supportDesk{grid-template-columns:1fr}.supportDeskList{max-height:360px}.supportHeaderControls{grid-template-columns:1fr}.supportHeaderFacts{grid-template-columns:repeat(2,minmax(0,1fr))}.supportDeskThread{height:430px}.supportDeskMessage{max-width:92%}}

#view-database.active{display:grid;gap:18px;align-content:start}.databaseToolbar{display:flex;align-items:flex-end;justify-content:space-between;gap:20px}.databaseToolbar h2{margin:5px 0 5px;font-size:29px}.databaseToolbar p{margin:0;color:var(--muted,#657894)}.databaseStats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.databaseMetric{min-height:104px;border:1px solid var(--line,#d8e4f4);border-radius:18px;background:var(--panel,#fff);padding:16px 18px;position:relative;overflow:hidden;display:grid;align-content:center}.databaseMetric::before{content:"";position:absolute;inset:0 auto 0 0;width:4px;background:var(--metric,#1269ff)}.databaseMetric span{font-size:9px;letter-spacing:.13em;font-weight:900;color:var(--metric,#1269ff)}.databaseMetric b{font-size:20px;margin-top:6px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.databaseMetric small{margin-top:3px;color:var(--muted,#657894)}.databaseMetric.blue{--metric:#1269ff}.databaseMetric.green{--metric:#14a66d}.databaseMetric.amber{--metric:#d99710}.databaseMetric.red{--metric:#df4d5d}.databaseMetric.purple{--metric:#7351c7}.databaseGrid{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(360px,.75fr);gap:14px}.databaseStatusCard,.databasePolicyCard{min-height:360px}.databaseFacts{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;margin:4px 0 14px}.databaseFact{padding:12px;border:1px solid var(--line,#d8e4f4);border-radius:13px;background:var(--soft,#f5f7fa);min-width:0}.databaseFact span{display:block;font-size:8px;letter-spacing:.1em;text-transform:uppercase;font-weight:900;color:var(--muted,#657894)}.databaseFact b{display:block;margin:5px 0 3px;font-size:12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.databaseFact small{display:block;color:var(--muted,#657894);line-height:1.4}.databaseActions{display:flex;gap:8px;flex-wrap:wrap;margin-top:14px}.databasePolicyForm{display:grid;gap:14px}.databasePolicyToggle{margin:0;padding:14px;border:1px solid var(--line,#d8e4f4);border-radius:14px;background:var(--soft,#f5f7fa)}.databaseBackupsCard{padding-bottom:8px}.databaseBackupList{display:flex;flex-direction:column;border:1px solid var(--line,#d8e4f4);border-radius:14px;overflow:hidden}.databaseBackupRow{display:grid;grid-template-columns:38px minmax(230px,1.5fr) minmax(150px,.8fr) 100px 76px auto;gap:12px;align-items:center;padding:12px 14px;border-bottom:1px solid var(--line,#d8e4f4);background:var(--panel,#fff)}.databaseBackupRow:last-child{border-bottom:0}.databaseBackupIcon{width:36px;height:36px;border-radius:10px;background:#eaf2ff;color:#1269ff;display:grid;place-items:center}.databaseBackupIcon svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.8}.databaseBackupIdentity,.databaseBackupMeta{min-width:0;display:grid;gap:3px}.databaseBackupIdentity b,.databaseBackupIdentity small,.databaseBackupMeta b{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.databaseBackupIdentity small{color:#1269ff;font:700 9px ui-monospace,SFMono-Regular,Consolas,monospace}.databaseBackupMeta span{font-size:8px;letter-spacing:.08em;text-transform:uppercase;font-weight:900;color:var(--muted,#657894)}.databaseBackupMeta b{font-size:10px}.databaseBackupRow .rowActions{display:flex;gap:5px;justify-content:flex-end}.databaseBackupRow .iconAction svg{width:15px;height:15px;fill:none;stroke:currentColor;stroke-width:1.8}
html[data-theme="dark"] .databaseBackupIcon{background:#12315e;color:#78b2ff}
@media(max-width:1180px){.databaseStats{grid-template-columns:repeat(2,minmax(0,1fr))}.databaseGrid{grid-template-columns:1fr}.databaseBackupRow{grid-template-columns:38px minmax(0,1fr) auto}.databaseBackupMeta{display:none}}
@media(max-width:720px){.databaseToolbar{align-items:flex-start;flex-direction:column}.databaseStats{grid-template-columns:1fr}.databaseFacts{grid-template-columns:1fr}.databaseBackupRow{grid-template-columns:32px minmax(0,1fr);gap:8px}.databaseBackupRow .rowActions{grid-column:1/-1;justify-content:flex-start}.supportHeaderFacts{grid-template-columns:1fr}}