/* Project Forecast — the signed-in shell. Everything in www/ is PUBLIC (ADR 0014): this file
   carries layout only. Tokens are the shell's own set from the holding page it replaced. */
:root{
  --teal:#1D9E75; --teal-dark:#0F6E56; --teal-darkest:#085041;
  --teal-tint:#E1F5EE; --teal-lightest:#F0FAF5;
  --blue-dark:#0C447C;
  --red:#A32D2D; --red-tint:#FCEBEB;
  --amber:#854F0B; --amber-tint:#FAEEDA;
  --text:#1a1a1a; --text-secondary:#444; --text-muted:#666;
  --border:#e5e5e5;
  --app-bg:#f5f5f5; --surface:#fff;
}
*{box-sizing:border-box}
body{
  margin:0; min-height:100vh; background:var(--app-bg); color:var(--text);
  font:15px/1.55 -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;
}
header{
  display:flex; align-items:center; gap:16px; padding:14px 24px;
  background:var(--surface); border-bottom:1px solid var(--border); border-top:3px solid var(--teal);
}
header h1{margin:0; font-size:17px; font-weight:600; color:var(--teal-darkest)}
header .org{font-size:11px; font-weight:500; text-transform:uppercase; letter-spacing:.9px; color:var(--text-muted)}
header .who{margin-left:auto; font-size:13px; color:var(--text-secondary); text-align:right}
main{max-width:1100px; margin:0 auto; padding:24px}
section{
  background:var(--surface); border:1px solid var(--border); border-radius:4px;
  padding:20px 24px; margin:0 0 20px;
}
h2{margin:0 0 12px; font-size:15px; font-weight:600; color:var(--teal-darkest)}
p{margin:0 0 12px; color:var(--text-secondary)}
.muted{color:var(--text-muted); font-size:13px}
button{
  font:inherit; font-size:13px; font-weight:600; padding:6px 14px; border-radius:3px; cursor:pointer;
  border:1px solid var(--teal-dark); background:var(--teal-dark); color:#fff;
}
button.secondary{background:var(--surface); color:var(--teal-dark)}
button:disabled{opacity:.5; cursor:default}
.actions{display:flex; gap:8px; flex-wrap:wrap; margin:12px 0 0}
.actions.right{justify-content:flex-end; margin-top:4px}
h2.spaced{margin-top:20px}
table{border-collapse:collapse; width:100%; font-size:13px}
th,td{text-align:left; padding:6px 10px; border-bottom:1px solid var(--border); vertical-align:top}
th{font-weight:600; color:var(--text-secondary); background:var(--teal-lightest)}
code{font:12px/1.4 ui-monospace,SFMono-Regular,Consolas,monospace}
.pill{display:inline-block; padding:2px 8px; border-radius:3px; font-size:11px; font-weight:600; letter-spacing:.4px}
.pill.ok{background:var(--teal-tint); color:var(--teal-dark)}
.pill.bad{background:var(--red-tint); color:var(--red)}
.pill.warn{background:var(--amber-tint); color:var(--amber)}
.status-line{margin:0 0 8px}
[hidden]{display:none !important}
@media (max-width:600px){ header{flex-wrap:wrap} header .who{margin-left:0; text-align:left} main{padding:16px} }