/* ═══════════════════════════════════════════════════════════════════════════
   LIGHTCONE · 30 — VÁZAK  (a modálok és a rendszernézet héja: EGY nyelv)
   fátyol → kártya → fej (főcím 12) → fül-sáv → görgető törzs → döntés-láb.
   A meglévő osztály-horgok (.detail-modal-*, .mv-*, .system-*, .fleet-modal-*,
   .seti-modal-*, .cmodal-*) itt kapják a receptet; id-ra nem célzunk.
   ═══════════════════════════════════════════════════════════════════════════ */

/* ── FÁTYOL: minden modál ugyanaz a fátyol, ugyanaz a középre igazítás */
.detail-modal, .system-modal, .fleet-modal, .seti-modal, .planet-modal, .atlas-modal, .missions-modal, .bridge-modal, .probe-command-modal, .fleet-history-overlay {   /* [mega-vonat 10-03 UI-6] az .evac-info-modal EGY helyen él: 56 (saját réteg --z-evac, nyitás .is-open) */
    position: fixed; inset: 0; z-index: var(--z-modal);
    background: var(--modal-veil); backdrop-filter: blur(3px); -webkit-backdrop-filter: blur(3px);
    display: flex; align-items: center; justify-content: center; padding: 12px;
}
.detail-modal.hidden, .system-modal.hidden, .fleet-modal.hidden, .seti-modal.hidden, .bridge-modal.hidden, .probe-command-modal.hidden, .fleet-history-overlay.hidden { display: none; }
/* a dokk-sáv (bal oldali forrás-kontextus) változatlan geometriája */
body.dock-open .detail-modal { inset: 0 0 0 var(--dock-w); padding-left: 12px; padding-right: 76px; }
body.dock-narrow .detail-modal { inset: 0 0 0 300px; padding-left: 12px; padding-right: 76px; }

/* ── KÁRTYA: egy méret, egy háttér, egy keret */
.detail-modal-card, .system-content, .fleet-modal-content, .seti-modal-content, .planet-content, .atlas-content, .missions-content, .bridge-content, .probe-command-content {
    display: flex; flex-direction: column; min-width: 0;
    width: var(--modal-w); height: var(--modal-h); max-width: 100%; max-height: 100%;
    background: var(--surface-deck); backdrop-filter: blur(14px); -webkit-backdrop-filter: blur(14px);
    border: var(--bw) solid var(--g-22); border-radius: var(--r);
    box-shadow: 0 0 0 1px rgba(0,0,0,.6), var(--glow-md); overflow: hidden; isolation: isolate;
}
.fleet-modal-content, .seti-modal-content { height: auto; max-height: var(--modal-h); }   /* a komponáló a tartalmáig nő */
.detail-modal-card { height: auto; min-height: min(480px, 60vh); max-height: var(--modal-h); }   /* a dosszié a tartalmáig nő, de nem ugrál: 60vh alá nem megy */
/* a keskeny vázak: parancs-modál, evakuációs infó — a tartalmukig nőnek, keskenyebbek */
.probe-command-content { width: var(--modal-w-narrow); height: auto; max-height: var(--modal-h); }
.detail-modal-card--docked { width: 100%; height: auto; max-height: none; flex: 0 0 auto; border-radius: 0; border-left: 0; box-shadow: none; }
.detail-modal-card--docked .detail-modal-body { max-height: 46vh; }
.detail-modal-card--docked .detail-modal-head { cursor: pointer; }
.detail-modal-card--docked.is-collapsed .detail-modal-body, .detail-modal-card--docked.is-collapsed .detail-modal-foot,
body.dock-narrow .detail-modal-card--docked .detail-modal-body, body.dock-narrow .detail-modal-card--docked .detail-modal-foot { display: none; }

