/* ═══════════════════════════════════════════════════════════
   RESPONSIVE — адаптив
   ═══════════════════════════════════════════════════════════ */

@media (max-width: 900px) {
    .header {
        padding: 10px 14px;
        gap: 10px;
        flex-wrap: wrap;
    }
    .header-center {
        order: 3;
        width: 100%;
        flex-basis: 100%;
        margin-top: 6px;
    }
    .counters {
        order: 4;
        width: 100%;
        flex-basis: 100%;
        margin-top: 4px;
    }
    .filters {
        padding: 10px 14px;
    }
    .main {
        padding: 14px;
    }
}

@media (max-width: 600px) {
    .header-logo span:last-child {
        display: none;
    }
    .status-text {
        display: none;
    }
    .counter {
        padding: 3px 8px;
        font-size: 11px;
    }
    .sub-header {
        padding: 10px 12px;
        gap: 8px;
    }
    .sub-email {
        font-size: 13px;
    }
    .sub-field {
        flex-direction: column;
        gap: 4px;
    }
    .sub-field-label {
        width: auto;
    }
    .action-btn {
        padding: 6px 11px;
        font-size: 12px;
    }
    .modal {
        max-height: 95vh;
        border-radius: 8px;
    }
    .modal-body {
        padding: 14px;
    }
    .toast-container {
        bottom: 12px;
        right: 12px;
        left: 12px;
    }
    .toast {
        min-width: 0;
    }
    .login-box {
        padding: 24px 20px;
    }
}