/* Адаптивность: планшет (сайдбар off-canvas) и мобильный (нижняя навигация) */

@media (max-width: 1024px) {
    .sidebar { transform: translateX(-105%); box-shadow: var(--shadow-lg); }
    .sidebar.open { transform: none; }
    .sidebar-backdrop.open { display: block; }
    .main { margin-left: 0; }
    .burger { display: inline-flex; }
    .content { padding: 1.25rem 1.25rem 3rem; }
}

@media (max-width: 640px) {
    .content { padding: 1rem 0.875rem 5.625rem; }
    .bottom-nav { display: flex; }
    /* при открытом мобильном сайдбаре нижнюю навигацию прячем */
    body.sidebar-open .bottom-nav { display: none; }

    /* Компактная шапка: бургер · заголовок · минимум действий */
    .header { padding: 0 0.75rem; gap: 0.5rem; }
    .header-title { font-size: 1rem; }
    .header-subtitle { display: none; }
    .header-actions { gap: 0.375rem; }
    .header-clock { display: none; }
    /* Кнопки-действия в шапке — компактнее */
    .header-actions .btn { padding: 0.45rem 0.7rem; font-size: 0.8125rem; }
    .header-actions .btn .icon { width: 1rem; height: 1rem; }
    .salary-chip { padding: 0.35rem 0.55rem; font-size: 0.8125rem; gap: 0.3rem; }
    .burger { padding: 0.4rem; margin-left: -0.25rem; }

    .stat-grid { grid-template-columns: repeat(2, 1fr); gap: 0.625rem; }
    .stat-card { padding: 0.875rem; gap: 0.625rem; }
    .stat-value { font-size: 1.125rem; }

    .modal-backdrop { padding: 0; align-items: flex-end; }
    .modal { max-width: none; border-radius: var(--radius) var(--radius) 0 0; max-height: 92vh; overflow-y: auto; }
    .modal-backdrop.open .modal { transform: none; }

    .slideover { width: 100vw; }

    .card-body, .card-header { padding: 0.875rem 1rem; }
    .table th, .table td { padding: 0.625rem 0.625rem; }

    .toast-stack { left: 0.75rem; right: 0.75rem; top: calc(var(--header-h) + 0.5rem); width: auto; }

    /* Мессенджер и перенос — в одну колонку уже заданы; таблицы прокручиваются */
    .grid-2 { gap: 0.875rem; }
}

/* Совсем узкие экраны — прячем подпись у зарплаты, оставляем сумму */
@media (max-width: 22rem) {
    .header-actions .btn { padding: 0.4rem 0.55rem; font-size: 0.75rem; }
}

/* Большие экраны: контент по центру */
@media (min-width: 1700px) {
    .content { margin: 0 auto; }
}

/* Печать (печатные формы отчётов) */
@media print {
    .sidebar, .header, .bottom-nav, .toast-stack, .no-print { display: none !important; }
    .main { margin: 0; }
    .content { padding: 0; max-width: none; }
    body { background: #fff; }
    .card { box-shadow: none; border: 0.0625rem solid #ddd; }
}