/* ── FEJ: egy sor, nem törik; főcím balra nő, vezérlők jobbra egy csoportban */
.detail-modal-head, .system-header, .fleet-modal-header, .seti-modal-header, .missions-header, .atlas-header, .planet-header, .fg-head, .evac-modal-head {   /* (ui #22) a Terepkönyv és az evac-infó is a vázon */
    flex: none; display: flex; align-items: center; flex-wrap: nowrap; gap: var(--gap);
    min-height: var(--head-h); padding: var(--pad-y) var(--pad-x);
    border-bottom: var(--bw) solid var(--line-strong); background: var(--g-04);
}
.system-header { flex-direction: row; align-items: center; }
.system-header-top { display: flex; align-items: center; gap: var(--gap); flex: 1 1 auto; min-width: 0; }
.system-header-pager { display: flex; justify-content: flex-end; flex: 0 0 auto; }
.system-header-pager:empty { display: none; }
.detail-modal-titles { flex: 1 1 auto; min-width: 0; display: flex; align-items: baseline; gap: var(--gap-l); }
.detail-modal-title, .system-header h2, .fleet-modal-header h2, .seti-modal-header h2, .missions-header h2, .atlas-header h2 {
    margin: 0; flex: 1 1 auto; min-width: 0;
    font-size: var(--fs-title); font-weight: var(--fw-bold); letter-spacing: var(--ls-title); line-height: 1.2;
    color: var(--text-bright); text-shadow: none; text-transform: none;   /* a nagybetűt a JS adja (upperKeepGreek) */
    white-space: nowrap; overflow: hidden; text-overflow: ellipsis;
}
.detail-modal-sub { margin: 0; flex: 0 1 auto; min-width: 0; font-size: var(--fs-body); letter-spacing: var(--ls-body); color: var(--text-muted); text-transform: none; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.detail-modal-ctl { display: flex; align-items: center; gap: var(--gap-s); flex: none; margin-left: auto; }
/* a fej gombjai: ikon-gomb recept (négyzet, a vezérlő-magasságon) */
.detail-modal-close, .detail-modal-dock, .system-close, .fleet-modal-close, .seti-modal-close, .missions-close, .atlas-close, .planet-close,
.detail-modal-head > button, .system-header-top > button, .detail-modal-head .colony-rename-pencil {
    display: inline-flex; align-items: center; justify-content: center; flex: none;
    width: var(--ctl-h); height: var(--ctl-h); padding: 0; line-height: 1;
    font-size: var(--fs-body); color: var(--text-muted); background: var(--g-06);
    border: var(--bw) solid var(--g-30); border-radius: var(--r); cursor: pointer; text-shadow: none;
}
.detail-modal-close:hover, .detail-modal-dock:hover, .system-close:hover, .fleet-modal-close:hover, .seti-modal-close:hover,
.detail-modal-head > button:hover, .system-header-top > button:hover { color: var(--accent-bright); background: var(--g-12); border-color: var(--surface-edge-strong); text-shadow: none; }

/* a LOCATE szöveges gomb a fejben: a gomb-recept, nem ikon */
.detail-modal-locate { display: inline-flex; align-items: center; gap: var(--gap-s); flex: none; height: var(--ctl-h); padding: 0 var(--ctl-pad-x);
    font-size: var(--fs-btn); letter-spacing: var(--ls-btn); line-height: 1; white-space: nowrap; color: var(--accent); background: var(--g-06);
    border: var(--bw) solid var(--g-30); border-radius: var(--r); cursor: pointer; text-shadow: none; }
.detail-modal-locate:hover { color: var(--accent-bright); background: var(--g-12); border-color: var(--surface-edge-strong); }

/* a rendszernézet fejcíme HTML-t kap (chipek, THEY SAY) → nagybetű CSS-ből; a név maga .system-name-text-ben marad none (görög betű) */
.system-header h2 { text-transform: uppercase; }

/* ── FÜL-SÁV a fej alatt: alcím-betű, az aktív aláhúzva */
.cmodal-tabs, .system-tabs, .mv-tabs {
    display: flex; gap: 0; flex: none; padding: var(--gap-s) var(--pad-x) 0; margin: 0;
    border-bottom: var(--bw) solid var(--line); background: transparent; position: static; z-index: auto;
}
.cmodal-tab, .system-tab, .detail-modal-card .mv .mv-tab, .mv .mv-tab {
    display: inline-flex; align-items: center; justify-content: center; gap: var(--gap-s); flex: 0 0 auto;
    height: var(--tab-h); min-height: 0; padding: 0 var(--pad-x); margin-bottom: -1px;   /* [mega-vonat 10-03 UI-16] --tab-h (volt --row-h 30) */
    font-size: var(--fs-body); font-weight: var(--fw-bold); letter-spacing: var(--ls-head); line-height: 1; white-space: nowrap; text-transform: uppercase;
    color: var(--text-muted); background: none; border: 0; border-bottom: 2px solid transparent; border-radius: 0; text-shadow: none; cursor: pointer;
}
.cmodal-tab[data-ctab] { font-size: var(--fs-body); padding: 0 var(--pad-x); }
.cmodal-tab:hover, .system-tab:hover, .mv .mv-tab:hover { color: var(--accent); }
.cmodal-tab.active, .system-tab.active, .detail-modal-card .mv .mv-tab.on, .mv .mv-tab.on { color: var(--text-bright); border-bottom-color: var(--accent); background: none; text-shadow: none; }
.mv-tabs { display: flex; }
.detail-modal-card .mv .mv-tab + .mv-tab { border-left: 0; }
.mv .mv-tab-n { color: var(--amber); margin-left: var(--gap-s); font-weight: 400; }
.cmodal-pane--hidden { display: none; }

/* ── TÖRZS: görgető, a padding a törzsé (a blokkok nem tesznek hozzá) */
.detail-modal-body, .fleet-modal-body, .seti-modal-body {
    flex: 1 1 auto; min-height: 0; overflow-y: auto; overflow-x: hidden;
    padding: var(--pad-y) var(--pad-x); font-size: var(--fs-body); line-height: var(--lh);
}
.detail-modal-body:has(> .mv) { padding: 0; }
.system-tab-content { flex: 1; display: flex; flex-direction: column; min-height: 0; }
.system-tab-content.hidden { display: none; }
.system-tab-content.report-view { overflow-y: auto; padding: var(--pad-y) var(--pad-x) var(--sec-gap); }
.system-canvas { flex: 1; width: 100%; height: 100%; cursor: crosshair; }

/* ── LÁB: a döntés sora, egyforma gombok */
.detail-modal-foot {
    flex: none; display: flex; align-items: center; flex-wrap: nowrap; gap: var(--gap);
    padding: var(--pad-y) var(--pad-x); border-top: var(--bw) solid var(--line-strong); background: var(--g-04);
}
.detail-modal-foot > button, .detail-modal-foot .cmodal-foot-btn { flex: 1 1 0; min-width: 0; }

/* ── MV (a dosszié-váz): blokk = harmonika; a fej 10 bold; a padding a törzsé; a csík BELÜL paddingol */
.mv { display: flex; flex-direction: column; min-width: 0; }
.mv-door, .mv-mind {
    display: flex; align-items: center; flex-wrap: wrap; gap: var(--gap) var(--gap-l);
    padding: var(--pad-y) var(--pad-x); border-bottom: var(--bw) solid var(--line);
    text-transform: uppercase; letter-spacing: var(--ls-body);
}
.mv-door { border-left: 2px solid var(--amber); color: var(--amber); }
.mv-mind { border-left: 2px solid var(--accent); }
.mv-mind--watch { border-left-color: var(--amber); }
.mv-mind--alert { border-left-color: var(--danger); }
.mv-mind--inline { padding: 0; border: 0; }
.mv-door-line, .mv-mind-line { flex: 1 1 240px; min-width: 0; }
/* ◆ THE MIND / ◈ DECISION PENDING — a modál FEJE (Peter 2026-10-04): fejléc, mondat, alatta a gomb(ok) teljes szélességen */
.mind-top-h { color: var(--text-bright); font-weight: var(--fw-bold); letter-spacing: var(--ls-head); }
.mind-top { display: flex; flex-direction: column; gap: var(--gap); }
.mind-top > .nyulureg-glance:empty { display: none; }
.mind-top > .nyulureg-mind-btn.remedy-btn { align-self: stretch; width: 100%; justify-content: center; }   /* [vonat 10-04 css#5] egy vezérlő-magasság: a ◆ GO széles, nem magasabb */
.mind-note { margin: 0; color: var(--amber); text-transform: none; letter-spacing: var(--ls-body); }   /* a szöveg JS-ből nagybetűs (upperKeepGreek): a CSS a Bayer-görögöt is felnagyítaná */
.mind-note.error { color: var(--danger); }
.mind-note.hidden { display: none; }
.mv-top { flex-direction: column; align-items: stretch; flex-wrap: nowrap; gap: var(--gap); padding: var(--pad-y) var(--pad-x) calc(var(--pad-y) + var(--gap-s)); }
.mv-door.mv-top > .mind-top-h { color: var(--amber); }
.mv-top > .mv-door-line, .mv-top > .mv-mind-line { flex: none; line-height: var(--lh); color: var(--text-bright); }
.mv-door.mv-top > .mv-door-line { color: var(--amber); }
.mv-top > .mv-acts { display: grid; grid-template-columns: repeat(auto-fit, minmax(160px, 1fr)); gap: var(--gap); }
.mv-top > .mv-acts > * { width: 100%; justify-content: center; }
/* ⚙︎ SETTINGS — a blokkok EGY csukott harmonika alatt (zsebben és asztalon egyformán) */
.mv > details.remedy-group.mv-settings { margin: 0; border: 0; border-bottom: var(--bw) solid var(--line); }   /* [vonat 10-04 css#4] a 52-colony harmonika-szabálya fölött */
.mv-settings-body { display: flex; flex-direction: column; min-width: 0; padding: 0; }
.mv-settings > .mv-settings-body > .mv-block:first-child { border-top: var(--bw) solid var(--line); }
/* ha a Mind szerint nincs teendő (a ◆ GO tiltva és egyedül áll), a gomb nem foglal helyet: a mondat maga a válasz */
/* [vonat 10-04 css#2] csak az `is-disabled` OSZTÁLY rejt (a rajzoláskor „nincs teendő"); a kérés alatti :disabled gomb látszik */
.mv-top > .mv-acts:has(> .nyulureg-mind-btn.is-disabled:only-child) { display: none; }
.mind-top > .nyulureg-mind-btn.is-disabled:not(.mind-go) { display: none; }
.mv-acts { display: flex; flex-wrap: wrap; gap: var(--gap); flex: 0 0 auto; }
.mv-block { border-bottom: var(--bw) solid var(--line); }
.mv-sum {
    list-style: none; display: grid; grid-template-columns: 10px 14px minmax(0, 1fr) auto; align-items: center; gap: var(--gap);
    min-height: var(--row-h); padding: var(--gap-s) var(--pad-x); cursor: pointer; user-select: none; text-transform: uppercase;
}
.mv-sum::-webkit-details-marker { display: none; }
.mv-sum:hover { background: var(--g-04); }
.mv-car { color: var(--accent); transition: transform .15s; }
.mv-block[open] > .mv-sum .mv-car { transform: rotate(90deg); }
.mv-gl { color: var(--accent); text-align: center; }
.mv-name { color: var(--text-bright); font-weight: var(--fw-bold); letter-spacing: var(--ls-head); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; min-width: 0; }
.mv-note { color: var(--text-muted); white-space: nowrap; letter-spacing: var(--ls-body); }
.mv-note--amber { color: var(--amber); }
.mv-body { padding: var(--gap-s) var(--pad-x) var(--pad-y); display: grid; gap: var(--gap); min-width: 0; }   /* (2026-10-04) a fej alatt is van levegő */
.mv .mv-body .cdetail-block-h, .mv .mv-body .settings-label, .mv .mv-body .remedy-group > .remedy-group-h, .mv .mv-sub, .mv .mv-grid dt, .mv .mv-line > span:first-child {
    color: var(--text-muted); letter-spacing: var(--ls-head); font-weight: 400;
}
.mv .mv-line { display: grid; grid-template-columns: 96px minmax(0, 1fr); gap: var(--gap-l); align-items: center; }
.mv .mv-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(150px, 1fr)); gap: var(--gap) var(--gap-l); margin: 0; }
.mv .mv-grid > div { display: grid; gap: 2px; min-width: 0; }
.mv .mv-grid dd { margin: 0; color: var(--text-bright); min-width: 0; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; font-variant-numeric: tabular-nums; }   /* (mega-vonat ui #24) §2.6 nincs letörés: ellipszis */
.mv .mv-grid dd.dd-prose, .mv .mv-grid dd:has(p, ul, .prose) { white-space: normal; overflow: visible; text-overflow: clip; overflow-wrap: anywhere; }   /* a próza-cellák kivétele */
.mv .mv-row { display: flex; align-items: center; justify-content: space-between; gap: var(--gap-l); min-height: var(--row-h); min-width: 0; }
.mv .mv-list > .mv-row + .mv-row, .mv .mv-list > .fleet-history-entry + .fleet-history-entry { border-top: var(--bw) solid var(--g-08); }
/* a dosszié gombjai: a gomb-recept — ikon-gomb, szegmens, lista-nyitó, jelvény */
/* !important: a 25-law gomb-csoportja (nagyobb specificitású :is-lista) paddingot ad az ikon-gombnak is — itt a négyzet dönt */
.mv .mv-icon-btn { width: var(--ctl-h); height: var(--ctl-h); padding: 0 !important; display: inline-grid; place-items: center; flex: none; font-size: var(--fs-body);
    border: var(--bw) solid var(--g-30); border-radius: var(--r); background: var(--g-06); color: var(--accent); }
