/* Shared by the public site, workspace and admin; keep the dialog self-contained. */
.contact-panel-mask{position:fixed;inset:0;display:grid;place-items:center;overflow:auto;overscroll-behavior:contain;padding:24px;background:rgba(2,6,23,.6);z-index:10000}
.contact-panel-mask,.contact-panel-mask *,.contact-panel-fab{box-sizing:border-box}
.contact-panel{--contact-bg:#fff;--contact-soft:#f9fafb;--contact-text:#172033;--contact-muted:#64748b;--contact-line:#e5e7eb;--contact-accent:#0d9488;position:relative;width:min(820px,100%);max-height:calc(100vh - 48px);max-height:calc(100dvh - 48px);min-width:0;overflow:auto;overscroll-behavior:contain;background:var(--contact-bg);border:1px solid var(--contact-line);border-radius:16px;box-shadow:0 20px 64px #0003;color:var(--contact-text);font:14px/1.6 system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC","Microsoft YaHei",sans-serif}
.contact-panel>header{position:static;display:flex;justify-content:space-between;align-items:center;gap:16px;padding:20px 24px;border-bottom:1px solid var(--contact-line);background:var(--contact-bg);color:var(--contact-text)}
.contact-panel>header h2{margin:0;font-size:20px;font-weight:600;line-height:1.5;color:inherit}
.contact-panel>header button{display:inline-flex;align-items:center;justify-content:center;flex:none;width:36px;height:36px;padding:0;border:0;border-radius:8px;background:transparent;font:26px/1 system-ui;color:var(--contact-muted);cursor:pointer}
.contact-panel>header button:hover{background:var(--contact-soft);color:var(--contact-text)}
.contact-panel-tabs{display:flex;gap:6px;width:calc(100% - 48px);max-width:560px;padding:5px;margin:20px auto 12px;border-radius:10px;background:var(--contact-soft)}
.contact-panel-tabs button{flex:1;min-width:0;padding:10px 8px;border:0;border-radius:7px;background:transparent;font:600 14px/1.5 system-ui;color:var(--contact-muted);cursor:pointer;overflow-wrap:anywhere}
.contact-panel-tabs button[aria-selected=true]{background:var(--contact-bg);box-shadow:0 1px 4px #0001;color:var(--contact-accent)}
.contact-panel-body{padding:4px 24px 24px}
.contact-panel-description{margin:8px 0 18px;text-align:center;color:var(--contact-muted);overflow-wrap:anywhere}
.contact-panel-cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}
.contact-panel-cards>article{width:auto;min-width:0;margin:0;padding:16px;text-align:center;border:1px solid var(--contact-line);border-radius:12px;background:var(--contact-bg)}
.contact-panel-cards h3{margin:0 0 12px;font-size:16px;font-weight:600;line-height:1.5;color:var(--contact-text)}
.contact-panel-qr{display:grid;place-items:center;min-height:220px;padding:12px;overflow:hidden;border-radius:8px;background:var(--contact-soft)}
.contact-panel-qr img{display:block;width:220px;height:220px;max-width:100%;object-fit:contain;background:#fff}
.contact-panel-qr span{color:var(--contact-muted)}
.contact-panel-cards p{margin:12px 0 0;font-weight:500;color:var(--contact-accent);overflow-wrap:anywhere}
.contact-panel-email{text-align:center;margin-top:20px;font-weight:500;overflow-wrap:anywhere}
.contact-panel-email a{color:var(--contact-accent)}
.contact-panel button:focus-visible,.contact-panel a:focus-visible,.contact-panel-fab:focus-visible{outline:2px solid #14b8a6;outline-offset:3px}
.contact-panel-fab{position:fixed;right:max(24px,env(safe-area-inset-right));bottom:max(24px,env(safe-area-inset-bottom));z-index:900;display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:12px 18px;border:0;border-radius:12px;background:#0d9488;color:#fff;font:600 14px/1.5 system-ui;box-shadow:0 4px 14px #0d948830;cursor:pointer}
.contact-panel-fab:hover{background:#0f766e}
html.dark .contact-panel,.workspace-console:not(.light-mode) .contact-panel{--contact-bg:#1e293b;--contact-soft:#0f172a;--contact-text:#f9fafb;--contact-muted:#94a3b8;--contact-line:#334155;--contact-accent:#5eead4;color-scheme:dark}
[data-contact-panel-enabled=false] [data-contact-open]{display:none!important}
.workspace-console .workspace-contact-button{display:inline-flex;align-items:center;justify-content:center;gap:8px;flex:0 0 auto;margin-left:auto;min-height:40px;padding:8px 14px;border:1px solid #99f6e4;border-radius:10px;background:#f0fdfa;color:#0f766e;font-family:inherit;font-size:14px;font-weight:600;line-height:1.5;white-space:nowrap;cursor:pointer}
.workspace-console .workspace-contact-button svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.workspace-console .workspace-contact-button:hover{background:#ccfbf1}
.workspace-console .workspace-contact-button:focus-visible{outline:2px solid #14b8a6;outline-offset:3px}
.workspace-console .workspace-sidebar-actions .workspace-contact-button{grid-column:1/-1;width:100%;margin-left:0}
.workspace-console:not(.light-mode) .workspace-contact-button{background:#134e4a;border-color:#0f766e;color:#99f6e4}
@media(min-width:901px){.workspace-console .topbar .workspace-contact-button{display:none}}
@media(max-width:620px){.contact-panel-mask{padding:12px}.contact-panel{max-height:calc(100vh - 24px);max-height:calc(100dvh - 24px)}.contact-panel>header{padding:16px}.contact-panel-tabs{width:calc(100% - 32px);margin-top:16px}.contact-panel-tabs button{font-size:13px;padding:9px 5px}.contact-panel-cards{grid-template-columns:minmax(0,1fr);gap:14px}.contact-panel-body{padding:4px 16px 20px}.contact-panel-fab{right:max(16px,env(safe-area-inset-right));bottom:max(16px,env(safe-area-inset-bottom))}.workspace-console .workspace-contact-button{gap:6px;padding:8px 10px;font-size:13px}.workspace-console .workspace-page-heading{flex:1 1 auto;min-width:0;overflow:hidden}.workspace-console .workspace-page-heading small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}}