#client-update-dialog button{width:auto;min-height:42px;margin:0;padding:9px 16px;border:1px solid #bdcad4;border-radius:9px;background: var(--dark-surface, #fff);color: var(--dark-ink, #173441);font:650 14px/1.4 system-ui,sans-serif;cursor:pointer}
#client-update-dialog{box-sizing:border-box;width:calc(100% - 32px);max-width:490px;max-height:calc(100vh - 32px);overflow:auto;margin:auto;padding:28px;border:2px solid #ff7900;border-radius:16px;background: var(--dark-surface, #fff);color: var(--dark-ink, #172c39);font:15px/1.6 system-ui,sans-serif;box-shadow:0 20px 70px #10233240}
#client-update-dialog::backdrop{background:#11273280}
#client-update-brand{display:flex;align-items:center;gap:10px;margin:0 0 20px;font-size:15px;font-weight:650}
#client-update-brand img{display:block;width:32px;height:32px;object-fit:contain;flex:none}
#client-update-title{text-align:center;margin:0 0 14px;font-size:24px;line-height:1.25;letter-spacing:-.4px}
#client-update-warning{margin:0 0 22px}
#client-update-dialog label{display:flex;align-items:flex-start;gap:12px;font-weight:500}
#client-update-saved{flex:0 0 18px;width:18px;height:18px;margin:3px 0 0;padding:0;accent-color:#087b6e;box-shadow:none}
#client-update-message{font-size:13px;color: var(--dark-muted, #526878);min-height:20px;margin:14px 0}
#client-update-actions{display:flex;justify-content:flex-end;gap:10px;flex-wrap:wrap}
#client-update-dialog #client-update-apply{background:#087b6e;border-color:#087b6e;color:#fff}
#client-update-dialog button:disabled{opacity:.45;cursor:default}
#client-update-dialog :is(button,input):focus-visible{outline:3px solid #4cb8ac;outline-offset:3px}
@media(max-width:480px){#client-update-dialog{padding:23px}#client-update-actions button{flex:1}}

/* The existing updater owns this branded control; no separate refresh behavior. */
#workspace-page-refresh .workspace-update-logo{position:relative;display:block;flex:none;width:46px;height:46px;min-height:46px;margin:0;padding:0;border:0;border-radius:14px;background:transparent;cursor:pointer;touch-action:manipulation}
#workspace-page-refresh .workspace-update-logo img{display:block;width:46px;height:46px;border-radius:14px;object-fit:contain;box-shadow:0 2px 8px #0004}
#workspace-page-refresh .update-logo-ring{position:absolute;inset:-3px;border:2px solid #ed922e;border-radius:17px;pointer-events:none;opacity:0}
#workspace-page-refresh .update-logo-dot{position:absolute;top:-3px;right:-3px;width:12px;height:12px;border:2px solid #fff;border-radius:50%;background:#ed922e;opacity:0;pointer-events:none}
#workspace-page-refresh .update-available .update-logo-dot{opacity:1}
#workspace-page-refresh .update-available img{animation:workspace-logo-heartbeat 3.2s ease-in-out infinite}
#workspace-page-refresh .update-available .update-logo-ring{opacity:1;animation:workspace-ring-heartbeat 3.2s ease-in-out infinite}
#workspace-page-refresh .update-dialog-open img,#workspace-page-refresh .update-dialog-open .update-logo-ring{animation:none}
#workspace-page-refresh .workspace-update-logo:focus-visible{outline:3px solid #b8d8ff;outline-offset:5px}
@keyframes workspace-logo-heartbeat{0%,38%,100%{filter:brightness(1);box-shadow:0 2px 8px #0004}10%{filter:brightness(1.2);box-shadow:0 0 16px #ff912380}19%{filter:brightness(1.03);box-shadow:0 0 5px #ff91232e}28%{filter:brightness(1.25);box-shadow:0 0 20px #ff912394}}
@keyframes workspace-ring-heartbeat{0%,38%,100%{opacity:.6;box-shadow:0 0 0 #ff912300}10%,28%{opacity:1;box-shadow:0 0 12px #ff912359}19%{opacity:.7;box-shadow:0 0 3px #ff91231a}}
@media(prefers-reduced-motion:reduce){#workspace-page-refresh .update-available img,#workspace-page-refresh .update-available .update-logo-ring{animation:none}}