.mv .mv-icon-btn:hover:not(:disabled) { border-color: var(--surface-edge-strong); color: var(--accent-bright); background: var(--g-12); }
.mv .mv-seg, .colony-doctrine .mv-seg, .mv .colony-role-row .mv-seg { display: inline-flex; height: var(--ctl-h); border: var(--bw) solid var(--g-30); border-radius: var(--r); overflow: hidden; }
/* !important: a szegmens-gomb a 25-law csoport-receptjét örökli (padding/magasság) — a szegmens a saját sávját tölti ki */
.mv .mv-seg button, .colony-doctrine .mv-seg button, .mv .colony-role-row .mv-seg button { height: 100%; min-height: 0; min-width: 0; padding: 0 var(--ctl-pad-x) !important; font-size: var(--fs-btn); letter-spacing: var(--ls-btn); color: var(--text-muted); background: none; border: 0; border-radius: 0; }
.mv .mv-seg button + button, .colony-doctrine .mv-seg button + button, .mv .colony-role-row .mv-seg button + button { border-left: var(--bw) solid var(--g-30); }
.mv .mv-seg button.on, .colony-doctrine .mv-seg button.on, .mv .colony-role-row .mv-seg button.on { background: var(--g-18); color: var(--text-bright); }
.mv .mv-more { border-top: var(--bw) solid var(--g-08); }
.mv .mv-more > summary { list-style: none; display: flex; width: 100%; align-items: center; justify-content: center; height: var(--ctl-h); margin: var(--gap) 0 0; padding: 0 var(--ctl-pad-x);
    font-size: var(--fs-btn); letter-spacing: var(--ls-btn); border: var(--bw) dashed var(--g-30); border-radius: var(--r); color: var(--text-muted); cursor: pointer; }
