.workbench-help-actions{display:flex;align-items:center;gap:8px;flex-shrink:0}
body.workbench header .workbench-header-actions{display:flex;align-items:center;gap:8px;min-width:0;margin-left:auto}
body.workbench header .workbench-header-actions>.cloud-account{margin:0;width:auto;min-width:0;max-width:160px;flex-wrap:nowrap}
body.workbench .help-entry{display:inline-flex;align-items:center;gap:6px;padding:8px 10px;min-height:36px;border:1px solid #343b44;border-radius:7px;background:#22282e;color:#a7c9ef;font-size:13px;line-height:18px;white-space:nowrap}
body.workbench .help-entry:hover,body.workbench .help-entry[aria-expanded=true]{border-color:#4c9aff;color:#e7ebf0}
body.workbench .help-entry:focus-visible{outline:2px solid #4c9aff;outline-offset:3px}
.help-menu{box-sizing:border-box;position:fixed;inset:auto;margin:0;padding:6px;width:220px;max-width:calc(100vw - 24px);max-height:calc(100dvh - 24px);overflow:auto;border:1px solid #343b44;border-radius:9px;background:#1e2227;color:#e7ebf0;z-index:10000}
.help-menu[hidden],.help-menu[popover]:not(:popover-open){display:none!important}
.help-menu::backdrop{background:transparent;pointer-events:none}
body.workbench .help-menu :is(a,button){box-sizing:border-box;display:flex;align-items:center;justify-content:flex-start;gap:10px;width:100%;min-height:44px;margin:0;padding:10px 12px;border:0;border-radius:5px;background:transparent;color:#e7ebf0;font-size:14px;line-height:20px;text-decoration:none;white-space:nowrap;cursor:pointer}
body.workbench .help-menu :is(a,button):hover{background:#292f36}
body.workbench .help-menu :is(a,button):focus-visible{background:#292f36;outline:2px solid #4c9aff;outline-offset:-2px}
body.workbench .help-menu svg{flex-shrink:0;color:#a7c9ef}
body.workbench .support-entry{display:inline-flex;align-items:center;gap:6px;padding:8px 10px;min-height:36px;border:1px solid #343b44;border-radius:7px;background:#22282e;color:#a7c9ef;font-size:13px;line-height:18px;white-space:nowrap}
body.workbench .support-entry:hover{border-color:#4c9aff;color:#e7ebf0}
body.workbench .support-entry[hidden],.support-dialog [hidden]{display:none!important}
dialog.support-dialog{--support-bg:#1e2227;--support-control:#292f36;--support-border:#343b44;--support-text:#e7ebf0;--support-muted:#a0a9b5;--support-accent:#4c9aff;box-sizing:border-box;width:min(650px,calc(100vw - 24px));max-width:calc(100vw - 24px);max-height:calc(100dvh - 32px);padding:22px;border:1px solid var(--support-border);border-radius:12px;background:var(--support-bg);color:var(--support-text);font:14px/1.6 -apple-system,BlinkMacSystemFont,"Segoe UI","Microsoft YaHei",sans-serif;backdrop-filter:none;box-shadow:none;overflow:auto}
.support-dialog::backdrop,body.workbench .support-dialog::backdrop{background:#0009;backdrop-filter:none}
.support-dialog .support-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:18px;position:sticky;top:0;z-index:1;background:var(--support-bg)}
.support-dialog .support-heading>button{flex-shrink:0;white-space:nowrap}
.support-dialog h2{font-size:18px;line-height:1.4;margin:0}.support-dialog h3{font-size:15px;margin:0 0 14px}
.support-dialog .support-heading p,.support-dialog .support-note,.support-dialog .support-image-status{color:var(--support-muted);margin:6px 0 0}
.support-dialog .support-channels{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
dialog#customerSupportDialog:has(.support-channels>.support-channel:only-child){width:min(340px,calc(100vw - 24px))}
.support-dialog .support-channels:has(>.support-channel:only-child){grid-template-columns:minmax(0,1fr)}
.support-dialog .support-channel{min-width:0;padding:16px;border:1px solid var(--support-border);border-radius:9px;background:#20262c;text-align:center}
.support-dialog button,.support-dialog a{box-sizing:border-box;display:inline-flex;align-items:center;justify-content:center;min-height:36px;padding:7px 10px;border:1px solid var(--support-border);border-radius:7px;background:var(--support-control);color:var(--support-text);font:inherit;line-height:1.4;text-decoration:none;cursor:pointer}
.support-dialog button:hover,.support-dialog a:hover{border-color:var(--support-accent)}
.support-dialog button:disabled{opacity:.55;cursor:wait}
.support-dialog :is(button,a):focus-visible,body.workbench .support-entry:focus-visible{outline:2px solid #4c9aff;outline-offset:3px}
.support-dialog .support-qr-button{display:block;width:min(220px,100%);height:220px;padding:0;border:0;border-radius:5px;overflow:hidden;margin:0 auto;background:white;min-height:0}
.support-dialog .support-qr-button img{display:block;width:100%;height:100%;object-fit:contain;background:white}
.support-dialog .support-account{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:8px;margin:14px 0 12px;overflow-wrap:anywhere}
.support-dialog .support-account span{color:var(--support-muted)}.support-dialog .support-account strong{font-family:ui-monospace,Consolas,monospace;user-select:text;font-weight:500}
.support-dialog .support-actions{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:8px}
.support-dialog .support-image-status{font-size:12px;margin-top:10px}
.support-dialog .support-note{margin-top:16px;overflow-wrap:anywhere;white-space:pre-line}
dialog.support-qr-dialog{width:min(680px,calc(100vw - 24px));text-align:center}
.support-qr-dialog .support-heading{text-align:left}.support-qr-dialog>img{display:block;width:auto;max-width:100%;height:auto;max-height:calc(100dvh - 195px);object-fit:contain;margin:0 auto 16px;background:white}
@media(max-width:760px){body.workbench header .workbench-help-actions{grid-column:1/-1;grid-row:3;justify-content:flex-end;flex-wrap:wrap}body.workbench :is(.support-entry,.help-entry){min-height:44px}}
@media(max-width:760px){
 body.workbench header .workbench-header-actions{grid-column:1/-1;grid-row:2;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.4fr) auto;gap:8px;width:100%;margin:0}
 body.workbench header .workbench-header-actions>:is(.cloud-account,#creditBalance,.workbench-help-actions){grid-column:auto;grid-row:auto;min-width:0;width:auto;max-width:100%;justify-self:stretch}
 body.workbench header .workbench-header-actions .cloud-account button{width:100%;max-width:100%;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
 body.workbench header .workbench-header-actions #creditBalance{padding-inline:8px;font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
 body.workbench header .workbench-header-actions .workbench-help-actions{justify-content:flex-end;flex-wrap:nowrap}
}
@media(max-width:540px){dialog.support-dialog{padding:16px;max-height:calc(100dvh - 24px)}.support-dialog .support-channels{grid-template-columns:minmax(0,1fr)}.support-dialog .support-heading{gap:10px}.support-dialog .support-heading p{font-size:13px}.support-dialog button,.support-dialog a{min-height:44px}.support-dialog .support-channel{padding:14px}.support-dialog .support-qr-button{min-height:0}}
.admin-page-support :is(.support-settings,.page-intro){width:100%;max-width:none}
.admin-page-support .support-settings fieldset{min-width:0;margin:16px 0;padding:14px;border:1px solid #343b44;border-radius:8px}
.admin-page-support .support-settings legend{padding:0 6px;color:#e7ebf0}
/* Shared workbench typography, without changing channel or QR layout. */
body.workbench dialog.support-dialog{font-family:var(--ui-font);font-size:13px}
body.workbench .support-dialog h2{font-size:18px;font-weight:600}
body.workbench .support-dialog h3{font-size:14px;font-weight:600}
body.workbench .support-dialog :is(button:not(.support-qr-button),a){border-radius:8px}