/* Аптайм світла (AMI-804). Палітра — та сама, що на карті (app.css «карта v5», svitlo_site/regions.py): зелене — світло є
   за графіком; світло-зелене з крапками — за нашою інформацією світло є; чорне — світла немає (аварійні — чорне з червоним);
   бурштинове — діють графіки відключень; червоне — помилка даних; «ще не стежили» — як «за нашою інформацією світло є» (власник 20.10). Змінні --up-* — в одному місці. */
.uptime{--up-on:var(--c-on,#2f9e44);--up-off:var(--c-off,#15171c);--up-assumed:#c3ecc9;--up-assumed-dot:#5c9e68;
  --up-em:#15171c;--up-em-line:#e03131;--up-notice:#f59f00;--up-notice-line:#a35200;--up-broken:#e03131;--up-h:44px;
  margin:28px 0 16px;padding:12px 0 0;border-top:1px solid var(--line)}
:root[data-theme=dark] .uptime{--up-assumed:#2b4a33;--up-assumed-dot:#8ce99a;--up-em:#000;--up-em-line:#ff6b6b;
  --up-notice:#fab005;--up-notice-line:#8a5a00;--up-broken:#f03e3e}
.uptime[hidden],.uptime [hidden]{display:none}
.up-head{display:flex;align-items:baseline;justify-content:space-between;gap:8px;flex-wrap:wrap}
.uptime h2{margin:0;font-size:.9375rem;font-weight:650;letter-spacing:0;color:var(--muted)}
.up-basis{font-size:.8125rem;color:var(--muted)}
.up-nums{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin:10px 0 4px}
.up-nums div{min-width:0}
.up-nums dt{font-size:.8125rem;color:var(--muted)}
.up-nums dd{margin:0;font-size:1.25rem;line-height:1.2;font-weight:700;letter-spacing:-.02em;font-variant-numeric:tabular-nums}
.up-notes{margin:6px 0 0;padding:0;list-style:none;font-size:.875rem;line-height:1.4}
.up-notes li+li{margin-top:2px}
.up-gap{margin:4px 0 0;font-size:.875rem;color:var(--muted)}
.up-strip{margin:14px 0 0}
.up-strip figcaption{font-size:.8125rem;color:var(--muted);margin-bottom:4px}
.up-bars{display:flex;gap:2px;height:var(--up-h);border-radius:6px;outline-offset:3px;cursor:pointer;touch-action:manipulation}
.up-bar{flex:1 1 0;min-width:0;display:flex;flex-direction:column-reverse;border-radius:3px;overflow:hidden;
  box-shadow:inset 0 0 0 1px var(--line-2)}
.up-bar i{display:block;flex:none;width:100%}
.up-bar.sel{box-shadow:0 0 0 2px var(--ink)}
.u-on{background:var(--up-on)}
.u-assumed,.u-before{background:radial-gradient(circle,var(--up-assumed-dot) 0 1.1px,transparent 1.6px) 0 0/5px 5px,var(--up-assumed)}
.u-possible_off{background:repeating-linear-gradient(45deg,var(--up-on) 0 3px,var(--up-off) 3px 6px)}
.u-off{background:var(--up-off)}
.u-emergency{background:repeating-linear-gradient(135deg,var(--up-em) 0 4px,var(--up-em-line) 4px 5.5px)}
.u-notice{background:repeating-linear-gradient(45deg,var(--up-notice) 0 3px,var(--up-notice-line) 3px 4.5px)}
.u-broken{background:var(--up-broken)}
.up-axis{display:flex;justify-content:space-between;font-size:.75rem;color:var(--muted);margin-top:3px}
.up-detail{margin:4px 0 0;font-size:.875rem;min-height:1.4em}
.up-legend{display:flex;flex-wrap:wrap;gap:4px 14px;margin:12px 0 0;padding:0;list-style:none;font-size:.8125rem;color:var(--muted)}
.up-legend li{display:flex;align-items:center;gap:6px}
.up-legend i{width:16px;height:14px;border-radius:3px;box-sizing:border-box;flex:none}
.up-legend .u-emergency{background:var(--up-em);border:3px solid var(--up-em-line)}
.uptime .fine{margin:10px 0 0;font-size:.8125rem}
:root[data-theme=dark] .up-bar{box-shadow:inset 0 0 0 1px #767d8c}
:root[data-theme=dark] .up-bar.sel{box-shadow:0 0 0 2px var(--ink)}
@media (min-width:700px){.uptime{--up-h:52px}}
.up-more{margin-top:6px}
.up-more>summary{display:inline-flex;align-items:center;min-height:44px;font-size:.875rem;color:var(--muted);cursor:pointer;text-decoration:underline;text-underline-offset:.18em}