/* ═══════════════════════════════════════════════════════════════════════════
   LIGHTCONE · 52 — COLONY  (a vonat írja, 2026-10-01)
   COL panel (6 fül) · a Mind-olvasat MINDENÜTT (.nyulureg-*) · hazai és távoli
   kolónia-dosszié tartalma · orvosság-csoportok · diaszpóra · installációk ·
   kutatás-blokk (.tech-*) · petíciók / helytartók / doktrína.
   Csak tokenek; id-ra nem célzunk; a receptek (20-components) geometriáját kapják
   a meglévő horgok. A szöveg és a csík közt MINDIG van padding.
   ═══════════════════════════════════════════════════════════════════════════ */

/* ── 1. GOMB-HORGOK → a .btn geometriája (22 px, 9 px felirat, nem törik) ─────── */
.petition-btn, .remedy-btn, .colony-pager-btn, .rogue-found-btn, .install-build-btn,
.install-refurbish-btn, .install-upgrade-btn, .install-maintain-btn, .install-decommission-btn, .install-scuttle-btn,
.colony-invest-btn, .colony-extract-btn, .colony-message-btn, .colony-locate-btn, .colony-system-btn,
.colony-relocate-btn, .colony-reinforce-btn, .colony-requestship-btn, .colony-emigrate-btn, .colony-cohort-btn,
.colony-yards-btn, .colony-terraform-btn, .colony-alert-btn, .diaspora-act, .works-bulk-btn, .tech-bc-btn,
.tech-cancel-btn, .cdetail-more-btn, .diaspora-actions > button {
    /* inline-block (nem flex): a felirat belső <span>-jai egy sorban folynak, és a túl hosszú
       felirat VÉGÉN jelenik meg a „…” (flex-tárolón a text-overflow nem hat, és a középre
       igazított túlcsordulás az elejét vágná le) */
    display: inline-block; vertical-align: middle; box-sizing: border-box;
    height: var(--ctl-h); min-height: 0; padding: 0 var(--ctl-pad-x); min-width: 0; max-width: 100%;
    font-family: var(--font-ui); font-size: var(--fs-btn); font-weight: 500; letter-spacing: var(--ls-btn);
    line-height: calc(var(--ctl-h) - 2 * var(--bw));
    text-transform: uppercase; text-align: center; text-shadow: none;
    white-space: nowrap; overflow: hidden; text-overflow: ellipsis;
    color: var(--accent); background: var(--g-06);
    border: var(--bw) solid var(--g-30); border-radius: var(--r); box-shadow: none;
    cursor: pointer; user-select: none;
    transition: background .12s, border-color .12s, color .12s;
}
.petition-btn:hover, .remedy-btn:hover, .colony-pager-btn:hover, .rogue-found-btn:hover, .install-build-btn:hover,
.install-refurbish-btn:hover, .install-upgrade-btn:hover, .install-maintain-btn:hover, .install-decommission-btn:hover,
.colony-invest-btn:hover, .colony-extract-btn:hover, .colony-message-btn:hover, .colony-locate-btn:hover, .colony-system-btn:hover,
.colony-relocate-btn:hover, .colony-reinforce-btn:hover, .colony-requestship-btn:hover, .colony-emigrate-btn:hover, .colony-cohort-btn:hover,
.colony-yards-btn:hover, .colony-terraform-btn:hover, .diaspora-act:hover, .works-bulk-btn:hover, .tech-bc-btn:hover,
.tech-cancel-btn:hover, .diaspora-actions > button:hover {
    background: var(--g-12); border-color: var(--surface-edge-strong); color: var(--accent-bright); text-shadow: none; box-shadow: none;
}
/* a muted belső rész a gomb-feliratban: halványabb, nem kisebb */
.remedy-btn .muted, .petition-btn .muted, .diaspora-actions > button .muted { color: inherit; opacity: .7; }
/* tiltott: TELI marad, halkabb */
.petition-btn:disabled, .petition-btn.is-disabled, .remedy-btn:disabled, .remedy-btn.is-disabled,
.install-build-btn:disabled, .install-build-btn.is-disabled, .install-refurbish-btn:disabled, .install-refurbish-btn.is-disabled,
.install-upgrade-btn:disabled, .install-upgrade-btn.is-disabled, .colony-invest-btn:disabled, .colony-invest-btn.is-disabled,
.colony-extract-btn:disabled, .colony-extract-btn.is-disabled, .colony-message-btn:disabled, .colony-relocate-btn:disabled,
.colony-relocate-btn.is-disabled, .diaspora-act:disabled, .diaspora-act.is-disabled, .works-bulk-btn:disabled,
.diaspora-actions > button:disabled, .diaspora-actions > button.is-disabled {
    opacity: .45; cursor: default; background: var(--g-06); border-color: var(--g-30); color: var(--accent);
}
.remedy-btn.standing-rung.is-on, .remedy-btn.standing-rung.is-on:disabled { opacity: 1; background: var(--g-18); border-color: var(--accent); color: var(--text-bright); }
/* rang: elsődleges (a Mind gombja, az építés, az engedélyezés) */
.nyulureg-mind-btn.remedy-btn, .install-build-btn, .petition-grant {
    background: var(--g-16); border-color: var(--accent); color: var(--text-bright); box-shadow: var(--glow-sm);
}
.nyulureg-mind-btn.remedy-btn:hover:not(:disabled), .install-build-btn:hover:not(:disabled), .petition-grant:hover:not(:disabled) { background: var(--g-22); color: var(--text-bright); }
/* rang: csendes */
.petition-refuse { background: transparent; border-color: var(--g-18); color: var(--text-muted); }
.petition-refuse:hover:not(:disabled) { background: var(--g-08); border-color: var(--g-30); color: var(--accent); }
/* jelentés-színek */
.remedy-btn--grave, .colony-alert-btn, .diaspora-act--cavalry, .install-maintain-btn.is-off, .colony-extract-btn:hover:not(:disabled) {
    color: var(--amber); border-color: rgba(251,191,36,.45); background: rgba(251,191,36,.06);
}
.remedy-btn--grave:hover:not(:disabled):not(.is-disabled), .colony-alert-btn:hover, .diaspora-act--cavalry:hover, .install-maintain-btn.is-off:hover {
    color: var(--amber); border-color: var(--amber); background: rgba(251,191,36,.12);
}
.install-scuttle-btn, .install-decommission-btn:hover { color: var(--danger); border-color: rgba(255,77,77,.45); background: rgba(255,77,77,.06); }
.install-scuttle-btn:hover { color: var(--danger-bright); border-color: var(--danger); background: rgba(255,77,77,.12); }
.install-scuttle-btn.is-armed { background: rgba(255,77,77,.2); border-color: var(--danger); }
/* aktív (szegmens-szerű választó) */

