/* AI Systems — navy refinement (concept). Scoped to .ms-explorer only.
   Pairs with ONE removal in visual-polish.css: the block headed
   "Focus-mode surfaces are independent of the overview map's dark palette" (the pale category/record overrides).
   With that block gone, explorer.css's own dark design shows through; the rules below align it to the appraiser
   exhibit's tokens (guided-exhibits.css) and give every CONTENT icon the collection's neon tile paint.
   Geometry, controls, scrolling, focus order, aria names and all record content are untouched. */

/* ---- appraiser tokens -------------------------------------------------------------- */
.ms-explorer{--line:#3A506A;--line-soft:#30475F;--panel:#182A3A;--panel-2:#20334F;--mist:#B9C7D6;--muted:#A9BED2}
.ms-explorer .app[data-mode=focus]{--line:#3A506A;--line-soft:#30475F;--mist:#B9C7D6;--muted:#A9BED2}

/* Category map (focus mode): unselected = appraiser nav button, selected = appraiser selected step */
.ms-explorer .app[data-mode=focus] .node{background:linear-gradient(145deg,#253B57,#1B2C43);border-color:#3A506A;box-shadow:0 5px 12px #0002}
.ms-explorer .app[data-mode=focus] .node:not([aria-current]) .nm{color:#F5F7FA}
.ms-explorer .app[data-mode=focus] .node[aria-current]{background:linear-gradient(145deg,#304963,#23374F);border-color:#7FE3D9;box-shadow:0 0 0 3px #2ED3C41C}
.ms-explorer .app[data-mode=focus] .node[aria-current]::before{background:#2ED3C4}
.ms-explorer .app[data-mode=focus] .wires path{stroke:#35587B}
.ms-explorer .app[data-mode=focus] .wires path.hot{stroke:#2ED3C4}
.ms-explorer .app[data-mode=focus] .hub{background:linear-gradient(180deg,#253B57,#1B2C43);border-color:#3A506A}

/* Record / category panel = layered panel; blocks = inset evidence wells */
.ms-explorer .app[data-mode=focus] .panel{background:linear-gradient(150deg,#20334F,#182A3A);border-color:#3A506A;color:#F5F7FA;box-shadow:0 40px 80px -40px #030A14,inset 0 1px 0 #ffffff10}
.ms-explorer .panel .p-bar{border-color:#3A506A;color:#A9BED2}
.ms-explorer .panel .p-bar :is(.fam-name,.fam-desc){color:#A9BED2}
.ms-explorer .panel .p-foot{border-color:#3A506A}
.ms-explorer .panel .ibtn{background:linear-gradient(145deg,#253B57,#1B2C43);border-color:#3A506A;color:#F5F7FA}
.ms-explorer .panel .btn{color:#F5F7FA;border-color:#3A506A;background:linear-gradient(145deg,#253B57,#1B2C43)}
.ms-explorer .panel .btn svg{color:#7FE3D9}
.ms-explorer .panel .btn.solid{background:#2ED3C4;border-color:#2ED3C4;color:#0E2033}
.ms-explorer .panel .btn.solid svg{color:#0E2033}
.ms-explorer .panel .btn:not(:disabled):hover,.ms-explorer .panel .ibtn:not(:disabled):hover{border-color:#7FE3D9;background:linear-gradient(145deg,#304963,#23374F);color:#fff}
.ms-explorer .panel .btn.solid:not(:disabled):hover{background:#5FE0D4;color:#0E2033}
.ms-explorer .panel .btn.solid:disabled,.ms-explorer .btn.solid:disabled{background:transparent;border-color:#5F7A96;color:#A9BED2;opacity:.6}
.ms-explorer .panel .detail-category-eyebrow,.ms-explorer .panel .evidence-classification{color:#A9BED2}
.ms-explorer .panel .p-head h2{color:#F5F7FA}
.ms-explorer .panel .purpose{color:#E4EBF2}
.ms-explorer .panel .blk{background:#142638;border-color:#30475F;border-radius:16px}
.ms-explorer .panel .blk h3{color:#F5F7FA}
.ms-explorer .panel .blk p{color:#D3DEE9}
.ms-explorer .panel .pr>div+div{border-color:#30475F}
.ms-explorer .panel .steps li{color:#E4EBF2}
.ms-explorer .panel .steps li span{background:#0E2033;border-color:#2ED3C499;color:#7FE3D9}
.ms-explorer .panel .steps::before{background:linear-gradient(90deg,#2ED3C4aa,#2ED3C433)}
.ms-explorer .panel .limit-summary{background:#142638;border-left:3px solid #7FE3D9;color:#F5F7FA}
.ms-explorer .panel .limit-summary strong{color:#F5F7FA}
.ms-explorer .panel .limit-summary button{color:#7FE3D9}
.ms-explorer .panel .limit{background:linear-gradient(180deg,#2A1E2C33,#142638);border-color:rgba(255,124,138,.35)}
.ms-explorer .panel .limit .q{color:#B9C7D6}
.ms-explorer .panel .example .lbl{color:#A9BED2}
.ms-explorer .panel .example .lbl b{color:#FFD54F}
.ms-explorer .panel .records{border-color:#30475F;color:#B9C7D6}
.ms-explorer .panel .records strong{color:#F5F7FA}
.ms-explorer .panel .cell{background:#0E2033bb;border-color:#35516E;color:#F5F7FA}
.ms-explorer .panel .cell small{color:#A9BED2}
.ms-explorer .panel .cell strong{color:#F5F7FA}
.ms-explorer .panel .cell.key-cell{background:#22456A;border-color:#2ED3C477}
.ms-explorer .panel .cell.key-cell small{color:#7FE3D9}
.ms-explorer .panel .cap{color:#B9C7D6}
.ms-explorer .panel .neq b{color:#2ED3C4}
.ms-explorer .panel .lanes .c{background:#0E2033bb;border-color:#35516E;color:#F5F7FA}
.ms-explorer .panel .lanes .c.ai{background:#2A2650;border-color:#B99CFF66}
.ms-explorer .panel .lanes .ln{color:#A9BED2}
.ms-explorer .panel .geo{background:repeating-linear-gradient(135deg,#17304D 0 8px,#1A3452 8px 16px);border-color:#35516E}
.ms-explorer .panel .geo small{color:#A9BED2}
.ms-explorer .panel .geo .county{color:#F5F7FA}
.ms-explorer .panel .geo .zip{background:#0E2033e6;border-color:#2ED3C4}
.ms-explorer .panel .geo .zip small{color:#7FE3D9}
.ms-explorer .panel .rex .cell:not(.key-cell){border-style:dashed;background:transparent}
.ms-explorer .panel .demo input{background:#0E2033;color:#F5F7FA;border-color:#3A506A}
.ms-explorer .panel .demo .msg{color:#B9C7D6}
.ms-explorer .panel .demo .msg.err{color:#FF9C9C}
.ms-explorer .panel .demo label{color:#B9C7D6}
.ms-explorer .panel .demo .cell .muted{color:#A9BED2}
/* status glyphs stay utility icons (currentColor); only their text colour is tuned for the dark well */
.ms-explorer .panel .st-private,.ms-explorer .st-private{color:#C3CCD6}
.ms-explorer .panel .st-prototype,.ms-explorer .st-prototype{color:#FFD54F}
.ms-explorer .panel .st-in-development,.ms-explorer .st-in-development{color:#FFAA5E}
.ms-explorer .panel .st-parked,.ms-explorer .panel .st-coming-soon{color:#C3CCD6}
.ms-explorer .panel .chip{background:#0E203380}
/* Supporting details & original project record: the record keeps its own markup; its frame becomes an inset well */
.ms-explorer .panel .ex-full-record{border-color:#3A506A;color:#F5F7FA}
.ms-explorer .panel .ex-full-record>summary{color:#F5F7FA}
.ms-explorer .panel .ex-full-record>div{background:#142638;border:1px solid #30475F;border-radius:16px;color:#DCE4EE}
.ms-explorer .panel .ex-full-record>div p{color:#D3DEE9}
.ms-explorer .panel .ex-full-record>div :is(h3,h4,h5){color:#F5F7FA}
.ms-explorer .panel .ex-full-record>div a{color:#7FE3D9}
.ms-explorer .panel .ex-full-record>div :is(.badge,.eyebrow,.ex-badge){color:#A9BED2;border-color:#3A506A}
/* plain paragraphs that had no colour rule of their own (the site's legacy .work-prototype p{color:#647081} would dim them) */
.ms-explorer .panel .p-body>p{color:#B9C7D6}
/* Paper-style illustrative documents stay light on purpose (they depict documents): keep their original dark-on-paper text */
.ms-explorer .panel .example .w11-visual-workflow p,.ms-explorer .panel .example .w11-workflow-page p{color:#354e65}
.ms-explorer .panel .example .w11-visual-workflow .table-scroll-hint{color:#526980}
/* Category reading list rows */
.ms-explorer .ex-category-record:hover,.ms-explorer .ex-category-record:focus-visible{border-color:#7FE3D9;outline-color:#7FE3D9}
.ms-explorer .ex-category-record small{color:#A9BED2}

/* Phone chips + sticky bars */
@media(max-width:1279px){
 .ms-explorer .panel .chips{background:transparent}
 .ms-explorer .panel .chips button{background:linear-gradient(145deg,#253B57,#1B2C43);color:#F5F7FA;border-color:#3A506A}
 .ms-explorer .panel .chips button[aria-current]{background:linear-gradient(145deg,#304963,#23374F);color:#fff;border-color:#7FE3D9;box-shadow:0 0 0 3px #2ED3C41C}
 .ms-explorer .panel .detail-all-categories{color:#F5F7FA}
 .ms-explorer .panel .p-bar,.ms-explorer .panel .p-foot{background:rgba(14,32,51,.94)}
 .ms-explorer .m-loc{background:rgba(14,32,51,.94)}
}

/* ---- keyboard focus: appraiser treatment ------------------------------------------- */
.ms-explorer :focus-visible,.ms-explorer .panel :is(button,a,input,summary,[tabindex="0"]):focus-visible,
.ms-explorer .app[data-mode=focus] :is(.node,.hub):focus-visible,
.ms-explorer .limit-summary button:focus-visible{outline:3px solid #7FE3D9;outline-offset:3px;outline-color:#7FE3D9}
.ms-explorer .ex-category-record:focus-visible{outline:3px solid #7FE3D9;outline-offset:3px}

/* ---- CONTENT icons: the collection's authoritative neon tile paint{
 color:var(--icon-lum);
 background:radial-gradient(circle at 50% 30%,rgba(var(--icon-rgb),.20),rgba(var(--icon-rgb),.06) 70%),var(--icon-deep);
 box-shadow:inset 0 0 0 1px rgba(var(--icon-rgb),.50),0 0 12px -4px rgba(var(--icon-rgb),.50);
}
 at each view's existing size ---- */
/* Applies to every .tile in the explorer (overview nodes already had it; category list, sidebar, chips,
   record heading, "The problem" and "What this doesn't show" headings now match). Utility glyphs — arrows{
 color:var(--icon-lum);
 background:radial-gradient(circle at 50% 30%,rgba(var(--icon-rgb),.20),rgba(var(--icon-rgb),.06) 70%),var(--icon-deep);
 box-shadow:inset 0 0 0 1px rgba(var(--icon-rgb),.50),0 0 12px -4px rgba(var(--icon-rgb),.50);
}

   chevrons{
 color:var(--icon-lum);
 background:radial-gradient(circle at 50% 30%,rgba(var(--icon-rgb),.20),rgba(var(--icon-rgb),.06) 70%),var(--icon-deep);
 box-shadow:inset 0 0 0 1px rgba(var(--icon-rgb),.50),0 0 12px -4px rgba(var(--icon-rgb),.50);
}
 the lock/lightbulb/hammer status glyphs in .st/.chip{
 color:var(--icon-lum);
 background:radial-gradient(circle at 50% 30%,rgba(var(--icon-rgb),.20),rgba(var(--icon-rgb),.06) 70%),var(--icon-deep);
 box-shadow:inset 0 0 0 1px rgba(var(--icon-rgb),.50),0 0 12px -4px rgba(var(--icon-rgb),.50);
}

/* Actual non-document fallback illustrations (daily/future/financial records).
   Document workflow pages and presentation .pg paper remain light. */
.ms-explorer .panel .example .w11-visual:not(.w11-visual-workflow){background:#142638;border-color:#30475F;color:#DCE4EE}
.ms-explorer .panel .example .w11-visual:not(.w11-visual-workflow) .w11-visual-cell{background:#0E2033bb;border-color:#35516E;color:#F5F7FA}
.ms-explorer .panel .example .w11-visual:not(.w11-visual-workflow) :is(figcaption,small){color:#A9BED2}
.ms-explorer .panel .example .w11-visual:not(.w11-visual-workflow) p{color:#D3DEE9}
.ms-explorer .panel .example .w11-visual:not(.w11-visual-workflow) strong{color:#F5F7FA}
/* Keep unavailable phone Previous labels readable while retaining disabled semantics. */
.ms-explorer .panel .btn:not(.solid):disabled,.ms-explorer .panel .ibtn:disabled{opacity:.6}