@media (max-width: 991.98px) {
    .page-header {
        flex-direction: column;
    }

    .page-header .btn {
        width: 100%;
    }

    .request-hero,
    .request-workspace,
    .booking-calendar-panel,
    .calendar-layout {
        grid-template-columns: 1fr;
    }

    .calendar-topbar {
        align-items: stretch;
        flex-direction: column;
    }

    .request-hero {
        flex-direction: column;
    }

    .request-actions,
    .request-actions .btn {
        width: 100%;
    }

    .request-editor {
        max-height: none;
    }

    .company-car-document {
        min-width: 794px;
    }

    .print-preview-panel {
        overflow-x: auto;
    }

    .calendar-booking-item {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 767.98px) {
    .filter-bar,
    .section-heading {
        align-items: stretch;
        flex-direction: column;
    }

    .filter-bar .form-select {
        max-width: none;
    }

    .content-panel {
        padding: 0.75rem;
    }

    .app-table {
        min-width: 760px;
    }

    .segmented-control {
        grid-template-columns: 1fr;
    }

    .booking-request-page .area-type-control {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .booking-request-page .passenger-count-row,
    .booking-request-page .date-time-grid {
        grid-template-columns: 1fr;
    }

    .form-submit-row,
    .calendar-filter-row {
        align-items: stretch;
        flex-direction: column;
    }

    .calendar-filter-row .form-select {
        max-width: none;
    }

    .auth-shell {
        padding: 1rem;
    }
}

@media (max-width: 575.98px) {
    .app-main {
        padding-left: 0.75rem;
        padding-right: 0.75rem;
    }

    .page-header h1 {
        font-size: 1.5rem;
    }

    .navbar-brand span:last-child {
        display: none;
    }

    .auth-panel {
        border-radius: 1rem;
    }
}