/* Day detail dialog (status-day.js): 24 rows x 12 five-minute dots. Bars themselves are unchanged. */
[data-day-url] [data-d] { cursor: pointer; }
[data-day-url]:focus { outline: none; }
[data-day-url]:focus-visible { outline: 2px solid #60a5fa; outline-offset: 3px; border-radius: 4px; }
[data-day-url] .sd-sel { outline: 2px solid #e5e7eb; outline-offset: 1px; }
.sd-dlg { background: #0f172a; color: #e5e7eb; border: 1px solid rgba(148,163,184,.3); border-radius: 14px; padding: 18px 20px;
  width: min(560px, calc(100vw - 24px)); max-height: calc(100vh - 32px); overflow: auto; }
.sd-dlg::backdrop { background: rgba(2,6,23,.65); }
.sd-head { display: flex; align-items: center; justify-content: space-between; gap: 12px; }
.sd-title { font-size: 1.05rem; font-weight: 600; margin: 0; }
.sd-close { background: transparent; color: #e5e7eb; border: 1px solid rgba(148,163,184,.35); border-radius: 8px; width: 36px; height: 36px; font-size: 1.3rem; line-height: 1; cursor: pointer; }
.sd-close:focus-visible { outline: 2px solid #60a5fa; }
.sd-sub { color: #9ca3af; font-size: .82rem; margin: .3rem 0 .8rem; }
.sd-grid { display: grid; gap: 4px; }
.sd-row { display: grid; grid-template-columns: 3.4em 1fr; align-items: center; gap: 8px; }
.sd-hour { color: #9ca3af; font-size: .75rem; font-variant-numeric: tabular-nums; }
.sd-dots { display: grid; grid-template-columns: repeat(12, 1fr); gap: 4px; }
.sd-dot { display: block; height: 14px; border-radius: 3px; background: rgba(148,163,184,.28); }
.sd-dot.sd-operational { background: #22c55e; } .sd-dot.sd-degraded { background: #f59e0b; }
.sd-dot.sd-outage { background: #ef4444; } .sd-dot.sd-maintenance { background: #3b82f6; }
.sd-msg { color: #cbd5e1; margin: .6rem 0; }
html.light .sd-dlg, [data-theme="light"] .sd-dlg { background: #fff; color: #0f172a; }