.time-settings { scroll-margin-top: 6rem; }
.time-settings .card-head { gap: 1rem; flex-wrap: wrap; }
.time-settings-grid { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: 1.5rem; margin: 1rem 0; }
.time-settings-grid > * { min-width: 0; }
.time-settings select { display: block; width: 100%; max-width: 100%; padding: .7rem; border: 1px solid #cbd5e1; border-radius: .5rem; background: white; color: #172033; }
.time-snapshot { display: flex; flex-direction: column; gap: .4rem; padding: 1.25rem; border-radius: .75rem; background: #f1f5f9; overflow-wrap: anywhere; }
.time-snapshot > strong { font-size: 1.3rem; font-variant-numeric: tabular-nums; }
.time-diagnostics { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1.35fr); gap: .6rem 1rem; margin-bottom: 0; font-size: .85rem; }
.time-diagnostics dt { color: #475569; }
.time-diagnostics dd { margin: 0; }
.time-sync-panel { border-top: 1px solid #e2e8f0; margin-top: 1.25rem; padding-top: 1rem; }
.time-warning { color: #9a3412; }
.app-time-zone { display: block; font-size: .75rem; color: #475569; font-weight: normal; }
@media (max-width: 1100px) { .time-settings-grid { grid-template-columns: minmax(0, 1fr); } }
@media (max-width: 480px) { .time-diagnostics { grid-template-columns: minmax(0, 1fr); gap: .2rem; } .time-diagnostics dd { margin-bottom: .6rem; } .time-snapshot > strong { font-size: 1.1rem; } }