/* Axgix — общая база всех страниц: цвета (светлая и тёмная тема), шрифты, движение.
   Публичные страницы — pub.css, кабинет — app.css. Цвета только через переменные ниже:
   тёмная тема включается сама, когда у человека тёмный режим в системе. */
:root{
  --bg:#F6F1E8;--card:#FFFDF8;--ink:#2A1F17;--muted:#6B5B4E;--line:#E6DCCF;--soft:#EFE3D6;--sub:#F6F1E8;
  --brown:#7A4A2B;--on-brown:#FFFDF8;--brown2:#5E361D;--gold:#D9A878;--logo:#7A4A2B;
  --ok:#276B43;--okbg:#E3F1E8;--warn:#94520F;--warnbg:#F7E9D7;--err:#9B2C2C;--errbg:#F6E1E1;--nbg:#ECE4DA;--n:#5F5147;--hl:#FBF4EA;
  --deep:#2A1F17;--deep2:#3A2C22;--deep-line:#4E3D31;--on-deep:#F6F1E8;--deep-muted:#CDBFAF;
  --shadow:42,31,23;--head:rgba(255,253,248,.92);--pulse:46,125,79;--on-gold:#1B130E;--bar:#7A4A2B;--today:#D9A878;
  color-scheme:light;
}
@media (prefers-color-scheme:dark){
  :root{
    --bg:#17110D;--card:#211913;--ink:#F2E8DC;--muted:#B5A595;--line:#3A2E25;--soft:#3A2B20;--sub:#1C1510;
    --brown:#D9A878;--on-brown:#1B130E;--brown2:#E9C7A1;--gold:#D9A878;--logo:#D9A878;
    --ok:#7CCB9C;--okbg:#1C3226;--warn:#E8A960;--warnbg:#3A2A17;--err:#EE8A8A;--errbg:#3D1F1F;--nbg:#2C231C;--n:#CDBFAF;--hl:#2E2218;
    --deep:#0F0B08;--deep2:#241A13;--deep-line:#3A2E25;--on-deep:#F2E8DC;--deep-muted:#B5A595;
    --shadow:0,0,0;--head:rgba(23,17,13,.9);--pulse:124,203,156;--bar:#6E5038;
    color-scheme:dark;
  }
}
*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{margin:0;background:var(--bg);color:var(--ink);font-family:Manrope,system-ui,sans-serif;-webkit-font-smoothing:antialiased;line-height:1.45}
h1,h2,h3{font-weight:600;letter-spacing:-.01em}
img{max-width:100%}
a{color:var(--brown)}a:hover{color:var(--brown2)}
button{font:inherit}
input,select,textarea{font:inherit;color:inherit}
::placeholder{color:var(--muted);opacity:.75}
:focus-visible{outline:2px solid var(--brown);outline-offset:2px}
.num,.kpi b,.price,[data-done]{font-variant-numeric:tabular-nums}
.logo svg{stroke:var(--logo)}

/* живой индикатор: мягкая пульсация точки «рассылка идёт» */
.dot.pulse{animation:pulse 1.8s ease-out infinite}
@keyframes pulse{0%{box-shadow:0 0 0 0 rgba(var(--pulse),.55)}70%{box-shadow:0 0 0 7px rgba(var(--pulse),0)}100%{box-shadow:0 0 0 0 rgba(var(--pulse),0)}}
@keyframes fadein{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}

/* цветные аккаунты: свой оттенок у каждого (класс av0…av5 по номеру аккаунта) */
.av0{background:#F3D9C9 !important;color:#8A3B1E !important}
.av1{background:#DDE7CF !important;color:#4A6128 !important}
.av2{background:#D3E4E4 !important;color:#2D5E5E !important}
.av3{background:#E8D6E4 !important;color:#6B3560 !important}
.av4{background:#F2E3C2 !important;color:#7A5A12 !important}
.av5{background:#D9DCEB !important;color:#38406E !important}
@media (prefers-color-scheme:dark){
  .av0{background:#4A2A1C !important;color:#F3C4A6 !important}
  .av1{background:#2F3A22 !important;color:#C9DDB0 !important}
  .av2{background:#1F3636 !important;color:#B5DADA !important}
  .av3{background:#3D2338 !important;color:#E6C2DD !important}
  .av4{background:#43361A !important;color:#EBD49C !important}
  .av5{background:#262A44 !important;color:#C3C8EA !important}
}

/* новостной канал одной строкой (главная, вход, кабинет) */
.chstrip-wrap{position:relative}
.chstrip{display:flex;align-items:center;gap:12px;background:var(--card);border:1px solid var(--line);border-radius:16px;padding:10px 12px;text-decoration:none;color:var(--ink);box-shadow:0 1px 2px rgba(var(--shadow),.04);transition:border-color .2s,transform .2s,box-shadow .2s}
.chstrip:hover{border-color:var(--gold);color:var(--ink);transform:translateY(-1px);box-shadow:0 8px 20px rgba(var(--shadow),.08)}
.chstrip img{width:44px;height:44px;border-radius:50%;object-fit:cover;flex:none;background:var(--nbg)}
.chstrip .ct{min-width:0;flex:1;display:flex;flex-direction:column;gap:1px}
.chstrip .ce{font-size:12px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--brown)}
.chstrip .cn{font-weight:700;font-size:14px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.chstrip .cs{font-size:12px;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.chstrip .cgo{flex:none;background:var(--brown);color:var(--on-brown);border-radius:10px;padding:8px 12px;font-weight:600;font-size:13px}
.chstrip-wrap .chx{position:absolute;top:-8px;right:-8px;width:26px;height:26px;border-radius:50%;border:1px solid var(--line);background:var(--card);color:var(--muted);font-size:16px;line-height:1;cursor:pointer}
.chstrip-wrap.gone{display:none}

/* всплывающая плашка «Сохранено» */
.toast{position:fixed;left:50%;bottom:calc(92px + env(safe-area-inset-bottom));z-index:60;transform:translate(-50%,14px);opacity:0;pointer-events:none;
  display:flex;align-items:center;gap:10px;max-width:calc(100vw - 32px);background:var(--deep);color:var(--on-deep);border:1px solid var(--deep-line);
  border-radius:14px;padding:12px 16px;font-size:14px;font-weight:600;box-shadow:0 14px 34px rgba(var(--shadow),.28);transition:opacity .22s,transform .22s}
.toast.show{opacity:1;transform:translate(-50%,0)}
.toast .ti{width:22px;height:22px;border-radius:50%;background:var(--gold);color:var(--on-gold);display:grid;place-items:center;flex:none;font-size:13px}
@media (min-width:900px){.toast{bottom:28px}}
@media (prefers-reduced-motion:reduce){*,*::before,*::after{animation:none !important;transition:none !important}}