/* ------------------------------------------------------------------ lamp
 * templates/ui/lamp.html, design system «Lamp» (WEB-KOM-13, ENT-416): a
 * dot of web.lamp.size (9 px) and always a word, never a pulse. ok filled
 * green (web.lamp.ok, --lamp-ok), warning filled yellow (web.lamp.warning,
 * --lamp-warn), error filled corum (web.lamp.error), idle silver
 * (web.lamp.idle). Green and yellow are a registered exception to
 * MAR-FAR-07 for the operations status only: they stand in these two rules
 * and nowhere else (PRF-WEB-28). The dot is a circle mark (WEB-GRU-03).
 * .lamp--warn is the old name of .lamp--warning, still written by pages
 * that set the class from a status of services/health.py. */
@layer ui {
.lamp { display: inline-flex; align-items: center; gap: var(--s-2); font-size: var(--t-small); white-space: nowrap; }
.lamp::before {
  content: ""; width: 9px; height: 9px; box-sizing: border-box; border-radius: 50%;
  background: var(--silver); flex: none;
}
.lamp--ok::before { background: var(--lamp-ok); }
.lamp--warning::before, .lamp--warn::before { background: var(--lamp-warn); }
.lamp--error::before { background: var(--corum); }
.lamp--idle::before { background: var(--silver); }
.lamp--error { color: var(--text-accent); }
/* A file name in a lamp wraps instead of widening the page (/admin/betrieb,
   «Publications and their guides»). Only there: as a rule for every lamp
   in a table it broke the status word itself, «Problem» over three lines. */
.lamp--wrap { white-space: normal; overflow-wrap: anywhere; }
}  /* @layer ui */