/* ═══════════════════════════════════════════════════════════════════════════════
   DΛREΛKT_ ATOM — ui.chrome.clock
   The one fleet clock. Cockpit (.gns-oc__clock) and hero (.gns-hero__clock)
   variants — rule-for-rule the blocks that lived in genesis.cockpit.css and
   genesis.css, now owned by the atom (self-injected via ensureCss).
   ═══════════════════════════════════════════════════════════════════════════════ */

/* cockpit variant — right edge of the .gns-oc__ctl cluster */
.gns-oc__clock { text-align: right; font-family: var(--gns-mono, ui-monospace, "JetBrains Mono", "SF Mono", Menlo, Consolas, monospace); line-height: 1.1; }
.gns-oc__clock-time { display: block; font-size: 0.95rem; font-weight: 700; color: var(--ha-text-bright, #fff); letter-spacing: 0.04em; }
.gns-oc__clock-date { display: block; font-size: 0.55rem; letter-spacing: 0.14em; text-transform: uppercase; color: var(--ha-text-muted); }

/* hero variant — banner meta column */
.gns-hero__clock {
  display: flex; flex-direction: column; gap: 0.15rem;
  align-items: flex-end;
  border-left: 1px solid var(--ha-border-hi); padding-left: 1rem;
}
.gns-hero__clock-time {
  font-family: var(--gns-mono, ui-monospace, "JetBrains Mono", "SF Mono", Menlo, Consolas, monospace);
  font-size: 1.25rem; font-weight: 600; letter-spacing: 0.05em;
  color: var(--ha-text-bright); font-variant-numeric: tabular-nums;
}
.gns-hero__clock-date {
  font-family: var(--gns-mono, ui-monospace, "JetBrains Mono", "SF Mono", Menlo, Consolas, monospace);
  font-size: 0.68rem; letter-spacing: 0.16em; text-transform: uppercase;
  color: var(--ha-text-muted);
}

@media (max-width: 760px) {
  .gns-hero__clock { border-left: none; padding-left: 0; }
}