/* ── NMEA discovery liveness badge (nmea-discovery-liveness-plan.md) ──────────
   A modbus.css .modbus-health-badge pill-jének alakja, de TOKEN-színekkel:
   azok a badge-ek hardcode-olt hexet használnak, ezért nem követik a dark/night
   témát. Itt a Tier-2/Tier-3 tokenekre hivatkozunk (--c-success, --error-clr,
   --muted-clr), így a téma-váltás ingyen jön.
   Megjegyzés: --success-clr Tier-3 alias NINCS, a --c-success a helyes forrás.  */
.nmea-live-badge {
    display: inline-flex;
    align-items: center;
    gap: 0.35rem;
    font-size: 0.72rem;
    font-weight: 600;
    padding: 0.15rem 0.5rem;
    border-radius: 999px;
    white-space: nowrap;
}

/* A pont a badge színét veszi fel. A `color: inherit` KELL: az app.css globális
   `span, label, div { color: var(--text-clr) }` szabálya (app.css:97) különben a pontra is
   ráhúzza a szöveg-színt, és akkor a `currentColor` nem a zöld/piros badge-színt adja, hanem a
   sima szövegszínt (night témában épp vörösest) — azaz a státusz-pont mindhárom állapotban
   egyforma lenne. Az osztály-szelektor (0,1,0) veri a `span` elem-szelektort (0,0,1). */
.nmea-live-dot {
    width: 7px;
    height: 7px;
    border-radius: 50%;
    flex: none;
    color: inherit;
    background: currentColor;
}

.nmea-live-online {
    color: var(--c-success);
    background: color-mix(in srgb, var(--c-success) 14%, transparent);
}

.nmea-live-offline {
    color: var(--error-clr);
    background: color-mix(in srgb, var(--error-clr) 14%, transparent);
}

.nmea-live-unknown {
    color: var(--muted-clr);
    background: color-mix(in srgb, var(--muted-clr) 12%, transparent);
}

/* Elavult snapshot: az állapot lehet, hogy már nem aktuális → halványítjuk. */
.nmea-live-faded {
    opacity: 0.55;
}

/* Státusz-pötty a dropdown-opciókban (edit-oldalak NMEA-instance selectje, OptionTemplate). A badge
   .nmea-live-dot-ját tükrözi, de pill-HÁTTÉR NÉLKÜL: itt a szöveg maga az opció-címke, csak a színes pont
   kell elé. Dedikált modifier-osztályok (nem a badge .nmea-live-online-ja), hogy ne ütközzön annak
   háttér-tint szabályával. A `background` a színforrás — az app.css `span{color}` globálja NEM érinti. */
.nmea-opt-dot {
    display: inline-block;
    width: 8px;
    height: 8px;
    border-radius: 50%;
    flex: none;
    margin-right: 0.45rem;
    vertical-align: baseline;
}

.nmea-opt-dot--online  { background: var(--c-success); }
.nmea-opt-dot--offline { background: var(--error-clr); }
.nmea-opt-dot--unknown { background: var(--muted-clr); }

/* A szekció fejlécének jobb oldala: a snapshot-kor / állapotsor. Rescan gomb és spinner NINCS —
   a frissítés automatikus, amíg a szekció nyitva van (NmeaDiscoveryService.BeginAutoScan). */
.nmea-discovery-header-actions {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    flex-wrap: wrap;
}

/* A snapshot-kor felirata: másodlagos információ, ne vonja el a figyelmet a listáról. */
.nmea-snapshot-age {
    font-size: 0.75rem;
    color: var(--muted-clr);
    white-space: nowrap;
}

.nmea-snapshot-age--stale {
    color: var(--warning-clr);
    font-weight: 600;
}

/* Az instance-azonosító monospace: a technikus a fizikai eszközzel veti össze. */
.nmea-instance-id {
    font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
    font-size: 0.82rem;
}

.nmea-delete-hint {
    font-size: 0.75rem;
    color: var(--muted-clr);
}