/* lista-nyitó: szaggatott, teljes szélesség */
.cdetail-more-btn { display: flex; width: 100%; border-style: dashed; color: var(--text-muted); background: transparent; }
.cdetail-more-btn:hover { color: var(--accent); border-color: var(--surface-edge-strong); background: var(--g-06); }
/* lapozó: ikon-gomb */
.colony-pager { display: inline-flex; align-items: center; gap: var(--gap-s); flex: none; }
.colony-pager-btn { width: var(--ctl-h); padding: 0; flex: 0 0 var(--ctl-h); font-size: var(--fs-body); text-overflow: clip; }
.colony-pager-pos { color: var(--text-muted); font-variant-numeric: tabular-nums; white-space: nowrap; }

/* ── 2. GOMB-SOROK: egyforma szélesség, egy magasság ───────────────────────────── */
.remedy-acts, .diaspora-actions, .cdetail-block .diaspora-actions, .mv .mv-body .diaspora-actions {
    display: grid; grid-template-columns: repeat(auto-fill, minmax(320px, 1fr)); gap: var(--gap); align-items: center; min-width: 0;
}
.remedy-acts > button, .diaspora-actions > button { width: 100%; }
.diaspora-actions > .cdetail-inflight { grid-column: 1 / -1; }
.diaspora-actions--drifting { padding-top: var(--gap); border-top: var(--bw) solid rgba(251,191,36,.25); }
.diaspora-winback { grid-column: 1 / -1; color: var(--amber); letter-spacing: var(--ls-head); font-weight: var(--fw-bold); }
.mv .mv-body .diaspora-actions + .diaspora-actions { margin-top: 0; }
/* az ACTIONS blokk: MINDEN gomb (a közvetlen és a láb-akciók) EGY egyforma oszlopú rácsban;
   a cím, a megjegyzés és minden nem-gomb teljes sort kap */
.mv-block[data-mv="col-actions"] > .mv-body { grid-template-columns: repeat(auto-fit, minmax(170px, 1fr)); align-items: center; }   /* (Peter 2026-10-04) öt gomb egy sorban elfér: 200 → 170, auto-fit */
.mv-block[data-mv="col-actions"] > .mv-body > .cdetail-block, .mv-block[data-mv="col-actions"] .diaspora-actions { display: contents; }
.mv-block[data-mv="col-actions"] > .mv-body > :not(.cdetail-block):not(.diaspora-actions),
.mv-block[data-mv="col-actions"] > .mv-body :is(.cdetail-block, .diaspora-actions) > :not(button) { grid-column: 1 / -1; }
.mv-block[data-mv="col-actions"] > .mv-body button { width: 100%; }

/* ── 3. A MIND OLVASATA (.nyulureg-*) — mindenütt egy .bar: csík + BELSŐ padding ─── */
.nyulureg-surface, .cdetail-block.nyulureg-surface, .mv .mv-body .nyulureg-surface {
    display: flex; flex-direction: column; align-items: flex-start; gap: var(--gap);
    margin: 0; padding: var(--pad-y) var(--pad-x);
    background: var(--g-04); border: 0; border-left: 2px solid var(--accent); border-radius: 0; min-width: 0;
}
.nyulureg-surface.nyulureg--watch { border-left-color: var(--amber); }
.nyulureg-surface.nyulureg--alert { border-left-color: var(--danger); }
.nyulureg-read { font-size: var(--fs-body); line-height: var(--lh); letter-spacing: var(--ls-body); color: var(--text-bright); text-transform: none; }
.nyulureg--alert .nyulureg-read { color: var(--danger); }
.nyulureg-glance { font-size: var(--fs-body); letter-spacing: var(--ls-body); color: var(--text-muted); text-transform: none; }
.nyulureg-mind-btn.remedy-btn { align-self: flex-start; width: auto; flex: none; }
/* ⚙︎ I'LL STEER — harmonika: vonal fölötte, 10 bold fej, a törzs paddingol */
details.remedy-group.nyulureg-steer { margin: 0; border: 0; border-top: var(--bw) solid var(--line); }
.nyulureg-steer-body { padding: 0 var(--pad-x) var(--pad-y); display: flex; flex-direction: column; gap: var(--gap); }
.nyulureg-steer-body > .cdetail-block:first-child { margin-top: 0; border-top: 0; padding-top: 0; }

/* ── 4. ORVOSSÁG-CSOPORT — a lapos (div) csoport: alcím + gomb-rács; a details: harmonika ── */
.remedy-group, .mv .mv-body .remedy-group { display: flex; flex-direction: column; gap: var(--gap); margin: 0; padding: var(--pad-y) 0; border: 0; border-top: var(--bw) solid var(--line); min-width: 0; }
.remedy-group:first-child, .cdetail-block-h + .remedy-group, .remedy-verdict + .remedy-group { border-top: 0; }
.remedy-group > .remedy-group-h, .mv .mv-body .remedy-group > .remedy-group-h {
    list-style: none; display: flex; align-items: center; gap: var(--gap);
    min-height: var(--row-h); margin: 0; padding: 0;
    font-size: var(--fs-body); font-weight: var(--fw-bold); letter-spacing: var(--ls-head); color: var(--text-bright);
    white-space: nowrap; overflow: hidden; text-overflow: ellipsis; cursor: default; user-select: none;
}
.remedy-group > .remedy-group-h .muted { font-weight: 400; letter-spacing: var(--ls-body); }
.remedy-group .remedy-acts, .mv .mv-body .remedy-group .remedy-acts { padding: 0; }
/* a harmonika-változat (details) — ▸/▾ jel, kattintható fej, a törzs paddingol */
details.remedy-group { padding: 0; gap: 0; }
details.remedy-group > .remedy-group-h { padding: var(--gap-s) var(--pad-x); cursor: pointer; }
details.remedy-group > .remedy-group-h::-webkit-details-marker { display: none; }
details.remedy-group > .remedy-group-h::before { content: "▸"; color: var(--accent); flex: 0 0 10px; }
details.remedy-group[open] > .remedy-group-h::before { content: "▾"; }
details.remedy-group > .remedy-group-h:hover { background: var(--g-04); }
details.remedy-group > .remedy-acts { padding: 0 var(--pad-x) var(--pad-y); }
.remedy-verdict { line-height: var(--lh); margin: 0; }
.remedy-foot { color: var(--text-muted); }
.remedy-crossing { margin: 0; }
.mv .mv-body .remedy-group + .remedy-group { margin-top: 0; }

