
/* Recurrence builder utility buttons: compact and right aligned. */
.recur-text-tools{display:flex!important;justify-content:flex-end!important;align-items:center!important;gap:8px!important;flex-wrap:wrap!important}
.recur-text-tools>.text-btn,.recur-text-tools>a{flex:0 0 auto!important;width:auto!important;min-width:0!important;max-width:max-content!important;padding-left:12px!important;padding-right:12px!important}
/* Side-by-side is permanent. */
#layoutToggleBtn{display:none!important}
/* Action History header and cards. */
#actionHistoryModal .modal-head{display:flex!important;align-items:center!important;gap:8px!important}
#actionHistoryModal #archivedTasksBtn{margin-left:auto!important;order:20!important}
#actionHistoryModal [data-close-modal="actionHistoryModal"]{order:30!important}
#actionHistoryModal #v24PreviousHistoryBtn{order:2!important;margin-left:0!important}
#actionHistoryModal #actionHistoryTitle{order:1!important}
#actionHistoryModal .history-entry{min-height:0!important;padding:9px 10px!important;gap:10px!important}
#actionHistoryModal .history-log-list{min-height:180px!important}
.v25-history-pager{display:flex;align-items:center;gap:7px;margin:8px 0 6px;flex:0 0 auto}
.v25-history-pager label{margin-left:auto;display:flex;align-items:center;gap:6px;font-size:11px;color:var(--muted)}
.v25-history-pager select{width:auto!important;min-width:72px!important;padding:5px 26px 5px 8px!important}
/* Archive stays compact. */
#archiveModal .archive-card{padding:8px 10px!important;min-height:0!important}
#archiveModal .archive-card-head{min-height:0!important}
#archiveModal .archive-list{grid-auto-rows:max-content!important}
.v25-created-filter{display:grid;grid-template-columns:minmax(120px,1fr) minmax(90px,.72fr);gap:6px}
/* Time status attention. */
#filterExpiredSelect.expired-available,#archiveExpiredSelect.expired-available{border-color:#d65a5a!important;box-shadow:0 0 0 2px rgba(214,90,90,.18)!important}
/* 24-hour selected button. */
#timeFormatBtn.v25-time-24-active{color:var(--text)!important;background:rgba(72,139,230,.18)!important;border-color:rgba(72,139,230,.75)!important;opacity:1!important}
#timeFormatBtn.v25-time-24-active *{color:inherit!important;opacity:1!important}
/* Volume slider. */
.v25-volume-popover{position:fixed;z-index:5000;width:220px;padding:10px 12px;border:1px solid var(--border-strong);border-radius:10px;background:var(--surface);box-shadow:var(--shadow)}
.v25-volume-popover label{display:flex;justify-content:space-between;font-size:11px;font-weight:700;margin-bottom:7px}
.v25-volume-popover input{width:100%}
/* Compact status pills expand only on hover/focus. */
.cloud-save-status.v25-status-pill:before{display:none!important;content:none!important}
.v25-status-pill{display:inline-flex!important;align-items:center!important;justify-content:flex-start!important;gap:5px!important;width:48px!important;min-width:48px!important;max-width:48px!important;overflow:hidden!important;white-space:nowrap!important;padding:4px 7px!important;transition:max-width .18s ease,width .18s ease!important}
.v25-status-pill:hover,.v25-status-pill:focus-visible{width:auto!important;max-width:270px!important}
.v25-status-pill .v25-status-label{display:inline-block;max-width:0;opacity:0;overflow:hidden;transition:max-width .18s ease,opacity .12s ease}
.v25-status-pill:hover .v25-status-label,.v25-status-pill:focus-visible .v25-status-label{max-width:230px;opacity:1}
.v25-status-dot{width:8px;height:8px;border-radius:50%;background:#2cad64;flex:0 0 auto}
.v25-status-icon{display:inline-flex;width:18px;height:18px;flex:0 0 auto}.v25-status-icon svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.8}
.v25-status-pill[data-v25-status="error"] .v25-status-dot,.v25-status-pill.error .v25-status-dot{background:#d84a4a}
.v25-status-pill[data-v25-status="retry"] .v25-status-dot,.v25-status-pill.syncing .v25-status-dot{background:#d0a821}
.v25-status-pill[data-v25-status="offline"] .v25-status-dot{background:#6d89b9}
/* Scratchpad cloud state. */
#scratchpadModal .modal-head #scratchpadTitle{margin-right:auto}
.v25-scratch-cloud{margin-left:auto;margin-right:7px}
.v25-status-retry{color:#d0a821!important;border-color:rgba(208,168,33,.9)!important;background:rgba(208,168,33,.18)!important;animation:v25CloudPulse .8s ease-in-out infinite alternate}
@keyframes v25CloudPulse{from{box-shadow:0 0 0 0 rgba(208,168,33,.1)}to{box-shadow:0 0 0 4px rgba(208,168,33,.28)}}
/* Storage stats only in Storage and Backups. */
.v25-storage-stats{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:8px 0 10px}
.v25-storage-stats details{border:1px solid var(--border);border-radius:10px;background:var(--surface-2);overflow:hidden}
.v25-storage-stats summary{display:flex;justify-content:space-between;gap:10px;padding:9px 10px;cursor:pointer;font-size:12px;font-weight:750}
.v25-stat-breakdown{padding:0 10px 9px}.v25-stat-breakdown>div{display:flex;justify-content:space-between;gap:12px;padding:4px 0;font-size:11px;color:var(--muted)}
/* Archive offload and dialog. */
.v25-small-card,.v25-dialog-card{width:min(520px,calc(100vw - 32px))!important}
#v25ArchiveBulkCloudBtn{margin-right:4px}
/* Hide obsolete technical cache note everywhere outside Storage stats. */
.v24-cloud-search-note{display:none!important}
/* The manual builder's month-shift checkbox never appears in non-date selectors. */
#v21ShiftMonthWrap[hidden]{display:none!important}
@media(max-width:800px){.v25-storage-stats{grid-template-columns:1fr}.v25-created-filter{grid-template-columns:1fr}}
