/*
 * Fleet-tablet app-bar menu (MwTabletMenu). Global, prefixed mw-tm-*.
 * Collapsed: a battery chip in the app bar. Expanded: a compact control panel (brightness,
 * auto-lock, screen-off). Sized for finger taps on a tablet, not a mouse.
 */

.mw-tm-chip {
    display: inline-flex;
    align-items: center;
    gap: 4px;
    padding: 4px 8px;
    border-radius: 999px;
    cursor: pointer;
    user-select: none;
    color: inherit;
}

.mw-tm-chip:hover {
    background: rgba(255, 255, 255, 0.12);
}

.mw-tm-chip-level {
    font-size: 0.85rem;
    font-weight: 600;
    font-variant-numeric: tabular-nums;
    min-width: 2.4em;
    text-align: left;
}

.mw-tm-panel {
    min-width: 288px;
    max-width: 340px;
    padding: 12px 16px;
}

.mw-tm-battery {
    display: flex;
    align-items: center;
    gap: 12px;
}

.mw-tm-battery-text {
    display: flex;
    flex-direction: column;
    line-height: 1.2;
}

.mw-tm-battery-level {
    display: flex;
    align-items: center;
    gap: 4px;
    font-size: 1.5rem;
    font-weight: 700;
    font-variant-numeric: tabular-nums;
}

.mw-tm-battery-estimate {
    font-size: 0.8rem;
    opacity: 0.7;
}

.mw-tm-section-label {
    display: flex;
    align-items: center;
    gap: 6px;
    font-size: 0.8rem;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.04em;
    opacity: 0.75;
    margin-bottom: 6px;
}

.mw-tm-brightness {
    display: flex;
    align-items: center;
    gap: 8px;
}

.mw-tm-brightness-slider {
    flex: 1 1 auto;
    margin: 0;
}

.mw-tm-options {
    display: flex;
    flex-wrap: wrap;
    gap: 6px;
}

.mw-tm-options .mud-button-root {
    min-width: 0;
    padding: 2px 10px;
}

.mw-tm-wifi {
    display: flex;
    flex-direction: column;
    gap: 4px;
}

.mw-tm-wifi-row {
    display: flex;
    align-items: center;
    gap: 8px;
    min-height: 28px;
}

.mw-tm-wifi-ssid {
    font-size: 0.95rem;
    font-weight: 600;
    overflow-wrap: anywhere;
}

/* The configured-but-not-connected network — visibly secondary. */
.mw-tm-wifi-configured {
    opacity: 0.6;
}

/* The password is meant to be read out / typed off the screen — monospace, generous spacing. */
.mw-tm-wifi-password {
    font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
    font-size: 0.95rem;
    letter-spacing: 0.06em;
    user-select: text;
    overflow-wrap: anywhere;
}