.mv .mv-more > summary:hover { color: var(--accent); border-color: var(--surface-edge-strong); background: var(--g-06); }
.mv .mv-tag { display: inline-flex; align-items: center; height: var(--chip-h); padding: 0 var(--pad-x-s); font-size: var(--fs-btn); letter-spacing: var(--ls-btn); border: var(--bw) solid var(--g-18); border-radius: var(--r); color: var(--text-muted); white-space: nowrap; }
.mv .mv-tag--own { color: var(--amber); border-color: rgba(251,191,36,.5); }
.mv .mv-prog { height: var(--ctl-h); padding: 0 var(--ctl-pad-x); display: flex; flex-direction: column; justify-content: center; gap: 3px; min-width: 0; }

/* ── remainder 2026-10-02 ── (remA: a legacy dosszié-váz maradéka, a dokk-sáv, a proxiclone) */
/* a dokk-sáv: a bal oldali forrás-kontextus oszlopa (a JS írja a --dock-w-t) */
.dock-rail { position: fixed; left: 0; top: 0; bottom: 0; width: var(--dock-w); z-index: calc(var(--z-modal) - 20);
    display: flex; flex-direction: column; gap: var(--gap); overflow-y: auto; overflow-x: hidden; pointer-events: none; }
.dock-rail > * { pointer-events: auto; }

