/* MAP
 * §1 Claude Amber light and dark tokens
 * §2 shared layout and navigation
 * §3 forms, panels, tables and status
 * §4 responsive layout
 */
/* §1 Claude Amber light and dark tokens */
:root{color-scheme:light dark;--bg:#faf9f5;--surface:#fff;--surface-2:#f5f3ec;--border:#8f897a;--border-strong:#625c50;--text:#1f1e1d;--text-2:#57534e;--text-3:#777166;--accent:#a94d2f;--accent-hover:#8e3b22;--accent-soft:rgba(201,100,66,.1);--on-accent:#fff;--ok:#17663e;--danger:#a62e38;--warn:#78520c;--band:#262624;--on-band:#faf9f5;--shadow:0 12px 32px rgba(60,45,25,.08)}
@media(prefers-color-scheme:dark){:root{--bg:#1a1917;--surface:#232220;--surface-2:#2b2926;--border:#706a5f;--border-strong:#948c7f;--text:#f2efe8;--text-2:#c5c0b5;--text-3:#aaa396;--accent:#e08a5f;--accent-hover:#eb9d75;--accent-soft:rgba(224,138,95,.14);--on-accent:#241a14;--ok:#65c68c;--danger:#ed777a;--warn:#e6bd65;--band:#141312;--on-band:#f2efe8;--shadow:0 12px 32px rgba(0,0,0,.22)}}
*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font:16px/1.55 system-ui,-apple-system,"Segoe UI",sans-serif}a{color:var(--accent);font-weight:650;text-decoration-thickness:1.5px;text-underline-offset:3px}a:hover{color:var(--accent-hover)}
/* §2 shared layout and navigation */
.topbar{min-height:68px;padding:12px clamp(18px,4vw,56px);display:flex;align-items:center;gap:28px;background:var(--band);color:var(--on-band);border-bottom:2px solid var(--border-strong)}.brand{color:var(--on-band);font-size:20px;text-decoration:none;font-weight:800;letter-spacing:-.03em}.topbar-note{color:#c5c0b5;font-size:14px}.topbar nav{margin-left:auto;display:flex;align-items:center;gap:22px}.topbar nav a,.link-button{color:var(--on-band)}.inline{display:inline}.link-button{border:0;background:none;padding:8px;min-height:44px;font:inherit;font-weight:700;cursor:pointer}.shell{width:min(1320px,100%);margin:auto;padding:clamp(20px,4vw,48px)}.footer{min-height:64px;display:flex;justify-content:space-between;gap:16px;padding:18px clamp(20px,4vw,56px);border-top:2px solid var(--border);color:var(--text-2);font-size:14px}.welcome{max-width:760px;margin:4px auto 30px}.welcome h1{font-size:clamp(36px,6vw,56px);line-height:1.05;margin:4px 0 12px;letter-spacing:-.045em}.welcome p:last-child{color:var(--text-2);font-size:18px}.eyebrow,.tile-label{color:var(--text-2);text-transform:uppercase;letter-spacing:.1em;font-size:12px;font-weight:800}
/* §3 forms, panels, tables and status */
.auth-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;max-width:1000px;margin:auto}.panel,.admin-tile,.module-card,.sidebar,.empty-state{background:var(--surface);border:1.5px solid var(--border);border-radius:12px;box-shadow:var(--shadow)}.panel{padding:24px}.panel h2{margin:0 0 18px}.stack{display:grid;gap:15px}.compact{gap:9px}.stack label{display:grid;gap:6px;font-weight:650}.stack input,.stack select{width:100%;min-height:46px;padding:9px 12px;border-radius:8px;border:1.5px solid var(--border-strong);background:var(--surface-2);color:var(--text);font:inherit}.stack input:focus,.stack select:focus{outline:3px solid var(--accent-soft);border-color:var(--accent)}button,.button{min-height:46px;border-radius:8px;padding:9px 16px;border:1.5px solid var(--border-strong);font:inherit;font-weight:750;cursor:pointer;text-decoration:none;display:inline-flex;align-items:center;justify-content:center}.primary{background:var(--accent);color:var(--on-accent);border-color:var(--accent)}.primary:hover{background:var(--accent-hover)}.secondary{background:var(--surface-2);color:var(--text)}button:disabled{opacity:.55;cursor:not-allowed}.hint{color:var(--text-2);font-size:14px}.notice{padding:12px 16px;border-radius:8px;border:1.5px solid var(--border-strong);margin:0 0 18px;background:var(--surface-2)}.notice.success{border-color:var(--ok);color:var(--ok)}.notice.error{border-color:var(--danger);color:var(--danger)}.page-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:24px}.page-heading h1{margin:0;font-size:clamp(28px,4vw,40px);line-height:1.15}.page-heading .eyebrow{margin:0 0 5px}.admin-nav{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin-bottom:20px}.admin-tile{padding:22px;display:grid;gap:8px;text-decoration:none;color:var(--text)}.admin-tile strong{font-size:21px;overflow-wrap:anywhere}.admin-tile>span:last-child{color:var(--text-2)}.status-pill{display:inline-flex;align-items:center;border:1.5px solid var(--border-strong);border-radius:999px;padding:4px 10px;background:var(--surface-2);font-size:13px;font-weight:700}.online{color:var(--ok)}.offline{color:var(--danger)}.model-chain{display:grid;gap:9px;list-style:none;padding:0;margin:14px 0}.model-chain li{display:flex;align-items:center;gap:12px;padding:10px 12px;background:var(--surface-2);border:1px solid var(--border);border-radius:8px}.slot{min-width:85px;color:var(--text-2);font-weight:750}.model-chain code{font-size:14px;overflow-wrap:anywhere}.model-form{max-width:600px;margin:20px 0}.model-chain-box{padding-top:18px;border-top:1px solid var(--border)}.test-form{display:flex;align-items:center;gap:14px;flex-wrap:wrap;margin-top:20px}.table-wrap{overflow:auto;border:1.5px solid var(--border-strong);border-radius:10px;background:var(--surface)}table{border-collapse:collapse;width:100%;min-width:850px}th,td{padding:12px 14px;text-align:left;border-bottom:1px solid var(--border)}th{background:var(--surface-2);font-size:13px}.actions{display:flex;align-items:flex-start;gap:10px}.actions form{margin:0}.small-button{min-height:38px;padding:6px 10px;background:var(--surface-2);color:var(--text);font-size:14px}.reset-form summary{cursor:pointer;min-height:38px;padding:7px 2px;color:var(--accent);font-weight:700}.reset-form .stack{min-width:200px}.reset-form input{min-height:40px}.workspace{display:grid;grid-template-columns:minmax(240px,300px) minmax(0,1fr);gap:24px}.sidebar{padding:18px;height:max-content}.sidebar h2{font-size:18px;margin:0 0 16px}.accordion-list{margin-top:22px;border-top:1.5px solid var(--border);padding-top:8px}.accordion-list details{padding:10px 0;border-bottom:1px solid var(--border)}.accordion-list summary{font-weight:750;cursor:pointer;min-height:42px;padding:8px}.accordion-list ul{list-style:none;margin:6px 0 0;padding:0}.project-link{display:block;border-radius:6px;padding:8px 10px;color:var(--text-2);text-decoration:none}.project-link.active{background:var(--accent-soft);color:var(--text);border-left:3px solid var(--accent)}.work-area{min-width:0}.work-area h1{font-size:clamp(28px,4vw,40px);margin:0 0 8px}.module-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-top:22px}.module-card{padding:18px}.module-card h3{margin:0 0 8px}.module-card p{margin:0;color:var(--text-2);font-size:14px}.empty-state{padding:28px;color:var(--text-2);margin-top:24px}
/* §4 responsive layout */
@media(max-width:800px){.workspace{grid-template-columns:1fr}.sidebar{position:static}.module-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.topbar{flex-wrap:wrap;gap:12px}.topbar nav{gap:12px}.topbar-note{display:none}}
@media(max-width:580px){.auth-grid,.admin-nav,.module-grid{grid-template-columns:1fr}.page-heading{align-items:flex-start;flex-direction:column}.footer{flex-direction:column;gap:4px}.topbar{padding:10px 16px}.topbar nav{margin-left:auto;gap:8px}.topbar nav a,.link-button{font-size:14px}.shell{padding:20px 16px}.actions{flex-direction:column}}