
/* ==============================================================
   ANCHOR SWITCHBOARD v3 ADVANCED REFINED
   Controlling UI remains the exact v3 system.
   This layer is additive and intentionally does not alter the
   v3 mobile nav count, logo asset, onboarding, Access Center,
   language engine, Find Calm, Design Lab, Explore, or Shelf.
   ============================================================== */

.brand img,.boot-title img{filter:none!important;mix-blend-mode:normal!important}
html{scroll-padding-top:72px}
body{overscroll-behavior-y:contain}
.enh-progress{position:fixed;left:0;top:0;width:0;height:3px;background:var(--red);z-index:10001;pointer-events:none}
.enh-top{position:fixed;right:13px;bottom:82px;z-index:145;width:42px;height:42px;display:none;place-items:center;border:2px solid var(--ink);border-radius:50%;background:var(--yellow);box-shadow:3px 3px 0 var(--ink);font-weight:950}
.enh-top.show{display:grid}

/* One additional tools entry on desktop only; mobile tools live in v3 More. */
.enh-tools-btn{border:2px solid var(--ink);background:var(--panel);border-radius:9px;padding:7px 9px;font-weight:850;font-size:.7rem}
@media(max-width:700px){.enh-tools-btn{display:none}}

/* Search cards: scan first, inspect later. Other v3 views keep their layout. */
#view-search .resource{min-height:218px}
#view-search .resource-body{padding:10px}
#view-search .resource h3{font-size:1.02rem;margin:4px 0}
#view-search .resource .summary{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;font-size:.79rem;line-height:1.38;margin-top:6px}
#view-search .resource .tags{margin:7px 0}
#view-search .resource .tags .tag:nth-child(n+4){display:none}
#view-search .resource .meta{display:none}
#view-search .resource .why{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
#view-search .resource .actions{margin-top:auto}
#view-search .results.enh-deck{display:flex!important;overflow-x:auto;scroll-snap-type:x mandatory;overscroll-behavior-x:contain;-webkit-overflow-scrolling:touch;gap:8px;padding:4px 2px 13px}
#view-search .results.enh-deck .resource{min-width:min(310px,84vw);max-width:min(310px,84vw);scroll-snap-align:center}
.resource.enh-selected{outline:4px solid var(--yellow);outline-offset:2px}
.resource:focus-within{outline:3px solid var(--yellow);outline-offset:2px}

