/* Mobile header: single compact row, no overlapping controls. */

@media (max-width: 768px) {
    .admin-interface:not(.login):not(.popup) {
        --panel-header-height: 56px;
        --panel-header-logo-max-height: 26px;
        --panel-header-logo-offset-y: 0px;
        --panel-sidebar-toggle-offset-y: 0px;
    }

    .admin-interface:not(.login):not(.popup) #header {
        display: grid !important;
        grid-template-columns: minmax(0, auto) minmax(0, 1fr) !important;
        align-items: center !important;
        height: var(--panel-header-height) !important;
        min-height: var(--panel-header-height) !important;
        max-height: var(--panel-header-height) !important;
        overflow: visible !important;
        padding: 0 !important;
    }

    .admin-interface:not(.login):not(.popup) #header #user-tools {
        grid-column: 2;
        display: flex !important;
        flex-wrap: nowrap !important;
        align-items: center !important;
        justify-content: flex-end;
        align-self: center !important;
        gap: 4px;
        margin: 0 !important;
        padding: 0 8px 0 0 !important;
        max-width: 100%;
        white-space: nowrap;
    }

    .admin-interface:not(.login):not(.popup) #user-tools .welcome-text {
        display: none !important;
    }

    .admin-interface:not(.login):not(.popup) #user-tools br {
        display: none !important;
    }

    .admin-interface:not(.login):not(.popup) #user-tools #panel-notifications-mount {
        display: inline-flex;
        align-items: center;
    }

    .admin-interface:not(.login):not(.popup) .language-chooser {
        position: static !important;
        top: auto !important;
        right: auto !important;
        margin: 0 !important;
    }

    .admin-interface:not(.login):not(.popup) #user-tools .language-chooser {
        display: inline-flex !important;
        align-items: center;
        gap: 0;
        flex: 0 0 auto;
    }

    .admin-interface:not(.login):not(.popup) #user-tools .panel-lang-select__toggle {
        width: 36px;
        min-width: 36px;
        height: 36px;
        padding: 0;
        justify-content: center;
    }

    .admin-interface:not(.login):not(.popup) #user-tools .panel-lang-select__label,
    .admin-interface:not(.login):not(.popup) #user-tools .panel-lang-select__caret {
        display: none !important;
    }

    .admin-interface:not(.login):not(.popup) #user-tools .language-chooser .language-chooser-select-form {
        position: absolute;
        width: 0;
        height: 0;
        overflow: hidden;
        border: 0;
        margin: 0;
        padding: 0;
    }

    .admin-interface:not(.login):not(.popup) #user-tools .language-chooser .language-chooser-select-form::after {
        display: none;
    }

    .admin-interface:not(.login):not(.popup) #user-tools .language-chooser .language-flag-icon {
        position: relative;
        z-index: 0;
        margin: 0;
    }

    .admin-interface:not(.login):not(.popup) #user-tools .language-chooser.minimal select,
    .admin-interface:not(.login):not(.popup) #user-tools .language-chooser select {
        display: none !important;
    }

    .admin-interface:not(.login):not(.popup) #user-tools #logout-form {
        display: inline-flex;
        margin: 0;
        flex: 0 0 auto;
    }

    .admin-interface:not(.login):not(.popup) #user-tools #logout-form button {
        display: inline-flex;
        align-items: center;
        justify-content: center;
        width: 36px;
        height: 36px;
        min-width: 36px;
        margin: 0;
        padding: 0;
        gap: 0;
        border-radius: 8px;
    }

    .admin-interface:not(.login):not(.popup) #user-tools #logout-form button span {
        display: none !important;
    }

    .admin-interface:not(.login):not(.popup) #user-tools #logout-form button .logout-icon {
        width: 18px;
        height: 18px;
    }

    .admin-interface:not(.login):not(.popup) #user-tools .panel-notifications__trigger {
        width: 36px;
        height: 36px;
        border-radius: 8px;
    }

    .admin-interface:not(.login):not(.popup) #user-tools > a {
        display: none;
    }
}

@media (max-width: 768px) and (prefers-reduced-motion: reduce) {
    .admin-interface:not(.login):not(.popup) #header,
    .admin-interface:not(.login):not(.popup) #header #branding,
    .admin-interface:not(.login):not(.popup) #header #user-tools {
        transition: none !important;
    }
}