/* Mobile Responsiveness - All base component overrides */

@media (max-width: 768px) {
    /* Core */
    .container {
        padding: 1rem 0.5rem 0 0.5rem;
    }

    /* Prevent text overflow on mobile */
    .card-transcription,
    .timeline-summary-text,
    .incident-preview {
        word-wrap: break-word;
        overflow-wrap: break-word;
    }

    /* Last Transmission Bar */
    .last-transmission-bar {
        padding: 0.5rem 0.75rem;
        font-size: 0.75rem;
        margin-bottom: 0.75rem;
    }

    .last-transmission-row {
        font-size: 0.75rem;
        padding: 0.3rem 0;
    }

    .last-tx-number {
        font-size: 0.85rem;
        padding: 0.15rem 0.35rem;
        min-width: 1.6rem;
    }

    /* Notification Settings Panel */
    .notification-settings {
        padding: 0.5rem 0.75rem;
        margin-bottom: 0.75rem;
    }

    .notification-status {
        gap: 0.5rem;
    }

    .notification-icon {
        font-size: 1.25rem;
    }

    .notification-text {
        font-size: 0.85rem;
    }

    .notification-btn {
        padding: 0.35rem 0.75rem;
        font-size: 0.8rem;
    }

    .notification-preferences {
        gap: 1rem;
        margin-top: 0.5rem;
        padding-top: 0.5rem;
    }

    .preference-option {
        font-size: 0.8rem;
    }

    /* Date Selector / Toolbar */
    .date-selector {
        gap: 0.5rem;
        padding: 0.75rem;
    }

    .toolbar-row {
        gap: 0.5rem;
    }

    .filter-row {
        padding-top: 0.5rem;
    }

    .date-picker-group {
        width: 100%;
        gap: 0.5rem;
        justify-content: flex-start;
    }

    .filter-group {
        margin-left: 0;
        flex-direction: column-reverse;
        align-items: flex-end;
        gap: 0.5rem;
    }

    .department-filters {
        flex: 1;
        gap: 0.35rem;
    }

    .dept-filter-btn {
        padding: 0.3rem 0.6rem;
        font-size: 0.8rem;
    }

    .clear-filter-btn {
        padding: 0.3rem 0.6rem;
        font-size: 0.8rem;
    }

    .date-picker-group label {
        font-size: 0.9rem;
    }

    #date-picker {
        flex: 1;
        min-width: 0;
    }

    .date-navigation {
        flex: 1;
        justify-content: flex-start;
    }

    .date-nav-btn, .today-btn {
        padding: 0.4rem 0.6rem;
        font-size: 0.9rem;
    }

    .priority-filter-label {
        font-size: 0.9rem;
    }

    /* Bulk Actions */
    #bulk-actions-dropdown {
        font-size: 0.9rem;
    }

    .bulk-apply-btn {
        font-size: 0.9rem;
        padding: 0.4rem 0.8rem;
    }

    /* Ensure smooth touch scrolling on mobile */
    body {
        -webkit-overflow-scrolling: touch;
    }

    /* Prevent text selection on buttons for better touch UX */
    button,
    .navbar-icon-btn,
    .play-btn,
    .delete-btn {
        -webkit-tap-highlight-color: rgba(0, 0, 0, 0.1);
        -webkit-touch-callout: none;
    }
}