/* ── 5. COL PANEL: fülek + szekciók vízszintes vonallal ───────────────────────── */
.colony-pane-tabs { margin: 0; }
.colony-pane-tabs > .cmodal-tab { min-width: calc(var(--row-h) + var(--pad-x)); }
.colony-tab-home, .colony-tab-works, .colony-tab-flows { padding: 0 var(--pad-x) var(--sec-gap); display: flex; flex-direction: column; min-width: 0; }
.colony-tab-home > :not(.hidden) { padding: var(--pad-y) 0; }
.colony-tab-home > :not(.hidden) ~ :not(.hidden) { border-top: var(--bw) solid var(--line); }
/* mérő-sáv */
.storage-gauge { display: flex; align-items: center; gap: var(--gap); min-height: var(--row-h); font-size: var(--fs-body); }
.storage-gauge-label { color: var(--text-muted); letter-spacing: var(--ls-head); white-space: nowrap; }
.storage-gauge-bar { flex: 1 1 auto; display: flex; height: var(--meter-h); min-width: 40px; background: var(--g-10); border-radius: var(--r); overflow: hidden; }
.storage-gauge-fill { display: block; flex: 0 0 auto; height: 100%; background: var(--accent); }
.storage-gauge-fill--over { background: var(--amber); }
.storage-gauge-fill--colony { opacity: .45; }
.storage-gauge-nums { white-space: nowrap; font-variant-numeric: tabular-nums; color: var(--text-bright); }

/* ── 6. PETÍCIÓK (THE ASKING) és HELYTARTÓK (REGENTS) ─────────────────────────── */
.petition-zone { display: flex; flex-direction: column; gap: var(--gap); margin: 0; container-type: inline-size; }
.regents-acc { display: flex; flex-direction: column; gap: var(--gap); min-width: 0; }
.regents-acc > summary, .petition-zone-head {
    list-style: none; display: block; min-height: var(--row-h); line-height: var(--row-h); padding: 0;
    font-family: var(--font-ui); font-size: var(--fs-body); font-weight: var(--fw-bold); letter-spacing: var(--ls-head); color: var(--text-bright);
    text-transform: uppercase; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; cursor: pointer; user-select: none;
}
.regents-acc > summary::-webkit-details-marker { display: none; }
.regents-acc > summary::before { content: "▸ "; color: var(--accent); }
.regents-acc[open] > summary::before { content: "▾ "; }
.regents-acc > summary:hover { color: var(--accent-bright); }
.petition-zone-head .muted { font-weight: 400; letter-spacing: var(--ls-body); }
/* egy hívás = egy .bar: csík, belső padding, a sorok lazán */
.petition-row {
    display: flex; flex-direction: column; gap: var(--gap); min-width: 0;
    padding: var(--pad-y) var(--pad-x); background: var(--g-04);
    border: 0; border-left: 2px solid var(--accent); border-radius: 0;
}
.petition-row--urgent { border-left-color: var(--amber); background: rgba(251,191,36,.06); }
.petition-row--urgent .petition-glyph, .petition-row--urgent .petition-left { color: var(--amber); }
.petition-head { display: flex; align-items: center; gap: var(--gap); min-width: 0; flex-wrap: nowrap; white-space: nowrap; font-size: var(--fs-body); letter-spacing: var(--ls-body); }
.petition-glyph { color: var(--accent-bright); flex: none; }
.petition-who { flex: 0 1 auto; min-width: 0; overflow: hidden; text-overflow: ellipsis; color: var(--text-bright); font-weight: var(--fw-bold); letter-spacing: var(--ls-head); }
.petition-kind { flex: 0 1 auto; min-width: 0; overflow: hidden; text-overflow: ellipsis; color: var(--text-muted); }
.petition-left { margin-left: auto; flex: none; display: inline-flex; align-items: center; gap: var(--gap-s); color: var(--text-muted); font-variant-numeric: tabular-nums; }
.petition-say, .petition-body { margin: 0; font-size: var(--fs-body); line-height: var(--lh); letter-spacing: var(--ls-body); color: var(--text-base); text-transform: uppercase; }
.petition-say strong { color: var(--text-bright); font-weight: var(--fw-bold); }
.petition-acts { display: flex; flex-wrap: wrap; align-items: center; gap: var(--gap); min-width: 0; }
.petition-acts > button { flex: 1 1 0; min-width: 0; }
.petition-note { flex: 1 1 100%; margin: 0; font-size: var(--fs-body); letter-spacing: var(--ls-body); color: var(--text-muted); text-transform: uppercase; line-height: var(--lh); }
/* helytartó-jelölt: két tárcsa + szék-választó + küldés */
.regent-dial { display: inline-flex; align-items: center; gap: var(--gap-s); height: var(--ctl-h); flex: 0 0 auto; color: var(--text-muted); white-space: nowrap; }
.regent-dial input[type="range"] { width: 80px; height: var(--ctl-h); accent-color: var(--accent); }
select.regent-seat {
    height: var(--ctl-h); padding: 0 var(--ctl-pad-x); flex: 1 1 140px; min-width: 0; max-width: 100%; margin: 0;
    font-size: var(--fs-body); color: var(--text-bright); background: var(--g-04);
    border: var(--bw) solid var(--g-22); border-radius: var(--r);
}

