/* RUKYBIK — фирменные цвета (как на rukybik.ru): синий #232D53, золотой #D1B773.
   Тёмная тема — по умолчанию; светлая — html[data-theme="light"];
   «как в системе» — html[data-theme="auto"] + настройка устройства. */
:root{
  --brand:#232D53; --gold:#D1B773; --gold2:#C3A978;
  --top:#1b2344; --top-line:#2c3664; --top-text:#e9ecf5; --top-muted:#aab2cd; --top-on:#2c3767;

  --bg:#121831; --s1:#1a2142; --s2:#141a36; --s3:#232b52; --s4:#2b3460;
  --col:#161d3a; --card:#1f2749; --card-line:#2e3862;
  --line:#2a3358; --line2:#38436f; --line3:#4a5684;
  --text:#eef0f6; --text2:#cfd5e4; --muted:#a8afc8; --dim:#8b93b0;
  --acc:#D1B773; --acc-h:#dcc68c; --acc-ink:#1d2546;
  --link:#e2cc92; --link-h:#f2dfae;
  --ok:#3ecf8e; --okt:#4fd99b; --warn:#f5b544; --warnt:#f5c46a; --bad:#e5484d; --badt:#ff8a8d;
  --goal-bg:#26305a; --goal-t:#e2cc92; --kpi-bg:#2d2448; --kpi-t:#cbb0ff;
  --shadow:0 16px 40px rgba(0,0,0,.45);
  --chart-grid:#2a3358; --chart-tick:#a8afc8;
  /* имена из страниц «Аналитики ВК» */
  --accent:var(--acc); --acc2:var(--link); --green:#37c98a; --red:#ff6b7a;
  color-scheme:dark;
}
html[data-theme="light"]{
  --bg:#f3f4f8; --s1:#ffffff; --s2:#f7f8fb; --s3:#eef0f6; --s4:#e5e8f1;
  --col:#eceff5; --card:#ffffff; --card-line:#dde1ea;
  --line:#e2e5ed; --line2:#d2d7e3; --line3:#b9c0d2;
  --text:#1f2645; --text2:#3a4263; --muted:#626b8b; --dim:#858ca6;
  --acc:#232D53; --acc-h:#2f3b6b; --acc-ink:#ffffff;
  --link:#2f3d7a; --link-h:#1d2650;
  --ok:#21a46b; --okt:#16804f; --warn:#d99a1f; --warnt:#9a6400; --bad:#d63a40; --badt:#c0262c;
  --goal-bg:#eef0f8; --goal-t:#2f3d7a; --kpi-bg:#f3eefb; --kpi-t:#6a3fb5;
  --shadow:0 12px 32px rgba(31,38,69,.14);
  --chart-grid:#e2e5ed; --chart-tick:#626b8b;
  --green:#1f9a63; --red:#d63a40;
  color-scheme:light;
}
@media (prefers-color-scheme: light){
  html[data-theme="auto"]{
    --bg:#f3f4f8; --s1:#ffffff; --s2:#f7f8fb; --s3:#eef0f6; --s4:#e5e8f1;
    --col:#eceff5; --card:#ffffff; --card-line:#dde1ea;
    --line:#e2e5ed; --line2:#d2d7e3; --line3:#b9c0d2;
    --text:#1f2645; --text2:#3a4263; --muted:#626b8b; --dim:#858ca6;
    --acc:#232D53; --acc-h:#2f3b6b; --acc-ink:#ffffff;
    --link:#2f3d7a; --link-h:#1d2650;
    --ok:#21a46b; --okt:#16804f; --warn:#d99a1f; --warnt:#9a6400; --bad:#d63a40; --badt:#c0262c;
    --goal-bg:#eef0f8; --goal-t:#2f3d7a; --kpi-bg:#f3eefb; --kpi-t:#6a3fb5;
    --shadow:0 12px 32px rgba(31,38,69,.14);
    --chart-grid:#e2e5ed; --chart-tick:#626b8b;
    --green:#1f9a63; --red:#d63a40;
    color-scheme:light;
  }
}
body{font-family:'Ubuntu',system-ui,-apple-system,'Segoe UI',sans-serif}
h1,h2,h3,.brand,.kttl{font-family:'Manrope',system-ui,-apple-system,'Segoe UI',sans-serif}
.brand-logo{height:50px;width:auto;display:block;margin:-6px 0}
@media(max-width:700px){.brand-logo{height:44px}}
/* в светлой теме синие поля ввода даты не нужно инвертировать */
html[data-theme="light"] input[type=date]::-webkit-calendar-picker-indicator{filter:none!important}
@media (prefers-color-scheme: light){html[data-theme="auto"] input[type=date]::-webkit-calendar-picker-indicator{filter:none!important}}

/* шапка — фирменная синяя в обеих темах */
.top{background:var(--top)!important;border-bottom-color:var(--top-line)!important}
.top .nav a{color:var(--top-muted)}
.top .nav a:hover{color:#fff}
.top .nav a.on{background:var(--top-on);color:#fff}
.top .bell>summary,.top .umenu>summary{color:var(--top-text);border-color:var(--top-line)}
.top .umenu>summary .small{color:var(--top-text)}
.top .brand{display:flex;align-items:center}
.top .brand.back{color:var(--top-text)}
.av{background:var(--gold)!important;color:var(--brand)!important}

/* iPhone: Safari увеличивает страницу при нажатии на поле с текстом < 16px — на телефонах делаем 16px */
@media (max-width:900px){
  input:not([type=checkbox]):not([type=radio]),select,textarea{font-size:16px!important}
}