/* ═══════════════════════════════════════════════════════════════════════════
   LIGHTCONE · 51 — ASIDE + TX  (a vonat írja, 2026-10-01)
   A jobb panel héja (fej, lap-fej, kereső), a MAP lap (csillag-adatlap, láb),
   a TX lap (eszközsor, digest-csoportok, sorok, tanács, archívum) és a
   LOG-részlet bérlő (.logdetail-*) a detail-modal vázban.
   Csak tokenek; id-ra nem célzunk; a horgok a 20-components receptjeire ülnek.
   ═══════════════════════════════════════════════════════════════════════════ */

/* ── A PANEL HÉJA ─────────────────────────────────────────────────────────── */
.narrative-panel {
    display: flex; flex-direction: column; min-width: 0; min-height: 0; overflow: hidden;
    background: var(--surface-deck);
    border-left: var(--bw) solid var(--line-strong);
}
@media (min-width: 769px) {
    .app.panel-collapsed .narrative-panel { display: none; }
}
/* a márka-sor: NEM főcím (a főcím a lap címe) — 10 bold, a szlogen halványan mellette */
.panel-header {
    flex: none; display: flex; align-items: center; gap: var(--gap); min-width: 0;
    min-height: var(--head-h); padding: var(--pad-y) var(--pad-x);
    border-bottom: var(--bw) solid var(--line);
}
.panel-header h1 {
    flex: 0 0 auto;
    font-size: var(--fs-body); font-weight: var(--fw-bold); letter-spacing: var(--ls-title); line-height: 1.2;
    color: var(--accent-bright); white-space: nowrap;
}
.panel-header .panel-slogan {
    flex: 1 1 auto; min-width: 0;
    color: var(--text-muted); white-space: nowrap; overflow: hidden; text-overflow: ellipsis;
}
body.is-supporter .panel-header h1, body.is-patron .panel-header h1 { text-shadow: var(--glow-gold); }
body.is-supporter .panel-header .panel-slogan, body.is-patron .panel-header .panel-slogan { color: var(--gold); }
/* a csukó: ikon-gomb recept */
.panel-collapse, .m-panel-close, .sd-header .proxy-door {
    display: inline-flex; align-items: center; justify-content: center; flex: 0 0 var(--ctl-h);
    width: var(--ctl-h); height: var(--ctl-h); padding: 0; margin-left: auto; 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;
}
.panel-collapse:hover, .m-panel-close:hover, .sd-header .proxy-door:hover {
    color: var(--accent-bright); background: var(--g-12); border-color: var(--surface-edge-strong);
}
.m-panel-close { display: none; }
.sd-header .proxy-door { margin-left: 0; color: var(--accent); }
.sd-header .proxy-door.hidden { display: none; }

/* ── A LAP: egy görgető oszlop; a fej a .pane-head nyelve (EGY 12 px-es cím) ── */
.aside-pane { flex: 1 1 auto; min-height: 0; display: flex; flex-direction: column; overflow-y: auto; overflow-x: hidden; }
.aside-pane.hidden { display: none; }
/* a lap mezői kitöltik a helyüket (0 specificitás: a lap-saját szabály nyer) */
:where(.aside-pane) :where(input:not([type="checkbox"]):not([type="radio"]):not([type="range"]), select, textarea) { width: 100%; }
.aside-pane-header {
    flex: none; display: flex; align-items: center; flex-wrap: wrap; gap: var(--gap-s) var(--gap); min-width: 0;
    min-height: var(--head-h); padding: var(--pad-y) var(--pad-x);
    border-bottom: var(--bw) solid var(--line-strong);
}
.aside-pane-header h2 {
    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); white-space: nowrap; overflow: hidden; text-overflow: ellipsis;
}
.aside-pane-header > .muted { flex: 1 0 100%; color: var(--text-muted); }
.aside-header-tools { display: flex; align-items: center; gap: var(--gap-s); flex: none; margin-left: auto; }
.feed-unread-count { color: var(--accent); white-space: nowrap; font-variant-numeric: tabular-nums; }
.feed-unread-count:empty { display: none; }
/* ARCHIVE: a gomb-recept, csendes rang; aktív = fényes zöld */
.feed-archive-toggle {
    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(--text-muted); background: transparent; border: var(--bw) solid var(--g-14); border-radius: var(--r); cursor: pointer;
}
.feed-archive-toggle:hover { color: var(--accent); background: var(--g-08); border-color: var(--g-30); }
.feed-archive-toggle.active { color: var(--text-bright); background: var(--g-18); border-color: var(--accent); }