/* ── 7. DOKTRÍNA (a birodalom szerepe) + szűrő + lista ─────────────────────────── */
.colony-doctrine { display: flex; align-items: center; flex-wrap: nowrap; gap: var(--gap); min-height: var(--row-h); margin: 0; text-transform: uppercase; letter-spacing: var(--ls-body); min-width: 0; }
.colony-doctrine-label { flex: none; color: var(--text-bright); font-weight: var(--fw-bold); letter-spacing: var(--ls-head); white-space: nowrap; }
/* a szegmens kerete befelé rajzolt (inset), hogy a gombjai is a 22-es vezérlő-magasságon üljenek */
.colony-doctrine .mv-seg, .mv .colony-role-row .mv-seg { flex: 0 1 auto; min-width: 0; border: 0; box-shadow: inset 0 0 0 var(--bw) var(--g-30); }
.colony-doctrine .mv-seg button, .mv .colony-role-row .mv-seg button { height: var(--ctl-h); }
.colony-doctrine .mv-seg button { display: inline-flex; align-items: center; }
.colony-doctrine .mv-seg button:disabled { opacity: .5; cursor: default; }
.colony-doctrine-count { margin-left: auto; flex: none; color: var(--text-muted); white-space: nowrap; line-height: 1; }
.colony-search-row { display: flex; align-items: center; gap: var(--gap); margin: 0; min-width: 0; }
.colony-search {
    flex: 1 1 auto; min-width: 0; height: var(--ctl-h); padding: 0 var(--ctl-pad-x);
    font-size: var(--fs-body); letter-spacing: var(--ls-body); line-height: 1; color: var(--text-bright);
    background: var(--g-04); border: var(--bw) solid var(--g-22); border-radius: var(--r); text-transform: uppercase;
}
.colony-search::placeholder { color: var(--text-dim); text-transform: uppercase; }
.colony-search:focus { border-color: var(--accent); background: var(--g-06); }
.colony-search-count { flex: none; color: var(--text-muted); white-space: nowrap; font-variant-numeric: tabular-nums; }
/* a lista: sorok vékony vonallal, két sor egy kolónia (név · nyitó / jelvények · nép) */
.colony-list { display: flex; flex-direction: column; gap: 0; padding: 0; min-width: 0; }
.colony-tab-home > .colony-list { border-top: 0; padding-top: 0; }
.colony-row {
    display: grid; grid-template-columns: minmax(0, 1fr) auto; grid-template-areas: "name open" "chips meta";
    align-items: center; gap: var(--gap-s) var(--gap); width: 100%; min-width: 0;
    padding: var(--pad-y) var(--pad-x); margin: 0; text-align: left;
    color: var(--text-base); background: transparent;
    border: 0; border-top: var(--bw) solid var(--g-08); border-radius: 0; cursor: pointer;
}
.colony-row:first-child { border-top: 0; }
.colony-row:hover { background: var(--g-04); }
.colony-row.selected { background: var(--g-10); box-shadow: inset 2px 0 0 var(--accent); }
.colony-row.hidden { display: none; }
.colony-row-name, .colony-row > .colony-row-name, .colony-row .colony-row-name {
    grid-area: name; min-width: 0; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;
    font-size: var(--fs-body); font-weight: 400; letter-spacing: var(--ls-body); color: var(--text-bright);
}
.colony-row-chips, .colony-row .colony-row-chips { grid-area: chips; display: flex; flex-wrap: nowrap; align-items: center; gap: var(--gap-s); min-width: 0; overflow: hidden; margin: 0; }
.colony-row-meta, .colony-row .colony-row-meta { grid-area: meta; display: flex; align-items: center; gap: var(--gap); justify-self: end; flex: none; }
.colony-row .diaspora-row-open { grid-area: open; justify-self: end; }
.colony-row-sys { color: var(--text-muted); letter-spacing: var(--ls-body); }

.colony-row-pop { font-variant-numeric: tabular-nums; color: var(--text-bright); white-space: nowrap; }


.colony-mini-bar { display: block; width: 46px; height: var(--meter-h); border-radius: var(--r); background: var(--g-10); overflow: hidden; flex: none; }
.colony-mini-fill { display: block; height: 100%; background: var(--accent); }


.diaspora-row-open { color: var(--text-muted); white-space: nowrap; letter-spacing: var(--ls-btn); }
.colony-row:hover .diaspora-row-open { color: var(--accent-bright); }
/* jelvények → a .chip geometriája */
.colony-origin-chip, .colony-badge, .install-proposed-tag, .install-prime-badge, .install-cap, .tech-level {
    display: inline-flex; align-items: center; gap: var(--gap-s); flex: none;
    height: var(--chip-h); min-height: 0; padding: 0 var(--pad-x-s); margin: 0;   /* [mega-vonat 10-03 UI-15] tokenből */
    font-size: var(--fs-btn); font-weight: 500; letter-spacing: var(--ls-btn); line-height: 1; white-space: nowrap; text-transform: uppercase; text-shadow: none;
    color: var(--text-muted); background: var(--g-06); border: var(--bw) solid var(--g-18); border-radius: var(--r); box-shadow: none; vertical-align: middle;
}
.colony-origin-chip--home, .colony-badge--bio, .tech-level--done { color: var(--text-bright); background: var(--g-16); border-color: var(--accent); }
.colony-origin-chip--status { color: var(--amber); border-color: rgba(251,191,36,.45); background: rgba(251,191,36,.08); }

.colony-origin-chip--rogue { cursor: pointer; }
.colony-origin-chip--rogue:hover { color: var(--accent); border-color: var(--surface-edge-strong); }
.colony-badge { color: var(--accent); }
.colony-badge--ghost { color: var(--text-muted); }
.colony-badge--prime, .install-prime-badge { color: var(--gold-prime); border-color: rgba(246,196,83,.5); background: rgba(246,196,83,.10); }
.colony-badge--ruins { color: var(--bronze-ruins); border-color: rgba(216,162,74,.5); }
.colony-badge--realm { color: var(--info); border-color: rgba(77,212,255,.5); }
.colony-badge--techno { color: var(--fromdark-text); border-color: var(--fromdark-edge); }
.install-cap { color: var(--accent-bright); }

