.auth[hidden],.shell[hidden],.view:not(.active),[hidden]{display:none!important}
#messages.active .message-workbench{grid-template-columns:250px minmax(0,1fr) 260px}
#customerProfile{min-width:0;min-height:0;overflow-y:auto;padding:16px;border-left:1px solid var(--line);background:#fff}
#customerProfile h3{margin:0 0 20px;font-size:15px}
#customerProfile dt{margin-top:18px;color:var(--muted);font-size:12px}
#customerProfile dd{margin:7px 0 0;overflow-wrap:anywhere;color:var(--text);line-height:1.6}
@media(max-width:1000px){#messages.active .message-workbench{grid-template-columns:160px minmax(0,1fr) 210px}}
.shell:has(#messages.active){height:100dvh;min-height:0;overflow:hidden}
.shell:has(#messages.active) .workspace{display:flex;flex-direction:column;min-height:0;overflow:hidden}
.shell:has(#messages.active) .topbar{flex-shrink:0}
.content:has(#messages.active){display:flex;flex:1;min-height:0;width:100%;padding:16px 28px;margin:0 auto;overflow:hidden}
#messages.active{display:flex;flex-direction:column;flex:1;min-width:0;min-height:0;gap:10px;overflow:hidden}
#messages.active .hero{flex-shrink:0;margin:0}
#messages.active .hero h2{font-size:24px;margin-bottom:4px}
#messages.active .eyebrow{margin-bottom:4px}
#messages.active #messageMetrics{flex-shrink:0;margin:0;gap:7px}
#messages.active .metric{min-height:0;padding:5px 10px}
#messages.active .metric strong{margin:3px 0 1px;font-size:21px;line-height:1}
#messages.active .metric .label,#messages.active .metric .trend{font-size:10px;line-height:1.2}
#messages.active .message-control-card{flex-shrink:0;max-height:20vh;overflow:auto;margin:0;padding:10px 14px}
#messages.active .message-workbench{flex:1;min-height:0;grid-template-rows:minmax(0,1fr)}
#messages.active .conversation-list{min-height:0;overflow-y:auto}
#messages.active .conversation-item{padding:7px 10px}
#messages.active .conversation-item-head{display:flex;align-items:center;gap:6px;min-width:0;width:100%}
#messages.active .conversation-item-head b{min-width:0;flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:13px}
#messages.active .conversation-item-time{display:block;width:100%;margin:2px 0;color:var(--muted);font-size:10px;line-height:1.25;white-space:nowrap}
#messages.active .conversation-item p{margin:3px 0;font-size:11px;line-height:1.25}
#messages.active .conversation-item small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:10px;line-height:1.25}
.conversation-unread{display:inline-grid;min-width:18px;height:18px;padding:0 5px;place-items:center;border-radius:999px;background:var(--accent);color:#fff!important;font-size:10px!important;font-weight:700}.conversation-unread[hidden]{display:none!important}
#messages.active .message-pane{min-height:0;overflow:hidden}
#messages.active .message-pane-title{flex-shrink:0;padding:10px 16px}
#messages.active .message-bubbles{min-height:0;overflow-y:auto}
#messages.active .message-bubble{flex-shrink:0}
#composeForm{flex:0 0 auto;width:100%;min-width:0;padding:10px 14px;border-top:1px solid var(--line);background:#fff}
#composeForm label{display:block;margin-bottom:6px;color:var(--muted);font-size:12px}
#composeForm .compose-input-row{display:flex;align-items:stretch;gap:10px;min-width:0;width:100%}
#composeText{display:block;flex:1;width:100%;min-width:0;min-height:64px;height:72px;resize:none;padding:10px 12px;border:1px solid var(--line);border-radius:14px;background:var(--surface-soft);color:var(--text);font:inherit;line-height:1.5}
#composeSend{flex:0 0 auto;align-self:center}
#composeStatus{display:block;min-height:1.5em;margin-top:6px;color:var(--muted);overflow-wrap:anywhere}
@media(max-width:720px){.shell:has(#messages.active){display:flex;flex-direction:column}.shell:has(#messages.active) .sidebar{flex-shrink:0;padding:8px}.shell:has(#messages.active) .workspace{flex:1}.content:has(#messages.active){padding:8px}#messages.active .hero{flex-direction:row}#messages.active .hero p,#messages.active .eyebrow{display:none}#messages.active .message-workbench{grid-template-columns:120px minmax(240px,1fr) 180px;overflow-x:auto}#messages.active .conversation-list{max-height:none;border-right:1px solid var(--line)}#composeForm{padding:8px}#composeForm .compose-input-row{gap:6px}}
.content{max-width:1480px}.eyebrow{display:block;margin-bottom:9px;color:var(--brand);font-size:11px;font-weight:700;letter-spacing:.07em}.hero{padding:3px 2px}.card-head>div>p{margin:7px 0 0}.secure-mark{padding:4px 8px;border:1px solid var(--line);border-radius:999px;background:#f7f6f3;color:var(--muted);font-size:10px;white-space:nowrap}
.setup-guide{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:0 0 24px}.setup-guide>div{display:flex;align-items:center;gap:12px;padding:15px 16px;border:1px solid var(--line);border-radius:12px;background:#fff;color:var(--muted);line-height:1.55}.setup-guide b,.check-list span{flex:0 0 auto;display:grid;place-items:center;width:26px;height:26px;border-radius:50%;background:var(--brand-soft);color:var(--brand);font-size:12px}
.callback>div{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:10px}.callback code{flex:1}.check-list{display:grid;gap:12px;margin-top:18px}.check-list p{display:flex;align-items:center;gap:11px;margin:0;color:var(--muted)}.check-list p.done{color:var(--text)}.check-list p.done span{background:var(--brand);color:#fff}.empty-state.compact{min-height:210px}.empty-action{margin-top:8px}
.integration-summary-row{display:grid;grid-template-columns:1fr auto auto;align-items:center;gap:14px;padding:13px 0;border-bottom:1px solid #ebe9e4}.integration-summary-row button{font-size:12px}.metric{min-height:126px}.field small{line-height:1.55}
.nav{gap:4px}.nav button{min-height:43px}.top-gap{margin-top:20px}.boundary-list{display:grid;gap:10px;margin-top:18px}.boundary-list p{margin:0;color:var(--muted)}.dot{display:inline-block;width:6px;height:6px;border-radius:50%;margin-right:9px;background:#aaa59d}.dot.ok{background:var(--brand)}
.integration-row{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:14px;margin-top:10px;border:1px solid var(--line);border-radius:10px;background:var(--surface-soft)}.integration-row code,.notice code{overflow-wrap:anywhere;color:#4d4655}.warn-note{margin-top:24px;color:#6f675e}
.control-options{display:flex;flex-wrap:wrap;gap:12px;margin-top:9px;color:var(--muted);font-size:13px}.control-options label{white-space:nowrap}.control-options input{accent-color:var(--brand)}
.btn.danger{border-color:#d8c9ca;background:#f5eeee;color:#774b50}.empty-state{min-height:210px;display:grid;place-items:center;align-content:center;text-align:center;color:var(--muted);gap:10px}.empty-state.large{min-height:350px}.empty-state b{color:var(--text);font-size:17px}.empty-state p{max-width:540px;margin:0;line-height:1.7}.empty-icon{display:grid;place-items:center;width:48px;height:48px;border-radius:13px;background:var(--brand-soft);color:var(--brand);font-size:19px;font-weight:700}.toast{pointer-events:none}
.disabled-card{opacity:.7}.disabled-card .warn-note{opacity:1}.error-dialog,.success-dialog{position:fixed;inset:0;z-index:1000;display:grid;place-items:center;padding:24px;background:rgba(27,27,29,.44);backdrop-filter:blur(4px)}.error-dialog[hidden],.success-dialog[hidden]{display:none!important}.error-dialog-card,.success-dialog-card{width:min(440px,calc(100vw - 48px));padding:28px;border:1px solid var(--line);border-radius:15px;background:#fff;box-shadow:0 28px 80px rgba(20,20,20,.16);text-align:center}.error-dialog-card h3,.success-dialog-card h3{margin:14px 0 8px}.error-dialog-card p,.success-dialog-card p{margin:0 0 20px;color:var(--muted);line-height:1.7}.error-dialog-icon,.success-dialog-icon{display:grid;place-items:center;width:46px;height:46px;margin:auto;border-radius:50%;background:#EEF3FA;color:var(--brand);font-size:24px;font-weight:750}
.message-center-hero{align-items:center}.global-ai-control{display:flex;align-items:center;gap:10px;padding:10px 12px;border:1px solid var(--line);border-radius:12px;background:#fff}.message-control-card{margin-bottom:16px}.message-control-form{display:grid;grid-template-columns:1fr auto auto;align-items:center}.message-control-form .control-options{margin:0}.locked-switch{opacity:.65}.message-workbench{display:grid;grid-template-columns:minmax(260px,34%) 1fr;min-height:520px;border:1px solid var(--line);border-radius:14px;overflow:hidden;background:#fff}.conversation-list{border-right:1px solid var(--line);overflow:auto}.conversation-item{width:100%;padding:16px;border:0;border-bottom:1px solid var(--line);background:#fff;text-align:left;color:var(--text);cursor:pointer}.conversation-item:hover,.conversation-item.active{background:var(--brand-soft)}.conversation-item-head{display:flex;justify-content:space-between;gap:10px}.conversation-item p{margin:6px 0;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.conversation-item small{color:var(--muted)}.message-pane{display:flex;min-width:0;flex-direction:column}.message-pane-title{padding:17px 20px;border-bottom:1px solid var(--line);font-weight:700}.message-bubbles{display:flex;flex:1;flex-direction:column;gap:10px;padding:20px;overflow:auto;background:var(--surface-soft)}.message-bubble{max-width:72%;padding:11px 14px;border-radius:14px;background:#fff;border:1px solid var(--line);white-space:pre-wrap;overflow-wrap:anywhere}.message-bubble.outbound{align-self:flex-end;background:var(--brand-soft)}.message-bubble.inbound{align-self:flex-start}.message-bubble time{display:block;margin-top:6px;color:var(--muted);font-size:10px}.inbox-placeholder{margin:auto;padding:28px;color:var(--muted);text-align:center}
@media(max-width:1000px){.nav button span{display:none}.nav button{justify-content:center}.setup-guide{grid-template-columns:1fr}}
@media(max-width:720px){.nav{grid-template-columns:repeat(3,1fr)}.nav button span{display:block;font-size:11px}.hero{align-items:flex-start;gap:13px}.hero h2{font-size:25px}.callback>div{align-items:stretch;flex-direction:column}.integration-summary-row{grid-template-columns:1fr auto}.integration-summary-row button{grid-column:1/-1}.setup-guide>div{padding:13px}.message-workbench{grid-template-columns:1fr}.conversation-list{max-height:240px;border-right:0;border-bottom:1px solid var(--line)}.message-control-form{grid-template-columns:1fr auto}.message-control-form .control-options{grid-column:1/-1}.message-bubble{max-width:88%}}
.quota-contact-note{margin:6px 0 0;color:var(--brand);font-size:12px;font-weight:650}.douyin-operator-grid,.coze-slot-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-top:12px}.douyin-operator-card,.coze-model-card{display:flex;min-width:0;align-items:flex-start;justify-content:space-between;gap:16px;padding:18px;border:1px solid var(--line);border-radius:14px;background:var(--surface-soft);box-shadow:0 8px 22px rgba(28,80,159,.05)}.douyin-operator-card h4,.coze-model-card h4{margin:7px 0 5px;font-size:16px}.douyin-operator-card p,.coze-model-card p{margin:0;color:var(--muted);font-size:12px;line-height:1.7;overflow-wrap:anywhere}.douyin-operator-kind,.coze-model-kind{color:var(--brand);font-size:11px;font-weight:700;letter-spacing:.04em}.coze-model-card.enabled{border-color:rgba(28,80,159,.35);background:var(--brand-soft)}.coze-model-switch{display:flex;align-items:center;gap:7px;white-space:nowrap;color:var(--text);font-size:13px}.coze-model-switch input{accent-color:var(--brand)}.extra-coze-form fieldset{border:0;padding:0;margin:0;display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:14px}.extra-coze-form label{display:grid;gap:5px;color:var(--muted);font-size:12px}.extra-coze-form label:nth-child(1),.extra-coze-form label:nth-child(5),.extra-coze-form button{grid-column:1/-1}.extra-coze-form input,.coze-map-form select{min-width:0;width:100%}.coze-account-mappings{margin-top:22px}.coze-map-form label{display:grid;flex:1;gap:8px}.coze-account-mappings .integration-row{align-items:end}@media(max-width:900px){.douyin-operator-grid,.coze-slot-grid{grid-template-columns:1fr}}.capacity-reminder{margin-bottom:14px;border-color:rgba(234,86,45,.28);background:rgba(234,86,45,.07);color:var(--text)}.contact-panel{position:fixed;right:18px;bottom:18px;z-index:20;width:min(300px,calc(100vw - 36px));padding:12px 14px;border:1px solid var(--line);border-radius:14px;background:#fff;box-shadow:0 14px 34px rgba(28,80,159,.15)}.contact-panel summary{cursor:pointer;font-weight:750;color:var(--brand)}.contact-panel div{display:grid;gap:10px;padding-top:12px}.contact-panel img{display:block;max-width:100%;max-height:240px;margin:auto;border-radius:10px}.contact-panel p{margin:0;color:var(--muted);line-height:1.6}
.coze-extra-card{min-width:0}.coze-validation-summary{margin-top:14px;color:var(--muted);font-size:12px}.coze-validation-summary .empty-icon{display:none}.extra-coze-form fieldset:disabled{opacity:.55}
#aiOperators{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px}
#aiOperators .message-control-form{display:flex;flex-direction:column;align-items:stretch;gap:10px;margin:0;padding:12px;border:1px solid var(--line);border-radius:12px;min-width:0}
#aiOperators .control-options{display:flex;flex-direction:column;align-items:flex-start;gap:8px}
.inbox-operator-tabs{display:flex;flex-shrink:0;gap:8px;overflow-x:auto;padding:0 0 8px}
.inbox-operator-tabs button{flex-shrink:0;max-width:240px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;padding:8px 14px;border:1px solid var(--line);border-radius:10px;background:var(--surface-soft);color:var(--text);cursor:pointer}
.inbox-operator-tabs button[aria-selected="true"]{background:var(--brand-soft);border-color:var(--brand);color:var(--brand)}
@media(max-width:1200px){#aiOperators{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:720px){#aiOperators{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:420px){#aiOperators{grid-template-columns:1fr}}
.lease-expiry-dialog{position:fixed;inset:0;z-index:80;display:grid;place-items:center;padding:20px;background:rgba(17,42,76,.42);backdrop-filter:blur(4px)}.lease-expiry-dialog[hidden]{display:none}.lease-expiry-card{width:min(480px,calc(100vw - 30px));padding:28px;border:1px solid var(--line);border-radius:18px;background:var(--panel);box-shadow:0 26px 72px rgba(28,80,159,.18)}.lease-expiry-card h3{margin:15px 0 8px}.lease-expiry-card p{color:var(--muted);line-height:1.7}.lease-expiry-card ul{margin:18px 0;padding-left:22px;display:grid;gap:8px}.lease-expiry-card button{width:100%}
.conversation-auto-reply{display:flex;align-items:center;gap:6px;flex-shrink:0;font-size:13px;color:var(--brand)}
.conversation-auto-reply[hidden]{display:none}
.message-pane-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;flex:0 0 auto;min-width:0}
.message-pane-heading .message-pane-title{min-width:0;flex:1}
.message-pane-heading .conversation-auto-reply{flex:0 0 auto;margin:0;padding:8px 12px;white-space:nowrap}
.message-pane-heading .conversation-auto-reply[hidden]{display:none}
@media(max-width:650px){.message-pane-heading{gap:4px}.message-pane-heading .conversation-auto-reply{padding:6px;font-size:12px}}
/* R27: global support stays outside the SPA view tree. */
.support-float{position:fixed;right:20px;top:50%;transform:translateY(-50%);z-index:10050}
.support-float[hidden],.support-card[hidden],.support-hours[hidden]{display:none!important}
.support-toggle{display:grid;place-items:center;width:54px;height:54px;border:0;border-radius:50%;background:#16a66a;color:#fff;box-shadow:0 4px 16px #16407f26;cursor:pointer}
.support-toggle svg{width:28px;height:28px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.support-card{position:absolute;right:68px;top:50%;transform:translateY(-50%);width:min(280px,calc(100vw - 105px));padding:18px;background:#fff;color:#26354a;border:1px solid #dce4ef;border-radius:14px;box-shadow:0 8px 30px #16407f24}
.support-card header{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:0;margin:0 0 12px;position:static;min-height:0;background:none}
.support-card b{font-size:15px}.wechat-mark{color:#16a66a}.support-close{border:0;background:none;font-size:24px;color:#64748b;cursor:pointer;padding:0 4px}
.support-card .support-qr{display:block;width:100%;max-height:230px;object-fit:contain}.support-card p{text-align:center;margin:10px 0 0;font-size:14px}.support-hours{color:#64748b;white-space:pre-wrap}
#cozeForm{display:flex;flex-direction:column;align-items:stretch;gap:16px}
#cozeForm>label{display:flex;flex-direction:column;gap:7px;width:100%;min-width:0}
#cozeForm input:not([type=hidden]),#cozeForm select{width:100%;max-width:none;min-height:42px}
#cozeForm>button{align-self:flex-start;max-width:100%}
@media(max-width:600px){.support-float{right:10px}.support-toggle{width:46px;height:46px}.support-card{right:56px}}
@media(prefers-reduced-motion:reduce){.support-float *{animation:none!important;transition:none!important}}
.expiry-notice-image{display:block;max-width:100%;max-height:50vh;object-fit:contain;margin:16px auto}.expiry-notice-text{white-space:pre-wrap;overflow-wrap:anywhere}
.subscription-home{margin:0 0 18px}.subscription-home .card-head{margin-bottom:8px}.subscription-home .integration-summary-row{grid-template-columns:96px 1fr}.subscription-home .integration-summary-row:last-child{border-bottom:0;padding-bottom:0}