
/* One status sphere only. */
.cloud-save-status::before,.cloud-save-status:before{display:none!important;content:none!important}
.v27-cloud-pill[data-v25-status="queued"] .v25-status-dot{background:#d0a821!important}
.v27-cloud-pill[data-v25-status="queued"]{border-color:rgba(208,168,33,.65)!important;background:rgba(208,168,33,.13)!important}
.v27-cloud-pill[data-v25-status="retry"] .v25-status-dot{background:#d0a821!important;animation:v27SlowPulse 2.2s ease-in-out infinite}
.v27-cloud-pill[data-v25-status="offline"] .v25-status-dot{background:#6d89b9!important}
.v27-cloud-pill[data-v25-status="error"] .v25-status-dot{background:#d84a4a!important}
.v25-status-retry{animation:v27SlowCloudPulse 2.2s ease-in-out infinite alternate!important}
@keyframes v27SlowPulse{0%,100%{opacity:1;transform:scale(1)}50%{opacity:.38;transform:scale(.78)}}
@keyframes v27SlowCloudPulse{from{box-shadow:0 0 0 0 rgba(208,168,33,.08)}to{box-shadow:0 0 0 4px rgba(208,168,33,.25)}}

/* Five-part entry row: field, Date & Time, Recurring, Interval, Add. */
.entry-row{grid-template-columns:minmax(280px,1fr) auto auto auto 44px!important;align-items:stretch!important}
.v27-add-date-btn{min-height:44px!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:7px!important;padding:7px 12px!important;white-space:nowrap!important}
.v27-add-date-btn svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.v27-date-time-modal{z-index:6500!important}.v27-small-card{width:min(520px,calc(100vw - 32px))!important}.v27-date-time-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}

/* One expandable Storage Stats card and a separate refresh button. */
.v27-storage-stats{display:grid!important;grid-template-columns:minmax(0,1fr) 38px!important;gap:8px!important;align-items:start!important;margin:8px 0 10px!important}
.v27-storage-stats>details{border:1px solid var(--border)!important;border-radius:10px!important;background:var(--surface-2)!important;overflow:hidden!important}
.v27-storage-stats>details>summary{display:grid!important;grid-template-columns:15px minmax(0,1fr) auto!important;align-items:center!important;gap:8px!important;padding:10px 11px!important;cursor:pointer!important;font-size:12px!important;font-weight:750!important;list-style:none!important}
.v27-storage-stats>details>summary::-webkit-details-marker{display:none!important}
.v27-storage-arrow::before{content:"▸";display:block;transition:transform .14s ease}
.v27-storage-stats details[open] .v27-storage-arrow::before{transform:rotate(90deg)}
.v27-storage-title{min-width:0}.v27-storage-stats summary strong{text-align:right;font-size:11px;color:var(--muted);font-weight:700}
.v27-storage-body{display:grid;grid-template-columns:1fr 1fr;gap:8px;padding:0 10px 10px}
.v27-storage-body section{min-width:0;border:1px solid var(--border);border-radius:8px;background:var(--surface);overflow:hidden}
.v27-storage-body h4{margin:0;padding:8px 10px 4px;font-size:11px}
.v27-storage-body .v25-stat-breakdown{padding:0 10px 8px!important}
.v27-storage-refresh{width:38px!important;height:38px!important}.v27-storage-refresh.loading svg{animation:v27Spin .8s linear infinite}
@keyframes v27Spin{to{transform:rotate(360deg)}}
.v27-stat-unavailable{padding:10px;color:var(--muted);font-size:11px;line-height:1.4}

/* Action History returns to compact, content-driven cards. */
#actionHistoryModal .modal-card{height:auto!important;max-height:calc(100vh - 36px)!important}
#actionHistoryModal .history-log-list{flex:0 1 auto!important;min-height:0!important;max-height:52vh!important;align-content:start!important;grid-auto-rows:max-content!important;overflow-y:auto!important}
#actionHistoryModal .history-entry{min-height:0!important;padding:7px 9px!important;gap:8px!important}

/* Main Filter final row. */
.v27-filter-created-row{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:8px}
.v27-created-filter{display:grid;grid-template-columns:minmax(130px,1fr) minmax(100px,.7fr);gap:6px}

/* Modal stacking. */
#v25DialogModal{z-index:7600!important}
#scratchpadModal{z-index:7000!important}
#v27DateTimeModal{z-index:7500!important}

/* Help cards: Useful Shortcuts and Cloud colors share the second row. */
#helpModal .help-intro-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
#helpModal .help-info-card:first-child{grid-column:span 1}
.v27-cloud-guide{display:grid;gap:5px}.v27-cloud-guide-row{display:grid;grid-template-columns:31px minmax(0,1fr);align-items:center;gap:7px;color:var(--muted);font-size:11px;line-height:1.3}
.v27-cloud-guide-row .v24-cloud-state{width:29px;height:29px;pointer-events:none}.v27-cloud-guide-row .v24-cloud-state svg{width:15px;height:15px}
#v27CloudGuideCard .help-section-title>svg{width:18px;height:18px;fill:none;stroke:currentColor}

/* Customized page background always keeps shell text visible. */
body .topbar h1,body .section-heading h2,body .center-divider,body .help-expand-hint{color:var(--v27-page-text)!important}
body .site-subheader,body .section-heading h2,body .center-divider span{color:var(--v27-page-muted)!important}

/* Remove the redundant bulk cloud icon; the labeled control remains. */
#v25ArchiveBulkCloudBtn{display:none!important}

@media(max-width:1150px){.entry-row{grid-template-columns:minmax(230px,1fr) auto auto 44px!important}.v27-add-date-btn{grid-column:2}.entry-row #addRecurringTaskBtn{grid-column:3}.entry-row #addIntervalTimerBtn{grid-column:2}.entry-row #addBtn{grid-column:4;grid-row:1 / span 2}}
@media(max-width:820px){.entry-row{grid-template-columns:1fr 44px!important}.v27-add-date-btn,.entry-row #addRecurringTaskBtn,.entry-row #addIntervalTimerBtn{grid-column:1!important;width:100%!important}.entry-row #addBtn{grid-column:2!important;grid-row:1 / span 4!important}.v27-storage-body,.v27-filter-created-row,.v27-date-time-grid{grid-template-columns:1fr!important}#helpModal .help-intro-grid{grid-template-columns:1fr!important}}
