.site-update-header { display: flex; align-items: center; min-height: 48px; margin: 0 -14px; }
.site-update-header > .project-brand { display: none; }
.site-update-box { display: flex; flex: 1; min-width: 0; flex-direction: column; gap: 5px; }
.site-update-button { position: relative; isolation: isolate; display: flex; align-items: center; gap: 13px; width: 100%; min-height: 48px; padding: 0 24px; border: 0; border-radius: 0; background: linear-gradient(90deg, #2b3235 0%, #3b4042 48%, #242c2f 100%); color: #f1f3f3; font: 700 14px system-ui, sans-serif; text-align: left; cursor: pointer; }
.site-update-button::before { content: "\21bb"; font: 24px system-ui, sans-serif; line-height: 1; }
.site-update-button::after { content: "\203a"; margin-left: auto; font: 700 24px system-ui, sans-serif; line-height: 1; }
.site-update-button:hover:not(:disabled), .site-update-button:focus-visible { background: linear-gradient(90deg, #173c32 0%, #238261 48%, #164735 100%); color: #fff; }
.site-update-button:focus-visible { outline: 2px solid #57e4b6; outline-offset: -2px; }
.site-update-button:disabled { cursor: wait; opacity: .7; }
.site-update-box progress { width: calc(100% - 48px); height: 6px; margin: 0 24px; accent-color: #21cfa0; }
.site-update-box progress[hidden] { display: none; }
.site-update-status { margin: 0 24px; color: #a3c7bd; font: 11px system-ui, sans-serif; overflow-wrap: anywhere; }
.site-update-status:empty { display: none; }