/**
 * StrikeSystem web UI – 80%-os kinézet 100%-os böngészőzoom mellett.
 * Egyedi calc() értékek (nem transform: scale).
 */
html.fi,
html.ptt-standalone {
    --mu: 0.8;
    font-size: calc(16px * var(--mu));
}

html.fi,
html.ptt-standalone,
.stream-admin-embed,
.ptt-admin-embed,
.map-admin-embed,
.timeline-filament-embed {
    --mu-2: calc(2px * var(--mu));
    --mu-3: calc(3px * var(--mu));
    --mu-4: calc(4px * var(--mu));
    --mu-5: calc(5px * var(--mu));
    --mu-6: calc(6px * var(--mu));
    --mu-7: calc(7px * var(--mu));
    --mu-8: calc(8px * var(--mu));
    --mu-10: calc(10px * var(--mu));
    --mu-12: calc(12px * var(--mu));
    --mu-16: calc(16px * var(--mu));
    --mu-24: calc(24px * var(--mu));
    --mu-28: calc(28px * var(--mu));
    --mu-32: calc(32px * var(--mu));
    --mu-48: calc(48px * var(--mu));
    --mu-64: calc(64px * var(--mu));

    --mu-toolbar-min-h: calc(56px * var(--mu));
    --mu-sidebar-w: calc(360px * var(--mu));
    --mu-sidebar-min-w: calc(280px * var(--mu));
    --mu-sidebar-clamp-min: calc(240px * var(--mu));
    --mu-sidebar-clamp-max: calc(360px * var(--mu));
    --mu-avatar: calc(36px * var(--mu));
    --mu-icon-btn: calc(36px * var(--mu));
    --mu-search-h: calc(30px * var(--mu));
    --mu-search-h-split: calc(28px * var(--mu));
    --mu-search-icon: calc(15px * var(--mu));
    --mu-conn-led: calc(10px * var(--mu));
    --mu-ch-icon: calc(22px * var(--mu));
    --mu-gps-pin: calc(28px * var(--mu));
    --mu-ptt-btn-h: calc(72px * var(--mu));
    --mu-split-header-h: calc(68px * var(--mu));
    --mu-tile-min-h: calc(220px * var(--mu));
    --mu-tile-media-min-h: calc(160px * var(--mu));
    --mu-tile-grid-min: calc(300px * var(--mu));
    --mu-map-min-h: calc(480px * var(--mu));
    --mu-leaflet-min-h: calc(360px * var(--mu));
    --mu-embed-max-w: calc(480px * var(--mu));
    --mu-chip-min-w: calc(44px * var(--mu));

    --mu-indent-region: calc(8px * var(--mu));
    --mu-indent-brigade: calc(28px * var(--mu));
    --mu-indent-channel: calc(48px * var(--mu));
    --mu-indent-member: calc(64px * var(--mu));

    --mu-radius-xs: calc(2px * var(--mu));
    --mu-radius-sm: calc(4px * var(--mu));
    --mu-radius-md: calc(5px * var(--mu));
    --mu-radius-lg: calc(6px * var(--mu));
    --mu-radius-xl: calc(8px * var(--mu));
    --mu-radius-chip: calc(12px * var(--mu));

    --mu-border-accent: calc(3px * var(--mu));
    --mu-focus-ring: calc(2px * var(--mu));
    --mu-inset-shadow-y: calc(1px * var(--mu));
    --mu-inset-shadow-blur: calc(2px * var(--mu));

    --mu-shadow-y-sm: calc(2px * var(--mu));
    --mu-shadow-y-md: calc(3px * var(--mu));
    --mu-shadow-y-lg: calc(4px * var(--mu));
    --mu-shadow-blur-sm: calc(4px * var(--mu));
    --mu-shadow-blur-md: calc(6px * var(--mu));
    --mu-shadow-blur-lg: calc(8px * var(--mu));
    --mu-shadow-blur-xl: calc(24px * var(--mu));
    --mu-glow-sm: calc(6px * var(--mu));
    --mu-glow-md: calc(8px * var(--mu));
    --mu-glow-lg: calc(10px * var(--mu));
    --mu-glow-xl: calc(16px * var(--mu));
    --mu-glow-2xl: calc(20px * var(--mu));
    --mu-glow-3xl: calc(28px * var(--mu));
}

/* Csatorna / felhasználó kereső: nincs kiemelő keret fókuszban (admin + PTT + térkép + stream) */
.channel-search-wrap:focus-within {
    border-color: var(--mumble-border);
    box-shadow: inset 0 var(--mu-inset-shadow-y) var(--mu-inset-shadow-blur) var(--mumble-shadow);
}

.channel-search:focus,
.channel-search:focus-visible {
    outline: none;
    box-shadow: none;
    --tw-ring-shadow: 0 0 #0000;
    --tw-ring-offset-shadow: 0 0 #0000;
}

/* Filament admin: a rem-alapú Tailwind (padding, szöveg, sidebar 20rem) a html.fi font-size miatt ~80%-ra csökken */