:root{--accent:#20242a;--accent-dark:#0f1114;--ink:#171a1f;--muted:#646a73;--line:#d3d7dc;--soft:#f0f1f3;--canvas:#f3f4f6}
body{background:var(--canvas);color:var(--ink)}header{border-color:var(--line);padding:10px 14px}header>div{max-width:none;width:100%;gap:11px}.home{width:40px;height:40px;padding:7px 12px;font-size:21px;color:var(--accent);border-color:var(--line);border-radius:9px}header small{font-size:9px;color:#555b63;letter-spacing:1.25px}header h1{font-size:21px;margin:2px 0}header p{font-size:11px;margin:2px 0}small,.row span{color:#454b53}main{max-width:none;width:calc(100% - 28px);padding:14px 0}.intro{display:none}
.filters{align-items:center}.filters input{flex:0 1 510px;border-color:var(--line)}.filters select,.filters button{border-color:var(--line)}#allCb{background:linear-gradient(180deg,#41464e 0%,#171a1f 52%,#090a0c 100%);border-color:#08090a;color:#fff;box-shadow:inset 0 1px 0 #747981,0 2px 5px #1113}#allCb:hover{background:linear-gradient(180deg,#32363c,#08090b)}
.layout{grid-template-columns:320px minmax(0,1fr)}aside,article{border-color:var(--line);min-height:calc(100vh - 154px)}#list{height:calc(100vh - 208px)}.row[aria-current=true]{border-color:#8b9097;background:linear-gradient(145deg,#f8f8f9,#e9ebee);box-shadow:inset 3px 0 0 #20242a}.badge{background:linear-gradient(180deg,#f2f3f4,#e4e6e8);color:var(--accent-dark);border:1px solid #d7dade}
.tabs{display:flex;gap:4px;border-bottom:1px solid var(--line);margin:10px 0 20px;overflow:auto}.tabs button{border:0;border-radius:0;background:transparent;padding:11px 15px;color:var(--muted);white-space:nowrap}.tabs button.on{color:var(--accent-dark);border-bottom:3px solid var(--accent);font-weight:600}
.facts{grid-template-columns:1fr 1fr}.fact{min-height:84px;border-color:var(--line);background:#f8f9fa}.position-fact{background:linear-gradient(145deg,#fff,#e8eaed);border-color:#b8bdc4;box-shadow:inset 0 1px 0 #fff,0 5px 14px #1112}.position-fact strong{color:#090a0c}.pane h3{font-size:20px;font-weight:550;margin:4px 0 13px}.notice{color:var(--muted)}
.ipc-list{display:grid;gap:9px}.ipc-row{display:flex;justify-content:space-between;gap:15px;color:var(--accent-dark);text-decoration:none;border:1px solid #c8ccd1;background:linear-gradient(145deg,#fff,#eceef0);border-radius:9px;padding:13px 15px;box-shadow:0 2px 6px #15171a12}.ipc-row:hover{border-color:#656b73;box-shadow:0 3px 8px #15171a20}.ipc-row b{font-weight:600}.ipc-row span{color:var(--muted);font-size:13px}
.panel-viewer{border:1px solid var(--line);border-radius:10px;overflow:hidden}.viewerbar{display:flex;align-items:center;gap:7px;padding:9px;background:linear-gradient(180deg,#fafafa,#e9ebed);border-bottom:1px solid var(--line)}.viewerbar strong{margin-right:auto;font-weight:550}.viewerbar button,.viewerbar span{padding:7px 10px}.viewerbar button:disabled{opacity:.4}.loc-canvas,.canvas{overflow:auto;background:#fff;touch-action:pan-x pan-y;cursor:grab;user-select:none}.loc-canvas{height:calc(100vh - 300px)}.loc-canvas.dragging,.canvas.dragging{cursor:grabbing}.loc-art,.full-art{display:block;max-width:none;height:auto}.loc-art svg,.full-art svg{display:block;width:100%;height:auto;overflow:visible}.cb-target{cursor:pointer;outline:none}.cb-hotspot{pointer-events:all;stroke:transparent;stroke-width:1.5;vector-effect:non-scaling-stroke;transition:fill .14s,stroke .14s}.cb-target:hover .cb-hotspot,.cb-target:focus .cb-hotspot{fill:#ff6d6d20;stroke:#d74450}.cb-hotspot.is-selected{stroke:#d62d3d;stroke-width:1.35}.pinch-hint{text-align:center;font-size:12px;color:var(--muted)}
.all-table h2{font-size:24px}.table-title{display:flex;align-items:center;gap:20px;margin-bottom:12px}.table-title>div{min-width:150px}.table-title input{flex:1;border-color:var(--line)}.table-wrap{max-height:calc(100vh - 220px);overflow:auto;border:1px solid var(--line);border-radius:9px}table{border-collapse:collapse;width:100%;font-size:13px}th{position:sticky;top:0;background:linear-gradient(180deg,#3a3f46,#171a1f);text-align:left;color:#fff;text-shadow:0 1px 0 #000}th,td{padding:9px 11px;border-bottom:1px solid #dde0e4}tbody tr:hover{background:#f0f1f3}tbody tr.table-selected{background:linear-gradient(90deg,#dfe2e5,#f7f8f9);box-shadow:inset 4px 0 0 #262a30}tbody tr.table-selected td{font-weight:550}td button{border:0;padding:0;background:transparent;color:var(--accent-dark);font-weight:650}
dialog{border-color:var(--line)}#viewer{width:100vw;height:100vh;max-width:none;max-height:none;margin:0;border:0;border-radius:0}dialog .toolbar{background:linear-gradient(180deg,#fafafa,#e7e9eb);border-color:var(--line)}
@media(max-width:800px){header{padding:8px}header p{display:none}main{width:100%;padding:8px}.filters input{flex-basis:100%;max-width:none}.layout{grid-template-columns:1fr}.facts{grid-template-columns:1fr}aside,article{min-height:0}#list{height:250px}.viewerbar{flex-wrap:wrap}.viewerbar strong{flex-basis:100%}.loc-canvas{height:55vh}.table-title{align-items:stretch;flex-direction:column;gap:5px}.table-title input{width:100%}}

/* Name first, secondary FIN and panel position. */
.row .cb-name{display:block;overflow-wrap:anywhere;line-height:1.35}.row .cb-fin{display:flex;justify-content:space-between;flex-wrap:wrap;gap:4px 12px}.row .cb-fin span{float:none}.cb-detail-fin{font-size:15px;margin:6px 0;color:var(--muted)}

/* Plain FIN links and a single understated search focus border. */
html body .all-table td button[data-open-id]{background:transparent!important;color:var(--ink,#20242a)!important;border:0!important;box-shadow:none!important;padding:0;border-radius:0}
html body :is(button,a,select):focus-visible{outline:2px solid #777e87!important;outline-offset:2px}
html body input:is(:focus,:focus-visible){outline:none!important;box-shadow:none!important;border-color:#7b828b!important}
html[data-color-mode="dark"] body input:is(:focus,:focus-visible){border-color:#9198a1!important}
html[data-color-mode="dark"] body #tableSearch{background:#202327!important;color:#e8e9eb!important;caret-color:#e8e9eb}