/* SUN Planet Organic — общие токены планшета и админки (фирменный стиль: platform/brand/BRAND.md).
   Светлая тема — вариант A (оливковая шапка), тёмная — вариант C (тёмная олива). Шрифты локальные (системные), чтобы всё работало без интернета.
   Тема переключается через prefers-color-scheme или атрибут data-theme="light|dark" на <html>.
   --acc/--on-acc — заливка (кнопки, активные пункты); --plum/--plum-soft — акцентный ТЕКСТ и подсветка (имя историческое). */
:root{
  --bg:#f7f7f7; --surface:#ffffff; --ink:#454545; --muted:#666666; --line:#e3e3e0;
  --h:#343b29; --top:#343b29; --on-top:#ffffff; --side:#ffffff; --side-ink:#454545;
  --th-bg:#343b29; --th-ink:#ffffff;
  --acc:#8eac59; --on-acc:#1f2417;
  --plum:#4b6a1a; --plum-soft:#e4eed2; --on-plum:#ffffff;
  --ok:#2c6b2f; --ok-soft:#e4eed2; --ok-fill:#2a7a45;
  --warn:#7a5200; --warn-soft:#fdf0a8; --warn-fill:#fad814; --on-warn:#343b29;
  --bad:#b3261e; --bad-soft:#fbe5e3; --bad-fill:#b3261e;
  --sun:#fad814;
  --f-body:"Segoe UI",Roboto,"Noto Sans",system-ui,-apple-system,sans-serif;
  --f-num:"Roboto Mono","Segoe UI Mono",ui-monospace,Menlo,Consolas,monospace;
  color-scheme:light;
}
@media all{:root:not([data-theme="light"]){
  --bg:#262b1d; --surface:#343b29; --ink:#e9ecdf; --muted:#b9c0a8; --line:#4a5239;
  --h:#cfe3a4; --top:#343b29; --on-top:#ffffff; --side:#2d3323; --side-ink:#d7dccb;
  --th-bg:#4a5239; --th-ink:#ffffff;
  --acc:#8eac59; --on-acc:#1c2013;
  --plum:#b0cf78; --plum-soft:#3f4a2f; --on-plum:#1c2013;
  --ok:#c3e08c; --ok-soft:#4a5a31; --ok-fill:#2a7a45;
  --warn:#fad814; --warn-soft:#4d4515; --warn-fill:#fad814; --on-warn:#343b29;
  --bad:#f4958d; --bad-soft:#4a2320; --bad-fill:#b3261e;
  color-scheme:dark}}
:root[data-theme="dark"]{
  --bg:#262b1d; --surface:#343b29; --ink:#e9ecdf; --muted:#b9c0a8; --line:#4a5239;
  --h:#cfe3a4; --top:#343b29; --on-top:#ffffff; --side:#2d3323; --side-ink:#d7dccb;
  --th-bg:#4a5239; --th-ink:#ffffff;
  --acc:#8eac59; --on-acc:#1c2013;
  --plum:#b0cf78; --plum-soft:#3f4a2f; --on-plum:#1c2013;
  --ok:#c3e08c; --ok-soft:#4a5a31; --ok-fill:#2a7a45;
  --warn:#fad814; --warn-soft:#4d4515; --warn-fill:#fad814; --on-warn:#343b29;
  --bad:#f4958d; --bad-soft:#4a2320; --bad-fill:#b3261e;
  color-scheme:dark}
*{box-sizing:border-box}
html,body{margin:0}
body{background:var(--bg);color:var(--ink);font-family:var(--f-body);font-size:15px;line-height:1.45}
button{font-family:inherit}
.btn{min-height:48px;padding:10px 18px;border-radius:10px;border:1px solid var(--acc);background:var(--acc);color:var(--on-acc);font-weight:600;font-size:15px;cursor:pointer}
.btn.ghost{background:transparent;color:var(--plum);border-color:var(--plum)}
.btn.danger{background:var(--bad-fill);border-color:var(--bad-fill);color:#fff}
.btn.sm{min-height:36px;padding:4px 12px;font-size:13px}
.btn:disabled{opacity:.4;cursor:not-allowed}
button:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid var(--plum);outline-offset:2px}
.pill{display:inline-block;padding:2px 9px;border-radius:999px;font-size:12px;font-weight:600;white-space:nowrap}
.pill.ok{background:var(--ok-soft);color:var(--ok)}.pill.warn{background:var(--warn-fill);color:var(--on-warn)}.pill.bad{background:var(--bad-soft);color:var(--bad)}.pill.mute{background:var(--bg);color:var(--muted);border:1px solid var(--line)}
.toast{position:fixed;left:50%;bottom:calc(20px + env(safe-area-inset-bottom,0px));transform:translateX(-50%);background:var(--ink);color:var(--bg);padding:14px 20px;border-radius:12px;font-weight:600;z-index:50;max-width:calc(100% - 32px);text-align:center}
.toast.err{background:var(--bad-fill);color:#fff}
.logo{display:block;width:40px;height:40px;flex:none;border-radius:50%}
.logo.sm{width:36px;height:36px}