/* Standalone client login uses the same compact modal controls as the application. */
.db-support-dialog{--support-ink:var(--db-ui-ink,#173047);--support-muted:var(--db-ui-muted,#6f8194);--support-border:var(--db-theme-border,#d4e3ef);--support-soft:var(--db-ui-soft,#f5f9fd);--support-brand:var(--db-theme-brand,#2c5271);width:min(500px,calc(100vw - 24px));max-height:calc(100dvh - 24px);padding:0;border:1px solid var(--support-border);border-top:3px solid var(--db-ui-accent,#739ab7);border-radius:10px;background:var(--db-ui-surface,#fff);color:var(--support-ink);box-shadow:0 18px 55px rgba(var(--db-ui-rgb,15,23,42),.2);font-family:inherit;font-size:13px;line-height:1.45;overflow:visible}
.db-support-dialog::backdrop{background:rgba(15,23,42,.4)}
.db-support-dialog [hidden]{display:none!important}
.db-support-header{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:13px 16px;background:var(--support-soft);border-bottom:1px solid var(--support-border);border-radius:7px 7px 0 0}
.db-support-header h2{margin:0;font-size:16px;font-weight:700;line-height:1.4;color:var(--support-ink)}
.db-support-close{display:inline-flex;align-items:center;justify-content:center;flex:0 0 28px;width:28px;height:28px;padding:0;border:0;border-radius:6px;background:transparent;color:var(--support-muted);font:inherit;cursor:pointer}
.db-support-close:hover{background:var(--db-ui-hover,#eaf1f7);color:var(--support-ink)}
.db-support-body{padding:16px}
.db-support-dialog .db-support-description{margin:0 0 14px;color:var(--support-muted);font-size:13px;line-height:1.5}
.db-support-label{display:block;margin:0 0 6px;color:var(--support-muted);font-size:12px;font-weight:600}
.db-support-field{position:relative}
.db-support-select{display:flex;align-items:center;justify-content:space-between;gap:12px;width:100%;min-height:38px;padding:8px 11px;border:1px solid var(--support-border);border-radius:7px;background:var(--db-ui-surface,#fff);color:var(--support-ink);font:inherit;font-size:13px;font-weight:400;line-height:20px;text-align:left;cursor:pointer}
.db-support-select>span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.db-support-select>i{flex:0 0 auto;font-size:12px;color:var(--support-muted);transition:transform .15s ease}
.db-support-select[aria-expanded="true"]>i{transform:rotate(180deg)}
.db-support-select:hover{border-color:var(--support-brand)}
.db-support-dialog :is(.db-support-select,.db-support-button,.db-support-close):focus-visible{outline:0;border-color:var(--support-brand);box-shadow:0 0 0 3px rgba(var(--db-theme-rgb,44,82,113),.14)}
.db-support-client-menu{position:absolute;top:calc(100% + 5px);left:0;right:0;z-index:5;max-height:min(224px,40dvh);padding:4px;overflow:auto;overscroll-behavior:contain;border:1px solid var(--support-border);border-radius:8px;background:var(--db-ui-surface,#fff);box-shadow:0 8px 24px rgba(var(--db-ui-rgb,15,23,42),.16);scrollbar-width:thin;scrollbar-color:var(--support-border) transparent}
.db-support-client-menu.opens-up{top:auto;bottom:calc(100% + 5px)}
.db-support-option{display:flex;align-items:center;justify-content:space-between;gap:12px;width:100%;min-height:34px;padding:7px 9px;border:0;border-radius:5px;background:transparent;color:var(--support-ink);font-family:inherit;font-size:13px;font-weight:400;line-height:20px;text-align:left;cursor:pointer;overflow-wrap:anywhere}
.db-support-option:focus-visible{outline:2px solid var(--support-brand);outline-offset:-2px}
.db-support-option:hover,.db-support-option.is-active{background:var(--db-ui-hover,var(--support-soft));color:var(--support-brand)}
.db-support-option[aria-selected="true"]{background:var(--db-ui-selected,var(--support-soft));color:var(--support-brand);font-weight:600}
.db-support-option[aria-selected="true"]::after{content:'\2713';flex:0 0 auto;font-weight:700}
.db-support-empty{padding:10px;color:var(--support-muted);font-size:13px}
.db-support-footer{display:flex;align-items:center;justify-content:flex-end;gap:8px;padding:11px 16px;border-top:1px solid var(--support-border);border-radius:0 0 9px 9px;background:var(--support-soft)}
.db-support-button{display:inline-flex;align-items:center;justify-content:center;gap:6px;min-height:34px;padding:6px 12px;border:1px solid transparent;border-radius:6px;font-family:inherit;font-size:13px;font-weight:600;line-height:20px;cursor:pointer;text-decoration:none;box-shadow:none}
.db-support-button-primary{background:var(--support-brand);border-color:var(--support-brand);color:#fff}
.db-support-button-primary:hover{background:var(--db-theme-hover,#214760);border-color:var(--db-theme-hover,#214760)}
.db-support-button-secondary{background:var(--db-ui-surface,#fff);border-color:var(--support-border);color:var(--support-brand)}
.db-support-button-secondary:hover{background:var(--db-ui-hover,#eaf1f7)}
.db-support-dialog button:disabled{opacity:.55;cursor:not-allowed}
@media(max-width:480px){.db-support-dialog{width:calc(100vw - 20px)}.db-support-header,.db-support-body,.db-support-footer{padding-left:14px;padding-right:14px}}