.colony-banner-note { color: var(--text-muted); letter-spacing: var(--ls-body); }
.colony-deflect-enroute { display: inline-flex; align-items: center; gap: var(--gap); height: var(--ctl-h); padding: 0 var(--pad-x-s); color: var(--accent); letter-spacing: var(--ls-btn); white-space: nowrap; }

/* ── 8. MŰVEK / ÁRAMOK fülek (a sorok a haladás-receptből jönnek) ─────────────── */
.colony-tab-works, .colony-tab-flows { gap: var(--gap); padding-top: var(--pad-y); }
.colony-works-list { display: flex; flex-direction: column; gap: 0; }
.colony-works-list .ongoing-row { margin: 0; }
.works-bulk { display: flex; flex-direction: column; gap: var(--gap); padding: var(--pad-y) 0; border-bottom: var(--bw) solid var(--line); }
.works-bulk-acts { display: grid; grid-template-columns: repeat(auto-fill, minmax(260px, 1fr)); align-items: center; gap: var(--gap); min-width: 0; }
.works-bulk-acts > :not(.works-bulk-btn) { grid-column: 1 / -1; }
.works-bulk-none, .works-bulk-note { color: var(--text-muted); letter-spacing: var(--ls-body); }
.works-bulk-short { color: var(--amber); letter-spacing: var(--ls-body); }