/* ── KERESŐ (MAP) + találatok ───────────────────────────────────────────── */
.panel-search { position: relative; flex: none; padding: var(--pad-y) var(--pad-x); border-bottom: var(--bw) solid var(--line); }
.search-input, .feed-search, .detail-fields .name-input {
    display: flex; align-items: center; height: var(--ctl-h); padding: 0 var(--ctl-pad-x); min-width: 0;
    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);
    appearance: none; -webkit-appearance: none;
}
.search-input:focus, .feed-search:focus, .detail-fields .name-input:focus { border-color: var(--accent); background: var(--g-06); }
.search-input::placeholder, .feed-search::placeholder { color: var(--text-dim); }
.search-input { width: 100%; }
.search-results {
    position: absolute; top: 100%; left: var(--pad-x); right: var(--pad-x); z-index: var(--z-dropdown);
    max-height: calc(var(--row-h) * 10); overflow-y: auto;
    background: var(--surface-deck); backdrop-filter: blur(8px);
    border: var(--bw) solid var(--g-30); border-radius: var(--r);
}
.search-result {
    display: flex; align-items: baseline; justify-content: space-between; gap: var(--gap);
    min-height: var(--row-h); padding: var(--gap-s) var(--pad-x); min-width: 0; cursor: pointer;
    border-top: var(--bw) solid var(--g-08);
}
.search-result:first-child { border-top: 0; }
.search-result:hover { background: var(--g-10); }
.search-result .sr-name { min-width: 0; color: var(--text-bright); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.search-result .sr-meta { flex: none; color: var(--text-muted); white-space: nowrap; }

/* ── MAP: csillag-adatlap ────────────────────────────────────────────────── */
.panel-content { flex: 1 1 auto; min-height: 0; overflow-y: auto; overflow-x: hidden; padding: var(--pad-y) var(--pad-x); }
.sd-header {
    display: flex; align-items: center; gap: var(--gap); min-width: 0;
    padding-bottom: var(--pad-y); margin-bottom: var(--gap);
    border-bottom: var(--bw) solid var(--line-strong);
}
.star-detail h2 {
    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-transform: none;   /* a nagybetűt a JS adja (upperKeepGreek) */
    white-space: nowrap; overflow: hidden; text-overflow: ellipsis;
}
.sd-header .info-icon { flex: none; }
/* a kulcs–érték rács: egy sor egy adat; halk vonal a sorok közt */
.detail-fields { display: grid; grid-template-columns: auto minmax(0, 1fr); column-gap: 0; align-items: stretch; }
.detail-fields dt, .detail-fields dd {
    display: flex; align-items: center; min-height: var(--row-h); min-width: 0;
    border-top: var(--bw) solid var(--g-08);
}
.detail-fields dt:first-of-type, .detail-fields dd:first-of-type { border-top: 0; }
.detail-fields dt { color: var(--text-muted); white-space: nowrap; }
.detail-fields dd { padding-left: var(--gap-l); justify-content: flex-end; text-align: right; gap: var(--gap-s); color: var(--text-bright); min-width: 0; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }   /* (mega-vonat ui #24) §2.6 nincs letörés */
.detail-fields dd.dd-prose, .detail-fields dd:has(p, ul, .prose) { white-space: normal; overflow: visible; text-overflow: clip; overflow-wrap: anywhere; }
.detail-fields dd:has(> .name-input) { justify-content: stretch; }
.detail-fields .name-input { flex: 1 1 auto; width: auto; text-transform: none; }
.detail-fields .name-clear {
    display: inline-flex; align-items: center; justify-content: center; flex: 0 0 var(--ctl-h);
    width: var(--ctl-h); height: var(--ctl-h); padding: 0; line-height: 1;
    font-size: var(--fs-body); color: var(--danger); background: rgba(255,77,77,.06);
    border: var(--bw) solid rgba(255,77,77,.45); border-radius: var(--r); cursor: pointer;
}
.detail-fields .name-clear:hover { background: rgba(255,77,77,.12); border-color: var(--danger); }
.detail-fields dt:has(+ dd > .view-system-btn) { display: none; }
.detail-fields dd:has(> .view-system-btn) { grid-column: 1 / -1; margin-top: var(--gap); padding-top: var(--pad-y); border-top-color: var(--line); }
/* a fő ige: elsődleges gomb, teljes szélesség */
.view-system-btn {
    display: flex; align-items: center; justify-content: center; width: 100%;
    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(--text-bright); background: var(--g-16); border: var(--bw) solid var(--accent); border-radius: var(--r);
    box-shadow: var(--glow-sm); cursor: pointer;
}
.view-system-btn:hover { background: var(--g-22); }
/* a frissesség: jelvény (chip recept) — a kor a zöld halványulása, aztán borostyán, aztán HALVÁNY.
   [mega-vonat 10-03 UI-5] a STALE nem veszély (kánon §2.9 / §7: a régi megfigyelés nyugalom) → --text-dim,
   a FRESH/RECENT a magyarázó (INFO_TOPICS.freshness) tokenjein; a régi piros a .freshness-risk-é,
   a kölcsönvett figyelmeztetések (flare-noisy, unresolved companions) a .freshness-warn borostyánján. */
.freshness {
    display: inline-flex; align-items: center; height: calc(var(--ctl-h) - 4px); padding: 0 var(--pad-x-s);
    font-size: var(--fs-btn); letter-spacing: var(--ls-btn); line-height: 1; white-space: nowrap;
    border: var(--bw) solid var(--g-18); border-radius: var(--r); color: var(--text-muted); background: var(--g-06);
}
.freshness-live { color: var(--text-bright); border-color: var(--accent); background: var(--g-16); }
.freshness-fresh { color: var(--text-bright); border-color: var(--g-30); }
.freshness-recent { color: var(--accent-bright); }
.freshness-aged, .freshness-warn { color: var(--amber); border-color: rgba(251,191,36,.45); background: rgba(251,191,36,.08); }
.freshness-stale { color: var(--text-dim); border-color: var(--g-14); background: transparent; }
.freshness-risk { color: var(--danger); border-color: rgba(255,77,77,.45); background: rgba(255,77,77,.08); }
.freshness-unknown { color: var(--text-dim); }
.panel-placeholder { display: flex; flex-direction: column; gap: var(--gap); }
.panel-placeholder p { color: var(--text-muted); }
.panel-placeholder .muted { color: var(--text-dim); }

/* ── MAP: a lap lába (katalógus, kapcsolók, nagyságrend-csúszka) ───────── */
.map-pane-footer {
    flex: none; margin-top: auto; padding: var(--gap-s) var(--pad-x);
    border-top: var(--bw) solid var(--line-strong); background: var(--surface-deck);
}
.map-pane-footer .mpf-row {
    display: flex; align-items: center; gap: var(--gap); min-height: var(--row-h); min-width: 0;
    border-top: var(--bw) solid var(--g-08);
}
.map-pane-footer .mpf-row:first-child { border-top: 0; }
.map-pane-footer .mpf-row > .info-icon { flex: none; }
.map-pane-footer .mpf-hint { color: var(--text-muted); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; display: block; line-height: var(--row-h); }
.map-pane-footer .mpf-loops label { display: inline-flex; align-items: center; gap: var(--gap); cursor: pointer; white-space: nowrap; }
.map-pane-footer .mpf-loops label input { width: 12px; height: 12px; margin: 0; accent-color: var(--accent); flex: none; }
/* (mega-vonat dead A6, Peter 2026-10-03) ◈ KNOWN REALMS legenda: 8 chip + „+N MORE", a szűrő-sávban, nem a térképen */
.map-pane-footer .mpf-legend { flex-wrap: wrap; gap: var(--gap-s); }
.map-pane-footer .mpf-legend:empty { display: none; }
.realm-chip { display: inline-flex; align-items: center; gap: var(--gap-s); height: var(--ctl-h); padding: 0 var(--ctl-pad-x); max-width: 100%; min-width: 0;
    font-size: var(--fs-btn); letter-spacing: var(--ls-btn); color: var(--text-muted); border: var(--bw) solid var(--g-18); border-radius: var(--r); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.realm-chip .proper-name { min-width: 0; overflow: hidden; text-overflow: ellipsis; }
.realm-dot { width: 8px; height: 8px; border-radius: 50%; flex: none; }
.map-pane-footer .mpf-loops label + .info-icon { margin-right: var(--gap-l); }
.map-pane-footer .mpf-mag input[type="range"] { flex: 1 1 auto; min-width: 0; height: var(--ctl-h); accent-color: var(--accent); }
.map-pane-footer .hud-label { color: var(--text-muted); letter-spacing: var(--ls-head); white-space: nowrap; }
.map-pane-footer .mag-value { flex: none; min-width: 4ch; text-align: right; color: var(--text-bright); font-variant-numeric: tabular-nums; }

/* ── TX: az eszközsor — mező + hat ikon-gomb, EGY magasság, egy vonalon ── */
.tx-tools {
    flex: none; display: flex; align-items: center; gap: var(--gap-s); min-width: 0;
    padding: var(--pad-y) var(--pad-x); border-bottom: var(--bw) solid var(--line);
}
.tx-tools .feed-search { flex: 1 1 auto; width: auto; min-width: 0; }
.tx-tools[data-target="modal"] { justify-content: flex-end; }
/* a szűrő-chip: a chip recept gombként (a realm/flotta is ezt használja) */
.feed-chip {
    display: inline-flex; align-items: center; justify-content: center; gap: var(--gap-s);
    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(--text-muted); background: var(--g-06); border: var(--bw) solid var(--g-18); border-radius: var(--r); cursor: pointer;
}
.feed-chip:hover { color: var(--accent); border-color: var(--surface-edge-strong); }
.feed-chip.active { color: var(--text-bright); background: var(--g-16); border-color: var(--accent); }
.feed-chip.tx-tool { flex: 0 0 var(--ctl-h); width: var(--ctl-h); padding: 0; font-size: var(--fs-body); letter-spacing: 0; }
.feed-chip.tx-tool--armed { color: var(--amber); border-color: var(--amber); background: rgba(251,191,36,.12); }

/* ── TX: a lista ─────────────────────────────────────────────────────────── */
.feed-msg { color: var(--text-bright); }
.feed-msg--report, .feed-counsel-msg { text-transform: uppercase; }

.feed-list { flex: 1 1 auto; min-height: 0; overflow-y: auto; overflow-x: hidden; }
.feed-empty { padding: var(--pad-y) var(--pad-x); color: var(--text-muted); }

/* a fejsáv: döntések száma — borostyán csík, a csík és a szöveg között padding */
.tx-bar {
    display: flex; align-items: center; gap: var(--gap); min-height: var(--row-h);
    padding: var(--gap-s) var(--pad-x); border-left: 2px solid var(--amber); border-bottom: var(--bw) solid var(--line);
    background: rgba(251,191,36,.05); color: var(--amber); white-space: nowrap;
}
.tx-bar-pend { color: var(--amber); }
/* a megjelölt nézet kilépő sora */
.feed-catchup {
    display: flex; align-items: center; gap: var(--gap); min-height: var(--row-h);
    padding: var(--gap-s) var(--pad-x); border-left: 2px solid var(--accent); border-bottom: var(--bw) solid var(--line);
    background: var(--g-04);
}
.feed-catchup-body { flex: 1 1 auto; min-width: 0; color: var(--text-bright); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }

/* a csoport = szekció: alcím-sor (10 bold) + sorok, alatta vonal */
.tx-group { border-bottom: var(--bw) solid var(--line); }
.tx-group-head {
    display: grid; grid-template-columns: 7ch minmax(0, 1fr) auto auto 10px; align-items: center; gap: var(--gap);
    width: 100%; height: var(--ctl-h); padding: 0 var(--pad-x); min-width: 0;
    border-left: 2px solid transparent; text-align: left; cursor: pointer; user-select: none;
    font-size: var(--fs-body); font-weight: var(--fw-bold); letter-spacing: var(--ls-head); line-height: 1.2;
    color: var(--text-bright); background: var(--g-04);
}
.tx-group-head:hover { background: var(--g-08); }
.tx-group--act > .tx-group-head { border-left-color: var(--amber); }
.tx-g { color: var(--accent); text-align: center; }
.tx-glabel { min-width: 0; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.tx-gact, .tx-gcount, .tx-gcrisis { font-weight: 400; letter-spacing: var(--ls-body); white-space: nowrap; }
.tx-gact { color: var(--amber); }
.tx-gcount { color: var(--text-muted); font-variant-numeric: tabular-nums; }
.tx-gcrisis { color: var(--danger); }
.tx-gchev { color: var(--accent); text-align: center; font-weight: 400; }
.tx-rows { display: flex; flex-direction: column; padding-bottom: var(--gap-s); }
.tx-group-latest {
    display: grid; grid-template-columns: 7ch minmax(0, 1fr); gap: var(--gap);
    min-height: var(--ctl-h); align-items: center; padding: 0 var(--pad-x); border-left: 2px solid transparent;
}
.tx-group-latest > .tx-line { grid-column: 2; color: var(--text-muted); }

/* a sor: KOR · üzenet · ige vagy ›  — egy sor, egy tétel; a csík (ha van) és a szöveg közt padding */
.feed-item.tx-row, .tx-row {
    display: grid; grid-template-columns: 7ch minmax(0, 1fr) auto; align-items: center; gap: var(--gap);
    min-height: var(--ctl-h); padding: calc(var(--gap-s) / 2) var(--pad-x); min-width: 0;   /* Peter 2026-10-02 este: az igék (gombok) sorai összeértek — 3+3 px függőleges levegő a sorok közt */
    border: 0; border-left: 2px solid transparent; box-shadow: inset 0 var(--bw) 0 var(--g-08);
    background: none; cursor: pointer;
}
.tx-rows > .tx-row:first-child { box-shadow: none; }
.tx-row:hover { background: var(--g-05); }
.tx-age { color: var(--text-dim); text-align: right; white-space: nowrap; font-variant-numeric: tabular-nums; }
.tx-line, .tx-row .tx-line.feed-msg--clamp {
    display: block; min-width: 0; color: var(--text-muted);
    white-space: nowrap; overflow: hidden; text-overflow: ellipsis;
}
.tx-row.unread .tx-line { color: var(--text-bright); }
.tx-row.unread .tx-age { color: var(--accent); }
.tx-end { display: flex; align-items: center; justify-content: flex-end; gap: var(--gap-s); min-width: 0; }
.tx-end > .feed-jump { flex: none; }   /* az ige sosem csonkul — az üzenet enged */
.tx-chev { color: var(--text-dim); width: 10px; text-align: center; }
.tx-row--act { border-left-color: var(--amber); }
.tx-row--crisis { border-left-color: var(--danger); }
.tx-row--member { padding-left: calc(var(--pad-x) * 2); }
.tx-row--member .tx-age { color: var(--g-35); }
/* tanács-sor: a csík amber, a kor-oszlop a glif */
.tx-counsel { cursor: default; }
.tx-counsel .tx-age { color: var(--amber); text-align: center; }
.tx-row--crisis .tx-age { color: var(--danger); }
.tx-counsel .tx-line { color: var(--text-bright); }
.tx-dismiss {
    display: inline-flex; align-items: center; justify-content: center; flex: 0 0 var(--ctl-h);
    width: var(--ctl-h); height: var(--ctl-h); padding: 0; line-height: 1;
    font-size: var(--fs-body); color: var(--text-muted); background: transparent; border: var(--bw) solid transparent; border-radius: var(--r); cursor: pointer;
}
.tx-dismiss:hover { color: var(--accent); background: var(--g-08); border-color: var(--g-14); }
/* „+ N MORE": a lista-nyitó — szaggatott, MINDIG teljes szélesség */
.tx-more {
    display: flex; align-items: center; justify-content: center; width: calc(100% - 2 * var(--pad-x));
    height: var(--ctl-h); margin: var(--gap-s) var(--pad-x) 0; padding: 0 var(--ctl-pad-x);
    font-size: var(--fs-btn); letter-spacing: var(--ls-btn); line-height: 1; white-space: nowrap;
    color: var(--text-muted); background: transparent; border: var(--bw) dashed var(--g-30); border-radius: var(--r); cursor: pointer;
}
.tx-more:hover { color: var(--accent); border-color: var(--surface-edge-strong); background: var(--g-06); }

/* ── A GOMBOK a soron és a részletben: a .btn recept ──────────────────────── */
.feed-jump, .mind-tip-cta, .feed-catchup-btn, .feed-archive-btn, .feed-restore-btn, .feed-reply-btn,
.feed-live-answer-btn, .feed-succ-btn, .feed-decode-btn, .feed-focus-btn {
    /* [mega-vonat 10-03 UI-2] inline-block, mint a .btn recept: a hosszú felirat ELLIPSZISSEL csonkul (flexben nem);
       az align/justify a flex-re váltó felülírásoknak marad (pl. a zseb .m-quiet sora) */
    display: inline-block; vertical-align: middle; text-align: center; align-items: center; justify-content: center; gap: var(--gap-s); min-width: 0;
    height: var(--ctl-h); padding: 0 var(--ctl-pad-x);
    font-size: var(--fs-btn); font-weight: 500; letter-spacing: var(--ls-btn); line-height: calc(var(--ctl-h) - 2 * var(--bw));
    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); cursor: pointer;
}
.feed-jump:hover, .mind-tip-cta:hover, .feed-catchup-btn:hover, .feed-archive-btn:hover, .feed-restore-btn:hover,
.feed-reply-btn:hover, .feed-live-answer-btn:hover, .feed-succ-btn:hover, .feed-focus-btn:hover {
    background: var(--g-12); border-color: var(--surface-edge-strong); color: var(--accent-bright);
}
/* borostyán = választ vár */
.mind-tip-cta { text-transform: uppercase; }   /* a tanács igéje nem név — a .feed-jump név-kivétele itt nem él */
.feed-jump--act, .mind-tip-cta { color: var(--amber); border-color: rgba(251,191,36,.45); background: rgba(251,191,36,.06); }
.feed-jump--act:hover, .mind-tip-cta:hover { color: var(--amber); border-color: var(--amber); background: rgba(251,191,36,.12); }
.mind-tip--crisis .mind-tip-cta, .tx-row--crisis .mind-tip-cta { color: var(--danger); border-color: rgba(255,77,77,.45); background: rgba(255,77,77,.06); }
/* elsődleges: a válasz */
.feed-reply-btn, .feed-live-answer-btn { color: var(--text-bright); background: var(--g-16); border-color: var(--accent); box-shadow: var(--glow-sm); }
/* lila = dekódolatlan idegen */
.feed-decode-btn { color: var(--alien-violet-text); border-color: rgba(184,166,255,.4); background: rgba(184,166,255,.06); }
.feed-decode-btn:hover { color: var(--alien-violet-text); border-color: var(--alien-violet-bright); background: rgba(184,166,255,.12); }
.feed-decode-btn:disabled, .feed-jump:disabled, .mind-tip-cta:disabled, .feed-catchup-btn:disabled { opacity: .45; cursor: default; }
.feed-catchup-btn { flex: none; }
/* a próza belső név-hivatkozása: link, nem gomb */
.feed-jump.feed-link {
    display: inline; vertical-align: baseline; height: auto; padding: 0; border: 0; background: none; overflow: visible; white-space: normal;   /* [UI-2] a gomb-recept vertical-align: middle-je a prózában nem él */
    font: inherit; letter-spacing: inherit; text-transform: none; color: var(--accent-bright);
    text-decoration: underline dotted var(--g-40); text-underline-offset: 2px;
}
.feed-jump.feed-link:hover { background: none; color: var(--amber); text-decoration-color: var(--amber); }

/* ── A RÉGI KÁRTYA-SOR (archívum + megjelölt nézet): ugyanaz az egy sor ──
      glif · kor · üzenet · ige · ⚑ · ›   (a típus-felirat a részlet címe) */
.feed-item {
    position: relative; display: grid; grid-template-columns: 14px 7ch minmax(0, 1fr) auto auto 10px; column-gap: var(--gap);
    align-items: center; min-height: var(--ctl-h); padding: 0 var(--pad-x); min-width: 0;
    border-left: 2px solid transparent; box-shadow: inset 0 var(--bw) 0 var(--g-08); cursor: pointer;
}
.feed-item:first-child { box-shadow: none; }
.feed-item:hover { background: var(--g-05); }
.feed-item.focus-flash { background: var(--g-16); }
.feed-item:not(.tx-row) > .feed-meta { display: contents; }
.feed-item:not(.tx-row) .feed-arrow { grid-column: 1; grid-row: 1; color: var(--text-dim); text-align: center; }
.feed-item:not(.tx-row) .feed-type { display: none; }
.feed-item:not(.tx-row) .feed-arrival { grid-column: 2; grid-row: 1; color: var(--text-dim); text-align: right; white-space: nowrap; font-variant-numeric: tabular-nums; }
.feed-item:not(.tx-row) > .feed-msg { grid-column: 3; grid-row: 1; min-width: 0; color: var(--text-muted); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.feed-item:not(.tx-row).unread > .feed-msg { color: var(--text-bright); }
.feed-item:not(.tx-row).unread .feed-arrival { color: var(--accent); }
.feed-item:not(.tx-row) > .feed-jumpbar--compact { grid-column: 4; grid-row: 1; }
.feed-item:not(.tx-row) > .feed-jumpbar--compact .feed-jump:not(.feed-jump--act), .feed-item:not(.tx-row) > .feed-jump-note { display: none; }
.feed-item:not(.tx-row) .feed-flag-btn { grid-column: 5; grid-row: 1; }
.feed-item:not(.tx-row) .feed-item-chev { grid-column: 6; grid-row: 1; }
.feed-item:not(.tx-row) > .feed-live-row { grid-column: 3 / -1; padding-bottom: var(--gap-s); }
.feed-item-chev { color: var(--text-dim); text-align: center; }
.feed-item.dir-outbound .feed-arrow { color: var(--amber); }
.feed-item.dir-inbound .feed-arrow { color: var(--accent); }
.feed-flag-btn {
    display: inline-flex; align-items: center; justify-content: center; width: var(--ctl-h); height: var(--ctl-h); padding: 0;
    font-size: var(--fs-body); line-height: 1; color: var(--text-dim); background: none; border: 0; cursor: pointer;
}
.feed-flag-btn:hover, .feed-flag-btn--on { color: var(--danger); }
/* a fajta = a csík színe (a stílus jelent) */
.feed-item--seti, .feed-item--reply, .feed-item--letter { border-left-color: var(--accent); }
.feed-item--reply .feed-msg, .feed-item--seti .feed-msg { color: var(--accent-bright); }
.feed-item--overdue { border-left-color: var(--warn); }
.feed-item--overdue .feed-arrow { color: var(--warn); }
.feed-item--lastlight, .feed-item--echo, .feed-item--intel { border-left-color: var(--accent-deep); }
.feed-item--lastlight .feed-msg, .feed-item--echo .feed-msg { font-style: italic; }
.feed-item--fromdark { border-left-color: var(--fromdark-edge); background: rgba(40,52,66,.18); }
.feed-item--fromdark .feed-msg, .feed-item--fromdark .feed-arrow, .feed-item--fromdark .feed-item-chev { color: var(--fromdark-text); }
.feed-item--undecoded { border-left-color: var(--alien-violet); }
.feed-item--undecoded .feed-msg, .feed-item--undecoded .feed-arrow, .feed-item--undecoded .feed-item-chev { color: var(--alien-violet-text); }
.feed-item--hushed { opacity: .5; }
.feed-item--hushed:hover { opacity: .85; }
.feed-item--hushed.unread { opacity: .65; }

/* az élő hívás / utód sora (lista és részlet) */
.feed-live-row { display: flex; align-items: center; flex-wrap: wrap; gap: var(--gap); min-width: 0; }
.feed-live-badge {
    display: inline-flex; align-items: center; height: calc(var(--ctl-h) - 4px); padding: 0 var(--pad-x-s);
    font-size: var(--fs-btn); letter-spacing: var(--ls-btn); white-space: nowrap;
    color: var(--text-bright); border: var(--bw) solid var(--accent); border-radius: var(--r); background: var(--g-10);
}
.feed-live-note { flex: 1 1 160px; min-width: 0; color: var(--text-muted); }

/* ── TANÁCS (a FIRST LIGHT sor és a levél-tanácsok): borostyán csík, a csík és a szöveg közt padding ── */
.feed-counsel {
    display: flex; align-items: center; gap: var(--gap); min-height: var(--row-h); min-width: 0;
    padding: var(--gap-s) var(--pad-x); border-left: 2px solid var(--amber); border-bottom: var(--bw) solid var(--line);
    background: rgba(251,191,36,.05); color: var(--text-bright); cursor: pointer;
}
.feed-counsel:hover { background: rgba(251,191,36,.10); }
.feed-counsel-meta { font-weight: var(--fw-bold); letter-spacing: var(--ls-head); color: var(--amber); }
.feed-counsel-msg { color: var(--text-base); }
.feed-counsel-msg b { color: var(--amber); }
.mind-tip { cursor: default; }
.logdetail-tips .mind-tip {
    display: flex; flex-direction: column; align-items: flex-start; gap: var(--gap);
    padding: var(--pad-y) var(--pad-x); border-left: 2px solid var(--amber); background: rgba(251,191,36,.05);
}
.logdetail-tips .mind-tip--crisis { border-left-color: var(--danger); background: rgba(255,77,77,.05); }
.mind-tip--crisis .feed-counsel-meta { color: var(--danger); }

/* ── LOG-RÉSZLET (a detail-modal bérlője): üzenet · melléklet · ajtók · tanács — vonalakkal tagolva ── */
.logdetail-msg { max-width: 80ch; line-height: var(--lh); white-space: pre-line; color: var(--text-bright); }
.logdetail-msg--undecoded { color: var(--alien-violet-text); text-shadow: var(--glow-violet); }


.logdetail-attach, .detail-modal-body > .feed-jumpbar, .logdetail-tips, .feed-silenced-note, .detail-modal-body > .feed-live-row {
    margin-top: var(--sec-gap); padding-top: var(--sec-gap); border-top: var(--bw) solid var(--line);
}
.logdetail-attach { display: flex; align-items: center; flex-wrap: wrap; gap: var(--gap); }
.logdetail-attach .feed-decode-btn { margin-left: auto; }
.feed-jumpbar { display: flex; flex-wrap: wrap; gap: var(--gap); min-width: 0; }
.feed-jumpbar--compact { flex-wrap: nowrap; justify-content: flex-end; }
.feed-jump-note { margin-top: var(--gap); color: var(--text-muted); }
.logdetail-tips { display: flex; flex-direction: column; gap: var(--gap); }
.feed-silenced-note { color: var(--fromdark-text); }
/* a láb: lapozó (◂ n/N ▸) + a döntés-gombok */
.detail-modal-foot > .feed-pager { flex: none; }
.feed-pager { display: inline-flex; align-items: center; gap: var(--gap-s); }
.feed-pager .feed-pager-btn { flex: 0 0 var(--ctl-h); width: var(--ctl-h); min-width: var(--ctl-h); padding: 0; }
.feed-pager-pos { min-width: 5ch; text-align: center; color: var(--text-muted); white-space: nowrap; font-variant-numeric: tabular-nums; }

/* ── MOBIL: a lap a térkép fölött teljes képernyős (a shell nyitja) ───────── */


/* a közös lista-szabály (.aside-missions-list, .aside-atlas-list, .aside-pane .feed-list) 8 px-es függőleges párnája nem a TX-é */
.aside-pane .feed-list { padding: 0; }

/* ── remainder 2026-10-02 ── (remA: a TX-mérőblokk, a szűrő-sor, a kritikus esemény-típus) */
.tx-readout { display: flex; flex-direction: column; margin: var(--gap) 0; border-top: var(--bw) solid var(--line); border-bottom: var(--bw) solid var(--line); }
/* chip-szűrő sor (archívum, flotta): balra zárt, a vezérlő-magasságon, tördelhető */
.feed-filters { display: flex; flex-wrap: wrap; align-items: center; gap: var(--gap-s) var(--gap); margin: 0 0 var(--gap); }
.feed-type.severity-critical { color: var(--accent-bright); font-weight: var(--fw-bold); text-shadow: var(--glow-sm); }