/*
 * 夜班人員安全守護系統 UI
 * 版本：v1.0.0 / 2026-09-04
 */
body { background:#f4f6f9; font-family:"Microsoft JhengHei",sans-serif; }
.card { border:0; border-radius:16px; }
.big-code { font-size:2.4rem; letter-spacing:.18em; font-weight:700; }
.status-box { border-radius:14px; padding:18px; }
.alarm { animation: blink 1s infinite; }
@keyframes blink { 50% { opacity:.35; } }

/* 三個四字按鈕與十顆燈號，在 320px 以上手機各維持單行。 */
.admin-actions{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
.admin-actions>.btn{padding:9px 3px;white-space:nowrap;min-width:0;font-size:16px}
.recent-panel{width:100%;min-width:0}
.recent-lights{display:grid;grid-template-columns:repeat(10,minmax(0,1fr));gap:3px;width:100%}
.recent-cell{display:flex;flex-direction:column;align-items:center;min-width:0;gap:6px;padding:4px 0}
.recent-hour{font-size:13px;font-weight:600;line-height:1.3;font-variant-numeric:tabular-nums}
.recent-dot{display:block;width:20px;height:20px;max-width:100%;border-radius:50%;border:1px solid rgba(0,0,0,.15);box-shadow:inset 0 2px 3px rgba(255,255,255,.4)}
.light-green{background:#169447}.light-orange{background:#f39b16}.light-red{background:#d63340}.light-empty{background:#d7dce1}
.lights-caption{font-size:11px;color:#66717b;text-align:center;margin:7px 0 5px}
.lights-legend{display:flex;justify-content:center;gap:8px;flex-wrap:wrap;font-size:11px;color:#4a5560}
.lights-legend>span{display:inline-flex;align-items:center;gap:3px;white-space:nowrap}
.legend-dot{display:inline-block;width:7px;height:7px;border-radius:50%}
.public-control{display:flex;align-items:center;justify-content:space-between;gap:8px;border-top:1px solid #dfe4e9;margin-top:12px;padding-top:10px;font-size:14px}