/* LAKANA SSI — Elite Biomechanical Model Lab (Pass 2).
 * Research-grade, public-safe model surface bound to the shared live state.
 * Palette: Chromatic Lock v3.2 only. No neon/legacy/Tailwind hexes. */

#ssiEliteModelLab .ssi-elite-head{display:flex;flex-wrap:wrap;gap:10px;align-items:flex-end;justify-content:space-between;margin-bottom:12px}
#ssiEliteModelLab .ssi-elite-modes{display:flex;flex-wrap:wrap;gap:8px}
#ssiEliteModelLab .ssi-elite-mode{appearance:none;border:1px solid #365B7F;background:#0B2138;color:#EAF6F6;font:600 .74rem/1 inherit;letter-spacing:.02em;padding:9px 13px;border-radius:9px;cursor:pointer;transition:background .15s,border-color .15s}
#ssiEliteModelLab .ssi-elite-mode:hover{background:#102C49}
#ssiEliteModelLab .ssi-elite-mode[aria-selected="true"]{background:#00877D;border-color:#00A996;color:#FFFFFF}
#ssiEliteModelLab .ssi-elite-badge{font:700 .62rem/1 inherit;letter-spacing:.06em;text-transform:uppercase;padding:6px 10px;border-radius:999px;border:1px solid #365B7F;color:#EAF6F6;white-space:nowrap}
#ssiEliteModelLab .ssi-elite-badge.certified{background:#00877D;border-color:#00A996;color:#FFFFFF}
#ssiEliteModelLab .ssi-elite-badge.preview{background:#102C49;border-color:#C98A00;color:#F3F6F8}
#ssiEliteModelLab .ssi-elite-badge.silence{background:#910056;border-color:#930023;color:#FFFFFF}

#ssiEliteModelLab .ssi-elite-stage{position:relative;display:grid;grid-template-columns:minmax(0,1.35fr) minmax(0,1fr);gap:14px;align-items:stretch}
@media (max-width:880px){#ssiEliteModelLab .ssi-elite-stage{grid-template-columns:1fr}}
#ssiEliteModelLab .ssi-elite-view{position:relative;background:#071827;border:1px solid #102C49;border-radius:14px;overflow:hidden;min-height:420px}
#ssiEliteModelLab .ssi-elite-view svg{display:block;width:100%;height:100%}
#ssiEliteModelLab .ssi-elite-side{display:flex;flex-direction:column;gap:12px;min-width:0}
#ssiEliteModelLab .ssi-elite-panel{background:#0B2138;border:1px solid #102C49;border-radius:12px;padding:12px 13px}
#ssiEliteModelLab .ssi-elite-panel h4{margin:0 0 8px;font:700 .7rem/1.1 inherit;letter-spacing:.07em;text-transform:uppercase;color:#A9C7D6}
#ssiEliteModelLab .ssi-elite-dim{display:flex;gap:8px;align-items:flex-start;font:500 .72rem/1.35 inherit;color:#D6E6EE;padding:3px 0}
#ssiEliteModelLab .ssi-elite-dim b{color:#00A996;font-weight:700;min-width:30px}
#ssiEliteModelLab .ssi-elite-readrow{display:flex;justify-content:space-between;gap:10px;font:500 .74rem/1.4 inherit;color:#D6E6EE;padding:3px 0;border-bottom:1px solid #0E2741}
#ssiEliteModelLab .ssi-elite-readrow:last-child{border-bottom:0}
#ssiEliteModelLab .ssi-elite-readrow b{color:#FFFFFF;font-weight:700;text-align:right}

#ssiEliteModelLab .ssi-elite-transport{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin-top:12px;padding:10px 12px;background:#0B2138;border:1px solid #102C49;border-radius:11px}
#ssiEliteModelLab .ssi-elite-transport button{appearance:none;border:1px solid #365B7F;background:#102C49;color:#EAF6F6;font:600 .72rem/1 inherit;padding:8px 12px;border-radius:8px;cursor:pointer}
#ssiEliteModelLab .ssi-elite-transport button:hover{border-color:#00A996}
#ssiEliteModelLab .ssi-elite-transport button[aria-pressed="true"]{background:#00877D;border-color:#00A996;color:#FFFFFF}
#ssiEliteModelLab .ssi-elite-scrub{flex:1 1 200px;min-width:160px;accent-color:#00A996}
#ssiEliteModelLab .ssi-elite-phase{font:700 .8rem/1 inherit;color:#FFFFFF;min-width:118px}
#ssiEliteModelLab .ssi-elite-phase span{color:#00A996}

#ssiEliteModelLab .ssi-elite-note{margin:10px 2px 0;font:500 .68rem/1.4 inherit;color:#8FB0C2}
#ssiEliteModelLab .ssi-elite-legend{display:flex;flex-wrap:wrap;gap:10px;margin-top:8px}
#ssiEliteModelLab .ssi-elite-legend span{display:inline-flex;align-items:center;gap:6px;font:600 .64rem/1 inherit;color:#D6E6EE}
#ssiEliteModelLab .ssi-elite-legend i{width:12px;height:12px;border-radius:3px;display:inline-block}

/* Heat map grid */
#ssiEliteModelLab .ssi-heat-wrap{padding:14px;overflow:auto}
#ssiEliteModelLab table.ssi-heat{border-collapse:collapse;width:100%;font:600 .66rem/1.1 inherit}
#ssiEliteModelLab table.ssi-heat th{color:#A9C7D6;font-weight:700;text-transform:uppercase;letter-spacing:.04em;padding:6px 7px;text-align:center;white-space:nowrap}
#ssiEliteModelLab table.ssi-heat th.rowlab{text-align:left;color:#EAF6F6}
#ssiEliteModelLab table.ssi-heat td{padding:0}
#ssiEliteModelLab table.ssi-heat .cell{height:30px;border-radius:5px;display:flex;align-items:center;justify-content:center;color:#071827;font-weight:800;font-size:.62rem;margin:2px}

#ssiEliteModelLab .ssi-region-zone{cursor:pointer}
#ssiEliteModelLab .ssi-region-zone:focus{outline:none}
#ssiEliteModelLab .ssi-region-zone:focus-visible circle:first-child{stroke:#EAF6F6;stroke-width:2;fill:rgba(0,169,150,.18)}
#ssiEliteModelLab .ssi-elite-modes [role="tab"]:focus-visible{outline:2px solid #00A996;outline-offset:2px}
@media (prefers-contrast:more){#ssiEliteModelLab .ssi-elite-view{border-color:#EAF6F6}}
@media (prefers-reduced-motion:reduce){#ssiEliteModelLab *{animation:none!important;transition:none!important}}
