.map-mode-selector { min-width:0; color:var(--text); }
.map-mode-row { display:flex; align-items:flex-start; gap:8px; overflow-x:auto; overscroll-behavior-x:contain; padding:2px 1px; scrollbar-width:thin; }
.map-mode-column { flex:1 0 130px; min-width:0; }
.map-mode-column .match-context-button { display:flex; width:100%; min-width:0; height:32px; padding:0 12px; overflow:hidden; flex-direction:column; gap:1px; }
.map-mode-column .match-context-button[aria-pressed="true"] { border-color:#f5bc18; color:#f5bc18; }
.map-mode-event { margin-top:4px; }
.map-mode-event:disabled { opacity:.55; cursor:not-allowed; }
.map-mode-condition { margin-top:8px; color:var(--muted); font:11px/1.5 var(--ui-font); text-align:center; }
.map-mode-column button:focus-visible { outline:2px solid #f5bc18; outline-offset:2px; }
.map-mode-countdown { display:block; font-variant-numeric:tabular-nums; font:11px/1.5 var(--ui-font); text-align:center; color:inherit; margin-top:0; }
.map-mode-next { white-space:pre-line; color:var(--muted); text-align:center; font:11px/1.5 var(--ui-font); margin-top:3px; overflow-wrap:anywhere; }
.map-mode-footer { display:flex; align-items:center; justify-content:space-between; gap:10px; min-height:24px; font-size:11px; }
.map-mode-footer button { flex-shrink:0; border:0; padding:3px 6px; color:var(--muted); background:none; font:inherit; cursor:pointer; }
.map-mode-footer button:disabled { cursor:wait; opacity:.6; }
.map-mode-selector.is-invalid .map-mode-footer span { color:#ed975b; }

.map-picker-dialog { position:fixed; z-index:10000; box-sizing:border-box; width:min(900px,calc(100vw - 16px)); max-height:calc(100dvh - 16px); inset:auto; margin:0; padding:6px 10px; overflow:auto; color:var(--text); background:var(--map-picker-background,#20252d); border:1px solid var(--glass-control-border,#58616e); border-radius:16px; box-shadow:0 18px 70px #0008; }
:root[data-theme="light"] .map-picker-dialog { --map-picker-background:#f4f5f7; }
.map-picker-heading { display:flex; align-items:center; justify-content:space-between; margin-bottom:2px; gap:8px; }
.map-picker-heading strong { font-size:12px; margin-right:auto; }
.map-picker-heading button { background:none; color:inherit; border:0; padding:0 6px; font-size:18px; line-height:20px; cursor:pointer; }
.group-match-context .map-picker-trigger { width:116px; min-width:116px; max-width:116px; }
.map-picker-trigger strong { min-width:0; overflow:hidden; text-overflow:ellipsis; }
.map-picker-trigger.is-invalid { border-color:#ed975b; color:#ed975b; }
.map-picker-dialog .map-mode-column .match-context-button span { color:inherit; }
@media(max-width:600px) { .map-picker-dialog { padding:6px 10px; } .map-picker-dialog .map-mode-column { flex-basis:130px; } }

.map-mode-footer[hidden] { display:none; }