/* ── 9. HAZAI DOSSZIÉ (.colony-detail.mv-home) ────────────────────────────────── */
.colony-detail { display: flex; flex-direction: column; gap: 0; padding: 0; min-width: 0; }
.colony-detail-name, .detail-modal-body .colony-detail-name, .mv .mv-home > .colony-detail-name { display: none; }
.colony-detail .settings-group { margin-top: 0; }
.colony-detail .cmodal-tabs { margin-bottom: 0; }
.colony-detail .colony-alloc-group, .mv .mv-body .colony-alloc-group { margin: 0; padding: 0; border: 0; }
.colony-metric-pair { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: var(--gap) var(--gap-l); min-width: 0; }
.colony-metric, .colony-metric-pair .colony-metric, .mv .mv-body .colony-metric-pair .colony-metric {
    display: flex; flex-direction: column; gap: var(--gap-s); min-width: 0;
    padding: var(--pad-y) var(--pad-x); background: var(--g-04); border: 0; border-left: 2px solid var(--g-30); border-radius: 0;
}
.colony-metric-head { display: flex; justify-content: space-between; align-items: baseline; gap: var(--gap); margin: 0; }
.colony-metric-label { color: var(--text-muted); letter-spacing: var(--ls-head); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.colony-metric-big { font-size: var(--fs-body); font-weight: var(--fw-bold); line-height: var(--lh); margin: 0; color: var(--text-bright); font-variant-numeric: tabular-nums; text-shadow: none; }
.colony-metric-fig, .colony-metric-sub { color: var(--text-muted); font-variant-numeric: tabular-nums; letter-spacing: var(--ls-body); text-transform: uppercase; }
.colony-metric-fig { color: var(--text-bright); }
.colony-bar { height: var(--meter-h); border-radius: var(--r); background: var(--g-10); border: 0; overflow: hidden; }
.colony-bar-fill { display: block; height: 100%; background: var(--accent); box-shadow: none; transition: width .4s ease; }
.colony-alloc-labels { display: flex; justify-content: space-between; gap: var(--gap); color: var(--text-muted); letter-spacing: var(--ls-head); margin: 0; }
.colony-alloc-readout { display: flex; justify-content: space-between; gap: var(--gap); color: var(--text-bright); font-variant-numeric: tabular-nums; text-shadow: none; margin: 0; }
.colony-alloc-readout span { text-transform: uppercase; letter-spacing: var(--ls-body); }

.colony-slider, .diaspora-slider, .tech-weight-slider { width: 100%; height: var(--ctl-h); margin: 0; accent-color: var(--accent); cursor: pointer; background: transparent; }
.mv .colony-role-row { display: flex; align-items: center; flex-wrap: wrap; gap: var(--gap); }

/* ── 10. KUTATÁS a dossziéban — [mega-vonat 10-03 UI-6] a .tech-* ALAP-szabályai EGY helyen élnek: 56-mind-prg-cfg.css.
      Itt csak a dosszié (.research-inline .mv-body) hatókörű felülírásai maradnak, amelyek a .mv .mv-body általános
      szabályait verik; a sima .tech-* felek (az 56 úgyis felülírta őket: sor-padding, weight-val, slider, foot-hint)
      törölve. A .tech-bc-btn / .tech-cancel-btn / .tech-level / .tech-weight-slider a közös horog-listákon ül (gomb, chip, csúszka). */
.research-inline .mv-body .tech-list { display: flex; flex-direction: column; gap: 0; }
.research-inline .mv-body .tech-row { display: flex; flex-direction: column; gap: var(--gap-s); padding: var(--pad-y) 0; border: 0; border-top: var(--bw) solid var(--g-08); border-radius: 0; }
.research-inline .mv-body .tech-list > .tech-row:first-child { border-top: 0; padding-top: 0; }
.research-inline .mv-body .tech-broadcast { display: flex; flex-direction: column; gap: var(--gap-s); margin: 0; padding: 0; border: 0; border-radius: 0; background: none; }
.research-inline .mv-body .tech-bc-row { display: flex; flex-wrap: nowrap; gap: var(--gap); margin: 0; min-width: 0; }
.research-inline .mv-body .tech-bc-btn { flex: 1 1 0; min-width: 0; padding: 0 var(--ctl-pad-x); }
.tech-lens .cmodal-foot-btn { margin: 0; }
.research-inline .mv-body .settings-group, .research-inline .mv-body .tech-benches { border: 0; border-radius: 0; padding: 0; margin: 0; background: none; }

/* ── 11. TÁVOLI DOSSZIÉ (.cdetail-* — a .cdetail-block és -h a „law”-é) ────────── */
.cdetail-cohesion { font-size: var(--fs-body); font-weight: var(--fw-bold); letter-spacing: var(--ls-head); color: var(--text-bright); margin: 0; }
.cdetail-heard { line-height: var(--lh); margin: 0; color: var(--text-base); }
.cdetail-econ { margin: 0; }
.cdetail-namedrift { color: var(--text-muted); font-style: italic; }
.cdetail-projection { margin: 0; color: var(--text-dim); font-style: italic; }
.cdetail-remedy { display: flex; flex-direction: column; gap: var(--gap); padding: var(--pad-y) var(--pad-x); background: var(--g-04); border-left: 2px solid var(--amber); }
.cdetail-repair p, .cdetail-repair li { text-transform: uppercase; }
.cdetail-inflight, .mv .mv-body .cdetail-inflight { min-width: 0; padding: var(--pad-y) var(--pad-x); background: var(--g-04); border: var(--bw) solid var(--g-14); border-radius: var(--r); }
.cdetail-inflight .transit-leg-head { font-size: var(--fs-body); }
.cdetail-warstrip { margin: 0; padding: var(--pad-y) var(--pad-x); background: rgba(255,77,77,.08); border: 0; border-left: 2px solid var(--danger); }
.cdetail-geostrip { margin: 0; padding: var(--pad-y) var(--pad-x); background: rgba(251,191,36,.06); border: 0; border-left: 2px solid var(--amber); border-radius: 0; color: var(--amber); letter-spacing: var(--ls-body); }
.cdetail-geostrip--era { border-left-color: var(--danger); color: var(--danger); background: rgba(255,77,77,.06); }
.cdetail-thread-row { display: flex; align-items: baseline; gap: var(--gap); min-height: var(--row-h); padding: var(--gap-s) 0; line-height: var(--lh); border-top: var(--bw) solid var(--g-08); }
.cdetail-thread-row:first-of-type { border-top: 0; }
.cdetail-thread-row .feed-arrow { flex: none; color: var(--accent-deep); }
.cdetail-thread-row .feed-arrival { flex: none; color: var(--text-muted); font-variant-numeric: tabular-nums; }
.cdetail-thread-row--fromdark, .cdetail-thread-row--undecoded { padding-left: var(--pad-x); border-left: 2px solid var(--fromdark-edge); }
.cdetail-thread-row--fromdark .prose { color: var(--fromdark-text); font-style: italic; }
.cdetail-thread-row--fromdark .feed-arrow { color: var(--fromdark-accent); }
.cdetail-thread-row--undecoded { border-left-color: var(--alien-violet-deep); }
.cdetail-thread-row--undecoded .prose { color: var(--alien-violet-text); font-style: normal; }
.cdetail-thread-row--undecoded .feed-arrow { color: var(--alien-violet-bright); }
.mv .mv-body p, .mv .mv-body .remedy-verdict, .mv .mv-body .tech-foot-hint { max-width: none; }

/* ── 12. DIASZPÓRA-SOR és -ív ─────────────────────────────────────────────────── */
.diaspora-row { display: flex; flex-direction: column; gap: var(--gap-s); padding: var(--pad-y) var(--pad-x); border: 0; border-left: 2px solid var(--accent); border-bottom: var(--bw) solid var(--g-08); border-radius: 0; background: transparent; }
.diaspora-row:last-child { border-bottom: 0; }
.diaspora-row.status-independent { border-left-color: var(--amber); }
.diaspora-row.status-dark { border-left-color: var(--fromdark-edge); opacity: .82; }
.diaspora-row.status-alien { border-left-color: var(--alien-violet); background: rgba(143,127,224,.07); }
.diaspora-row.status-ruins { border-left-color: var(--fromdark-edge); opacity: .62; }
.diaspora-row--compact { cursor: pointer; transition: background .14s; }
.diaspora-row--compact:hover { background: var(--g-04); }
.diaspora-row--compact:hover .diaspora-row-open { color: var(--accent-bright); }
.diaspora-head { display: flex; align-items: baseline; gap: var(--gap); min-width: 0; }
.diaspora-name { flex: 1 1 auto; min-width: 0; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; color: var(--text-bright); font-weight: var(--fw-bold); letter-spacing: var(--ls-head); }
.diaspora-loc { white-space: nowrap; color: var(--text-muted); }
.diaspora-glyph { color: var(--accent-bright); flex: none; }
.status-independent .diaspora-glyph { color: var(--amber); }
.status-dark .diaspora-glyph, .status-ruins .diaspora-glyph { color: var(--fromdark-accent); }
.status-alien .diaspora-glyph { color: var(--alien-violet-bright); }
.diaspora-line { display: flex; align-items: center; gap: var(--gap); min-width: 0; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }


.diaspora-cohesion { display: inline-flex; align-items: center; gap: var(--gap); }
.diaspora-coh-bar { position: relative; display: inline-block; width: 64px; height: var(--meter-h); border-radius: var(--r); background: var(--g-10); overflow: hidden; }
.diaspora-coh-bar > span { position: absolute; left: 0; top: 0; bottom: 0; background: var(--accent); }
.diaspora-coh-bar::after { content: ""; position: absolute; left: 25%; top: 0; bottom: 0; width: 1px; background: rgba(255,77,77,.55); }
.diaspora-cohesion.is-mid .diaspora-coh-bar > span { background: var(--amber); }
.diaspora-cohesion.is-low .diaspora-coh-bar > span { background: var(--danger); }
.diaspora-dial { display: flex; flex-direction: column; gap: var(--gap-s); margin: 0; }
.diaspora-dial--compact { flex-direction: row; align-items: center; gap: var(--gap); cursor: default; }
.diaspora-dial--compact .diaspora-slider { flex: 1 1 auto; }



.diaspora-transit, .diaspora-transit-pip { color: var(--accent-deep); letter-spacing: var(--ls-body); }
.diaspora-transit-pip { margin-left: var(--gap); }
.diaspora-lastlog { display: flex; align-items: baseline; gap: var(--gap); min-width: 0; }
.diaspora-lastlog .feed-arrow { flex: none; color: var(--accent-deep); }
.diaspora-lastlog-msg { min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; color: var(--text-muted); font-style: italic; }




/* [mega-vonat 10-03 UI-19] a .diaspora-insts / .di-collapsed szabály törölve — egyik osztályt sem bocsátja ki markup (web/ + server/: 0 találat) */


.diaspora-inst-row .install-glyph { color: var(--accent-bright); }
.diaspora-inst-row .install-label { color: var(--text-bright); }

/* ── 13. INSTALLÁCIÓK a kolónia-felületen (.colony-install-row, .install-*) ───── */



.colony-install-row .cir-head { display: flex; align-items: center; gap: var(--gap); min-height: var(--row-h); cursor: pointer; min-width: 0; }
.colony-install-row .cir-head:hover .install-label { color: var(--accent-bright); }
.colony-install-row .cir-chevron { color: var(--text-muted); display: inline-block; width: 10px; flex: none; transition: transform .15s ease; }
.colony-install-row:not(.cir-collapsed) .cir-chevron { transform: rotate(90deg); }
.colony-install-row.cir-collapsed .cir-detail { display: none; }
.colony-install-row .cir-tap { padding-left: var(--pad-x); color: var(--text-muted); }
.install-glyph { color: var(--accent-bright); flex: none; }
.install-label { color: var(--text-bright); font-weight: var(--fw-bold); letter-spacing: var(--ls-head); text-transform: uppercase; min-width: 0; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.install-building, .install-active { text-transform: uppercase; }
.install-building { color: var(--amber); }
.install-rec--ghost { opacity: .75; }
.install-rec--ghost .install-label { color: var(--text-muted); font-weight: 400; }
.install-rec--prime .install-label { color: var(--gold-prime); }
.install-readout { display: flex; flex-direction: column; gap: var(--gap); margin: 0; padding: var(--gap) 0 0 var(--pad-x); }
.install-metrics { display: flex; align-items: baseline; gap: var(--gap); flex-wrap: wrap; }
.install-roi, .install-econ { font-weight: var(--fw-bold); font-variant-numeric: tabular-nums; text-transform: uppercase; }
.install-roi, .install-econ--loss, .install-aging, .install-power, .install-neglect { color: var(--amber); }
.install-roi--paid, .install-econ--paid { color: var(--accent-bright); text-shadow: none; }
.install-returned { text-transform: uppercase; }
.install-derelict { color: var(--danger); opacity: .75; font-weight: var(--fw-bold); }
.install-inbound, .install-cargo { color: var(--accent); }
.install-cargo { font-variant-numeric: tabular-nums; }
.install-lag { color: var(--text-dim); font-style: italic; }
.install-health { display: flex; align-items: center; gap: var(--gap); }
.install-health-bar { position: relative; display: inline-block; width: 76px; height: var(--meter-h); border-radius: var(--r); background: var(--g-10); overflow: hidden; }
.install-health-bar > span { position: absolute; left: 0; top: 0; bottom: 0; background: var(--accent); }
.install-health.is-mid .install-health-bar > span { background: var(--amber); }
.install-health.is-low .install-health-bar > span { background: var(--danger); }
.install-actions { display: flex; flex-wrap: wrap; align-items: center; gap: var(--gap); margin: 0; }
.install-actions::after { content: ""; flex-basis: 100%; height: 0; order: 9; }
.install-actions > button { order: 10; flex: 1 1 0; }
.install-actions > .install-scuttle-btn { order: 11; }
.install-actions--readonly { color: var(--text-dim); font-style: italic; }
.install-mandate { display: flex; flex-direction: column; gap: var(--gap-s); margin: 0; }
.install-mandate-select, .install-type-picker {
    height: var(--ctl-h); padding: 0 var(--ctl-pad-x); min-width: 0; max-width: 100%;
    font-size: var(--fs-body); color: var(--text-bright); background: var(--g-04);
    border: var(--bw) solid var(--g-22); border-radius: var(--r);
}
.install-mandate-select { width: 50%; min-width: 200px; }
.install-mandate-status { letter-spacing: var(--ls-body); text-transform: uppercase; }
.install-yard { display: flex; align-items: center; gap: var(--gap); flex-wrap: wrap; margin: 0; }
.install-yard .fleet-select { height: var(--ctl-h); font-size: var(--fs-body); padding: 0 var(--ctl-pad-x); }
input.works-amt { height: var(--ctl-h); width: 110px; padding: 0 var(--ctl-pad-x); font-size: var(--fs-body); font-variant-numeric: tabular-nums; text-align: right;
    color: var(--text-bright); background: var(--g-04); border: var(--bw) solid var(--g-22); border-radius: var(--r); }

/* ── 14. DOKTRÍNA-SOROK (flotta-doktrína és kolónia-szerep) + Mind-rendelkezések ── */



.doctrine-row .fleet-select { flex: 0 0 210px; }
.doctrine-row:has(.fleet-strike-grade), .doctrine-row:has(.fleet-occupied-policy), .doctrine-row:has(.fleet-dig-policy) { flex-wrap: wrap; }
.doctrine-row:has(.fleet-strike-grade) .fleet-select, .doctrine-row:has(.fleet-occupied-policy) .fleet-select, .doctrine-row:has(.fleet-dig-policy) .fleet-select { flex: 1 1 100%; }
.doctrine-threshold-row { display: flex; align-items: center; gap: var(--gap); margin: var(--gap) 0 0; }
.doctrine-threshold-row .colony-slider { flex: 1 1 auto; min-width: 80px; }
.fleet-doctrine-group.doctrine-collapsed > :not(.settings-label) { display: none; }


.mind-order-row { display: flex; align-items: center; flex-wrap: wrap; gap: var(--gap); min-height: var(--ctl-h); margin: 0; padding: var(--gap-s) 0; line-height: var(--lh); text-transform: uppercase; border-top: var(--bw) solid var(--g-08); }
.mind-order-row:first-child { border-top: 0; }
.mind-order-row > input[type="checkbox"] { flex: 0 0 auto; width: 12px; height: 12px; margin: 0; accent-color: var(--accent); }
.mind-order-row input[type="number"] { width: 64px; height: var(--ctl-h); padding: 0 var(--gap-s); font-size: var(--fs-body); color: var(--text-bright); background: var(--g-04); border: var(--bw) solid var(--g-22); border-radius: var(--r); }
.mind-order-row input[type="range"] { width: 96px; height: var(--ctl-h); accent-color: var(--accent); }

/* ── 15. MOBIL: a Mind-olvasat a kártyákon (html.is-mobile — a shell osztálya) ──── */










/* ── remainder 2026-10-02 ── (remA: távoli kolóniák, input-csoport, brief, mind-order, recap, OP-sáv, szelep, átrakás) */
.distant-colonies { display: flex; flex-direction: column; min-width: 0; }
/* input + mértékegység EGY tokban: a .ctl magasság, közös keret */
.igroup { display: inline-flex; align-items: stretch; height: var(--ctl-h); min-width: 0; overflow: hidden;
    background: var(--g-04); border: var(--bw) solid var(--g-22); border-radius: var(--r); }
.igroup input[type="number"], .igroup input[type="text"] { width: 8ch; height: 100%; padding: 0 var(--pad-x-s); color: var(--text-bright); background: transparent; border: 0; color-scheme: dark; }
.igroup:focus-within { border-color: var(--accent); background: var(--g-06); }
.igroup input:disabled { opacity: .45; }
.igroup-unit { display: flex; align-items: center; padding: 0 var(--pad-x-s); color: var(--text-muted); background: var(--g-06); border-left: var(--bw) solid var(--g-22); white-space: nowrap; }
/* brief: a hosszú szöveg csonka, a „▸ MORE" nyitja (a nyitott összegzés eltűnik) */
.brief-more summary { list-style: none; cursor: pointer; }
.brief-more summary::-webkit-details-marker { display: none; }
.brief-more[open] summary { display: none; }
.brief-more-cue { color: var(--accent); white-space: nowrap; }
/* mind-order paraméter (küszöb, plafon): jobbra zárt mező a sor alatt */
.mind-order-param { display: flex; align-items: center; justify-content: flex-end; gap: var(--gap); margin-top: var(--gap-s); white-space: nowrap; color: var(--text-muted); }
.mind-order-param b { color: var(--accent); font-variant-numeric: tabular-nums; }
.pop-valve-line input[type="number"], .mind-order-param input[type="number"] {
    width: 8ch; height: var(--ctl-h); padding: 0 var(--pad-x-s); vertical-align: middle; text-align: right; font-variant-numeric: tabular-nums;
    color: var(--text-bright); background: var(--g-04); border: var(--bw) solid var(--g-22); border-radius: var(--r);
}
.pop-valve-line input[type="number"]:focus, .mind-order-param input[type="number"]:focus { border-color: var(--accent); }
.mind-order-param input[type="range"] { width: 100px; height: var(--ctl-h); vertical-align: middle; accent-color: var(--accent); }
.pop-valve-row { margin: var(--gap) 0; }
.pop-valve-line input[type="checkbox"] { flex-shrink: 0; }
/* átrakás / komp: címke · cél · mennyiség · gomb egy sorban, egy magasságon */
.transfer-row { display: flex; align-items: center; gap: var(--gap); flex-wrap: wrap; margin-top: var(--gap); }
.transfer-row :is(select.transfer-to, select.shuttle-dir, input.transfer-amt, input.shuttle-amt) {
    height: var(--ctl-h); padding: 0 var(--ctl-pad-x); color: var(--text-bright); background: var(--g-04);
    border: var(--bw) solid var(--g-22); border-radius: var(--r);
}
.transfer-row :is(input.transfer-amt, input.shuttle-amt) { width: 10ch; text-align: right; font-variant-numeric: tabular-nums; }
.transfer-row :is(select, input):focus { border-color: var(--accent); }
/* fiók-beállítások: a név-mező teljes szélesség */
.account-settings-body .probe-name-input { width: 100%; margin: var(--gap-s) 0; }
.account-settings-body .cmodal-foot-btn { margin: var(--gap-s) 0; }
/* OP-cella: a mezőgazdasági hányad vékony sávja a cella alján */
.output-cell { position: relative; }
.op-comp-bar { position: absolute; left: var(--pad-x); right: var(--pad-x); bottom: 1px; height: 2px; background: var(--line-dim); opacity: .55; }
.op-comp-bar .op-comp-agro { display: block; height: 100%; background: var(--amber); }
/* MIND-JELENTÉS (recap): főcím-sor, szekciók vonallal, év · üzenet sorok */
.recap-lede { margin: 0 0 var(--sec-gap); color: var(--text-bright); }
.recap-section { margin: 0 0 var(--sec-gap); }
.recap-h { margin: 0 0 var(--gap); padding-bottom: var(--gap-s); border-bottom: var(--bw) solid var(--line);
    font-weight: var(--fw-bold); letter-spacing: var(--ls-head); color: var(--text-bright); }
.recap-section--urgent .recap-h { color: var(--amber); border-bottom-color: rgba(251,191,36,.22); }
.recap-line { display: flex; gap: var(--gap-l); align-items: baseline; margin: 0 0 var(--gap); }
.recap-year { flex: 0 0 auto; min-width: 6ch; color: var(--text-muted); font-variant-numeric: tabular-nums; }
.recap-msg { color: var(--text-base); }
.recap-section--urgent .recap-msg { color: var(--text-bright); }
.recap-quiet { color: var(--text-muted); }
.recap-counsel { padding: var(--pad-y) var(--pad-x); border-left: 2px solid var(--accent); background: var(--g-04); }
.recap-counsel .recap-h { border-bottom: 0; padding-bottom: 0; }

/* (mega-vonat ui #31) VISSZATÉVE: a --full / --over módosítót a main.js `popFillClass()` ragasztja a tőhöz (`colony-mini-fill${…}`) — a halott-osztály szkenner nem látta */
.colony-row-pop--over { color: var(--amber); }
.colony-row-pop--full { color: var(--text-base); }
.colony-mini-fill--full { opacity: .85; }
.colony-mini-fill--over { background: var(--amber); }