/* Disks area (/disks/, /disks/moves/, /disks/audit/…, /disks/computers/): one token set, header, tabs and chips.
   Roman 10.11.2026: «делай в новом стиле, иначе выбивается всё». Tokens = home page "Channels" (scripts/site/home_b.py), light by default,
   dark by the toggle (localStorage rya_home_theme, see disks.js). The old dark variable names (--bg-card, --text, --red …) are aliases of the
   same tokens, so page rules written for the old palette get the new look without edits. Page-specific rules stay in each page. */
:root{
  color-scheme:light;
  --pg:#F3F2EE; --surface:#FFFFFF; --surface-2:#FAF9F6; --sunk:#EFEEE9; --sunk-2:#E4E2DB;
  --line:#E4E2DB; --line-2:#EEEDE7; --line-strong:#CFCCC1;
  --ink:#141519; --ink-2:#3C3E45; --mute:#5C5E66; --faint:#8E9096;
  --lime:#DDF46A; --lime-ink:#1d2400; --lime-edge:#B9CF3B; --on-solid:#FFFFFF;
  --good:#0F6B38; --good-bg:#E1F2E7; --good-line:#9FD2B2;
  --bad:#B42318; --bad-bg:#FCE8E6; --bad-line:#EBA9A2;
  --warn:#8A5000; --warn-bg:#FFF0D2; --warn-line:#E8C57A;
  --info:#1F5FB0; --info-bg:#E4EEFA; --info-line:#A9C5EA; --violet:#5B3FB5; --violet-bg:#EEE9FA;
  --hover:rgba(127,127,127,.09); --scrim:rgba(20,20,10,.45);
  --pradius:16px; --radius:14px; --pshadow:0 1px 1px rgba(20,20,10,.03),0 1px 3px rgba(20,20,10,.06);
  --display:'Space Grotesk','Inter',system-ui,sans-serif;
  --mono:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;
  /* disk colours: same as the plan feed (storage_plan.json) */
  --d-t9:#2A78D6; --d-t9b:#5B5FD6; --d-t9new:#0E9F8E; --d-t7blue:#3AA7E0; --d-t7blue2:#1D8FB0; --d-t7beige:#C49A52; --d-t7black:#59616E;
  --d-int:#6B7280; --d-srv:#E0883A; --d-cloud:#1BAF7A; --d-rules:#7E8F2C; --used:#6B7280;
  /* legacy names */
  --bg:var(--pg); --bg-2:var(--surface-2); --bg-3:var(--sunk); --bg-card:var(--surface); --bg-elev:var(--sunk);
  --border:var(--line-strong); --border-soft:var(--line);
  --text:var(--ink); --text-dim:var(--ink-2); --text-mute:var(--mute);
  --accent:var(--lime); --accent-ink:var(--lime-ink);
  --red:var(--bad); --amber:var(--warn); --green:var(--good); --blue:var(--info);
}
:root[data-theme="dark"]{
  color-scheme:dark;
  --pg:#0D0F13; --surface:#16191F; --surface-2:#1B1F26; --sunk:#111419; --sunk-2:#262B34;
  --line:#2A2F39; --line-2:#1F232B; --line-strong:#3B4150;
  --ink:#EEF0F4; --ink-2:#C6CAD3; --mute:#A1A7B2; --faint:#6A707C;
  --lime-edge:#7E8F2C; --on-solid:#1B0A0B;
  --good:#5BE08C; --good-bg:rgba(74,222,128,.13); --good-line:rgba(74,222,128,.4);
  --bad:#FF8A80; --bad-bg:rgba(255,138,128,.13); --bad-line:rgba(255,138,128,.45);
  --warn:#FCD34D; --warn-bg:rgba(252,211,77,.13); --warn-line:rgba(252,211,77,.4);
  --info:#8DB8F0; --info-bg:rgba(141,184,240,.14); --info-line:rgba(141,184,240,.45); --violet:#C4B5FD; --violet-bg:rgba(196,181,253,.14);
  --scrim:rgba(0,0,0,.6); --pshadow:0 1px 2px rgba(0,0,0,.35);
}
*{box-sizing:border-box}
html,body{background:var(--pg);color:var(--ink)}
html{scroll-behavior:smooth}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
:focus-visible{outline:2px solid var(--info);outline-offset:2px}
/* header: title, subtitle, feed time, theme, big area tabs */
.dh-top{display:flex;align-items:flex-start;gap:12px 16px;flex-wrap:wrap}
.dh-h{margin-right:auto;min-width:0}
.dh-h h1{font:700 34px/1.1 var(--display);letter-spacing:-.03em;margin:0}
.dh-h p{margin:6px 0 0;font-size:16px;line-height:1.5;color:var(--ink-2);max-width:68ch}
.dh-h p a{color:var(--info);text-decoration:underline;text-underline-offset:3px}
.dh-r{display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.dh-bar{display:flex;align-items:center;justify-content:space-between;gap:12px 16px;flex-wrap:wrap;margin:0 0 20px}
.dh-top{margin:0 0 20px}
.dh-live{display:inline-flex;align-items:center;gap:8px;min-height:36px;padding:0 14px;border:1px solid var(--line-strong);border-radius:999px;font-size:13px;color:var(--ink-2);background:var(--surface);white-space:nowrap}
.dh-live i{width:8px;height:8px;border-radius:50%;background:var(--faint)}
.dh-live.on i{background:#16a34a;box-shadow:0 0 0 3px rgba(22,163,74,.18)}
.dh-live.old i{background:#d97706;box-shadow:0 0 0 3px rgba(217,119,6,.18)}
.dh-theme{width:36px;height:36px;border-radius:50%;border:1px solid var(--line-strong);background:var(--surface);color:var(--ink);cursor:pointer;display:grid;place-items:center;padding:0}
.dh-theme svg{width:16px;height:16px}
.dh-areas{display:flex;gap:6px;margin:0;padding:5px;border-radius:14px;background:var(--sunk);border:1px solid var(--line);width:max-content;max-width:100%;overflow-x:auto}
.dh-areas a{display:inline-flex;align-items:center;min-height:44px;padding:0 24px;border-radius:10px;font-size:16px;font-weight:600;color:var(--ink-2);white-space:nowrap;text-decoration:none}
.dh-areas a:hover{color:var(--ink);background:var(--surface-2)}
.dh-areas a.on{background:var(--surface);color:var(--ink);box-shadow:0 1px 3px rgba(0,0,0,.14),0 0 0 1px var(--line-strong)}
@media (max-width:700px){
  .dh-h h1{font-size:30px}
  .dh-areas{width:100%}
  .dh-areas a{flex:1;justify-content:center;padding:0 10px;font-size:15px}
}
/* chips: disk, owner, state */
.pp{display:inline-flex;align-items:center;gap:6px;min-height:26px;padding:0 9px 0 7px;border-radius:7px;font-size:13px;font-weight:600;background:var(--surface);border:1px solid var(--line-strong);color:var(--ink);white-space:nowrap}
.pp i{width:9px;height:9px;border-radius:3px;background:var(--dc);flex:none}
.pp.mr{background:var(--sunk);border-color:transparent;color:var(--ink-2);padding:0 9px}
.pp.rm{background:var(--bad-bg);border-color:transparent;color:var(--bad)}
.pp.rm i{background:var(--bad);width:9px;height:2px;border-radius:1px}
.pp.dr{background:var(--good-bg);border-color:transparent;color:var(--good)}
.pp.dr i{background:var(--good)}
.oc,.sc2{display:inline-flex;align-items:center;min-height:26px;padding:0 10px;border-radius:7px;font-size:13px;font-weight:700;white-space:nowrap;background:var(--sunk);color:var(--ink-2)}
.oc.you{background:var(--lime);color:var(--lime-ink)}
.oc.auto{background:var(--good-bg);color:var(--good)}
.oc.claude{background:var(--info-bg);color:var(--info)}
.sc2.wait{background:var(--warn-bg);color:var(--warn)}
.sc2.run{background:var(--info-bg);color:var(--info)}
.sc2.auto,.sc2.done{background:var(--good-bg);color:var(--good)}
.sc2.plan,.sc2.later{background:var(--sunk);color:var(--mute)}
/* rights block, two columns RU | EN */
footer.rights{max-width:1200px;margin:30px auto 0;padding:30px 24px 56px;border-top:1px solid var(--line-strong);display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:16px 32px;font:12.5px/1.55 Inter,system-ui,sans-serif;color:var(--ink-2)}
footer.rights h2{grid-column:1/-1;margin:0;font:600 12px/1.4 ui-monospace,'SF Mono',Menlo,monospace;letter-spacing:.08em;text-transform:uppercase;color:var(--ink)}
footer.rights h3{margin:0 0 6px;font-size:13px;font-weight:700;color:var(--ink)}
footer.rights ol{margin:0;padding-left:18px;display:flex;flex-direction:column;gap:4px}
footer.rights b,footer.rights a{color:var(--ink)}
footer.rights .meta{grid-column:1/-1;margin:0;font:12px/1.5 ui-monospace,'SF Mono',Menlo,monospace}
@media (max-width:760px){footer.rights{grid-template-columns:minmax(0,1fr);padding-left:16px;padding-right:16px}}
.dh-live.dotb i{display:none}