/* 08-utils.css — часть дизайн-системы портала (см. docs/design_system.md). * * ⚠ ПОРЯДОК ПОДКЛЮЧЕНИЯ ЗНАЧИМ. Файлы грузятся по номеру в имени, и поздние * правила перекрывают ранние. Список — в templates/base.html; менять * порядок или вставлять файл в середину нельзя, не проверив каскад. * * Утилиты. Идут последними, поэтому перекрывают компоненты. * * ⚠ Утилита оправдана, когда приём ПОВТОРЯЕТСЯ в разных шаблонах. Разовую * мелочь (ширина одной колонки, max-width одной страницы) оставляем инлайном — * §9 дизайн-системы это прямо разрешает. Плодить .w-80 / .mt-16 не нужно: * это тот же хардкод, просто переехавший из шаблона в CSS. */ /* Горизонтальная прокрутка широкой таблицы (отчёты, опоздания, звонки) */ .table-scroll { overflow-x: auto; } /* Итоговая строка таблицы: отбивка сверху + жирные цифры */ .row-total { border-top: 2px solid var(--line); font-weight: 800; } /* Узкая панель формы — карточки создания/правки в Кадрах */ .panel-narrow { max-width: 640px; } /* Числовые акценты в таблицах */ .txt-danger { color: var(--danger); } .txt-danger-b { color: var(--danger); font-weight: 600; } .nowrap { white-space: nowrap; } /* Размеры inline-SVG внутри текста. У SVG нет font-size, поэтому размер задаётся явно; vertical-align сажает иконку на базовую линию строки. */ .ico-xs { width: 12px; height: 12px; } .ico-sm { width: 15px; height: 15px; vertical-align: -2px; } .ico-md { width: 18px; height: 18px; vertical-align: -3px; } .ico-brand { color: var(--brand); } /* Селект-фильтр, который не должен растягиваться по самому длинному варианту (у