.enh-search-tools{display:flex;gap:5px;align-items:center;margin-left:auto}
.enh-search-tools button{border:2px solid var(--ink);background:#fff;border-radius:8px;padding:6px 8px;font-size:.67rem;font-weight:850}
.enh-search-tools button.active{background:var(--ink);color:#fff}

/* Research matches are a small strip, not a second result wall. */
.enh-research-strip{display:none;border:2px solid var(--ink);border-radius:13px;background:#fffaf0;box-shadow:2px 2px 0 var(--ink);padding:10px;margin:8px 0 10px}
.enh-research-strip.show{display:block}
.enh-research-head{display:flex;align-items:end;justify-content:space-between;gap:10px}
.enh-research-head h3{margin:0;font-size:.95rem}
.enh-research-head small{color:var(--muted)}
.enh-research-mini{display:flex;gap:6px;overflow-x:auto;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;padding:7px 1px 2px}
.enh-research-mini button{min-width:230px;max-width:290px;scroll-snap-align:start;border:2px solid var(--ink);background:#fff;border-radius:9px;padding:8px;text-align:left}
.enh-research-mini button b{display:block;font-size:.76rem}
.enh-research-mini button small{display:block;color:var(--muted);margin-top:3px;font-size:.62rem}

/* Full-screen information workspace upgrades the legacy detail dialog only. */
#detailDialog[open]{width:100vw!important;max-width:none!important;height:100dvh!important;max-height:none!important;margin:0!important;border:0!important;border-radius:0!important;box-shadow:none!important;display:grid;grid-template-rows:auto 1fr;background:var(--paper)}
#detailDialog .dhead{position:sticky;top:0;z-index:5;padding:max(10px,env(safe-area-inset-top)) 14px 10px}
#detailDialog .dbody{height:100%;max-height:none!important;overflow:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;padding:clamp(14px,3vw,30px)}
.enh-detail-layout{display:grid;grid-template-columns:minmax(0,1.28fr) minmax(270px,.72fr);gap:12px}
.enh-detail-main,.enh-detail-side{border:2px solid var(--ink);background:#fffaf0;border-radius:14px;padding:15px}
.enh-detail-main h2{font-size:clamp(2rem,5vw,4.8rem);line-height:.96;letter-spacing:-.045em;margin:.4rem 0}
.enh-detail-main>p{font-size:1rem;max-width:900px}
.enh-meta{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;margin:13px 0}
.enh-meta div{border:1px solid #9f9787;border-radius:8px;background:#fff;padding:8px}
.enh-meta small{display:block;color:var(--muted);font:800 .54rem ui-monospace,monospace;text-transform:uppercase}
.enh-detail-actions{display:flex;gap:6px;flex-wrap:wrap;margin-top:13px}
.enh-detail-actions a,.enh-detail-actions button{border:2px solid var(--ink);background:#fff;border-radius:8px;padding:8px 10px;text-decoration:none;font-weight:850}
.enh-detail-actions .primary{background:var(--yellow)}
.enh-topics{display:flex;gap:4px;flex-wrap:wrap}
.enh-topic{border:1px solid #9c9585;border-radius:999px;background:#eee8d8;padding:4px 7px;font-size:.65rem}
.enh-related{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px}
.enh-related button{border:2px solid var(--ink);background:#fff;border-radius:9px;padding:8px;text-align:left}
.enh-related small{color:var(--muted)}
.enh-handoffs{display:flex;gap:5px;flex-wrap:wrap}
.enh-handoffs a{border:2px solid var(--ink);border-radius:8px;background:var(--yellow);padding:7px 9px;text-decoration:none;font-size:.7rem;font-weight:850}
.enh-research-note{border:2px solid var(--ink);border-radius:12px;background:#fff4b7;padding:12px;margin-top:14px}
.enh-research-note h3{margin:0 0 7px}
.enh-research-note dl{margin:0}
.enh-research-note dt{font:850 .61rem ui-monospace,monospace;text-transform:uppercase;margin-top:9px}
.enh-research-note dd{margin:2px 0 0;font-size:.82rem}
.enh-source-language{font-size:.68rem;color:var(--muted);margin-top:8px}

/* Single Advanced overlay shell reused by Finder / Research / Simulator / Commands. */
.enh-overlay{position:fixed;inset:0;z-index:920;display:none;place-items:start center;padding:5vh 12px 12px;background:rgba(0,0,0,.64)}
.enh-overlay.open{display:grid}
.enh-window{width:min(1050px,100%);max-height:90dvh;display:grid;grid-template-rows:auto 1fr;border:3px solid var(--ink);border-radius:16px;background:var(--paper);box-shadow:12px 12px 0 #111;overflow:hidden}
.enh-window-head{display:flex;align-items:center;gap:8px;background:var(--ink);color:#fff;padding:9px 11px}
.enh-window-head b{flex:1}
.enh-window-head button{border:1px solid #fff;background:transparent;color:#fff;border-radius:7px;padding:5px 8px}
.enh-window-body{overflow:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;padding:14px}

/* Tools launcher keeps advanced functions out of Settings. */
.enh-launcher{display:grid;grid-template-columns:repeat(2,1fr);gap:8px}
.enh-launch{border:2px solid var(--ink);border-radius:12px;background:#fff;padding:13px;text-align:left;min-height:105px}
.enh-launch:nth-child(1){background:#fff1aa}.enh-launch:nth-child(2){background:#e4efe5}.enh-launch:nth-child(3){background:#f5e4dc}.enh-launch:nth-child(4){background:#eee8fb}
.enh-launch b{display:block}.enh-launch small{display:block;color:var(--muted);margin-top:5px}

/* Finder */
.enh-finder-grid{display:grid;grid-template-columns:1fr 1fr;gap:9px}
.enh-finder-card{border:2px solid var(--ink);border-radius:12px;background:#fff;padding:12px}
.enh-finder-card h3{margin-top:0}
.enh-options{display:flex;gap:5px;flex-wrap:wrap}
.enh-options button{border:2px solid var(--ink);background:#fff;border-radius:999px;padding:6px 8px;font-size:.7rem}
.enh-options button[aria-pressed="true"]{background:var(--yellow)}
.enh-route-preview{border:2px dashed var(--ink);border-radius:11px;background:#fff7ce;padding:10px;margin-top:10px}
.enh-actions-row{display:flex;gap:6px;justify-content:flex-end;margin-top:10px}
.enh-actions-row button{border:2px solid var(--ink);background:#fff;border-radius:8px;padding:8px 10px;font-weight:850}
.enh-actions-row .primary{background:var(--yellow)}

/* Research Lens */
.enh-research-toolbar{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:6px;position:sticky;top:-14px;z-index:3;background:var(--paper);padding:10px 0}
.enh-research-toolbar input{border:2px solid var(--ink);border-radius:9px;background:#fff;padding:9px}
.enh-research-toolbar select{border:2px solid var(--ink);border-radius:9px;background:#fff;padding:8px}
.enh-research-tabs{display:flex;gap:5px;flex-wrap:wrap;margin:4px 0 10px}
.enh-research-tabs button{border:2px solid var(--ink);background:#fff;border-radius:999px;padding:6px 8px;font-size:.68rem;font-weight:850}
.enh-research-tabs button.active{background:var(--yellow)}
.enh-research-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}
.enh-research-card{border:2px solid var(--ink);border-radius:11px;background:#fff;padding:10px;text-align:left}
.enh-research-card b{display:block;line-height:1.1}
.enh-research-card small{display:block;color:var(--muted);margin-top:4px}
.enh-research-card .enh-num{font:900 .58rem ui-monospace,monospace;color:var(--red)}
.enh-research-detail h2{font-size:clamp(1.8rem,4vw,3.6rem);line-height:1;margin:.4rem 0}
.enh-research-detail dl{margin:0}
.enh-research-detail dt{font:850 .62rem ui-monospace,monospace;text-transform:uppercase;margin-top:12px;color:var(--red)}
.enh-research-detail dd{margin:3px 0 0}
.enh-combo{border:2px solid var(--ink);border-radius:11px;background:#fff;padding:10px;margin:6px 0}
.enh-combo b{display:block}

/* Simulator stays optional and isolated from v3 nav. */
.enh-sim-grid{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(280px,.7fr);gap:10px}
.enh-computer{border:4px solid #4c4c45;border-radius:18px;background:#181915;padding:14px;box-shadow:inset 0 0 0 4px #070807,0 10px 24px rgba(0,0,0,.3)}
.enh-bezel{border:3px solid #696b63;background:#090c09;border-radius:14px;padding:12px}
.enh-sim-screen{min-height:365px;max-height:52vh;overflow:auto;border:2px solid #2d3d2d;border-radius:10px;background:#071007;color:#9fe2a9;padding:13px;white-space:pre-wrap;font:700 .73rem ui-monospace,Consolas,monospace;line-height:1.65}
.enh-keys{display:grid;grid-template-columns:repeat(10,minmax(0,1fr));gap:5px;margin-top:9px}
.enh-key{border:2px solid #090909;border-radius:7px;background:#e3dac5;padding:8px 2px;box-shadow:inset 0 -3px 0 #aca28e,0 2px 0 #000;font:800 .57rem ui-monospace,monospace}
.enh-key:active{transform:translateY(2px);box-shadow:inset 0 -1px 0 #aca28e}
.enh-sim-side{display:flex;flex-direction:column;gap:8px}
.enh-sim-widget{border:2px solid var(--ink);border-radius:13px;background:var(--panel);padding:11px}
.enh-mouse{width:92px;height:132px;margin:6px auto;border:3px solid var(--ink);border-radius:50px 50px 36px 36px;background:#fffaf0;position:relative}
.enh-mouse:before{content:"";position:absolute;left:50%;top:17px;transform:translateX(-50%);width:9px;height:25px;border:2px solid var(--ink);border-radius:8px}
.enh-pad{display:grid;grid-template-columns:1fr 1fr;gap:6px}
.enh-pad button{min-height:44px;border:2px solid var(--ink);border-radius:8px;background:#fff;font-weight:900}
.enh-pad .primary{background:var(--yellow)}
.enh-sim-deck{display:flex;gap:7px;overflow-x:auto;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;padding:6px 1px 10px;margin-top:8px}
.enh-sim-card{min-width:min(280px,78vw);max-width:min(280px,78vw);scroll-snap-align:center;border:2px solid var(--ink);border-radius:11px;background:#fff;padding:9px}
.enh-sim-card.enh-selected{outline:4px solid var(--yellow)}
.enh-sim-card b{display:block;line-height:1.1}
.enh-sim-card small{display:block;color:var(--muted);margin-top:4px}
.enh-sim-status{font:.66rem ui-monospace,monospace;color:var(--muted)}

/* Research-informed extensions to v3 Calm and Design Lab. */
.enh-calm-extension,.enh-design-extension{border:2px solid var(--ink);border-radius:13px;background:#fffaf0;box-shadow:2px 2px 0 var(--ink);padding:12px;margin:12px 0}
.enh-calm-extension h3,.enh-design-extension h3{margin:0 0 6px}
.enh-pattern-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:6px}
.enh-pattern{border:1px solid #9e9788;border-radius:9px;background:#fff;padding:8px}
.enh-pattern b{display:block;font-size:.77rem}.enh-pattern small{display:block;color:var(--muted);margin-top:3px}
.enh-toast{position:fixed;left:50%;bottom:86px;z-index:980;transform:translateX(-50%);opacity:0;pointer-events:none;background:#111;color:#fff;border-radius:999px;padding:7px 11px;font:.65rem ui-monospace,monospace;transition:.18s}
.enh-toast.show{opacity:1}

@media(max-width:920px){
  .enh-detail-layout,.enh-sim-grid{grid-template-columns:1fr}
  .enh-detail-side{order:-1}
  .enh-research-list{grid-template-columns:1fr}
}
@media(max-width:700px){
  .enh-overlay{padding:0}
  .enh-window{width:100%;height:100dvh;max-height:none;border:0;border-radius:0;box-shadow:none}
  .enh-window-head{padding-top:max(9px,env(safe-area-inset-top))}
  .enh-finder-grid,.enh-launcher,.enh-pattern-grid{grid-template-columns:1fr}
  .enh-meta{grid-template-columns:1fr 1fr}
  .enh-research-toolbar{grid-template-columns:1fr}
  .enh-keys{grid-template-columns:repeat(6,minmax(0,1fr))}
  .enh-top{right:9px;bottom:82px}
}
@media(max-width:430px){
  .enh-meta{grid-template-columns:1fr}
  .enh-related{grid-template-columns:1fr}
  .enh-keys{grid-template-columns:repeat(5,minmax(0,1fr))}
}
