.app-update-button.has-update{background:#e0f5eb;border-color:#91cdb6;color:#245c4a}
.app-update-notice{display:flex;align-items:center;gap:14px;margin:8px 0 18px;padding:16px 18px;border:1px solid #d3e5df;border-radius:20px;background:#f3faf7;box-shadow:0 4px 0 #dceae3;color:#344f45}
.app-update-notice[hidden]{display:none}
.app-update-copy{flex:1;min-width:0}.app-update-copy strong{font-size:15px}.app-update-copy p{font-size:12px;line-height:1.65;margin:5px 0 0}
.app-update-actions{display:flex;align-items:center;gap:8px;flex-shrink:0}
.app-update-actions button{border:1px solid #b8d7c9;border-radius:13px;padding:10px 14px;background:#fff;color:#345b4b;font:inherit;font-size:13px;font-weight:700;cursor:pointer;min-height:42px}
.app-update-actions .app-update-apply{background:#397b63;border-color:#397b63;color:#fff}
.app-update-actions button[hidden]{display:none}.app-update-actions button:disabled{opacity:.55;cursor:wait}
.app-update-settings{border-top:1px solid #e9dce7;margin-top:22px;padding-top:12px}.app-update-settings p{font-size:14px;line-height:1.7}
.app-update-state{font-weight:700;color:#39705d}.app-update-version{display:block;margin-top:12px;font-size:12px;color:#746c7c}
.app-update-notice button:focus-visible,.app-update-button:focus-visible{outline:3px solid #397b63;outline-offset:3px}
@media(max-width:560px){
 body[data-screen="home"] .app-header nav{grid-template-columns:repeat(4,minmax(0,1fr))}
 body[data-screen="home"] .app-header nav .ghost-btn{padding:7px 3px;font-size:11px}
 .app-update-notice{align-items:stretch;flex-direction:column;gap:10px;padding:14px;margin:6px 0 16px}
 .app-update-actions{justify-content:flex-end}.app-update-copy strong{font-size:14px}
 body[data-screen="settings"] .app-header{flex-wrap:wrap;gap:10px}
 body[data-screen="settings"] .app-header nav{display:flex;gap:5px;flex-wrap:wrap}
 body[data-screen="settings"] .app-header nav .ghost-btn{padding:7px 9px;font-size:12px}
}