/* ===============================================================
   ANCHOR SWITCHBOARD — cumulative home/search/onboarding upgrade
   Sits after v3 + Advanced Refined. Does not remove those systems.
   =============================================================== */
:root{
 --ux-yellow:#ffd400;--ux-paper:#fffaf0;--ux-green:#dfece0;--ux-red:#f4ded8;
 --ux-violet:#ece7f7;--ux-blue:#e8eef2;--ux-line:#181818;
}
.ux-hidden{display:none!important}
.ux-home-start{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(280px,.8fr);gap:11px;margin:12px 0 14px}
.ux-start-main,.ux-my-switchboard,.ux-system-strip,.ux-search-assist,.ux-history,.ux-onboard-summary{
 border:2px solid var(--ink);border-radius:15px;background:var(--panel);box-shadow:3px 3px 0 var(--ink)
}
.ux-start-main{padding:16px}
.ux-start-kicker{display:flex;align-items:center;justify-content:space-between;gap:8px}
.ux-start-kicker b{font:900 .67rem ui-monospace,monospace;letter-spacing:.11em}
.ux-start-kicker small{color:var(--muted)}
.ux-start-main h2{font-size:clamp(1.65rem,3vw,2.7rem);line-height:1;margin:10px 0 7px}
.ux-start-main>p{margin:0 0 11px;color:var(--muted)}
.ux-now-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:6px}
.ux-now{position:relative;min-height:112px;border:2px solid var(--ink);border-radius:11px;background:#fff;text-align:left;padding:10px;overflow:hidden}
.ux-now:nth-child(1){background:#fff1aa}.ux-now:nth-child(2){background:#e2eee3}.ux-now:nth-child(3){background:#f5e4dc}.ux-now:nth-child(4){background:#eee8fb}.ux-now:nth-child(5){background:#e8eef2}.ux-now:nth-child(6){background:#fff}
.ux-now b{display:block;font-size:.88rem;line-height:1.08;margin-top:18px}.ux-now small{display:block;color:var(--muted);font-size:.65rem;margin-top:4px;line-height:1.28}
.ux-now:before{content:attr(data-code);position:absolute;right:7px;top:2px;font:900 1.8rem ui-monospace,monospace;color:rgba(0,0,0,.09)}
.ux-my-switchboard{padding:14px;display:flex;flex-direction:column;gap:8px}
.ux-my-switchboard h3{margin:0;font:900 .68rem ui-monospace,monospace;letter-spacing:.1em}
.ux-profile-state{display:grid;grid-template-columns:repeat(2,1fr);gap:6px}
.ux-state{border:1px solid #9f9788;border-radius:8px;background:#fff;padding:8px}
.ux-state b{display:block;font-size:.92rem}.ux-state small{display:block;color:var(--muted);font-size:.58rem;text-transform:uppercase}
.ux-profile-actions{display:grid;grid-template-columns:1fr 1fr;gap:5px}
.ux-profile-actions button{border:2px solid var(--ink);border-radius:8px;background:#fff;padding:7px;font-weight:850;font-size:.68rem}.ux-profile-actions .primary{background:var(--yellow)}
.ux-profile-summary{font-size:.72rem;line-height:1.35;color:var(--muted)}
.ux-recent{display:flex;gap:5px;overflow-x:auto;scroll-snap-type:x mandatory;padding-bottom:2px}
.ux-recent button{white-space:nowrap;scroll-snap-align:start;border:1px solid var(--ink);border-radius:999px;background:#fff;padding:5px 8px;font-size:.64rem}
.ux-home-searchmodes{display:flex;gap:5px;overflow-x:auto;margin:7px 0 0;scroll-snap-type:x mandatory}
.ux-home-searchmodes button{white-space:nowrap;scroll-snap-align:start;border:1px solid #656159;background:#1f211e;color:#f1ecdf;border-radius:999px;padding:5px 8px;font:750 .6rem ui-monospace,monospace}
.ux-home-searchmodes button.active{background:var(--yellow);color:#111;border-color:#fff}
.ux-mode-help{font:650 .62rem ui-monospace,monospace;color:#bcb5a5;padding:5px 4px 0}

/* Existing lanes become a secondary route rail instead of duplicating Start. */
#view-home .lanes{margin-top:9px}
#view-home .lane{min-height:132px}
#view-home .lane b{font-size:1rem;margin-top:23px}
#view-home .home-secondary{margin-top:10px}

/* Search assistant */
.ux-search-assist{padding:11px;margin:9px 0}
.ux-search-top{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px;align-items:end}
.ux-search-top h3{margin:0;font-size:1rem}.ux-search-top p{margin:2px 0 0;color:var(--muted);font-size:.72rem}
.ux-search-modebar{display:flex;gap:5px;overflow-x:auto;scroll-snap-type:x mandatory;padding:7px 1px 2px}
.ux-search-modebar button{white-space:nowrap;scroll-snap-align:start;border:2px solid var(--ink);border-radius:999px;background:#fff;padding:6px 8px;font-size:.68rem;font-weight:850}
.ux-search-modebar button.active{background:var(--yellow)}
.ux-context-row{display:flex;gap:5px;flex-wrap:wrap;margin-top:7px}
.ux-context-row button{border:1px solid #928b7d;border-radius:999px;background:#fffaf0;padding:4px 7px;font-size:.63rem}
.ux-context-row button.active{border:2px solid var(--ink);background:#e7dfc9}
.ux-route-box{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px;align-items:center;border-top:1px solid #aaa292;margin-top:8px;padding-top:8px}
.ux-route-box b{font-size:.75rem}.ux-route-box small{display:block;color:var(--muted);font-size:.63rem}
.ux-route-actions{display:flex;gap:5px}.ux-route-actions button,.ux-route-actions a{border:2px solid var(--ink);border-radius:8px;background:#fff;padding:6px 8px;text-decoration:none;font-size:.64rem;font-weight:850}.ux-route-actions .primary{background:var(--yellow)}
.ux-history{padding:10px;margin:8px 0;box-shadow:2px 2px 0 var(--ink)}
.ux-history-head{display:flex;justify-content:space-between;gap:8px;align-items:center}.ux-history-head h3{margin:0;font-size:.86rem}.ux-history-head button{border:0;background:transparent;text-decoration:underline;font-size:.64rem}
.ux-history-row{display:flex;gap:5px;overflow-x:auto;padding-top:6px}.ux-history-row button{white-space:nowrap;border:1px solid var(--ink);border-radius:999px;background:#fff;padding:5px 8px;font-size:.62rem}

/* User interpretation ribbon */
.ux-interpret{display:flex;gap:5px;flex-wrap:wrap;align-items:center;margin:7px 0}
.ux-interpret>span:first-child{font:850 .58rem ui-monospace,monospace;color:var(--muted)}
.ux-interpret .ux-token{border:1px solid var(--ink);border-radius:999px;background:#fff1aa;padding:4px 7px;font-size:.62rem}

/* Overlay: onboarding + systems manager */
.ux-overlay{position:fixed;inset:0;z-index:1100;display:none;place-items:start center;background:rgba(0,0,0,.68);padding:3vh 10px}
.ux-overlay.open{display:grid}
.ux-window{width:min(1040px,100%);height:min(92dvh,900px);display:grid;grid-template-rows:auto 1fr;border:3px solid var(--ink);border-radius:17px;background:var(--paper);box-shadow:12px 12px 0 #111;overflow:hidden}
.ux-window-head{display:flex;align-items:center;gap:8px;background:#111;color:#fff;padding:9px 11px}.ux-window-head b{flex:1}.ux-window-head button{border:1px solid #fff;background:transparent;color:#fff;border-radius:7px;padding:5px 8px}
.ux-window-body{overflow:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;padding:14px}
.ux-onboard-progress{display:grid;grid-template-columns:repeat(8,1fr);gap:4px;margin:5px 0 13px}.ux-onboard-progress i{height:6px;border-radius:99px;background:#c7bfad}.ux-onboard-progress i.done{background:#111}.ux-onboard-progress i.current{background:var(--yellow);outline:1px solid #111}
.ux-onboard-intro{border:2px solid var(--ink);border-radius:12px;background:#fff4bb;padding:12px;margin-bottom:10px}
.ux-onboard-intro b{display:block;font-size:1rem}.ux-onboard-intro p{margin:4px 0 0}
.ux-question h2{font-size:clamp(1.5rem,3vw,2.5rem);line-height:1;margin:6px 0}.ux-question>p{color:var(--muted);margin:3px 0 11px}
.ux-choice-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:7px}.ux-choice{border:2px solid var(--ink);border-radius:11px;background:#fff;padding:11px;text-align:left;min-height:86px}.ux-choice[aria-pressed="true"]{background:var(--yellow)}.ux-choice b{display:block;line-height:1.08}.ux-choice small{display:block;color:var(--muted);margin-top:4px;line-height:1.25}
.ux-onboard-controls{display:flex;justify-content:space-between;gap:7px;margin-top:14px}.ux-onboard-controls button{border:2px solid var(--ink);border-radius:8px;background:#fff;padding:8px 11px;font-weight:900}.ux-onboard-controls .primary{background:var(--yellow)}
.ux-onboard-summary{padding:12px;box-shadow:none}.ux-summary-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:7px}.ux-summary-block{border:1px solid #9c9484;border-radius:9px;background:#fff;padding:9px}.ux-summary-block b{display:block;font-size:.67rem;text-transform:uppercase}.ux-summary-block span{font-size:.76rem;color:var(--muted)}
.ux-depth-demo{border:2px solid var(--ink);border-radius:10px;background:#fff;padding:10px;margin-top:8px}.ux-depth-demo p{margin:.2rem 0}.ux-depth-demo .detail{color:var(--muted);font-size:.75rem}

/* Systems manager */
.ux-manager-tabs{display:flex;gap:5px;overflow-x:auto;scroll-snap-type:x mandatory;margin-bottom:10px}.ux-manager-tabs button{white-space:nowrap;border:2px solid var(--ink);border-radius:999px;background:#fff;padding:6px 9px;font-size:.68rem;font-weight:850}.ux-manager-tabs button.active{background:var(--yellow)}
.ux-manager-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
.ux-manager-card{border:2px solid var(--ink);border-radius:12px;background:#fff;padding:11px}.ux-manager-card h3{margin:0 0 5px;font-size:1rem}.ux-manager-card p{font-size:.76rem;color:var(--muted);margin:4px 0}.ux-manager-card .statusline{font:750 .58rem ui-monospace,monospace;text-transform:uppercase;color:var(--green)}
.ux-manager-card .actions{display:flex;gap:5px;flex-wrap:wrap;margin-top:8px}.ux-manager-card .actions button,.ux-manager-card .actions a{border:2px solid var(--ink);border-radius:7px;background:#fff;padding:6px 8px;text-decoration:none;font-size:.63rem;font-weight:850}.ux-manager-card .actions .primary{background:var(--yellow)}
.ux-data-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:6px}.ux-data-stat{border:2px solid var(--ink);border-radius:10px;background:#fff;padding:9px}.ux-data-stat b{font:900 1.3rem ui-monospace,monospace;display:block}.ux-data-stat small{font-size:.58rem;color:var(--muted);text-transform:uppercase}
.ux-data-actions{display:flex;gap:6px;flex-wrap:wrap;margin:10px 0}.ux-data-actions button,.ux-file-label{border:2px solid var(--ink);border-radius:8px;background:#fff;padding:7px 9px;font-weight:850;font-size:.68rem;cursor:pointer}.ux-data-actions .danger{background:#f4ded8}
.ux-system-route{display:grid;grid-template-columns:auto 1fr auto;gap:8px;align-items:center;border-bottom:1px solid #bbb3a4;padding:9px 0}.ux-system-route:last-child{border-bottom:0}.ux-system-code{width:42px;height:42px;display:grid;place-items:center;border:2px solid var(--ink);border-radius:10px;background:var(--yellow);font:900 .65rem ui-monospace,monospace}.ux-system-route b{display:block}.ux-system-route small{display:block;color:var(--muted);font-size:.66rem}.ux-system-route a,.ux-system-route button{border:2px solid var(--ink);border-radius:7px;background:#fff;padding:6px 8px;text-decoration:none;font-size:.62rem;font-weight:850}

/* Settings preset chips are not a new settings dump; manager presents named presets. */
.ux-preset-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:7px}.ux-preset{border:2px solid var(--ink);border-radius:10px;background:#fff;padding:10px;text-align:left}.ux-preset.active{background:#fff1aa}.ux-preset b{display:block}.ux-preset small{display:block;color:var(--muted);margin-top:3px}

/* Layered content controls */
.ux-depth-control{display:flex;gap:5px;flex-wrap:wrap;border-bottom:1px solid #a59d8e;padding-bottom:9px;margin-bottom:9px}.ux-depth-control button{border:2px solid var(--ink);border-radius:999px;background:#fff;padding:5px 8px;font-size:.64rem;font-weight:850}.ux-depth-control button.active{background:var(--yellow)}
body[data-ux-depth="quick"] #detailDialog .enh-research-note,
body[data-ux-depth="quick"] #detailDialog .enh-related,
body[data-ux-depth="quick"] #detailDialog .enh-meta,
body[data-ux-depth="quick"] #detailDialog .enh-detail-side{display:none}
body[data-ux-depth="plain"] #detailDialog .enh-research-note,
body[data-ux-depth="plain"] #detailDialog .enh-related{display:none}
body[data-ux-depth="source"] #detailDialog .enh-related{display:none}

/* Search result profile hint */
.ux-profile-hint{border-left:3px solid var(--yellow);padding-left:7px;font-size:.65rem;color:var(--muted);margin-top:5px}

@media(max-width:1100px){
 .ux-home-start{grid-template-columns:1fr}.ux-now-grid{grid-template-columns:repeat(3,1fr)}
}
@media(max-width:760px){
 .ux-now-grid{grid-template-columns:1fr 1fr}.ux-search-top{grid-template-columns:1fr}.ux-route-box{grid-template-columns:1fr}.ux-manager-grid{grid-template-columns:1fr}.ux-data-grid{grid-template-columns:1fr 1fr}.ux-choice-grid{grid-template-columns:1fr}
 .ux-overlay{padding:0}.ux-window{width:100%;height:100dvh;border:0;border-radius:0;box-shadow:none}.ux-window-head{padding-top:max(9px,env(safe-area-inset-top))}
}
@media(max-width:430px){
 .ux-now-grid{grid-template-columns:1fr}.ux-profile-state{grid-template-columns:1fr 1fr}.ux-summary-grid{grid-template-columns:1fr}.ux-preset-grid{grid-template-columns:1fr}
}