:root{font-family:system-ui,-apple-system,"PingFang SC","Microsoft YaHei",sans-serif;color:#18232c;background:#f1f5f9;font-synthesis:none}*{box-sizing:border-box}body{margin:0}.hidden,.view{display:none!important}.view.active-view{display:block!important}.icons{position:absolute;width:0;height:0;overflow:hidden}h1,h2,p{margin-top:0}h1{font-size:23px;margin-bottom:5px}h2{font-size:17px;margin-bottom:12px}small,.muted{color:#63737e}small{font-size:12px}button,input,textarea,select{font:inherit}button{cursor:pointer;border:0;border-radius:10px;padding:11px 15px;background:#18bac6;color:#072f35;font-weight:700}button:hover{filter:brightness(.95)}button:disabled{opacity:.45;cursor:not-allowed}button.secondary{background:#e1eff2;color:#17606a}button.danger{background:#fff0ed;color:#b44a43}.plain-button,.icon-button,.back-button{color:#36525b;background:transparent}.icon-button{padding:4px 9px;font-size:24px}.back-button{padding:6px 2px;font-size:14px}.error{color:#b53434;min-height:1.2em}label{display:grid;gap:7px;font-size:13px;font-weight:650}input,textarea,select{min-width:0;width:100%;border:1px solid #cdd9e0;border-radius:10px;padding:11px;background:#fff;color:#152732;outline-color:#18bac6}textarea{resize:vertical;min-height:94px}.card{background:#fff;border:1px solid #dce4eb;border-radius:17px;padding:18px;box-shadow:0 6px 18px #2944520a}.login{max-width:390px;margin:12vh auto;padding:28px}.login-mark{width:46px;height:46px;border-radius:15px;background:#b6f6fa;display:grid;place-items:center;color:#087481;font-size:25px;margin-bottom:18px}.login form{display:grid;gap:18px;margin-top:20px}
.topbar{background:#fff;border-bottom:1px solid #e1e7ec;display:flex;justify-content:space-between;align-items:center;gap:8px;padding:14px max(20px,calc((100vw - 1160px)/2));position:sticky;top:0;z-index:4}.brand{font-size:20px;font-weight:800;letter-spacing:.03em}.tagline{font-size:11px;color:#83919a;margin-top:2px}.top-actions{display:flex;align-items:center;gap:3px}.top-actions .plain-button{font-size:12px;padding:7px}.mode-badge{display:inline-block;border:1px solid #9ddfe2;background:#e5fafb;color:#19818b;border-radius:8px;font-size:11px;padding:6px 8px;white-space:nowrap}.notice{max-width:1160px;margin:12px auto -2px;padding:10px 14px;border-radius:10px;background:#fff4e8;color:#945520;font-size:13px}.notice.error-notice{background:#fff0ed;color:#a33e39}.workspace{max-width:1160px;margin:auto;padding:24px 20px 120px;min-height:calc(100vh - 120px)}.section-heading{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-bottom:18px}.section-heading p{color:#6e7f88;font-size:13px;margin:0}.live-dot,.count-pill{color:#188895;background:#e2f8fa;border:1px solid #afe6eb;border-radius:20px;font-size:12px;padding:6px 11px}.live-dot:before{content:"";display:inline-block;width:6px;height:6px;background:#18baaf;border-radius:50%;margin-right:5px}.metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:15px}.metric{min-height:175px;border:1px solid #cfd9e0;border-radius:17px;background:linear-gradient(145deg,#e8eef5,#e9eff6 70%,#e7f0f4);padding:20px;display:flex;flex-direction:column;box-shadow:inset 0 1px #fff9}.metric>span{font-size:14px;font-weight:750}.metric strong{display:block;font-size:35px;line-height:1.1;color:#121d25;margin:14px 0 11px;letter-spacing:-.04em}.metric>div strong{display:inline-block;margin-bottom:3px}.metric b{font-size:13px;color:#0d928f;margin-left:6px}.metric small{font-size:12px;line-height:1.55;color:#53646f;margin-top:auto}.meter{height:5px;border-radius:8px;background:#d4e2e8;margin:4px 0 11px;overflow:hidden}.meter i{height:100%;display:block;width:0;background:#139ba6;transition:width .3s}.tip-card{margin-top:18px;padding:18px;background:#e5f5f7;border:1px solid #c6e9ec;border-radius:16px;color:#235660}.tip-card p{font-size:13px;line-height:1.6;margin:6px 0 0}.stack{display:grid;gap:9px}.empty{color:#7f9098;text-align:center;padding:38px 15px;background:#fff;border-radius:13px;border:1px dashed #d5dfe4}.filter-bar{display:flex;gap:10px;margin-bottom:14px}.filter-bar input{flex:1}.filter-bar select{width:135px}.record,.client-row{background:#fff;border:1px solid #dce4e9;border-radius:13px;padding:14px;display:flex;align-items:center;gap:13px;text-align:left;color:inherit;width:100%}.record:hover,.client-row:hover{border-color:#84d3d9}.record .avatar,.client-row .avatar{flex:none;width:39px;height:39px;border-radius:13px;background:#d9f4f5;display:grid;place-items:center;color:#167c86;font-weight:800}.record .record-main,.client-row .record-main{min-width:0;flex:1}.record strong,.client-row strong{font-size:14px;display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.record small,.client-row small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;margin-top:4px}.status{border-radius:99px;font-size:11px;padding:5px 8px;white-space:nowrap;color:#527077;background:#e9f0f3}.status.active{background:#dbf6ef;color:#147961}.status.waiting{background:#fff2db;color:#a86b14}.conversation-layout{display:grid;grid-template-columns:minmax(230px,320px) minmax(0,1fr);gap:14px;min-height:560px}.client-pane,.chat-pane{background:#fff;border:1px solid #dbe5ea;border-radius:17px;padding:14px;min-width:0}.segmented{display:flex;gap:6px;padding:4px;background:#edf3f6;border-radius:10px;margin-bottom:12px}.segmented button{flex:1;font-size:13px;padding:9px;background:transparent;color:#607680}.segmented button.selected{color:#126f78;background:#fff;box-shadow:0 2px 7px #264e5717}.client-row.selected{border-color:#18bac6;background:#f2fcfc}.chat-pane{display:flex;flex-direction:column}.chat-head{min-height:48px;display:flex;align-items:center;gap:12px;padding-bottom:12px;border-bottom:1px solid #e7eef1}.chat-head strong,.chat-head small{display:block}.chat-head small{margin-top:4px}.back-button{display:none}.messages{flex:1;min-height:270px;max-height:55vh;overflow:auto;padding:12px 2px}.message{max-width:80%;padding:10px 12px;border-radius:12px 12px 12px 3px;margin:9px 0;background:#edf3f6;white-space:pre-wrap;overflow-wrap:anywhere;font-size:14px;line-height:1.55}.message.agent,.message.bot,.message.ai,.message.manual,.message.promoted{margin-left:auto;border-radius:12px 12px 3px 12px;background:#d7f8f2}.message.event{max-width:max-content;margin:12px auto;text-align:center;color:#71828b;background:#f4f6f8;font-size:12px}.message.failed{border:1px solid #e48480}.message small{display:block;font-size:10px;margin-top:6px}.action-footer{border-top:1px solid #e7eef1;padding-top:12px}.row{display:flex;gap:8px;flex-wrap:wrap}.row button{font-size:12px}.action-footer form,.settings-card form,.broadcast-card form{display:grid;gap:10px;margin-top:12px}.recipient-list{max-height:260px;overflow:auto}.recipient{display:flex;align-items:center;gap:9px;padding:9px;border-bottom:1px solid #e9eff1}.recipient input{width:17px;height:17px;flex:none}.recipient span{min-width:0;overflow:hidden;text-overflow:ellipsis}.broadcast-card{max-width:700px;margin-top:15px}.line-between{display:flex;align-items:center;justify-content:space-between}.line-between h2{margin:0}.channel-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.channel-card{background:linear-gradient(140deg,#eef3f8,#e3eaf2);border:1px solid #cfd9e2;border-radius:18px;padding:18px;min-width:0}.channel-head{display:flex;align-items:center;justify-content:space-between;gap:12px}.channel-head strong{font-size:17px}.channel-card p{font-size:12px;color:#647680;margin:8px 0 15px}.channel-id{font-size:11px;color:#647680;overflow-wrap:anywhere}.channel-card .status{background:#d5f7f5;color:#13818a;border:1px solid #99e4e7}.qr-area{margin-top:16px;padding:15px;border:1px solid #d0dfe5;border-radius:15px;background:radial-gradient(circle at 50% 55%,#d5fcf8 0%,#e9f0f6 58%,#e5ebf1 100%)}.qr-title{font-size:13px;font-weight:750}.qr-title small{font-weight:400;margin-left:6px}.qr-frame{position:relative;width:min(100%,290px);aspect-ratio:1;background:#fff;margin:16px auto 20px;border-radius:14px;padding:13px;box-shadow:0 7px 22px #14b0af20}.qr-frame img.qr{display:block;width:100%;height:100%;object-fit:contain}.qr-logo{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:21%;height:21%;background:#fff;padding:4px;border-radius:8px;object-fit:cover}.qr-controls{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-bottom:9px}.qr-controls label{display:inline-block;background:#fff;border:1px solid #c7d5dc;padding:7px 10px;border-radius:8px;cursor:pointer;font-size:12px}.qr-controls input{display:none}.qr-controls button,.qr-actions button{font-size:12px;padding:8px 12px}.qr-actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:12px}.qr-actions .primary{background:#27cad6;color:#073640}.qr-help{font-size:11px;color:#687d84;line-height:1.5}.link-text{font-size:11px;color:#466e77;overflow-wrap:anywhere;margin-top:9px}.settings-card{max-width:700px;margin-bottom:15px}.settings-card p{font-size:13px;line-height:1.55}.settings-card form{max-width:420px}.settings-rows{display:grid;gap:12px}.settings-rows>div{display:flex;justify-content:space-between;gap:15px;padding-bottom:10px;border-bottom:1px solid #e9eff1;font-size:13px}.settings-rows span{color:#647780}.settings-rows strong{text-align:right;overflow-wrap:anywhere}.bottom-nav{position:fixed;z-index:5;bottom:0;left:0;right:0;padding:8px max(10px,calc((100vw - 880px)/2)) calc(8px + env(safe-area-inset-bottom));background:#fff;border-top:1px solid #e2e8ec;display:flex;justify-content:space-around;box-shadow:0 -5px 24px #2139430d}.nav-item{background:transparent;color:#566971;border-radius:10px;padding:8px 10px;min-width:67px;display:flex;flex-direction:column;align-items:center;gap:3px;font-size:11px;position:relative}.nav-item.current{background:#ddf8f9;color:#087c87;outline:1px solid #b1eff1}.nav-item svg{width:21px;height:21px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.nav-dot{position:absolute;right:8px;top:3px;background:#ec648b;border-radius:99px;width:9px;height:9px;border:1px solid #fff}
@media(max-width:850px){.metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.channel-grid{grid-template-columns:1fr}}@media(max-width:620px){.topbar{padding:10px 15px}.brand{font-size:17px}.tagline{display:none}.mode-badge{max-width:96px;text-overflow:ellipsis;overflow:hidden}.workspace{padding:16px 15px 105px}.metric{padding:17px;min-height:150px}.metric strong{font-size:31px}.metric small{font-size:11px}.metrics{gap:12px}.section-heading{margin-bottom:14px}.bottom-nav{padding-left:5px;padding-right:5px}.nav-item{min-width:0;flex:1;padding:8px 2px}.nav-item svg{width:19px;height:19px}.conversation-layout{display:block;min-height:unset}.chat-pane{display:none;min-height:65vh}.conversation-layout.detail-open .client-pane{display:none}.conversation-layout.detail-open .chat-pane{display:flex}.back-button{display:block}.messages{max-height:none;min-height:42vh}.notice{margin:8px 14px 0}.filter-bar select{width:110px}.qr-frame{max-width:270px}}
.date-bar{display:flex;gap:10px;margin:0 0 14px}.date-bar label{flex:1;color:#62737d}.record-footer{display:flex;align-items:center;justify-content:space-between;margin:14px 0;color:#62737d;font-size:12px}.record-footer button{font-size:12px}.export-actions{display:flex;gap:8px;padding:8px 0;border-top:1px solid #e7eef1}.export-actions button{padding:7px 10px;font-size:12px}.task-card{border:1px solid #dde7eb;border-radius:12px;padding:13px;background:#f7fafb}.task-card p{font-size:13px;line-height:1.4;overflow-wrap:anywhere;max-height:3em;overflow:hidden;margin:8px 0}.task-card .meter{margin:8px 0}.channel-card details{margin:14px 0 0;padding:10px 0;border-top:1px solid #d5e0e5}.channel-card summary{color:#285b63;font-size:13px;cursor:pointer;font-weight:650}.channel-card details p{margin:8px 0 0;line-height:1.55}.nav-dot{width:auto;min-width:18px;height:18px;padding:1px 4px;right:3px;top:0;font-size:10px;line-height:15px;text-align:center;color:#fff;font-style:normal}.settings-card textarea{min-height:90px}.settings-card label:first-child textarea{min-height:130px}
@media(max-width:620px){.top-actions{gap:0}.top-actions .mode-badge{font-size:10px;padding:5px;max-width:80px}.date-bar{flex-wrap:wrap}.date-bar label{min-width:100px}}
.chat-media{display:block;max-width:min(100%,340px);max-height:320px;object-fit:contain;border-radius:8px;margin:8px 0}
.media-link{display:inline-block;margin:6px 0;color:#14785a;text-decoration:underline}
.upload-button{display:inline-flex;align-items:center;justify-content:center;cursor:pointer;padding:10px 14px;border-radius:10px}
.upload-button input{display:none}
.channel-disclosure{margin:14px 0 0;border-top:1px solid #d5e0e5}
.channel-disclosure-button{display:flex;align-items:center;justify-content:space-between;width:100%;padding:11px 0 0;background:transparent;color:#285b63;font-size:13px;font-weight:650;text-align:left}
.channel-disclosure-button .chevron{font-size:20px;line-height:1;transition:transform .24s ease}
.channel-disclosure-button[aria-expanded="true"] .chevron{transform:rotate(180deg)}
.channel-panel{display:grid;grid-template-rows:0fr;opacity:0;transition:grid-template-rows .26s ease,opacity .24s ease}
.channel-panel.open{grid-template-rows:1fr;opacity:1}
.channel-panel>div{min-height:0;overflow:hidden}
.channel-panel p{margin:9px 0 2px;line-height:1.55}
@media(prefers-reduced-motion:reduce){.channel-panel,.channel-disclosure-button .chevron{transition:none}}
.room-toggle{background:#e0f7ee;color:#08795b;border:1px solid #b8e2d0}
.client-pane .stack{grid-template-columns:minmax(0,1fr)}.client-row{min-width:0}
.room-options{margin-top:12px;padding:16px;border:1px solid #d5e8df;border-radius:16px;background:#f3faf6;scroll-margin-bottom:100px;scroll-margin-top:85px}
.room-options-heading{display:flex;justify-content:space-between;align-items:center;gap:10px;flex-wrap:wrap;margin-bottom:12px}
.room-options-heading strong{font-size:14px;color:#164f41}.room-options-heading span{font-size:12px;color:#658178}
.room-choice-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.room-choice{display:flex;align-items:center;gap:12px;padding:16px;background:#fff;border:1px solid #d8e8df;border-radius:12px;color:#23584b;text-align:left}
.room-choice:hover{border-color:#58b997;background:#fcfffd}.room-choice:disabled{opacity:.6;cursor:wait}
.room-choice-icon{display:grid;place-items:center;width:35px;height:35px;border-radius:11px;background:#e5f7ee;color:#16966f;font-size:24px}
.room-choice>span:nth-child(2){flex:1}.room-choice strong{display:block;font-size:14px}.room-choice small{display:block;margin-top:3px;font-size:11px;color:#6a8178}
.room-notice{font-size:12px;line-height:1.6;color:#536e63;margin:10px 0 0}.room-notice:empty{display:none}
.room-links{display:flex;gap:12px;flex-wrap:wrap;margin-top:8px}.room-entry-link{font-size:13px;color:#107b5b;text-decoration:underline}
.room-record{border:1px solid #d0e5dd;background:#f1f8f4}.room-record button{margin:8px 6px 0 0;padding:7px 10px;font-size:12px}
@media(max-width:420px){.room-options{padding:12px}.room-choice{padding:12px 8px;gap:7px}.room-choice-icon{width:28px;height:28px}}