#clientUpdates{--update-line:var(--line,#dce4e0);box-sizing:border-box;width:100%;min-width:0;color:var(--text,#192f26)}
#clientUpdates *{box-sizing:border-box}
#clientUpdates .client-update-header h3{margin:0 0 8px;font-size:19px;line-height:1.4}
#clientUpdates p{overflow-wrap:anywhere;line-height:1.65}
#clientUpdates .client-update-muted{color:var(--muted,#64736b);font-size:13px;margin:0 0 18px}
#clientUpdates .client-update-versions{display:grid;grid-template-columns:1fr 1fr;gap:1px;border:1px solid var(--update-line);background:var(--update-line);border-radius:12px;overflow:hidden;margin:20px 0}
#clientUpdates .client-update-versions>div{min-width:0;padding:16px;background:var(--panel,#fff)}
#clientUpdates dt{font-size:12px;color:var(--muted,#64736b);margin-bottom:8px}
#clientUpdates dd{font-size:18px;font-weight:700;margin:0;overflow-wrap:anywhere}
#clientUpdates .client-update-status{font-size:14px;margin:0 0 18px;min-height:24px}
#clientUpdates .client-update-status[data-state=required],#clientUpdates .client-update-status[data-state=optional]{padding:12px 14px;border-radius:10px;background:var(--accent-soft,#e6f2eb)}
#clientUpdates .client-update-status[data-state=network],#clientUpdates .client-update-status[data-state=invalid],#clientUpdates .client-update-status[data-state=fallback],#clientUpdates .client-update-status[data-state=invalidVersion],#clientUpdates .client-update-status[data-state=unpublished]{color:var(--danger,#b84d3b)}
#clientUpdates .client-update-actions{display:flex;flex-wrap:wrap;gap:10px;align-items:center}
#clientUpdates .client-update-actions button,#clientUpdates .client-update-link{min-height:44px;display:inline-flex;align-items:center;justify-content:center;gap:8px;font:inherit;font-size:13px;line-height:1.5;white-space:normal;padding:10px 14px;max-width:100%;text-align:center;overflow-wrap:anywhere}
#clientUpdates .client-update-actions button{border:1px solid var(--update-line);border-radius:9px;background:var(--panel,#fff);color:var(--text,#192f26);font-weight:600;cursor:pointer}
#clientUpdates .client-update-actions button:hover:not(:disabled){background:var(--hover,#edf3ef)}
#clientUpdates .client-update-actions button.primary{background:#176b4c;border-color:#176b4c;color:#fff}
#clientUpdates .client-update-actions button.primary:hover:not(:disabled){background:#12563d}
#clientUpdates .client-update-actions button:focus-visible,#clientUpdates a:focus-visible{outline:2px solid var(--accent,#297851);outline-offset:3px}
#clientUpdates button:disabled{opacity:.6;cursor:default}
#clientUpdates .client-update-link{color:var(--accent,#297851);text-decoration:underline;text-underline-offset:3px}
#clientUpdates .client-update-notice{margin-top:20px;margin-bottom:0;font-size:12px}
#clientUpdates .client-update-verification{border-top:1px solid var(--update-line);margin-top:18px;padding-top:12px;font-size:12px;color:var(--muted,#64736b)}
#clientUpdates .client-update-verification summary{cursor:pointer;min-height:44px;display:flex;align-items:center}
#clientUpdates .client-update-verification p{margin:8px 0}
#clientUpdates .client-update-verification code{display:block;overflow-wrap:anywhere;word-break:break-all;font-size:11px}
#clientUpdates .client-update-mobile-note{padding:12px 14px;border:1px solid var(--update-line);border-radius:10px;font-size:13px}
@media(max-width:560px){#clientUpdates .client-update-versions{grid-template-columns:1fr}#clientUpdates .client-update-versions>div{padding:14px}#clientUpdates .client-update-actions{align-items:stretch}#clientUpdates .client-update-actions>*{flex:1 1 100%}}