/* Базовые стили приложения по стайлгайду «Методики» (diag/methodika-styleguide.html). Файл попадает в PDF-отчёты через WeasyPrint, поэтому цвета — hex-эквиваленты токенов стайлгайда (oklch/color-mix не используем). Источник истины — app.css: правила, которые он полностью переопределяет, отсюда удалены (размеры h1/h2/h3, .q/.scale-*, .meter, .progress/#bar, .team-header, .status.gray/.status.bad, .check; отчёты — .report-* / .pr-* / .level-* / .factor-* / .ok-note). Здесь остаётся только то, чего в app.css нет. */ * { box-sizing: border-box; } body { margin: 0; font-family: "Inter", -apple-system, "Segoe UI", Roboto, sans-serif; background: #F0F0F3; color: #131721; line-height: 1.55; } .wrap { max-width: 960px; margin: 0 auto; padding: 20px; } .wrap.narrow { max-width: 640px; } .center { text-align: center; } .topbar { background: #F0F0F3; border-bottom: 1px solid #DDE0E4; position: sticky; top: 0; z-index: 100; } .topbar-inner { width: 100%; max-width: 1200px; margin: 0 auto; padding: 0 12px; min-height: 64px; display: flex; align-items: center; gap: 24px; flex-wrap: wrap; } /* На узких экранах nav (6 пунктов у залогиненного) не помещается в одну строку рядом с логотипом — переносим на вторую строку без обрезки вместо clipped-переноса внутри фиксированной высоты (CJM-аудит). */ @media (max-width: 760px) { .topbar-inner { padding-top: 10px; padding-bottom: 10px; } } /* margin-right:auto НЕ ставить: единственный auto-margin в этой строке — .nav-auth{margin-left:auto} (правило компоновки верхней полосы, см. комментарий в _nav.html). Второй auto-margin здесь делил бы свободное место между собой и .nav-auth пополам и утаскивал nav-global к центру страницы (баг, поймали на проде — «Тарифы» уезжали в середину). */ .brand { display: inline-flex; align-items: center; color: #131721; text-decoration: none; } .brand svg { height: 28px; width: auto; } .context-bar { background: #FAFBFC; border-bottom: 1px solid #DDE0E4; } .context-bar-inner { max-width: 1200px; margin: 0 auto; padding: 0 12px; display: flex; gap: 28px; } @media (min-width: 640px) { .topbar-inner, .context-bar-inner { padding: 0 16px; } } @media (min-width: 1024px) { .topbar-inner, .context-bar-inner { padding: 0 24px; } } .context-tab { display: inline-flex; align-items: center; min-height: 44px; padding: 0 2px; margin-bottom: -1px; color: #5B5F68; text-decoration: none; font-size: 15px; font-weight: 600; border-bottom: 2px solid transparent; } .context-tab.active { color: #2F6FEB; border-bottom-color: #2F6FEB; } .context-tab:hover { color: #131721; } /* .admin-nav — только скрытая /admin-ветка (base.html, {% if admin_nav %}), класс, а не голый тег nav: раньше это было ".topbar nav" — тег-селектор, который случайно матчил и