/* ────────────────────────────────────────────────────────────────────────── Единая шапка дашбордов — единый источник правды для всех дашбордов. Подключение в : Разметка (вставляется первой внутри ):
Все дашборды
⚖️
Заголовок дашборда
Отдел · Полное Право
Подсказки: - .dh-sep — вертикальный разделитель между логотипом и группами контролов. - .dh-spacer — растяжка (flex:1), отодвигает кнопку «Обновить» и т.п. вправо. ────────────────────────────────────────────────────────────────────────── */ .dh { position: sticky; top: 0; z-index: 50; background: #061e2e; box-shadow: 0 2px 16px rgba(0, 0, 0, .55); } /* Ширину/центрирование задаёт сам дашборд классами Tailwind на этом же элементе (напр. `dh-row max-w-screen-xl mx-auto`), чтобы шапка совпадала по краям с контентом конкретного дашборда. Без класса — шапка во всю ширину. */ .dh-row { padding: 11px 20px; display: flex; flex-wrap: wrap; align-items: center; gap: 8px 12px; } /* Кнопка возврата на главную */ .dh-back { display: flex; align-items: center; gap: 5px; flex-shrink: 0; color: #7a9eb0; text-decoration: none; font: 500 13px/1 'Inter', system-ui, sans-serif; transition: color .15s; } .dh-back:hover { color: #7be8bc; } .dh-back svg { width: 15px; height: 15px; flex-shrink: 0; } /* Иконка дашборда (эмодзи на брендовом градиенте) */ .dh-ico { width: 34px; height: 34px; border-radius: 9px; display: flex; align-items: center; justify-content: center; font-size: 18px; line-height: 1; flex-shrink: 0; background: linear-gradient(135deg, #1d6d68, #7be8bc); } /* Заголовок + подзаголовок */ .dh-tt { display: flex; flex-direction: column; min-width: 0; margin-right: 2px; } .dh-title { font: 600 14px/1.15 'Inter', system-ui, sans-serif; color: #f1f5f9; white-space: nowrap; } .dh-sub { font: 400 11px/1.3 'Inter', system-ui, sans-serif; color: #7a9eb0; white-space: nowrap; } /* Вертикальный разделитель и растяжка */ .dh-sep { width: 1px; align-self: stretch; min-height: 20px; background: #163048; margin: 0 2px; } .dh-spacer { flex: 1 1 auto; } @media (max-width: 640px) { .dh-row { padding: 10px 14px; } .dh-back-txt { display: none; } .dh-sub { display: none; } }