/* fej: arckép (a kattintás nagyít), átnevező ceruza a cím mellett */
.detail-modal-face { flex: none; align-self: center; }
.detail-modal-face canvas { width: calc(var(--ctl-h) * 1.25); height: calc(var(--ctl-h) * 1.5); display: block; border: var(--bw) solid var(--g-22); border-radius: var(--r); cursor: zoom-in; }
.detail-modal-face canvas.mv-face--glyph { cursor: default; }
.detail-modal-title .system-rename-btn { margin-left: var(--gap); }
.cmodal-tab .acc-badge { margin-left: var(--gap-s); }
/* láb: a csupasz gomb is egy sorban csonkul */
.detail-modal-foot > button { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
/* a széles (olvasó) kártya: a próza olvasható sorhosszon */
.detail-modal-card--wide .detail-modal-body p, .detail-modal-card--wide .detail-modal-body .prose { max-width: 72ch; }
.detail-modal-card--wide .detail-modal-body > .eg-reader--record { max-width: none; }

/* MV: a beágyazott régi blokkok elveszítik a saját dobozukat — a .mv-body ad mindent */
.mv .mv-body .cdetail-block, .mv .mv-body .settings-group { margin: 0; padding: 0; border: 0; background: none; box-shadow: none; }
.mv .mv-body .cdetail-block-h, .mv .mv-body .settings-label { margin: 0; }
.mv .mv-body p, .mv .mv-body .prose, .mv .mv-body .guide-body { max-width: none; }
.mv .mv-body .ongoing-bar { margin: 0; }
.mv-mind-line b { color: var(--accent); font-weight: 400; }
.mv-mind--watch .mv-mind-line b { color: var(--amber); }
.mv-mind--alert .mv-mind-line b { color: var(--danger); }
/* az ugró-gomb a figyelmeztető ajtóban: borostyán gomb-recept */
.mv .mv-jump, .mv-jump {
    display: inline-flex; align-items: center; justify-content: center; flex: none;
    height: var(--ctl-h); padding: 0 var(--ctl-pad-x);
    font-size: var(--fs-btn); letter-spacing: var(--ls-btn); line-height: 1; white-space: nowrap;
    color: var(--amber); background: rgba(251,191,36,.06); border: var(--bw) solid rgba(251,191,36,.45); border-radius: var(--r); cursor: pointer;
}
.mv-jump:hover { color: var(--amber); border-color: var(--amber); background: rgba(251,191,36,.12); }
.mv .mv-stack { display: grid; gap: var(--gap); min-width: 0; }
.mv .mv-list { display: grid; }
.mv .mv-row > span:first-child { min-width: 0; }
.mv .mv-row > span:last-child:not(:first-child) { white-space: nowrap; flex: none; }
.mv .mv-pick { cursor: pointer; }
.mv .mv-pick:has(input:checked) > span:first-child { color: var(--accent-bright); }
.mv .mv-chk { display: inline-flex; align-items: center; gap: var(--gap); cursor: pointer; }
.mv .mv-icons { display: inline-flex; gap: var(--gap-s); flex: none; }
.mv .mv-icon-btn { cursor: pointer; }
.mv .mv-icon-btn--danger { color: var(--danger); border-color: rgba(255,77,77,.45); }
.mv .mv-icon-btn--danger:hover:not(:disabled) { color: var(--danger-bright); border-color: var(--danger); background: rgba(255,77,77,.08); }
.mv .mv-icon-btn:disabled { opacity: .45; cursor: default; }
.mv .mv-seg { justify-self: start; }
.mv .mv-seg button { cursor: pointer; }
.mv .mv-more > summary::-webkit-details-marker { display: none; }
.mv .mv-more[open] > summary { display: none; }
/* rádió: a pipa-recept mérete, kör */
.mv input[type="radio"] {
    appearance: none; -webkit-appearance: none; flex: none; display: inline-grid; place-items: center; vertical-align: middle;
    width: 12px; height: 12px; margin: 0 var(--gap) 0 0; border: var(--bw) solid var(--g-30); border-radius: 50%; background: transparent; cursor: pointer;
}
.mv input[type="radio"]:checked { border-color: var(--accent); box-shadow: var(--glow-sm); }
.mv input[type="radio"]:checked::after { content: ""; width: 6px; height: 6px; border-radius: 50%; background: var(--accent); }
.mv input[type="radio"]:disabled { opacity: .45; cursor: default; }
/* a dosszié döntés-gombjai: a jelentés-színek (elsődleges/borostyán a 55-ben él, a veszély itt) */
.cmodal-foot-btn.mv-btn--danger { color: var(--danger); border-color: rgba(255,77,77,.45); background: rgba(255,77,77,.06); }
.cmodal-foot-btn.mv-btn--danger:hover:not(:disabled) { color: var(--danger-bright); border-color: var(--danger); background: rgba(255,77,77,.12); }

/* PROXICLONE (a lapos térkép a realm-lencsében): vezérlő-sáv, kereső, kijelölés-sáv, lebegő, láb */
.proxy-controls { position: relative; z-index: 3; display: flex; align-items: center; flex-wrap: wrap; gap: var(--gap-s) var(--gap);
    padding: var(--pad-y) var(--pad-x); border-bottom: var(--bw) solid var(--line); background: var(--surface-deck); }
.proxy-ctl-label { font-weight: var(--fw-bold); letter-spacing: var(--ls-head); color: var(--text-muted); }
.proxy-legend { flex: 1 1 100%; color: var(--text-muted); }
.proxy-search { flex: 1 1 100%; position: relative; }
.proxy-search-input {
    display: flex; width: 100%; height: var(--ctl-h); padding: 0 var(--ctl-pad-x);
    font-size: var(--fs-body); letter-spacing: var(--ls-body); color: var(--text-bright); background: var(--g-04);
    border: var(--bw) solid var(--g-22); border-radius: var(--r);
}
.proxy-search-input:focus { border-color: var(--accent); background: var(--g-06); }
.proxy-search-results { position: absolute; left: 0; right: 0; top: calc(100% + var(--gap-s)); z-index: 5; max-height: 46vh; overflow-y: auto;
    background: var(--surface-deck); border: var(--bw) solid var(--g-30); border-radius: var(--r); box-shadow: 0 8px 26px rgba(0,0,0,.7); }
.proxy-hit { display: grid; grid-template-columns: minmax(0, 1fr) auto; align-items: center; column-gap: var(--gap-l);
    min-height: var(--row-h); padding: var(--gap-s) var(--pad-x); cursor: pointer; border-bottom: var(--bw) solid var(--g-08); }
.proxy-hit:last-child { border-bottom: 0; }
.proxy-hit:hover, .proxy-hit.on { background: var(--g-12); }
.proxy-hit-name { color: var(--text-bright); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; min-width: 0; }
.proxy-hit-meta { color: var(--text-muted); white-space: nowrap; font-variant-numeric: tabular-nums; }
.proxy-hit-tag { color: var(--accent); }
.proxy-hit-none { padding: var(--pad-y) var(--pad-x); color: var(--text-muted); }
.proxy-hover { position: fixed; z-index: var(--z-view-hud);   /* [mega-vonat 10-03 UI-17] token (6) */ pointer-events: none; max-width: 260px;
    padding: var(--pad-y) var(--pad-x); background: var(--surface-deck); border: var(--bw) solid var(--g-30); border-radius: var(--r);
    box-shadow: 0 0 18px rgba(0,0,0,.7); color: var(--text-muted); }
.proxy-hover .ph-name { display: block; color: var(--text-bright); font-weight: var(--fw-bold); letter-spacing: var(--ls-head); }
.proxy-hover .ph-tag { color: var(--accent); }
.proxy-hover .ph-fact { white-space: nowrap; }
.proxy-selbar { position: absolute; left: 0; right: 0; bottom: var(--proxy-foot-h, 0px); display: flex; align-items: center; flex-wrap: wrap; gap: var(--gap) var(--gap-l);
    padding: var(--pad-y) var(--pad-x); background: var(--surface-deck); border-top: var(--bw) solid var(--line-strong); }
.proxy-sel-main { display: flex; align-items: baseline; gap: var(--gap); flex-wrap: wrap; min-width: 0; }
.proxy-sel-name { font-size: var(--fs-title); font-weight: var(--fw-bold); letter-spacing: var(--ls-title); color: var(--text-bright); }
.proxy-sel-acts { display: flex; gap: var(--gap); margin-left: auto; flex-wrap: wrap; }
.proxy-foot { flex: 0 0 auto; min-height: var(--proxy-foot-h);   /* a realm-modal adja: a kijelölés-sáv erre ül */
   
    padding: var(--pad-y) var(--pad-x) calc(var(--pad-y) + env(safe-area-inset-bottom, 0px));
    border-top: var(--bw) solid var(--line); background: var(--surface-deck); font-variant-numeric: tabular-nums; }