/* шрифт Onest лежит на нашем сервере (без Google Fonts — нет передачи IP посетителей за рубеж) */
@font-face{font-family:'Onest';font-style:normal;font-display:swap;font-weight:100 900;src:url(/s/fonts/onest-cyrillic.woff2) format('woff2');unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}
@font-face{font-family:'Onest';font-style:normal;font-display:swap;font-weight:100 900;src:url(/s/fonts/onest-latin-ext.woff2) format('woff2');unicode-range:U+0100-02AF,U+0304,U+0308,U+0329,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:'Onest';font-style:normal;font-display:swap;font-weight:100 900;src:url(/s/fonts/onest-latin.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
/* Радар продаж — общий стиль сайта и кабинета */
:root{
  color-scheme: light;
  --r-bg:#F6F5F1; --r-surface:#FFFFFF; --r-soft:#FAFAF7; --r-line:#E4E2DC; --r-line2:#D6D3CB; --r-row:#F1EFEA;
  --r-ink:#16181D; --r-ink2:#3E424B; --r-ink3:#4A4E57; --r-muted:#5A5E67; --r-muted2:#6B6F78;
  --r-accent:#0E7C66; --r-accent-ink:#0B6B58; --r-accent-soft:#E3F1EC; --r-accent-deep:#0B4F41;
  --r-dark:#16181D; --r-dark2:#20232A; --r-dark3:#2A2D35; --r-dark-ink:#F2F1ED; --r-dark-muted:#A9ACB3;
  --r-bad:#A1301B; --r-bad-soft:#FBEFEC; --r-warn:#8A5300; --r-warn-soft:#FCF3E3;
  --r-font:'Onest', system-ui, -apple-system, 'Segoe UI', Roboto, sans-serif;
  --r-footer:#EFEDE7; --r-tabs:#ECEAE4; --r-plan-bg:#F4F3EF; --r-hover:#F1F7F4; --r-line-soft:#ECEAE4;
  --r-accent-chip:#0B5C4B; --r-ok-ink:#0B4F41; --r-bad-ink:#7E2414;
  --r-safe-bg:#E3F1EC; --r-safe-ink:#0E2A23; --r-safe-ink2:#24453C;
  --r-on-dark:#F2F1ED; --r-on-dark2:#D9D8D3;
}
/* тёмная тема: включается переключателем (theme.js ставит data-theme на <html>) */
:root[data-theme="dark"]{
  color-scheme: dark;
  --r-bg:#121316; --r-surface:#1B1D22; --r-soft:#202329; --r-line:#2C2F36; --r-line2:#3B3F47; --r-row:#24272D;
  --r-ink:#EEEDE9; --r-ink2:#CFCFCB; --r-ink3:#B7B9BA; --r-muted:#9EA1A8; --r-muted2:#92959C;
  --r-accent:#0E7C66; --r-accent-ink:#5FD3A9; --r-accent-soft:#163A31; --r-accent-deep:#8BE3C3;
  --r-dark:#25282F; --r-dark2:#2C2F37; --r-dark3:#353943; --r-dark-ink:#F2F1ED; --r-dark-muted:#AEB1B8;
  --r-bad:#F28B7B; --r-bad-soft:#3B201C; --r-warn:#E9B866; --r-warn-soft:#3A2F18;
  --r-footer:#17181C; --r-tabs:#25282E; --r-plan-bg:#202329; --r-hover:#1F302B; --r-line-soft:#2C2F36;
  --r-accent-chip:#8BE3C3; --r-ok-ink:#BDEBDB; --r-bad-ink:#FFC9BF;
  --r-safe-bg:#15302A; --r-safe-ink:#E3F3EC; --r-safe-ink2:#BBD7CD;
}
html[data-theme="dark"] body{background:var(--r-bg)}
.r-page{margin:0;background:var(--r-bg);color:var(--r-ink);font:16px/1.5 var(--r-font);min-height:100vh}
.r-page *{box-sizing:border-box}
.r-page a{color:var(--r-accent-ink)} .r-page a:hover{color:var(--r-accent-deep)}
.r-wrap{max-width:1200px;margin:0 auto;padding:0 24px}

.r-logo{display:flex;align-items:center;gap:10px;text-decoration:none;color:var(--r-ink)!important}
.r-logo b{font-size:19px;font-weight:800;letter-spacing:-.02em}

.r-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:44px;padding:0 18px;border-radius:12px;
  font:600 15px/1 var(--r-font);text-decoration:none;cursor:pointer;border:1px solid var(--r-line2);background:var(--r-surface);color:var(--r-ink)!important}
.r-btn:hover{background:var(--r-soft)}
.r-btn.pri{background:var(--r-accent);border-color:var(--r-accent);color:#fff!important}
.r-btn.pri:hover{background:#0B6B58}
.r-btn.dark{background:var(--r-dark);border-color:var(--r-dark);color:#fff!important}
.r-btn.big{min-height:54px;padding:0 26px;border-radius:14px;font-size:17px}
.r-btn.wide{width:100%}
.r-btn.danger{color:var(--r-bad)!important}
.r-btn:disabled{opacity:.55;cursor:default}

.r-card{background:var(--r-surface);border:1px solid var(--r-line);border-radius:18px;padding:20px}
.r-chip{display:inline-block;padding:3px 10px;border-radius:999px;font-size:13px;font-weight:600;white-space:nowrap}
.r-chip.ok{background:var(--r-accent-soft);color:var(--r-accent-chip)}
.r-chip.bad{background:var(--r-bad-soft);color:var(--r-bad)}
.r-chip.warn{background:var(--r-warn-soft);color:var(--r-warn)}
.r-chip.none{background:var(--r-row);color:var(--r-ink3)}

.r-field{display:flex;flex-direction:column;gap:6px;font-size:14px;font-weight:600;color:var(--r-ink2)}
.r-field input,.r-field select{height:48px;border:1px solid var(--r-line2);border-radius:12px;padding:0 14px;font:400 16px var(--r-font);
  background:var(--r-surface);color:var(--r-ink);width:100%}
.r-field input:focus,.r-field select:focus,.r-btn:focus-visible{outline:2px solid rgba(14,124,102,.45);outline-offset:1px;border-color:var(--r-accent)}
.r-field small{font-weight:400;color:var(--r-muted)}
.r-err{background:var(--r-bad-soft);color:var(--r-bad-ink);border-radius:12px;padding:10px 14px;font-size:14px}
.r-ok{background:var(--r-accent-soft);color:var(--r-ok-ink);border-radius:12px;padding:10px 14px;font-size:14px}
.r-label{font-size:13px;font-weight:700;color:var(--r-muted2);text-transform:uppercase;letter-spacing:.05em}

/* кабинет: меню слева, содержимое справа; на телефоне меню сверху */
.r-app{display:flex;flex-wrap:wrap;align-items:stretch;min-height:100vh;background:var(--r-bg);font-family:var(--r-font);color:var(--r-ink)}
.r-side{flex:1 1 260px;max-width:100%;background:var(--r-surface);border-right:1px solid var(--r-line);padding:20px 16px;
  display:flex;flex-direction:column;gap:18px}
@media(min-width:900px){.r-side{flex:0 0 272px}}
.r-main{flex:999 1 560px;min-width:0;padding:28px clamp(16px,3vw,40px) 48px}
.r-main h1{font-size:30px;letter-spacing:-.03em;margin:0;font-weight:800;line-height:1.15}
.r-sw{position:relative}
.r-sw-btn{width:100%;display:flex;align-items:center;gap:10px;padding:10px;border:1px solid var(--r-line2);border-radius:14px;background:var(--r-soft);
  font:inherit;color:var(--r-ink);cursor:pointer;text-align:left;min-height:56px}
.r-ava{flex:none;width:34px;height:34px;border-radius:10px;color:#fff;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:13px}
.r-sw-menu{position:absolute;left:0;right:0;top:calc(100% + 6px);background:var(--r-surface);border:1px solid var(--r-line2);border-radius:14px;
  box-shadow:0 18px 40px -16px rgba(22,24,29,.35);padding:6px;z-index:30}
.r-sw-menu button{width:100%;display:flex;align-items:center;gap:10px;padding:9px 10px;border:0;border-radius:10px;background:transparent;
  font:inherit;color:var(--r-ink);cursor:pointer;text-align:left;min-height:48px}
.r-sw-menu button:hover,.r-sw-menu button.on{background:var(--r-hover)}
.r-sw-menu .r-ava{width:30px;height:30px;font-size:12px;border-radius:9px}
.r-sw-menu a{display:flex;align-items:center;gap:10px;padding:12px 10px;border-top:1px solid var(--r-line-soft);margin-top:4px;text-decoration:none;font-weight:600;font-size:14px}
.r-nav{display:flex;flex-direction:column;gap:2px}
.r-nav a{display:flex;align-items:center;gap:12px;padding:11px 12px;border-radius:12px;text-decoration:none;color:var(--r-ink2)!important;font-weight:500;font-size:15px}
.r-nav a:hover{background:var(--r-row)}
.r-nav a.on{color:var(--r-accent-deep)!important;background:var(--r-accent-soft);font-weight:700}
.r-nav svg{flex:none}
.r-dlg{border:1px solid var(--r-line);border-radius:18px;padding:24px;max-width:520px;width:calc(100% - 32px);
  font-family:var(--r-font);background:var(--r-surface);color:var(--r-ink)}
.r-dlg::backdrop{background:rgba(22,24,29,.45)}
.r-field textarea{border:1px solid var(--r-line2);border-radius:12px;padding:12px 14px;font:400 16px/1.45 var(--r-font);
  background:var(--r-surface);color:var(--r-ink);resize:vertical;min-height:120px}
.r-side-foot{margin-top:auto;border-top:1px solid var(--r-line-soft);padding-top:14px;display:flex;flex-direction:column;gap:2px}
.r-plan{margin:10px 4px 0;padding:12px;border-radius:12px;background:var(--r-plan-bg);font-size:13px;color:var(--r-ink3);line-height:1.45}
.r-plan.bad{background:var(--r-bad-soft);color:var(--r-bad-ink)}
.r-muted{color:var(--r-muted)}
.r-dim{color:var(--r-muted2)}

/* кнопка темы */
.r-theme{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-width:44px;min-height:44px;padding:0 12px;border-radius:12px;
  border:1px solid var(--r-line2);background:var(--r-surface);color:var(--r-ink2);cursor:pointer;font:500 15px var(--r-font)}
.r-theme:hover{background:var(--r-soft);color:var(--r-ink)}
.r-nav .r-theme{border:0;background:none;justify-content:flex-start;padding:11px 12px;gap:12px;width:100%;min-height:0;color:var(--r-ink2)}
.r-nav .r-theme:hover{background:var(--r-row)}
:root[data-theme="dark"] .r-field input,:root[data-theme="dark"] .r-field select{background:var(--r-soft)}
:root[data-theme="dark"] img.r-keep{filter:none}