#updates-open { display: flex; align-items: center; gap: 10px; min-height: 40px; font-size: calc(13px * var(--font-scale, 1)); position: relative; }
#updates-open svg { width: 18px; height: 18px; flex-shrink: 0; fill: none; stroke: var(--icon-color); stroke-width: 1.5; stroke-linecap: round; stroke-linejoin: round; background: var(--icon-surface); border-radius: 4px; }
#updates-open i { width: 6px; height: 6px; border-radius: 50%; background: var(--tone-ba653d, #ba653d); }
#updates-dialog { width: min(530px, calc(100vw - 32px)); max-height: calc(100dvh - 32px); overflow: auto; overscroll-behavior: contain; }
#updates-dialog h2 { font-size: calc(24px * var(--font-scale, 1)); margin: 6px 0; }
.updates-version { color: var(--muted); font-size: calc(12px * var(--font-scale, 1)); }
#updates-status { font-size: calc(13px * var(--font-scale, 1)); margin: 22px 0 18px; min-height: 24px; overflow-wrap: anywhere; }
#updates-status[data-tone="error"] { color: var(--tone-9c493c, #9c493c); }
#updates-release { background: var(--paper); border: 1px solid var(--line); border-radius: 12px; padding: 16px; margin-bottom: 18px; }
#updates-release h3 { font-size: calc(15px * var(--font-scale, 1)); }
#updates-size { font-size: calc(11px * var(--font-scale, 1)); color: var(--muted); margin-top: 3px; }
#updates-notes { white-space: pre-wrap; overflow-wrap: anywhere; font: inherit; font-size: calc(12px * var(--font-scale, 1)); line-height: 1.8; max-height: 210px; overflow-y: auto; margin-bottom: 0; }
.updates-actions { display: flex; flex-wrap: wrap; gap: 10px; }
#updates-transfer { margin: 0 0 18px; }
#updates-progress { display: block; width: 100%; height: 8px; border: 0; border-radius: 8px; overflow: hidden; accent-color: var(--green); }
#updates-progress::-webkit-progress-bar { background: var(--tone-e5ebe1, #e5ebe1); border-radius: 8px; }
#updates-progress::-webkit-progress-value { background: var(--green); border-radius: 8px; }
#updates-progress-label { font-size: calc(11px * var(--font-scale, 1)); color: var(--muted); margin-top: 7px; font-variant-numeric: tabular-nums; }
.updates-help { font-size: calc(11px * var(--font-scale, 1)); color: var(--muted); line-height: 1.8; margin-top: 12px; }
.updates-auto { display: flex; align-items: center; gap: 9px; font-size: calc(12px * var(--font-scale, 1)); padding-top: 18px; margin-top: 18px; border-top: 1px solid var(--line); }
.updates-auto input { width: 16px; height: 16px; margin: 0; accent-color: var(--green); }
#updates-reminder { position: fixed; right: 24px; bottom: 24px; z-index: 29; width: min(330px, calc(100vw - 32px)); padding: 17px 20px; background: var(--tone-fff, #fff); border: 1px solid var(--tone-cbd6c6, #cbd6c6); border-radius: 14px; box-shadow: 0 8px 32px var(--tone-21372917, #21372917); }
#updates-reminder strong { font-size: calc(14px * var(--font-scale, 1)); }
#updates-reminder p { font-size: calc(12px * var(--font-scale, 1)); color: var(--muted); margin: 4px 0 10px; }
#updates-reminder > div:last-child { display: flex; gap: 22px; }
#updates-view { color: var(--green); font-weight: 600; }
.has-ongoing-focus #updates-reminder { bottom: 100px; }
@media (max-width: 1279px) {
  #updates-open { width: 32px; min-height: 32px; justify-content: center; padding: 0; }
  #updates-open > span { display: none; }
  #updates-open i { position: absolute; right: 2px; top: 2px; }
}
@media (max-width: 700px) {
  #updates-dialog { padding: 22px; }
  #updates-dialog h2 { font-size: calc(21px * var(--font-scale, 1)); }
  #updates-reminder { right: 16px; bottom: 16px; }
  .sidebar-bottom:has(#updates-open) { gap: 8px; }
}
@media (max-width: 360px) {
  .sidebar-bottom:has(#updates-open) { gap: 4px; }
  #updates-open { width: 26px; }
  #updates-dialog { padding: 18px; }
}