/* Shared by the dark and Daylight workspaces. */
.update-banner.update-notice { box-sizing: border-box; width: min(690px, calc(100vw - 32px)); max-width: none; padding: 17px 18px; gap: 14px; color: #173e36; background: #f4f2e8; border: 1px solid #dbdfcf; border-radius: 20px; box-shadow: 0 16px 52px #071f2b30, 0 2px 6px #071f2b0d; font-family: inherit; z-index: 951; }
.update-notice .update-notice-icon { display: grid; place-items: center; flex: 0 0 44px; height: 44px; border: 1px solid #cfdcc9; border-radius: 15px; background: #e3eadc; color: #32654b; }
.update-notice .update-notice-copy { min-width: 0; flex: 1; }
.update-notice .update-notice-eyebrow { margin: 0 0 5px; color: #65705d; font-size: 9px; line-height: 1.25; font-weight: 800; letter-spacing: .13em; }
.update-notice .update-notice-copy strong { display: block; color: #173e36; font-size: 14px; line-height: 1.4; letter-spacing: -.015em; }
.update-notice .update-notice-detail { margin: 4px 0 0; color: #53675c; font-size: 11.5px; line-height: 1.55; }
.update-notice .update-notice-actions { display: flex; gap: 7px; align-items: center; flex-shrink: 0; }
.update-notice button { min-height: 40px; padding: 9px 12px; font: inherit; font-size: 11px; line-height: 1.35; font-weight: 750; border: 1px solid transparent; border-radius: 11px; cursor: pointer; }
.update-notice button.update-notice-later { color: #526256; background: transparent; }
.update-notice button.update-notice-later:hover { color: #163b2e; background: #e7e9dc; }
.update-notice button.update-notice-install { display: inline-flex; gap: 7px; align-items: center; justify-content: center; color: #f9f8ee; background: #20523f; border-color: #20523f; box-shadow: 0 2px 4px #14392313; }
.update-notice button.update-notice-install:hover { background: #153f30; }
.update-notice button:focus-visible { outline: 3px solid #bd842e; outline-offset: 3px; }
.update-notice button:disabled { opacity: .55; cursor: default; }
.update-notice-error .update-notice-icon { background: #f6e8d4; color: #945c14; border-color: #e8d2ab; }
.update-notice-error .update-notice-detail { color: #7a4919; }
.update-notice .is-installing svg { animation: update-notice-spin 1.3s linear infinite; }
.update-banner-shield { position: fixed; inset: 0; z-index: 950; background: #102b2520; cursor: progress; }
@keyframes update-notice-spin { to { transform: rotate(360deg); } }
@media (max-width: 640px) {
  .update-banner.update-notice { width: calc(100vw - 24px); bottom: calc(94px + env(safe-area-inset-bottom)); padding: 15px; gap: 11px; flex-wrap: wrap; }
  .update-notice .update-notice-icon { flex-basis: 38px; height: 38px; border-radius: 13px; }
  .update-notice .update-notice-copy { flex-basis: calc(100% - 51px); }
  .update-notice .update-notice-actions { width: 100%; justify-content: flex-end; padding-top: 3px; }
  .update-notice button { min-height: 43px; padding-inline: 16px; font-size: 12px; }
}
@media (prefers-reduced-motion: reduce) { .update-notice .is-installing svg { animation: none; } }
@media print { .update-banner.update-notice, .update-banner-shield { display: none !important; } }