.login-page{grid-template-columns:1fr 1fr;min-height:100svh;font-family:Inter,Noto Sans Thai,sans-serif;display:grid}.login-page,.login-page *{box-sizing:border-box}.login-story{color:#fff;background:radial-gradient(at 10% 100%,#315e9d 0,#0000 55%),radial-gradient(at 95% 5%,#244b86 0,#0000 50%),#101f4b;flex-direction:column;padding:44px 10%;display:flex;position:relative;overflow:hidden}.login-story:after{content:"";pointer-events:none;border:1px solid #ffffff0a;border-radius:50%;width:500px;height:500px;position:absolute;top:-200px;right:-340px;box-shadow:0 0 0 60px #ffffff03,0 0 0 120px #ffffff03}.login-brand{align-items:center;gap:12px;display:flex}.login-brand-mark{background:#ffffff0e;border:1px solid #ffffff35;border-radius:13px;place-items:center;width:44px;height:44px;font-size:28px;font-weight:700;display:grid;position:relative}.login-brand-mark>span{background:#99d6d6;border-radius:50%;width:7px;height:7px;position:absolute;bottom:8px;right:6px}.login-brand strong{letter-spacing:1px;font-size:20px;display:block}.login-brand>div>span{color:#b2c2df;letter-spacing:1px;margin-top:3px;font-size:10px;display:block}.login-story-content{z-index:1;margin:auto 0;padding:65px 0 24px;position:relative}.login-eyebrow{letter-spacing:2px;color:#a7cbdc;font-size:10px;font-weight:600}.login-story h1{letter-spacing:-1px;margin:20px 0 16px;font-size:clamp(30px,3.2vw,48px);font-weight:600;line-height:1.5}.login-story h1>span{color:#99d6d6}.login-story-content>p{color:#b7c6de;font-size:14px;line-height:1.9}.login-illustration{max-width:440px;height:265px;margin-top:30px;position:relative}.login-orbit{border:1px solid #ffffff12;border-radius:50%;width:285px;height:285px;position:absolute;top:-10px;left:45px;box-shadow:0 0 0 25px #ffffff03}.login-service-card{color:#172d54;background:#ffffffed;border:1px solid #fff;border-radius:18px;padding:24px;position:absolute;top:30px;left:24px;right:32px;transform:rotate(-4deg);box-shadow:0 20px 60px #030d2b30}.login-service-icon{color:#426bc2;background:#e7effb;border-radius:12px;place-items:center;width:40px;height:40px;margin-bottom:13px;font-size:23px;display:grid}.login-service-card strong{font-size:14px;display:block}.login-service-card div>span{color:#75839b;font-size:9px}.login-service-lines{gap:5px;margin:16px 0;display:flex}.login-service-lines i{background:#e0e7f1;border-radius:4px;width:34%;height:5px}.login-service-lines i:last-child{background:#bededc}.login-service-bottom{border-top:1px solid #e4e9f2;justify-content:space-between;align-items:center;padding-top:12px;display:flex}.login-status-dot{background:#509c92;border-radius:50%;width:5px;height:5px;margin-right:5px;display:inline-block}.login-service-bottom .login-check{color:#398b77;background:#e1f1ec;border-radius:50%;place-items:center;width:22px;height:22px;display:grid}.login-floating{background:#294b78;border:1px solid #ffffff26;border-radius:12px;align-items:center;gap:9px;padding:12px 15px;font-size:10px;display:flex;position:absolute;box-shadow:0 10px 30px #0b19352e}.login-floating>.anticon{color:#b8e1df;font-size:18px}.login-floating-message{top:8px;right:-9px;transform:rotate(4deg)}.login-floating-team{bottom:0;left:0;transform:rotate(2deg)}.login-story-footer{color:#a5bad7;align-items:center;gap:10px;padding-top:30px;font-size:10px;display:flex}.login-footer-line{background:#7896bd;width:24px;height:1px}.login-form-panel{background:var(--surface);flex-direction:column;min-width:0;padding:36px 9%;display:flex}.login-topbar{color:var(--text-muted);letter-spacing:1.6px;justify-content:space-between;align-items:center;font-size:9px;display:flex}.login-page .login-theme-toggle{border:1px solid var(--border);border-radius:50%;color:var(--text-column)!important;position:static!important}.login-form-content{width:100%;max-width:380px;margin:auto;padding:48px 0}.login-welcome-icon{color:#426bc2;background:var(--drop-bg);border-radius:14px;place-items:center;width:48px;height:48px;margin-bottom:27px;font-size:22px;display:grid}.login-form-eyebrow{letter-spacing:2px;color:#6885b5;font-size:10px;font-weight:600}.login-form-content h2{color:var(--text-heading);letter-spacing:-.5px;margin:10px 0 8px;font-size:29px;font-weight:600}.login-form-description{color:var(--text-column);margin:0 0 32px;font-size:13px;line-height:1.8}.login-page .ant-form-item{margin-bottom:22px}.login-page .ant-form-item-label>label{font-size:13px;font-weight:500}.login-page .ant-input-affix-wrapper{border-radius:10px;min-height:48px;font-size:14px}.login-page .ant-input-prefix{color:#8c9bb3;margin-right:12px}.login-page .ant-select{min-height:46px;font-size:13px}.login-demo-badge{color:var(--text-column);background:var(--bg-layout);border-radius:5px;margin-left:8px;padding:2px 7px;font-size:10px;font-weight:400;display:inline-block}.login-page .login-submit{border-radius:10px;justify-content:center;gap:15px;height:48px;margin-top:5px;font-size:14px;font-weight:500;display:flex;box-shadow:0 5px 14px #426bc225}.login-demo-note{color:var(--text-column);justify-content:center;align-items:flex-start;gap:7px;margin-top:24px;font-size:10px;line-height:1.8;display:flex}.login-demo-note>.anticon{color:#7b92af;margin-top:3px}.login-form-footer{text-align:center;color:var(--text-muted);font-size:10px}.login-form-footer>span{margin:0 8px}@media (width>=1500px){.login-story{padding-left:15%;padding-right:12%}}@media (width<=1000px){.login-story{padding:32px 8%}.login-form-panel{padding:28px 8%}.login-story h1{font-size:32px}.login-floating-message{right:-16px}.login-service-card{padding:18px;left:8px;right:8px}}@media (width<=760px){.login-page{grid-template-columns:1fr}.login-story{padding:24px}.login-story-content{padding:24px 0 0}.login-story h1{margin:10px 0;font-size:28px}.login-story h1 br{display:none}.login-story-content>p{margin-bottom:0;font-size:12px}.login-eyebrow{font-size:8px}.login-illustration,.login-story-footer{display:none}.login-form-panel{padding:20px 24px 24px}.login-form-content{padding:24px 0 32px}.login-welcome-icon{display:none}.login-form-content h2{font-size:26px}.login-form-description{margin-bottom:24px}}:root{--bg-layout:#f6f7fb;--border:#f0f0f0;--text-heading:#0b1957;--text-muted:#8c8c8c;--text-column:#595959;--drop-bg:#e9f3ff;--surface:#fff}:root[data-theme=dark]{--bg-layout:#0f1115;--border:#262a33;--text-heading:#e8eaed;--text-muted:#8b919c;--text-column:#a4abb6;--drop-bg:#6c8fe01a;--surface:#181b21}body{background:var(--bg-layout);margin:0;transition:background .2s}.brand-logo{color:#fff;background:#426bc2;border-radius:10px;flex:none;justify-content:center;align-items:center;width:36px;height:36px;font-size:18px;font-weight:700;display:flex}.app-sider{border-right:1px solid var(--border);height:100vh;top:0;position:sticky!important}.sidebar-inner{flex-direction:column;height:100%;display:flex}.app-content{min-width:0;padding:24px}.page-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;margin-bottom:8px;display:flex}.workspace{align-items:center;gap:10px;margin-bottom:8px;padding:20px;display:flex}.app-header{border-bottom:1px solid var(--border);z-index:20;justify-content:space-between;align-items:center;display:flex;position:sticky;top:0}.board{align-items:flex-start;gap:16px;padding-bottom:16px;display:flex;overflow-x:auto}.board-column{border-radius:10px;flex:0 0 280px;min-height:400px;padding:4px;transition:background .2s}.column-header{text-transform:uppercase;color:var(--text-column);justify-content:space-between;align-items:center;margin-bottom:12px;font-size:12px;font-weight:600;display:flex}.column-header .dot{border-radius:50%;width:8px;height:8px;display:inline-block}.case-card{cursor:grab;border-radius:10px}.case-card:active{cursor:grabbing}.case-title{color:var(--text-heading);margin:8px 0 4px;font-weight:600}.case-detail{color:var(--text-muted);margin-bottom:8px;font-size:12px}@media (width<=991px){.app-header{padding:0 12px!important}.app-content{padding:16px}}@media (width<=575px){.board{scroll-snap-type:x mandatory;gap:12px;margin:0 -16px;padding:0 16px 16px}.board-column{scroll-snap-align:center;flex-basis:calc(100vw - 48px);min-height:200px}}.donut-center{pointer-events:none;flex-direction:column;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.legend-row{justify-content:space-between;align-items:center;padding:5px 0;font-size:13px;display:flex}.legend-dot{border-radius:2px;width:8px;height:8px;display:inline-block}.legend-ring{border:2.5px solid;border-radius:50%;width:10px;height:10px;display:inline-block}.stack-bar{gap:2px;height:8px;margin:12px 0 8px;display:flex}.stack-bar span:first-child{border-radius:4px 0 0 4px}.stack-bar span:last-child{border-radius:0 4px 4px 0}.recharts-wrapper :focus{outline:none}.kb-hero{border-bottom:1px solid var(--border);flex-direction:column;align-items:center;gap:24px;margin-bottom:32px;padding:40px 0 32px;display:flex}.kb-search{max-width:560px;box-shadow:0 4px 16px #0b19570f;border-radius:999px!important}.kb-sources{flex-wrap:wrap;justify-content:center;gap:16px;display:flex}.kb-source{border:1px solid var(--border);background:var(--surface);cursor:pointer;border-radius:50%;width:56px;height:56px;font-size:22px;transition:transform .15s;box-shadow:0 4px 14px #0b195714}.kb-source:hover{transform:translateY(-2px)}.kb-categories{flex-direction:column;align-items:flex-start;gap:8px;display:flex}.kb-pill{border:1px solid var(--border)!important;border-radius:999px!important;margin:0!important;padding:2px 12px!important}.kb-request{border-top:1px solid var(--border);margin-top:24px;padding-top:16px}.kb-card{border-radius:10px;height:100%}.kb-card-title{color:var(--text-heading);margin:10px 0 4px;font-weight:600}.kb-card-desc{color:var(--text-muted);-webkit-line-clamp:2;-webkit-box-orient:vertical;min-height:36px;margin-bottom:12px;font-size:12px;display:-webkit-box;overflow:hidden}.kb-icon{border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;display:inline-flex}.kb-icon-0{color:#426bc2;background:#426bc21f}.kb-icon-1{color:#1f9a94;background:#1f9a941f}.kb-icon-2{color:#8e5cc0;background:#8e5cc01f}.kb-summary{min-height:620px;display:flex}.kb-side{border-right:1px solid var(--border);flex-direction:column;flex:none;gap:2px;width:240px;padding:16px 12px;display:flex}.kb-side-item{cursor:pointer;border-radius:8px;align-items:center;gap:8px;padding:7px 10px;font-size:13px;display:flex}.kb-side-item:hover{background:var(--drop-bg)}.kb-side-item.active{background:var(--drop-bg);font-weight:600}.kb-side-item.muted{color:var(--text-muted)}.kb-side-label,.kb-section-label{letter-spacing:.5px;text-transform:uppercase;color:var(--text-muted);margin:16px 10px 6px;font-size:11px;font-weight:600}.kb-section-label{margin:0 0 8px}.kb-summary>div{padding:32px}.kb-quick{cursor:pointer;border:2px solid #0000;border-radius:10px;padding:14px 16px;transition:border-color .15s}.kb-quick.selected{border-color:currentColor}.kb-quick-num{font-size:24px;font-weight:700;line-height:1.2}.qf-orange{color:#b26a00;background:#fdf0dc}.qf-gray{color:#3a3f4b;background:#f0f1f4}.qf-green{color:#237a3b;background:#e3f5e8}:root[data-theme=dark] .qf-orange{color:#e3b65c;background:#d9a03024}:root[data-theme=dark] .qf-gray{color:#c9ced8;background:#ffffff0f}:root[data-theme=dark] .qf-green{color:#7fd196;background:#3caa5a24}.kb-table .ant-table-thead>tr>th{text-transform:uppercase;color:var(--text-muted);font-size:11px;background:0 0!important}.kb-table .ant-table-thead>tr>th:before{display:none}@media (width<=767px){.kb-side{display:none}.kb-summary>div{padding:16px}.kb-hero{padding:24px 0}.kb-categories{flex-flow:wrap}}.timeline-case{background:var(--ant-color-fill-quaternary,#00000005);cursor:pointer;border-radius:8px;flex-wrap:wrap;align-items:center;gap:8px;margin-top:8px;padding:8px 10px;display:flex}.timeline-case:hover{background:var(--ant-color-fill-tertiary,#0000000a)}.cmp-toolbar{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.cmp-stat{border-radius:10px}.cmp-stat.active{border-color:var(--text-heading)}.cmp-stat-icon{border-radius:10px;justify-content:center;align-items:center;width:36px;height:36px;font-size:18px;display:inline-flex}.cmp-row{border-radius:10px}.cmp-row-grid{grid-template-columns:minmax(220px,2.4fr) .8fr .9fr 1.1fr 1fr 1.1fr 1.1fr 1fr 32px;align-items:center;gap:12px;display:grid}.cmp-subject{color:var(--text-heading);margin:2px 0;font-weight:600}.cmp-label{color:var(--text-muted);margin-bottom:2px;font-size:11px}.cmp-value{font-size:13px}.cmp-sub{color:var(--text-muted);font-size:12px}.cmp-search{max-width:300px}@media (width<=1279px){.cmp-row-grid{grid-template-columns:repeat(4,1fr) 32px}.cmp-main{grid-area:1/1/auto/-2}.cmp-action{grid-area:1/-2;align-self:start}}@media (width<=575px){.cmp-row-grid{grid-template-columns:1fr 1fr 32px;gap:10px 8px}.cmp-search{flex-basis:100%;max-width:none}.cmp-filter{flex:140px;min-width:0!important}}.kb-source.active{border-color:#426bc2;box-shadow:0 0 0 3px #426bc233}.kb-pill-count{opacity:.6;margin-left:6px;font-size:11px}.kb-side-count{color:var(--text-muted);margin-left:auto;font-size:11px}.kb-caret{opacity:.6;justify-content:center;width:16px;font-size:10px;display:inline-flex}.kb-caret:hover{opacity:1}.kb-side-children{padding-left:26px}.kb-side-child{cursor:pointer;color:var(--text-muted);white-space:nowrap;text-overflow:ellipsis;border-radius:6px;padding:4px 8px;font-size:12px;overflow:hidden}.kb-side-child:hover{background:var(--drop-bg);color:inherit}.kb-mobile-only{display:none!important}.kb-feedback{background:var(--drop-bg);border-radius:10px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;padding:12px 16px;display:flex}.kb-md h3{color:var(--text-heading);margin:8px 0}.kb-md h4{color:var(--text-heading);margin:12px 0 4px}.kb-md p{margin:0 0 4px}.kb-md-li{margin-bottom:2px;padding-left:8px}.kb-md blockquote{background:var(--drop-bg);border-left:3px solid #426bc2;border-radius:0 6px 6px 0;margin:4px 0;padding:8px 12px}@media (width<=767px){.kb-mobile-only{display:inline-flex!important}}.noti-panel{width:min(380px,100vw - 24px)}.noti-head{justify-content:space-between;align-items:center;padding:12px 16px 8px;display:flex}.noti-list{max-height:420px;overflow-y:auto}.noti-item{cursor:pointer;gap:12px;padding:10px 16px;display:flex;position:relative}.noti-item:hover{background:var(--drop-bg)}.noti-item.unread{background:#426bc20d}.noti-desc{color:var(--text-muted);-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:12px;display:-webkit-box;overflow:hidden}.noti-actions{flex-direction:column;align-items:center;gap:2px;display:flex}.noti-dot{cursor:pointer;background:#426bc2;border-radius:50%;width:8px;height:8px;margin-top:6px}.noti-dot.read{border:1px solid var(--border);background:0 0}.noti-foot{border-top:1px solid var(--border);text-align:center;padding:4px}.noti-pref{justify-content:space-between;align-items:center;gap:12px;padding:6px 0;display:flex}.um-dropdown .ant-dropdown-menu{min-width:260px}.um-dropdown .ant-dropdown-menu-item-disabled{cursor:default!important}.um-header{color:inherit;align-items:center;gap:12px;padding:4px 0;display:flex}.help-hero{text-align:center;flex-direction:column;align-items:center;margin-bottom:16px;padding:32px 16px;display:flex}.kbd{text-align:center;border:1px solid var(--border);background:var(--surface);border-bottom-width:2px;border-radius:4px;min-width:24px;padding:1px 6px;font-family:inherit;font-size:12px;display:inline-block}.set-row{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;padding:12px 0;display:flex}.set-row+.set-row{border-top:1px solid var(--border)}.set-tabs .ant-tabs-tabpane{padding-left:8px}.set-savebar{background:var(--surface);border:1px solid var(--border);border-radius:10px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-top:16px;padding:12px 16px;display:flex;position:sticky;bottom:16px;box-shadow:0 8px 24px #0b19571f}.crud-card .ant-card-head{flex-wrap:wrap;min-height:0}.crud-card .ant-card-head-wrapper{flex-wrap:wrap;gap:8px}.crud-card .ant-card-extra{margin-inline-start:auto}.crud-card .ant-table-wrapper .ant-table{border-radius:0 0 8px 8px}@media (width<=575px){.crud-card .ant-card-extra{width:100%}.crud-card .ant-card-extra .ant-input-affix-wrapper{width:100%!important}}.stack-bar{border-radius:6px;gap:2px;height:12px;display:flex;overflow:hidden}.word-cloud{flex-wrap:wrap;justify-content:center;align-items:baseline;gap:6px 14px;padding:8px 0;line-height:1.3;display:flex}.influencer-grid{grid-template-columns:repeat(auto-fill,minmax(260px,1fr));display:grid}.influencer{border-bottom:1px solid var(--ant-color-border-secondary,#0000000f);align-items:center;gap:10px;padding:14px 16px;display:flex}.mention-card{border-radius:10px}.mention-actions{flex-wrap:wrap;justify-content:flex-end;gap:6px;margin-top:10px;display:flex}@media (width<=575px){.mention-actions{justify-content:flex-start;padding-left:42px}}.de-seg-radio{border:1px solid var(--border);border-radius:8px;width:100%;padding:10px 12px}.de-phone{background:#e6ebf3;border:8px solid #1f2430;border-radius:28px;flex-direction:column;max-width:300px;min-height:420px;margin-top:8px;display:flex;overflow:hidden}.de-phone-head{color:#fff;background:#0b1957;align-items:center;gap:8px;padding:10px 12px;display:flex}.de-phone-body{color:#1f2430;padding:16px 12px}.de-bubble{color:#1f2430;white-space:pre-wrap;border:1px solid var(--border);background:#fff;border-radius:4px 14px 14px;max-width:85%;padding:10px 12px;font-size:13px;box-shadow:0 1px 2px #00000014}.de-add{text-align:center;color:var(--text-muted);justify-content:center;align-items:center;min-height:180px;display:flex;border-style:dashed!important}.de-add .ant-card-body{flex-direction:column;align-items:center;gap:8px;display:flex}.oc-wrap{border:1px solid var(--border);background:var(--surface);border-radius:12px;height:calc(100vh - 184px);min-height:520px;display:flex;overflow:hidden}.oc-list{border-right:1px solid var(--border);flex-direction:column;flex:none;width:320px;display:flex}.oc-list-head{border-bottom:1px solid var(--border);flex-direction:column;gap:8px;padding:12px;display:flex}.oc-list-body{flex:1;overflow-y:auto}.oc-item{cursor:pointer;border-left:3px solid #0000;border-bottom:1px solid var(--border);gap:10px;padding:12px;display:flex}.oc-item:hover{background:var(--drop-bg)}.oc-item.active{background:var(--drop-bg);border-left-color:#426bc2}.oc-item-top{justify-content:space-between;align-items:center;gap:8px;min-width:0;display:flex}.oc-item-channel{line-height:0;position:absolute;bottom:-2px;right:-2px}.oc-channel-dot{border:2px solid var(--surface);vertical-align:middle;border-radius:50%;display:inline-block}.oc-chat{background:var(--bg-layout);flex-direction:column;flex:1;min-width:0;display:flex}.oc-empty{justify-content:center;align-items:center}.oc-chat-head{background:var(--surface);border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;gap:8px;padding:10px 12px;display:flex}.oc-chat-body{flex-direction:column;flex:1;gap:12px;padding:16px;display:flex;overflow-y:auto}.oc-system{color:var(--text-muted);background:var(--surface);border:1px solid var(--border);border-radius:999px;align-self:center;padding:2px 10px;font-size:11px}.oc-msg{align-items:flex-end;gap:8px;max-width:78%;display:flex}.oc-msg.mine{flex-direction:row-reverse;align-self:flex-end}.oc-msg-col{flex-direction:column;gap:2px;min-width:0;display:flex}.oc-msg.mine .oc-msg-col{align-items:flex-end}.oc-bubble{white-space:pre-wrap;word-break:break-word;border-radius:14px;padding:8px 12px;font-size:14px;line-height:1.5}.oc-bubble.customer{background:var(--surface);border:1px solid var(--border);border-bottom-left-radius:4px}.oc-bubble.agent{color:#fff;background:#426bc2;border-bottom-right-radius:4px}.oc-bubble.bot{background:#8e5cc01f;border-bottom-right-radius:4px}.oc-bubble.note{color:#6b4e00;background:#fdf3d7;border:1px dashed #d9a030;border-bottom-right-radius:4px}:root[data-theme=dark] .oc-bubble.note{color:#e3c27a;background:#d9a03024}.oc-attach{cursor:pointer;background:#0000000f;border-radius:8px;align-items:center;gap:6px;margin-top:6px;padding:6px 8px;font-size:12px;display:flex}.oc-bubble.agent .oc-attach{background:#ffffff2e}.oc-bubble.agent .oc-attach .ant-typography{color:#ffffffbf}.oc-typing{gap:4px;padding:12px 14px;display:flex}.oc-typing span{background:var(--text-muted);border-radius:50%;width:6px;height:6px;animation:1.2s infinite oc-blink}.oc-typing span:nth-child(2){animation-delay:.2s}.oc-typing span:nth-child(3){animation-delay:.4s}@keyframes oc-blink{0%,80%,to{opacity:.3}40%{opacity:1}}.oc-composer{background:var(--surface);border-top:1px solid var(--border);padding:8px 12px}.oc-composer.note{background:#d9a03014}.oc-quick{scrollbar-width:none;gap:4px;padding-bottom:6px;display:flex;overflow-x:auto}.oc-quick-tag{cursor:pointer;flex:none;border-radius:999px!important}.oc-quick-tag:hover{color:#426bc2;border-color:#426bc2}.oc-composer-bar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;display:flex}.oc-readonly{text-align:center;color:var(--text-muted);background:var(--surface);border-top:1px solid var(--border);padding:14px}.oc-profile{border-left:1px solid var(--border);background:var(--surface);flex:none;width:300px;overflow-y:auto}.oc-section-label{text-transform:uppercase;letter-spacing:.5px;color:var(--text-muted);margin:16px 0 6px;font-size:11px;font-weight:600}@media (width<=991px){.oc-wrap{height:calc(100vh - 168px)}.oc-list{border-right:none;width:100%}.oc-msg{max-width:90%}}.bc-list .oc-section-label{margin:12px 0 4px}.oc-bubble.bc-user{color:#fff;border-bottom-right-radius:4px}.bc-welcome{text-align:center;flex-direction:column;align-items:center;max-width:360px;margin:auto;display:flex}.bc-cards{gap:8px;max-width:100%;padding:2px 0;display:flex;overflow-x:auto}.bc-card{border:1px solid var(--border);background:var(--surface);border-radius:12px;flex:none;width:200px;overflow:hidden}.bc-card-img{color:#ffffffd9;justify-content:center;align-items:center;height:72px;font-size:28px;display:flex}.bc-card .ant-btn{border-top:1px solid var(--border);border-radius:0}.bc-fb{color:var(--text-muted);cursor:pointer;font-size:12px}.bc-fb:hover,.bc-fb.on{color:#426bc2}.bc-fb.bad{color:#d9654e}.bc-flow{color:var(--text-muted);flex-wrap:wrap;align-items:center;gap:4px;font-size:12px;display:flex}.bc-flow span{background:var(--drop-bg);color:inherit;border-radius:6px;padding:2px 8px}.bc-flow span.bad{color:#d9654e;background:#d9654e26}.vb-wrap{height:calc(100vh - 292px)}.vb-live{background:#52c41a;border-radius:50%;width:8px;height:8px;margin-right:4px;animation:1.2s infinite oc-blink;display:inline-block}.vb-idle{text-align:center;flex-direction:column;align-items:center;gap:8px;margin:auto;display:flex}.vb-call{cursor:pointer;color:#fff;background:#52c41a;border:none;border-radius:50%;width:88px;height:88px;margin-bottom:8px;font-size:34px;animation:2s infinite vb-pulse;box-shadow:0 0 #52c41a80}@keyframes vb-pulse{70%{box-shadow:0 0 0 18px #52c41a00}to{box-shadow:0 0 #52c41a00}}.vb-composer{padding:10px 12px}.vb-bar{align-items:center;gap:10px;display:flex}.vb-mic{cursor:pointer;color:#fff;background:#8e5cc0;border:none;border-radius:50%;flex:none;width:44px;height:44px;font-size:20px;transition:transform .15s}.vb-mic:hover:not(:disabled){transform:scale(1.06)}.vb-mic:disabled{opacity:.4;cursor:not-allowed}.vb-mic.on{background:#ff4d4f;animation:1.4s infinite vb-pulse-red;box-shadow:0 0 #ff4d4f80}@keyframes vb-pulse-red{70%{box-shadow:0 0 0 12px #ff4d4f00}to{box-shadow:0 0 #ff4d4f00}}.vb-wave{flex:1;justify-content:center;align-items:center;gap:3px;height:40px;display:flex}.vb-wave span{background:#ff4d4f;border-radius:2px;width:4px;height:8px;animation:.7s ease-in-out infinite alternate vb-bar}@keyframes vb-bar{to{height:32px}}@media (width<=991px){.vb-wrap{height:calc(100vh - 256px)}}.vb-caret{vertical-align:text-bottom;background:currentColor;width:2px;height:1em;margin-left:2px;animation:.8s infinite oc-blink;display:inline-block}.vb-dtmf{letter-spacing:1px;font-family:ui-monospace,monospace}.vb-keypad{grid-template-columns:repeat(3,52px);gap:8px;display:grid}.vb-summary{border:1px solid var(--border);background:var(--bg-layout);border-radius:10px;margin-bottom:8px;padding:12px}.oc-chat-body .vb-summary{background:var(--surface);align-self:stretch}