:root[data-skin="ro"] {
  color-scheme: light;
  --desk: #f3ead8; --desk2: #ebe0c9; --sky: #e3f4f8;
  --plat: #fffdf7; --plat-lt: #ffffff; --plat-dk: #8fa6ac; --plat-mid: #e3dac6; --edge: #1f3640;
  --ink: #1f3640; --muted: #566c75; --field: #ffffff; --sel: #d9552c; --sel-ink: #ffffff;
  --ok: #2f7f58; --warn: #9a6512; --bad: #c4452a; --link: #1d6f94; --wood: #c9e6ec;
  --ui: "Pixelify Sans", -apple-system, sans-serif;
  --body: -apple-system, BlinkMacSystemFont, "Helvetica Neue", sans-serif;
  --jp-shadow: 3px 3px 0 rgba(31, 54, 64, .16);
}
@media (prefers-color-scheme: dark) { :root[data-skin="ro"]:not([data-theme="light"]) {
  color-scheme: dark; --desk: #0f1c22; --desk2: #13232a; --sky: #0b1a24;
  --plat: #15262e; --plat-lt: #1d323b; --plat-dk: #060d10; --plat-mid: #24404b; --edge: #cfe3e8;
  --ink: #e9f2f1; --muted: #a3b8bd; --field: #0f1c22; --sel: #ff8a5c; --link: #8fd3e4; --bad: #ff9b85; --ok: #8fcf9e; --wood: #1f3d48;
  --jp-shadow: 3px 3px 0 rgba(0, 0, 0, .45); } }
:root[data-skin="ro"][data-theme="dark"] {
  color-scheme: dark; --desk: #0f1c22; --desk2: #13232a; --sky: #0b1a24;
  --plat: #15262e; --plat-lt: #1d323b; --plat-dk: #060d10; --plat-mid: #24404b; --edge: #cfe3e8;
  --ink: #e9f2f1; --muted: #a3b8bd; --field: #0f1c22; --sel: #ff8a5c; --link: #8fd3e4; --bad: #ff9b85; --ok: #8fcf9e; --wood: #1f3d48;
  --jp-shadow: 3px 3px 0 rgba(0, 0, 0, .45);
}


:root[data-skin="ro"] body { background: linear-gradient(180deg, var(--sky) 0, var(--desk) 320px) fixed, var(--desk); font: 13px/1.5 var(--body); }


:root[data-skin="ro"] .menubar { background: var(--plat); color: var(--ink); border-bottom: 2px solid var(--edge); font: 600 13px var(--ui); }
:root[data-skin="ro"] .menubar button.m { color: var(--ink); border-radius: 0; }
:root[data-skin="ro"] .menubar button.m[aria-current="true"], :root[data-skin="ro"] .menubar button.m:hover { background: none; color: var(--sel); box-shadow: inset 0 -3px 0 var(--sel); }


:root[data-skin="ro"] .win { background: var(--plat); border: 2px solid var(--edge); border-radius: 0; box-shadow: var(--jp-shadow); }
:root[data-skin="ro"] .win > .title { height: var(--title-h); margin: 0; padding: 0 8px; background: var(--wood); border-bottom: 2px solid var(--edge); }
:root[data-skin="ro"] .win > .title::before, :root[data-skin="ro"] .win > .title::after { display: none; }
:root[data-skin="ro"] .win > .title h2 { margin: 0; padding: 0; background: none; color: var(--ink); font: 600 14px var(--ui); line-height: var(--title-h); letter-spacing: .3px; max-width: 80%; }
:root[data-skin="ro"] .win > .title .box { width: 12px; height: 12px; border-radius: 0; background: var(--sel); border: 0; box-shadow: none; order: 2; margin-left: auto; }
:root[data-skin="ro"] .win > .title .count { position: static; order: 1; margin-left: auto; }
:root[data-skin="ro"] .win > .body { margin: 0; padding: 12px; background: var(--plat); border-top: 0; }
:root[data-skin="ro"] .win.inset > .body { background: var(--field); border: 0; box-shadow: none; }


