/* V1.2.30 — calm, compact date/clock and voice reminder review */
.ambient-clock{gap:5px;white-space:nowrap;min-width:auto;padding:7px 12px;letter-spacing:0}
.ambient-clock .clock-date{font-size:11px;font-weight:560;color:#d8def9}
.ambient-clock .clock-time{font-size:12px;font-weight:730;color:#f4f8ff;font-variant-numeric:tabular-nums}
@media(max-width:820px){
 .ambient-clock{display:inline-flex;flex-direction:column;align-items:flex-start;gap:1px;min-width:137px;margin-left:0;padding:5px 8px;line-height:1.15;max-width:160px}
 .ambient-clock:before{display:none}
 .ambient-clock .clock-date{font-size:10px;white-space:nowrap}
 .ambient-clock .clock-time{font-size:12px}
 .topbar{padding-left:12px;padding-right:12px;gap:5px}
 .top-actions{gap:3px;flex-shrink:0}
}
@media(max-width:370px){
 .ambient-clock{min-width:126px;padding:5px 6px}
 .ambient-clock .clock-date{font-size:9px}
 .ambient-clock .clock-time{font-size:11px}
 .topbar{padding-left:8px;padding-right:8px}
}
.voice-reminder{margin-top:10px;padding:12px 14px;border:1px solid rgba(125,183,255,.33);border-radius:12px;background:rgba(53,81,142,.13);display:grid;grid-template-columns:minmax(125px,1fr) minmax(130px,1.1fr);align-items:center;gap:7px 12px}
.voice-reminder[hidden]{display:none!important}
.voice-reminder label{font-size:12px;color:#d9e5ff;font-weight:650}
.voice-reminder select{width:100%;min-width:0;border:1px solid rgba(144,170,255,.38);border-radius:9px;padding:9px 10px;background:#10172d;color:#ebf2ff}
.voice-reminder .voice-reminder-hint{grid-column:1/-1;margin:0;font-size:11px;line-height:1.6;color:#aac7e9}
@media(max-width:490px){.voice-reminder{grid-template-columns:1fr}}
/* The long date is separated from time on desktop and stacked on small phones. */
@media(min-width:821px){.ambient-clock .clock-date:after{content:','}}