/* Шрифты размещены на этом же сервере — без обращений к иностранным CDN (152-ФЗ) */
@font-face {
  font-family: 'Onest';
  font-style: normal;
  font-display: swap;
  font-weight: 100 900;
  src: url('./assets/fonts/onest-cyrillic-wght-normal.woff2') format('woff2-variations');
  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('./assets/fonts/onest-latin-wght-normal.woff2') format('woff2-variations');
  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+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: 'JetBrains Mono';
  font-style: normal;
  font-display: swap;
  font-weight: 500;
  src: url('./assets/fonts/jetbrains-mono-cyrillic-500-normal.woff2') format('woff2');
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
@font-face {
  font-family: 'JetBrains Mono';
  font-style: normal;
  font-display: swap;
  font-weight: 500;
  src: url('./assets/fonts/jetbrains-mono-latin-500-normal.woff2') format('woff2');
  unicode-range: U+0000-00FF, U+2000-206F, U+2212;
}

:root {
  --text-xs: clamp(0.75rem, 0.7rem + 0.25vw, 0.875rem);
  --text-sm: clamp(0.875rem, 0.8rem + 0.35vw, 1rem);
  --text-base: clamp(1rem, 0.95rem + 0.25vw, 1.125rem);
  --text-lg: clamp(1.125rem, 1rem + 0.75vw, 1.5rem);
  --text-xl: clamp(1.5rem, 1.2rem + 1.25vw, 2.25rem);
  --text-2xl: clamp(2rem, 1.2rem + 2.5vw, 3.5rem);
  --text-3xl: clamp(2.25rem, 1rem + 3.6vw, 4.25rem);

  --space-1: 0.25rem; --space-2: 0.5rem; --space-3: 0.75rem; --space-4: 1rem;
  --space-5: 1.25rem; --space-6: 1.5rem; --space-8: 2rem; --space-10: 2.5rem;
  --space-12: 3rem; --space-16: 4rem; --space-20: 5rem; --space-24: 6rem; --space-32: 8rem;

  --color-bg: #f2f2ef;
  --color-surface: #fafaf8;
  --color-surface-2: #e9e9e4;
  --color-border: #d6d7d1;
  --color-divider: #e0e0db;
  --color-text: #16181b;
  --color-text-muted: #575c63;
  --color-text-faint: #8d9198;
  --color-text-inverse: #f3f4f1;
  --color-primary: #17714a;
  --color-primary-hover: #105a3a;
  --color-primary-highlight: #d5e7dc;

  --color-ink: #14171a;
  --color-ink-2: #1d2125;
  --color-ink-border: #2f353b;
  --color-ink-text: #e7e9e5;
  --color-ink-muted: #a2a8ae;
  --color-signal: #6fd39b;

  --radius-sm: 0.375rem;
  --radius-md: 0.5rem;
  --radius-lg: 0.75rem;
  --transition-interactive: 180ms cubic-bezier(0.16, 1, 0.3, 1);

  --font-body: 'Onest', 'Segoe UI', system-ui, sans-serif;
  --font-mono: 'JetBrains Mono', ui-monospace, 'Consolas', monospace;

  --content: 1200px;
  --gutter: clamp(var(--space-4), 4vw, var(--space-10));
}


:root{font-family:var(--font-body);color:var(--color-text);background:var(--color-bg)}
html{-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}
body{background:var(--color-bg);color:var(--color-text)}
button,input,select,textarea{font-family:var(--font-body)}
aside{background:var(--color-surface);border-color:var(--color-border)}
.brand{font-size:19px;font-weight:700;letter-spacing:-.6px;gap:10px;white-space:nowrap}
.logo{width:32px;height:32px;border-radius:6px;background:var(--color-ink);color:var(--color-signal)}
.logo svg{width:19px;height:19px}.brand .crm{font-family:var(--font-mono);color:var(--color-primary);font-size:11px;letter-spacing:0;margin:5px 0 0 0}
.workspace{background:var(--color-bg);border-color:var(--color-border)}
.workspace small,small,.sidebottom,p,.header-right{color:var(--color-text-muted)}
.avatar{background:var(--color-surface-2);color:var(--color-primary)}
nav button{color:var(--color-text-muted);border-radius:6px}nav button.active{background:var(--color-primary-highlight);color:var(--color-primary)}
nav em{background:#c5dece;color:var(--color-primary)}
header{background:var(--color-bg);border-color:var(--color-border);color:var(--color-text-muted)}
header strong{color:var(--color-text)}
h1{font-size:34px;font-weight:650;letter-spacing:-1px;line-height:1.1;margin:13px 0}
.eyebrow,.navlabel,.metriclabel,th,footer,#formkind{font-family:var(--font-mono);font-weight:500}
.eyebrow{letter-spacing:.6px;color:var(--color-text-muted);font-size:10px}.eyebrow::before{content:'';display:inline-block;width:6px;height:6px;background:var(--color-primary);border-radius:50%;margin-right:9px;box-shadow:0 0 0 4px #17714a12}
button{border-color:var(--color-border);border-radius:8px;background:var(--color-surface);color:var(--color-text)}
button:hover{background:var(--color-surface-2)}button.primary{background:var(--color-primary);border-color:var(--color-primary);box-shadow:none}button.primary:hover{background:var(--color-primary-hover)}
.metric,.panel,.deal{background:var(--color-surface);border-color:var(--color-border);border-radius:8px;box-shadow:none}
.metriclabel{color:var(--color-text-muted);font-size:10px}.metric strong{font-weight:650;color:var(--color-text);font-variant-numeric:tabular-nums}.metric small b{color:var(--color-primary)}
.panelhead,.task,.profile,td,.deal small{border-color:var(--color-divider)}
.panelhead h2{font-weight:650;color:var(--color-text)}.panelhead button{color:var(--color-primary)}
.progressline strong{font-weight:600}.track{background:var(--color-surface-2)}
th{background:var(--color-bg);color:var(--color-text-muted);font-size:9px;letter-spacing:.3px}td{color:var(--color-text-muted)}td strong{color:var(--color-text);font-weight:550}tbody tr:hover{background:#e9e9e440}
.badge.green{background:var(--color-primary-highlight);color:var(--color-primary)}
.task strong{color:var(--color-text)}.tendernote,.notice{background:#e7ede5;border-color:#d5dece;color:#52694d}
.column{background:var(--color-surface-2);border-radius:8px}.colhead{font-weight:600}.deal:hover{border-color:var(--color-primary)}
.toolbar input,.toolbar select,label input,label select,label textarea,dialog{background:var(--color-surface);border-color:var(--color-border);color:var(--color-text)}
footer{border-top:1px solid var(--color-border);color:var(--color-text-muted);letter-spacing:.3px}footer span{font-family:var(--font-body)}
#toast{background:var(--color-ink);color:var(--color-signal)}
::selection{background:var(--color-primary-highlight);color:var(--color-text)}
@media(max-width:650px){.brand{font-size:20px}h1{font-size:27px}.eyebrow{font-size:8px}}