:is(#ck-interface-notice,#ck-desktop-update-notice){flex:0 0 auto;display:flex;align-items:center;gap:8px;padding:7px 12px;background:var(--ui-chrome,#203946);color:var(--ui-text,#eee9d3);border-bottom:1px solid var(--ui-border,#647f80);font:13px/1.4 system-ui}
:is(#ck-interface-notice,#ck-desktop-update-notice)[hidden]{display:none!important}
:is(#ck-interface-notice,#ck-desktop-update-notice)>span{flex:1;min-width:0}
:is(#ck-interface-notice,#ck-desktop-update-notice) button,#ck-interface-dialog button{min-height:36px;padding:6px 12px;border:1px solid var(--ui-border,#647f80);border-radius:7px;background:var(--ui-raised,#304850);color:var(--ui-accent,#ffe2a2);font:inherit;cursor:pointer}
body.beta-client #toolbar-right>#btn-whats-new{display:inline-flex!important;align-items:center;justify-content:center}
#btn-whats-new[data-unread=true]::after{content:'●';margin-left:6px;color:var(--ui-accent,#ffe2a2);font-size:9px}
#ck-interface-dialog{box-sizing:border-box;width:640px;max-width:calc(100vw - 24px);max-height:calc(100dvh - 24px);padding:0 20px 18px;overflow:auto;border:1px solid var(--ui-border,#647f80);border-radius:12px;background:var(--ui-chrome,#182b36);color:var(--ui-text,#eee9d3);font:14px/1.55 system-ui}
#ck-interface-dialog::backdrop{background:#0009}
#ck-interface-dialog>header{position:sticky;top:0;z-index:1;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px 0;background:var(--ui-chrome,#182b36)}
#ck-interface-dialog h2{margin:0;font-size:21px}
#ck-interface-dialog h3{font-size:17px;margin-bottom:4px}
#ck-interface-version,.ck-release-date{font-size:12px;color:var(--ui-muted,#b7c6cd)}
#ck-interface-history>section{border-top:1px solid var(--ui-border,#647f80);margin-top:18px;padding-top:4px}
#ck-interface-history ul{padding-left:22px}#ck-interface-history li{margin:8px 0}
#ck-interface-update-actions{padding:4px 12px 12px;border:1px solid var(--ui-border,#647f80);border-radius:8px}
#ck-interface-update-actions[hidden]{display:none}
#ck-interface-dialog button:disabled{opacity:.5;cursor:default}
#ck-interface-update-actions button{margin-right:8px}
#ck-interface-dialog footer{border-top:1px solid var(--ui-border,#647f80);padding-top:15px}
#ck-interface-check-status{min-height:1.55em;margin-bottom:0}
@media(max-width:600px){:is(#ck-interface-notice,#ck-desktop-update-notice){font-size:11px;padding:5px 8px;gap:5px}:is(#ck-interface-notice,#ck-desktop-update-notice) button{padding:5px 8px}#ck-interface-dialog{padding:0 12px 12px}}
/* Site-wide header/footer rules must not hide the dialog controls. */
body.beta-client #ck-interface-dialog>header,body.beta-client #ck-interface-dialog>footer{display:flex!important;height:auto;min-height:0;margin:0;background-image:none;box-shadow:none;border-image:none;text-align:left}
body.beta-client #ck-interface-dialog>header::after,body.beta-client #ck-interface-dialog>footer::after{display:none!important}
body.beta-client #ck-interface-dialog>footer{display:block!important}

/* Preserve vertical scrolling and pinch zoom; sideways touch gestures dismiss notices. */
:is(#ck-interface-notice,#ck-desktop-update-notice),#ck-interface-dialog,.beta-chat-bubble,.ch-popup-card{touch-action:pan-y pinch-zoom}

#ps-desktop-update[hidden]{display:none!important}
#ck-desktop-update-notice button:disabled{opacity:.6;cursor:wait}

body.beta-client #ps-desktop-update{margin-bottom:10px;border-style:solid}