:root[data-skin="ro"] .btn { border: 2px solid var(--edge); border-radius: 0; background: var(--plat); color: var(--ink); font: 600 12.5px var(--ui); box-shadow: 2px 2px 0 var(--edge); }
:root[data-skin="ro"] .btn:hover { background: var(--plat-lt); }
:root[data-skin="ro"] .btn:active { transform: translate(2px, 2px); box-shadow: none; background: var(--plat-mid); color: var(--ink); }
:root[data-skin="ro"] .btn.default { margin: 0; background: #c4452a; color: #fff; border-color: var(--edge); } 
:root[data-skin="ro"] .btn.ok { color: var(--ok); } :root[data-skin="ro"] .btn.no { color: var(--bad); }
:root[data-skin="ro"] .btn.default.ok, :root[data-skin="ro"] .btn.default.no { color: #fff; } 


:root[data-skin="ro"] .field, :root[data-skin="ro"] textarea.field { border: 2px solid var(--plat-dk); border-radius: 0; box-shadow: none; background: var(--field); font: 13px var(--body); }
:root[data-skin="ro"] .field:focus, :root[data-skin="ro"] textarea.field:focus { outline: 2px solid var(--sel); outline-offset: 0; border-color: var(--edge); }
:root[data-skin="ro"] .tag { border-radius: 0; padding: 0 6px; border-width: 1px; text-transform: none; font: 600 11px var(--ui); }
:root[data-skin="ro"] .lbl { color: var(--sel); font-family: var(--ui); letter-spacing: .04em; }
:root[data-skin="ro"] .badge { border-radius: 0; }
:root[data-skin="ro"] .dash .kpi, :root[data-skin="ro"] .dash .chart { border-radius: 0; border: 2px solid var(--plat-mid); }


:root[data-skin="ro"] .dock { background: var(--plat); border-top: 2px solid var(--edge); }
:root[data-skin="ro"] .dock button { color: var(--ink); font-family: var(--ui); } :root[data-skin="ro"] .dock button[aria-current="true"] { background: none; color: var(--sel); box-shadow: inset 0 3px 0 var(--sel); }


:root[data-skin="ro"] .board { background: rgba(15, 36, 46, .86); border: 2px solid #1f3640; border-radius: 0; box-shadow: 3px 3px 0 rgba(0, 0, 0, .35); }
:root[data-skin="ro"] .bd-head { border-bottom-color: rgba(255, 255, 255, .18); }
:root[data-skin="ro"] .bd-tab { background: #24404b; color: #e9f2f1; border: 1px solid #0b161b; border-radius: 0; text-shadow: none; font: 600 12px "Pixelify Sans", var(--ui); }
:root[data-skin="ro"] .bd-tab[aria-pressed="true"] { background: #e9f2f1; color: #1f3640; }
:root[data-skin="ro"] .bl { font: 14px/1.5 var(--body); text-shadow: none; }
:root[data-skin="ro"] .bl .who { font: 600 14px "Pixelify Sans", var(--ui); }
:root[data-skin="ro"] .bl.you, :root[data-skin="ro"] .bl.agent:not(.live) { color: #f3f8f7; }
:root[data-skin="ro"] .bl.ask, :root[data-skin="ro"] .bl.live { color: #ffd27a; }
:root[data-skin="ro"] .bl.sys, :root[data-skin="ro"] .bl.party { color: #a8d494; }
:root[data-skin="ro"] .bl.err { color: #ff8f80; }
:root[data-skin="ro"] .bl .t { color: #b9cfd4; }
:root[data-skin="ro"] .bd-sel .sub, :root[data-skin="ro"] .bl .scard .hint { color: #e3eeee; }
:root[data-skin="ro"] .bl .bd-review, :root[data-skin="ro"] .bl .bd-review * { text-shadow: none; } 
:root[data-skin="ro"] .bl .bd-review { font: 13px/1.45 var(--body); }
:root[data-skin="ro"] .bd-input textarea { background: #fffdf7; color: #1f3640; border: 2px solid #0b161b; border-radius: 0; text-shadow: none; }
:root[data-skin="ro"] .bd-input textarea::placeholder { color: #6d858c; }
:root[data-skin="ro"] .bd-btn, :root[data-skin="ro"] .bl .acts button, :root[data-skin="ro"] .bd-sel .btn { background: #e9f2f1; color: #1f3640; border: 1px solid #0b161b; border-radius: 0; text-shadow: none; box-shadow: none; }
:root[data-skin="ro"] .bd-btn.default, :root[data-skin="ro"] .bl .acts button.default, :root[data-skin="ro"] .bd-sel .btn.default { background: #c4452a; color: #fff; }
:root[data-skin="ro"] .toast { border-radius: 0; }


:root[data-skin="ro"] #w-crew .stage { background: linear-gradient(var(--sky), var(--desk)); }
:root[data-skin="ro"] .office .wallsign { color: var(--edge); background: var(--wood); border: 1px solid var(--edge); text-shadow: none; }
:root[data-skin="ro"] .office .wallsign .prompt, :root[data-skin="ro"] .office .wallsign .cursor { color: var(--sel); }
:root[data-skin="ro"] .office .doortag { color: var(--edge); background: var(--plat); border: 1px solid var(--edge); border-radius: 0; }
:root[data-skin="ro"] .wallscreen .ws-head b, :root[data-skin="ro"] .wallscreen .ws-fig.in b { color: #ffd27a; }
:root[data-skin="ro"] .wallscreen .ws-exp { border-color: #ffd27a; color: #ffd27a; }