/* Воинсклад QA v2 */
@import url('https://fonts.googleapis.com/css2?family=Manrope:wght@400;500;600;700;800&family=JetBrains+Mono:wght@400;500;700&display=swap');

:root {
  --bg-canvas: #fafaf9;
  --bg-surface: #ffffff;
  --bg-surface-2: #f5f5f4;
  --bg-header: #0a0e1a;
  --border: #e7e5e4;
  --border-strong: #d6d3d1;
  --text-primary: #0c0a09;
  --text-secondary: #57534e;
  --text-tertiary: #a8a29e;
  --accent: #059669;
  --shadow-sm: 0 1px 2px 0 rgba(12, 10, 9, 0.04);
  --shadow-md: 0 2px 8px -2px rgba(12, 10, 9, 0.06), 0 1px 2px 0 rgba(12, 10, 9, 0.04);
}

body { font-family: 'Manrope', sans-serif; }
.font-mono, code, .font-mono * { font-family: 'JetBrains Mono', monospace; }

.htmx-indicator { display: none; }
.htmx-request .htmx-indicator { display: inline; }
[x-cloak] { display: none !important; }

/* Навигация сайдбара */
.nav-item { color: var(--text-tertiary); }
.nav-item:hover { background: #1a1f2e; color: white; }
.nav-active { background: #1a1f2e; color: white; border-left: 3px solid var(--accent); padding-left: calc(1rem - 3px); }

/* Скроллбар */
::-webkit-scrollbar { width: 5px; height: 5px; }
::-webkit-scrollbar-track { background: var(--bg-surface-2); }
::-webkit-scrollbar-thumb { background: var(--border-strong); border-radius: 3px; }

/* Анимации */
* { transition-duration: 120ms; }

audio { border-radius: 8px; }

/* line-clamp */
.line-clamp-2 { display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; }