/* Keep health checks intact; connection badges are not customer-facing controls. */
#apiState { display: none !important; }
.app-sidebar .customer-support-entry { border: 0; background: transparent; padding: 8px 0; cursor: pointer; font: inherit; color: inherit; }
.customer-support-entry:hover { color: #6554ef; }
.customer-support-entry:focus-visible { outline: 2px solid #6554ef; outline-offset: 3px; border-radius: 10px; }
dialog.customer-support-dialog { box-sizing: border-box; width: min(380px, calc(100vw - 32px)); max-height: calc(100dvh - 32px); margin: auto; padding: 30px 24px 22px; overflow: auto; border: 1px solid #e4e5ef; border-radius: 20px; background: #fff; color: #202333; text-align: center; box-shadow: 0 24px 80px #15172e33; font-family: inherit; }
.customer-support-dialog::backdrop { background: #17192c66; backdrop-filter: blur(4px); }
.customer-support-dialog h2 { margin: 0 0 8px; font-size: 22px; line-height: 1.4; }
.customer-support-dialog p { margin: 0; color: #74798b; font-size: 14px; line-height: 1.6; }
.customer-support-dialog img { display: block; width: min(100%, 280px); height: auto; margin: 22px auto 16px; border: 10px solid white; box-sizing: border-box; }
.customer-support-dialog .customer-support-note { font-size: 12px; }
.customer-support-dialog .customer-support-close { position: absolute; top: 10px; right: 12px; width: 32px; height: 32px; padding: 0; border: 0; border-radius: 8px; background: transparent; color: #74798b; font-size: 24px; cursor: pointer; }
.customer-support-close:hover { background: #f1efff; }
.customer-support-close:focus-visible { outline: 2px solid #6554ef; }