.desktop-status{grid-column:1/-1;display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr) minmax(0,.9fr);gap:24px;align-items:center;margin:18px 0;padding:26px 30px;border:1px solid rgba(122,155,183,.22);border-radius:28px;color:#19364a;background:linear-gradient(120deg,rgba(243,253,250,.97),rgba(234,243,255,.95));box-shadow:0 15px 40px rgba(30,63,98,.08)}
.desktop-status-cell{min-width:0;display:grid;gap:8px}.desktop-status-label{font-size:12px;font-weight:700;letter-spacing:.08em;opacity:.7}.desktop-status strong,.desktop-status time{overflow-wrap:anywhere;font-weight:650;font-size:clamp(17px,1.8vw,23px)}.desktop-status small{font-size:12px;opacity:.72;overflow-wrap:anywhere}.desktop-status #desktopClock{font-size:clamp(32px,4vw,52px);line-height:1.1;letter-spacing:-.04em;font-variant-numeric:tabular-nums}.desktop-status button{justify-self:start;padding:7px 12px;border:1px solid rgba(99,141,160,.3);border-radius:10px;background:transparent;color:inherit;font:inherit;font-size:12px;cursor:pointer}.desktop-status button:disabled{opacity:.5;cursor:wait}.desktop-status button:focus-visible{outline:2px solid #39a9b4;outline-offset:3px}html[data-theme="dark"] .desktop-status{color:#e4f1f6;background:linear-gradient(120deg,#132d35,#11233d);border-color:#2a4759}
@media(max-width:720px){.desktop-status{grid-template-columns:1fr 1fr;gap:20px;padding:23px}.desktop-status-cell:first-child{grid-column:1/-1;padding-bottom:15px;border-bottom:1px solid rgba(122,155,183,.2)}.desktop-status #desktopClock{font-size:clamp(29px,7vw,44px)}}
/* R31: portrait location uses two compact rows instead of four. */
@media(max-width:720px) and (orientation:portrait){
  .desktop-status-cell:first-child{grid-template-columns:minmax(0,1fr) auto;gap:5px 10px;align-items:center;padding-bottom:11px}
  #desktopLocationLabel{grid-column:1;grid-row:1;letter-spacing:0}
  #desktopLocationNote{grid-column:2;grid-row:1;max-width:130px;font-size:10px;text-align:right;line-height:1.35}
  #desktopLocationNote:empty{display:none}
  .desktop-status #desktopLocation{grid-column:1;grid-row:2;font-size:clamp(12px,3.25vw,16px);line-height:1.45;font-variant-numeric:tabular-nums}
  .desktop-status #desktopLocate{grid-column:2;grid-row:2;justify-self:end;min-height:36px;padding:6px 9px;font-size:11px;white-space:nowrap}
}

.desktop-status #desktopDate.date-two-lines{white-space:pre;overflow-wrap:normal;line-height:1.65}
@media(max-width:720px){.desktop-status #desktopDate.date-two-lines{font-size:clamp(12px,3.4vw,17px)}}
