/* my.aios workspace. No inline styles anywhere — the CSP forbids them, and that is the
   point: it means an injected style attribute cannot do anything either. */
:root{
  --gold:#E8B931; --ink:#07090F; --ink-2:#141821;
  --paper:#FAF9F5; --line:#DCD9CF; --text:#14161C; --text-2:#5A5E6A;
  --red:#A8341F; --green:#1E8A5F;
}
@media (prefers-color-scheme:dark){
  :root{ --paper:#0E1016; --line:#252A35; --text:#E9E7E1; --text-2:#9AA0AE; --ink-2:#161A24; }
}
*{box-sizing:border-box;margin:0;padding:0}
body{font:15px/1.6 -apple-system,BlinkMacSystemFont,"Segoe UI",Inter,system-ui,sans-serif;
  background:var(--paper);color:var(--text)}

.signin{min-height:100vh;display:grid;place-items:center;background:var(--ink)}
.signin-card{background:var(--ink-2);border:1px solid #262c38;border-radius:8px;
  padding:40px 44px;max-width:400px;text-align:center;color:#EDEBE5}
.signin-card h1{font-size:30px;font-weight:800;letter-spacing:-.03em;margin-bottom:8px}
.signin-card h1 span{color:var(--gold)}
.signin-card p{color:#9AA0AE;margin-bottom:22px}
.signin-note{font-size:13px;margin-top:18px;margin-bottom:0}

.topbar{display:flex;align-items:center;gap:16px;padding:14px 22px;
  border-bottom:1px solid var(--line);background:var(--ink);color:#EDEBE5}
.brand{font-weight:800;letter-spacing:-.02em}
.brand span{color:var(--gold)}
.biz{flex:1;color:#9AA0AE;font-size:14px}

.btn{background:var(--gold);color:var(--ink);border:0;border-radius:5px;
  padding:9px 18px;font-weight:600;font-size:14px;cursor:pointer}
.btn-quiet{background:transparent;color:#9AA0AE;border:1px solid #333a46}

.tabs{display:flex;gap:2px;padding:0 18px;border-bottom:1px solid var(--line);
  background:var(--paper);overflow-x:auto}
.tab{background:none;border:0;border-bottom:2px solid transparent;color:var(--text-2);
  padding:13px 15px;font-size:14px;font-weight:600;cursor:pointer;white-space:nowrap}
.tab.active{color:var(--text);border-bottom-color:var(--gold)}

.main{padding:26px 22px;max-width:900px;margin:0 auto}
.loading{color:var(--text-2)}
.empty{border:1px dashed var(--line);border-radius:6px;padding:30px;text-align:center;color:var(--text-2)}
.empty h3{color:var(--text);margin-bottom:8px;font-size:17px}

.facts{list-style:none}
.fact{border:1px solid var(--line);border-left:3px solid var(--gold);
  border-radius:0 5px 5px 0;padding:13px 16px;margin-bottom:9px}
.fact-text{margin-bottom:5px}
.fact-meta{font-size:12px;color:var(--text-2)}

.turn{border-bottom:1px solid var(--line);padding:16px 0}
.turn .q{font-weight:650;margin-bottom:7px}
.turn .a{color:var(--text-2)}
.turn-meta{font-size:12px;color:var(--text-2);margin-top:7px}

table{border-collapse:collapse;width:100%;font-size:14px}
th{text-align:left;font-size:12px;text-transform:uppercase;letter-spacing:.07em;
  color:var(--text-2);padding:9px 11px;border-bottom:1px solid var(--line)}
td{padding:10px 11px;border-bottom:1px solid var(--line)}
td.num{text-align:right;color:var(--text-2)}

.builds{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:13px}
.build{border:1px solid var(--line);border-top:3px solid var(--gold);border-radius:5px;padding:15px}
.build h4{margin-bottom:7px}
.status{font-size:11px;text-transform:uppercase;letter-spacing:.08em;font-weight:700}
.status-running{color:var(--green)}
.status-stopped,.status-error{color:var(--red)}

.error{margin:0 22px 22px;padding:13px 16px;border-radius:5px;
  background:#FBEEEC;border:1px solid #EFC9C2;color:#7A2517;max-width:900px}
@media (prefers-color-scheme:dark){ .error{background:#2A1512;border-color:#4A241C;color:#E8A192} }