.time-navigation { display:grid; grid-template-columns:repeat(6,minmax(0,1fr)); gap:6px; padding:8px; margin:8px 0 12px; border:1px solid var(--border); border-radius:14px; background:var(--panel); box-shadow:0 2px 8px rgba(19,36,58,.04); }
.time-navigation[hidden] { display:none; }
.time-nav-button { display:inline-flex; justify-content:center; align-items:center; min-width:0; min-height:34px; padding:4px 10px; border:1px solid #cbd8e6; border-radius:10px; background:#e6edf5; color:#243648; font:500 12px/1.4 Poppins,Arial,sans-serif; white-space:nowrap; cursor:pointer; }
.time-nav-button:not(:disabled):hover,.time-nav-button:focus-visible { background:#d8e8f8; border-color:#7cb8ec; color:#1f6fa9; }
.time-nav-button:focus-visible { outline:2px solid var(--accent); outline-offset:2px; }
.time-nav-button:disabled { opacity:.4; cursor:default; }
body.dark-mode .time-nav-button { background:#223047; border-color:#3b4a63; color:#f8fafc; }
body.dark-mode .time-nav-button:not(:disabled):hover,body.dark-mode .time-nav-button:focus-visible { background:#16436e; border-color:#38a4e8; color:#dff3ff; }
@media(max-width:700px) { .time-navigation { grid-template-columns:repeat(2,minmax(0,1fr)); } .time-nav-button { min-height:38px; } }
@media print { .time-navigation { display:none; } }