/* Daily cabinet page. Mobile first: one column at 375px, two columns from 760px. */
.daily { max-width: 1000px; margin: 0 auto; padding: 8px var(--gutter) 0; }
.daily [hidden] { display: none; }
.d-replay { margin: 8px 0 0; padding: 8px 12px; border: 1px dashed var(--rule-2); border-radius: var(--r-s); color: var(--ink-2); font: 500 .85rem var(--f-mono); letter-spacing: .04em; }
.d-replay a { color: var(--era); }
.d-error { margin: 12px 0 0; color: var(--ink-2); }
.d-hero { display: grid; grid-template-columns: 1fr; gap: 20px; margin-top: 12px; }
.d-thumb { position: relative; overflow: hidden; aspect-ratio: 16 / 10; border: 1px solid var(--rule-2); border-radius: var(--r-m); background: var(--room-2); box-shadow: 0 0 60px -20px var(--era); }
.d-thumb img { display: block; width: 100%; height: 100%; object-fit: cover; }
.d-thumb img[hidden] { display: none; }
.d-meta { margin: 6px 0 0; font: 500 .75rem var(--f-mono); letter-spacing: .12em; text-transform: uppercase; color: var(--ink-3); }
.d-meta b { color: var(--era); font-weight: 500; }
.d-controls { margin: 12px 0 0; color: var(--ink-2); max-width: 52ch; }
.d-actions { display: flex; flex-wrap: wrap; gap: 12px; margin: 18px 0 0; }
.d-actions .btn-big { flex: 1 1 220px; }
.res-manual { margin-top: 12px; }
.res-manual label { display: block; margin-bottom: 4px; font: 500 .7rem var(--f-mono); letter-spacing: .1em; text-transform: uppercase; color: var(--ink-3); }
.res-manual textarea { width: 100%; box-sizing: border-box; padding: 8px 10px; border: 1px solid var(--rule-2); border-radius: 6px; background: #000; color: var(--ink); font: 400 .9rem/1.4 var(--f-mono); resize: none; }
.d-stats { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 10px; margin-top: 28px; }
.stat { display: flex; flex-direction: column; gap: 2px; padding: 12px 14px; border: 1px solid var(--rule); border-radius: var(--r-m); background: var(--room-2); min-width: 0; }
.stat-k { font: 500 .66rem var(--f-mono); letter-spacing: .12em; text-transform: uppercase; color: var(--ink-3); }
.stat-v { font: 700 clamp(1.4rem, 1.1rem + 1.6vw, 2rem)/1.15 var(--f-display); font-variant-numeric: tabular-nums; overflow: hidden; text-overflow: ellipsis; }
.d-note { margin: 8px 0 0; color: var(--ink-3); font: 400 .85rem var(--f-mono); }
.d-count { margin: 16px 0 0; font: 500 .9rem var(--f-mono); letter-spacing: .06em; color: var(--era); }
.d-rows { display: grid; grid-template-columns: 1fr; gap: 14px; margin-top: 28px; }
.d-row { padding: 16px 18px; border: 1px solid var(--rule); border-radius: var(--r-m); background: var(--room-2); }
.d-row h2 { margin: 0 0 6px; font: 500 .72rem var(--f-mono); letter-spacing: .14em; text-transform: uppercase; color: var(--ink-3); }
.d-row p { margin: 0 0 8px; color: var(--ink-2); }
.d-w-title { font: 700 1.35rem/1.15 var(--f-display); color: var(--ink) !important; }
.d-fine { margin: 28px 0 0; max-width: 62ch; color: var(--ink-3); font-size: .92rem; }
.toast { position: fixed; left: 50%; bottom: max(24px, env(safe-area-inset-bottom)); z-index: 120; transform: translate(-50%, 12px); padding: 10px 18px; border-radius: 999px; background: var(--ink); color: var(--room); font: 700 .85rem var(--f-display); letter-spacing: .08em; text-transform: uppercase; opacity: 0; pointer-events: none; transition: opacity .15s, transform .15s; }
.toast.show { opacity: 1; transform: translate(-50%, 0); }
.toast:empty { display: none; }
@media (min-width: 760px) {
  .d-hero { grid-template-columns: minmax(0, 1.1fr) minmax(0, 1fr); align-items: center; gap: 32px; }
  .d-rows { grid-template-columns: 1fr 1fr; }
}
@media (prefers-reduced-motion: reduce) { .toast { transition: none; } }