:root{font-family:Inter,"Microsoft YaHei",sans-serif;color:#17212b;background:#eef2f5;letter-spacing:0;--green:#087f5b;--line:#dbe2e8;--muted:#65727e}*{box-sizing:border-box}body{margin:0}button,input,textarea,select{font:inherit}button{cursor:pointer}.top{height:58px;background:#fff;border-bottom:1px solid var(--line);display:flex;align-items:center;gap:12px;padding:0 18px}.brand{font-weight:800;color:var(--green);font-size:18px}.spacer{flex:1}.btn{border:0;background:var(--green);color:#fff;padding:9px 14px;border-radius:6px}.btn.secondary{background:#fff;color:#26323d;border:1px solid var(--line)}.icon{width:38px;height:38px;border:0;background:transparent;font-size:22px;border-radius:6px}.shell{height:calc(100dvh - 58px);display:grid;grid-template-columns:310px minmax(360px,1fr) 320px;background:#fff;max-width:1500px;margin:auto}.sidebar,.panel{border-right:1px solid var(--line);overflow:auto}.panel{border:0;border-left:1px solid var(--line);padding:16px}.search{display:flex;gap:8px;padding:12px;border-bottom:1px solid var(--line)}input,textarea,select{border:1px solid #cbd5dc;border-radius:6px;padding:9px;width:100%;background:#fff}.search select{width:105px}.search #markAllRead{white-space:nowrap;padding-left:9px;padding-right:9px}.conversation{padding:14px;border-bottom:1px solid #edf0f2;cursor:pointer}.conversation.active{background:#e8f5f0}.conversation strong{display:block}.meta,.time{font-size:12px;color:var(--muted)}.preview{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-top:6px;color:#45515c}.chat{display:flex;flex-direction:column;min-width:0}.chat-head{height:58px;padding:10px 16px;border-bottom:1px solid var(--line)}.messages{flex:1;overflow:auto;padding:20px;background:#f6f8fa}.bubble{max-width:72%;padding:10px 12px;border-radius:8px;margin:8px 0;white-space:pre-wrap;line-height:1.55;background:#fff;box-shadow:0 1px 2px #0001}.bubble.mine{margin-left:auto;background:#ccebdc}.bubble img{max-width:min(100%,360px);max-height:360px;object-fit:contain;display:block}.composer{border-top:1px solid var(--line);padding:10px;display:flex;gap:8px;background:#fff}.composer textarea{resize:none;height:48px}.section-title{font-weight:700;margin:8px 0 12px}.stack{display:grid;gap:9px}.quick{padding:9px;background:#f3f6f7;border:1px solid var(--line);border-radius:6px;cursor:pointer}.tabs{display:flex;gap:6px;margin-bottom:14px}.tabs button{flex:1}.hide{display:none!important}.modal{position:fixed;inset:0;background:#17212b99;display:grid;place-items:center;padding:18px;z-index:5}.modal-card{background:#fff;width:min(560px,100%);max-height:90dvh;overflow:auto;border-radius:8px;padding:22px}.route{display:grid;gap:10px;margin-top:16px}.route button{padding:13px;text-align:left;border:1px solid #ffc9c9;color:#e03131;background:#fff5f5;border-radius:6px;font-weight:700}.chat-page{height:100dvh;display:grid;place-items:center;background:#dde5e9}.phone{width:min(720px,100%);height:min(860px,100dvh);background:#fff;display:flex;flex-direction:column;box-shadow:0 6px 28px #0002}.notice{font-size:13px;color:var(--muted)}.dashboard{padding:22px;max-width:1200px;margin:auto}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.stat{background:#fff;border:1px solid var(--line);padding:18px;border-radius:7px}.stat b{display:block;font-size:28px;margin-top:8px}.table{margin-top:18px;background:#fff;border:1px solid var(--line);overflow:auto}.table table{width:100%;border-collapse:collapse}.table th,.table td{text-align:left;padding:12px;border-bottom:1px solid var(--line)}
@media(max-width:900px){.shell{grid-template-columns:1fr}.sidebar,.chat,.panel{grid-column:1;grid-row:1}.mobile-off{display:none}.panel{border:0}.stats{grid-template-columns:1fr 1fr}.top{padding:0 10px}.phone{box-shadow:none}.bubble{max-width:84%}}
.conversation.recent{background:#fff7dd}.conversation.recent.active{background:#e4f3ea}
.conversation.pinned{position:relative}.conversation-heading{display:flex;align-items:center;gap:6px;min-width:0}.conversation-heading strong{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pin-mark{flex:none;padding:2px 6px;border-radius:4px;background:#dff2e9;color:#087f5b;font-size:11px;font-weight:700;line-height:1.35}.conversation-info{display:flex;align-items:center;gap:6px;min-height:20px}.conversation-info .meta{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.conversation-indicators{display:flex;align-items:center;gap:6px;margin-left:auto;color:var(--muted);font-size:12px;white-space:nowrap}.unread-badge{display:inline-flex;align-items:center;justify-content:center;min-width:19px;height:19px;padding:0 5px;border-radius:10px;background:#e03131;color:#fff;font-size:11px;font-weight:700;line-height:1}
.composer{position:relative;padding-top:16px}.composer textarea{resize:none;min-height:48px;max-height:520px}.composer-resize-handle{position:absolute;top:2px;left:20%;right:20%;height:10px;cursor:ns-resize;touch-action:none}.composer-resize-handle::before{content:'';position:absolute;left:50%;top:4px;width:38px;height:3px;border-radius:3px;background:#b8c5ce;transform:translateX(-50%)}.font-control{display:grid;grid-template-columns:1fr repeat(5,auto);align-items:center;gap:4px;padding:4px 2px;border-top:1px solid var(--line);font-size:12px}.font-control button{padding:5px 6px!important;border:1px solid var(--line)!important;border-radius:4px!important;text-align:center!important}.font-size-xsmall .top,.font-size-xsmall .shell,.font-size-xsmall .popover-menu{font-size:12px}.font-size-xsmall .btn,.font-size-xsmall input,.font-size-xsmall textarea,.font-size-xsmall select,.font-size-xsmall .bubble{font-size:12px!important}.font-size-small .top,.font-size-small .shell,.font-size-small .popover-menu{font-size:13px}.font-size-small .btn,.font-size-small input,.font-size-small textarea,.font-size-small select,.font-size-small .bubble{font-size:13px!important}.font-size-large .top,.font-size-large .shell,.font-size-large .popover-menu{font-size:17px}.font-size-large .btn,.font-size-large input,.font-size-large textarea,.font-size-large select,.font-size-large .bubble{font-size:17px!important}.font-size-xlarge .top,.font-size-xlarge .shell,.font-size-xlarge .popover-menu{font-size:19px}.font-size-xlarge .btn,.font-size-xlarge input,.font-size-xlarge textarea,.font-size-xlarge select,.font-size-xlarge .bubble{font-size:19px!important}.quick-number{flex:0 0 auto;color:#65727e;font-weight:700;font-size:13px}.quick-drag-handle{flex:0 0 auto;border:0;background:transparent;color:#87939d;font-size:19px;line-height:1;padding:2px 4px;cursor:grab;touch-action:none}.quick-drag-handle:active,.quick-dragging{cursor:grabbing;color:#176b55}.quick-drop-target{outline:2px dashed #57a889;outline-offset:-2px}.quick-root-group h3,.quick-group h4{gap:5px}.quick-row{gap:4px}.quick-row label{min-width:0}
.quick-root-group h3 button[data-quick-root-name]{color:#e03131!important}
.quick-root-group h3 .quick-drag-handle{order:3;margin-left:auto}.quick-root-group h3 input[data-quick-root-check]{order:4;margin-left:0}.quick-group h4 .quick-drag-handle{order:2;margin-left:auto}.quick-group h4 input[data-quick-group-check]{order:3;margin-left:0}.quick-row label{display:flex;align-items:flex-start;gap:6px}.quick-row label .quick-drag-handle{order:2;margin-top:10px;margin-left:auto}.quick-row label input[data-quick-check]{order:3;margin-left:0}
.quick-collapse{display:none!important}.quick-root-group.quick-collapsed>.quick-group,.quick-group.quick-collapsed>.quick-row,.quick-group.quick-collapsed>.quick-add-reply{display:none}
.quick-add-second{width:28px;height:28px;border-radius:50%;padding:0!important;display:grid;place-items:center;border:0!important;background:#e03131!important;color:#fff!important;font-size:21px!important;line-height:1;box-shadow:0 3px 8px #e0313140;transition:transform .15s,box-shadow .15s}.quick-add-second:hover{transform:translateY(-2px);box-shadow:0 6px 12px #e0313150}.quick-add-second:active{transform:scale(.93)}
.quick-root-picker{display:grid;gap:7px;max-height:45dvh;overflow:auto}.quick-root-picker button{text-align:left}.quick-root-group>h3 .quick-batch-delete{order:2;margin-left:auto;border:1px solid #cbd5dc;background:#fff;color:#52606d;border-radius:4px;padding:4px 7px;font-size:12px;white-space:nowrap}.quick-root-group>h3 .quick-batch-delete.danger{background:#e03131;color:#fff;border-color:#e03131}.quick-root-group>h3 .quick-drag-handle{order:3;margin-left:0}.quick-root-group>h3 .quick-add-second{order:4}.quick-root-group>h3 input[data-quick-root-check]{order:5;margin-left:0}
.quick-root-group>h3{position:sticky;top:0;z-index:20;background:#fff3bf;padding:8px 0 7px;margin:0;border-bottom:1px solid #e9c46a;box-shadow:0 2px 5px #17212b10;cursor:pointer}.quick-root-group>h3 .quick-drag-handle,.quick-root-group>h3 .quick-add-second,.quick-root-group>h3 input{cursor:pointer}
.quick-bottom-spacer{height:18px}
.quick-group>h4{cursor:pointer;background:#e6fcf5;padding:7px 6px;border-radius:5px}.quick-group>h4 .quick-drag-handle,.quick-group>h4 input{cursor:pointer}
.quick-toolbar .btn.danger{background:#e03131;color:#fff;border-color:#e03131}
@media(min-width:901px){.quick-toolbar{display:flex!important;align-items:center;gap:8px;width:100%;justify-self:stretch}.quick-toolbar #newRootGroup,.quick-toolbar #importQuickTxt{white-space:nowrap;min-width:118px;border-radius:4px;padding:8px 14px}.quick-toolbar #importQuickTxt{margin-left:auto!important;justify-self:end}}
@media(min-width:901px){.shell{position:relative;grid-template-columns:var(--list-width,310px) minmax(360px,1fr) var(--panel-width,320px)}.pane-resizer{position:absolute;top:0;bottom:0;z-index:12;width:10px;cursor:col-resize;touch-action:none}.pane-resizer::after{content:'';position:absolute;top:0;bottom:0;left:4px;width:2px;background:transparent;transition:background .15s}.pane-resizer:hover::after,.pane-resizer:active::after{background:#57a889}.pane-resizer-left{left:calc(var(--list-width,310px) - 5px)}.pane-resizer-right{right:calc(var(--panel-width,320px) - 5px)}}@media(max-width:900px){.pane-resizer{display:none}}
@media(max-width:480px){.stats{grid-template-columns:1fr}.search{flex-wrap:wrap}.search select{width:100%}}
@media(max-width:480px){.search{flex-wrap:nowrap;align-items:center}.search input{min-width:0;flex:1}.search select{width:112px;flex:0 0 112px}.search .btn{flex:0 0 auto;padding-left:10px;padding-right:10px}}
.preview-image{display:block;width:72px;height:52px;object-fit:cover;margin-top:8px;border-radius:5px;border:1px solid var(--line)}
.quick-toolbar{display:grid;grid-template-columns:1fr auto auto;gap:6px}.quick-toolbar .btn{padding:8px}.quick-toolbar select{min-width:0}
@media(max-width:1100px){.quick-toolbar{grid-template-columns:1fr 1fr}.quick-toolbar select{grid-column:1/-1}}
.chat-actions{display:flex;align-items:center;gap:6px}.service-notice{padding:10px 14px;background:#fff4e6;border-bottom:1px solid #ffd8a8;color:#5f3b16;font-size:12px;line-height:1.5;max-height:105px;overflow:auto}.favorite-action{display:block;margin-top:7px;border:1px solid var(--line);background:#fff;padding:5px 8px;border-radius:5px}.favorite-grid{display:grid;grid-template-columns:1fr 1fr;gap:9px}.favorite-item{border:1px solid var(--line);padding:7px;border-radius:6px;font-size:12px}.favorite-item img{width:100%;aspect-ratio:1;object-fit:cover;display:block;margin-bottom:5px}.favorite-item .btn{width:100%;margin-top:5px;padding:5px}.risk-flag{color:#c92a2a;background:#fff0f0;border-top:1px solid #ffc9c9;margin:8px -12px -10px;padding:6px 10px;font-size:12px}
@media(max-width:900px){.chat-actions .btn{padding:7px 9px}.tabs{overflow-x:auto}.tabs button{min-width:76px}}
.service-notice{padding:7px 14px;background:#fff4e6;border-bottom:1px solid #ffd8a8;text-align:center}.service-notice button{border:0;background:transparent;color:#9c5c10;font-weight:700;padding:3px;text-decoration:underline}.notice-dialog{max-width:540px}.notice-dialog h2{margin-top:0}.notice-copy{line-height:1.7;color:#34404b}.notice-copy p{margin:8px 0}.notice-dialog>.btn{width:100%;margin-top:10px}
.system-menu{margin:14px 0 6px;padding:13px;background:#edf7f3;border:1px solid #b8e1cf;border-radius:7px;color:#173e31;line-height:1.5}.menu-options{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:10px}.menu-options button{min-height:40px;padding:8px;border:1px solid #8ac9ae;border-radius:6px;background:#fff;color:#096a4a;text-align:left}.menu-options button:active{background:#dff2e8}
@media(max-width:420px){.menu-options{grid-template-columns:repeat(2,minmax(0,1fr));gap:4px}.menu-options button{padding-left:5px;padding-right:5px}}
.menu-area{background:#fff;border-bottom:1px solid var(--line);padding:6px 12px}.menu-area .system-menu{margin:0;padding:7px 9px;border-radius:6px}.menu-title{font-size:13px;font-weight:700;line-height:1.35}.menu-options{gap:5px;margin-top:6px}.menu-options button{min-height:30px;padding:5px 7px;font-size:13px;line-height:1.25}.menu-back{display:block;width:100%;margin-top:6px;min-height:28px;padding:4px 7px;border:1px solid #b8e1cf;border-radius:5px;background:#f7fffb;color:#087f5b;font-size:13px}.menu-options button:active,.menu-back:active{background:#dff2e8}.messages{min-height:120px}
.menu-options button:nth-child(even){text-align:right}.menu-options button{min-width:0;overflow-wrap:anywhere;font-size:min(13px,3.2vw)}.menu-toggle{display:block;margin:6px 0 0 auto;border:0;background:transparent;color:var(--muted);font-size:12px;padding:2px 4px}.menu-collapsed .system-menu{padding-bottom:4px}.menu-collapsed .menu-options,.menu-collapsed .menu-back{display:none}.menu-collapsed .menu-toggle{margin-top:0}.handoff-toast{position:fixed;left:50%;top:45%;transform:translate(-50%,-50%);z-index:20;background:#17212beF;color:#fff;padding:14px 20px;border-radius:7px;font-size:14px;box-shadow:0 5px 20px #0003}.refund-important{font-weight:400;color:#b42318;background:transparent;border:0;padding:0;white-space:pre-wrap}
.agent-composer{position:sticky;bottom:0;z-index:3}.tool-wrap{position:relative}.tool-menu{position:absolute;bottom:48px;left:0;background:#fff;border:1px solid var(--line);border-radius:6px;box-shadow:0 4px 14px #0002;padding:5px;display:grid;gap:4px;min-width:110px}.tool-menu button{border:0;background:#fff;text-align:left;padding:7px 9px;border-radius:4px}.tool-menu button:hover{background:#eef7f3}.quick-picker-group{display:grid;gap:5px}.quick-picker-group strong{font-size:13px;color:var(--green);border-bottom:1px solid var(--line);padding-bottom:3px}.quick-picker-item{border:1px solid var(--line);background:#fff;border-radius:5px;text-align:left;padding:8px;white-space:pre-wrap}.quick-picker-item:hover{background:#eef7f3}
.back-arrow{font-size:28px;font-weight:700;line-height:1;color:#17212b}
.history-clock{font-size:31px;font-weight:700;line-height:1;color:#52606d}
.notice-inline{border:0;background:transparent;color:#9c5c10;font-size:12px;font-weight:700;text-decoration:underline;padding:4px 6px}.human-actions{display:flex;align-items:center;gap:8px;margin-top:7px}.human-actions button{flex:1;min-height:32px;padding:6px;border-radius:5px}.human-actions [data-human]{border:1px solid #8ac9ae;background:#fff;color:#087f5b;text-align:left}.human-actions .menu-return{border:1px solid #f0a36a;background:#fff7ed;color:#c05621;font-size:12px;text-align:right}
.human-status{display:block;width:100%;min-width:0}.human-status-row{display:flex;width:100%;align-items:center;gap:10px;white-space:nowrap}.human-status-row .menu-return{margin-left:auto;flex:0 0 auto;border:0;background:transparent;color:#c05621;font-size:12px;text-align:right;padding:5px 2px;border-radius:0;text-decoration:underline}
.history-hint{display:block;margin:2px auto 10px;border:0;background:transparent;color:var(--muted);font-size:12px;padding:3px 8px}
.human-connected{color:#2f7d62}
.history-delete-select{width:auto;max-width:130px;padding:7px 6px;font-size:12px}
.quick-group{display:grid;gap:7px;padding:10px 0;border-bottom:1px solid var(--line)}.quick-group h4{margin:0;color:var(--green);font-size:14px}.quick-group textarea{min-height:64px;resize:vertical}
.quick-row{display:flex;align-items:center;gap:6px}.quick-row label{display:flex;align-items:flex-start;gap:6px;flex:1}.quick-row label input{width:auto;margin-top:12px}.quick-row .quick-delete{padding:7px 9px;flex:0 0 auto}
.conversation-menu{position:fixed;z-index:30;display:flex;gap:4px;padding:6px;background:#fff;border:1px solid var(--line);border-radius:6px;box-shadow:0 5px 18px #0003}.conversation-menu button{border:0;background:#fff;padding:8px 12px;border-radius:4px}.conversation-menu button:hover{background:#eef7f3}
.mobile-panel-toggle{display:none;padding:6px 9px;font-size:13px}
#toolMenu{display:none!important}
.chat-back-btn{display:block;flex:0 0 36px;font-size:34px;font-weight:500;color:#176b55;background:#e9f5f0;border:1px solid #9dcfbd;border-radius:50%;width:36px;height:36px;line-height:28px;padding:0;text-align:center;box-shadow:0 2px 6px #176b5526;transition:background .15s,color .15s,transform .15s}.chat-back-btn:hover{background:#176b55;color:#fff;transform:translateX(-1px)}.chat-back-btn:active{transform:scale(.94)}
.menu-dots{font-size:20px;font-weight:700;letter-spacing:2px}.popover-menu{position:absolute;right:12px;top:52px;z-index:110;display:grid;gap:6px;min-width:150px;max-height:calc(100dvh - 64px);overflow-y:auto;padding:9px;background:#fff;border:1px solid var(--line);border-radius:7px;box-shadow:0 6px 18px #0002}.popover-menu button{border:0;background:#fff;text-align:left;padding:8px 10px;border-radius:4px}.popover-menu button:hover{background:#eef7f3}.top-menu-backdrop{position:fixed;inset:0;z-index:999;background:transparent;touch-action:manipulation}.notification-content-toggle{display:inline-flex;align-items:center;gap:4px;color:#52606d;font-size:12px;white-space:nowrap}.notification-content-toggle input{width:auto;margin:0}.message-recall-menu{position:fixed;z-index:1002;padding:4px;background:#fff;border:1px solid #d5dee4;border-radius:5px;box-shadow:0 4px 14px #0003}.message-recall-menu button{border:0;background:#fff;color:#bd3e3e;padding:6px 10px;font-size:12px}.recalled-agent-message{background:#f7fbff!important;border-color:#bad4ea!important}.recalled-restore{border:0;background:transparent;color:#2377b8!important;font-size:13px;padding:0;text-decoration:underline;cursor:pointer}.top,.chat-head{position:relative}.top{z-index:100}.chat-popover{top:50px;right:8px}
@media(min-width:901px){body:has(.shell){background:#e8edf1}.shell{border:1px solid #cbd5dc;border-radius:10px;overflow:hidden;box-shadow:0 8px 28px #23303d18}.shell .sidebar{border-right:2px solid #d3dde4;background:#fbfcfd}.shell .chat{background:#fff;border-right:2px solid #d3dde4}.shell .panel{background:#fcfdfd}.shell .sidebar .search{background:#f4f7f9;border-bottom:2px solid #d3dde4}.shell .chat-head{background:#f8fafb;border-bottom:2px solid #d3dde4}.shell .panel{padding:18px;border-left:0}.shell .tabs{padding-bottom:12px;border-bottom:2px solid #d3dde4}.shell .messages{background:#f4f7f9}.shell .composer{border-top:2px solid #d3dde4}.shell .conversation{border-bottom:1px solid #e1e7eb}.shell .conversation.active{box-shadow:inset 3px 0 0 var(--green)}.shell .panel .stack{border-top:1px solid #e1e7eb;padding-top:12px}}
@media(min-width:901px){body{font-size:15px}.top{font-size:15px}.btn,input,textarea,select{font-size:15px}.bubble{font-size:15px}.section-title{font-size:16px}}
@media(max-width:900px){body{font-size:14px}.top{font-size:14px}.brand{font-size:17px}.btn,input,textarea,select{font-size:14px}.bubble{font-size:14px;max-width:88%;overflow-wrap:anywhere}.chat-head{font-size:14px}.panel{font-size:14px}.tabs button{font-size:13px}.composer textarea{font-size:14px}.notice-copy{font-size:14px;line-height:1.65}.dashboard{padding:16px}.dashboard h2{font-size:20px}.stat b{font-size:24px}.table{font-size:13px}.table th,.table td{padding:9px 8px}}
@media(max-width:900px){.mobile-panel-toggle{display:block}.chat-head{display:flex;align-items:center;gap:6px}.chat-head>div:first-child{min-width:0}.chat-head .spacer{flex:1}}
@media(max-width:900px){
 .panel .tabs{display:none}
 body.conversation-active>header.top{display:none!important;height:0!important;border:0!important;padding:0!important;overflow:hidden!important}
 html.mobile-conversation-open,html.mobile-conversation-open body{height:100%;overflow:hidden!important}
 body.conversation-active .shell{position:fixed;inset:0;height:100dvh!important;min-height:0;margin:0;overflow:hidden}
 body.conversation-active .chat{position:absolute;inset:0;display:flex;height:100dvh;min-height:0;overflow:hidden}
 body.conversation-active .chat.mobile-off{display:none!important}
 body.conversation-active .panel:not(.mobile-off){position:absolute;inset:0;z-index:20;display:block;overflow:auto;background:#fff;padding:14px}
 body.conversation-active .chat-head{position:relative!important;top:auto;z-index:12;flex:0 0 58px;min-height:58px;background:#fff;box-shadow:0 1px 5px #17212b12}
 body.conversation-active .messages{min-height:0;overflow-y:auto;overscroll-behavior:contain}
 body.conversation-active .agent-composer{position:relative;flex:0 0 auto;bottom:auto}
 body.conversation-active .agent-composer .tool-wrap{display:none!important}
 body.conversation-active .chat-back-btn{order:1;margin-left:0;margin-right:0;flex:0 0 36px}
 body.conversation-active .chat-head>div:first-of-type{order:5;min-width:0}
 body.conversation-active .chat-head>.spacer{order:10;display:block;flex:1}
 body.conversation-active .chat-menu-btn{order:20;display:block!important;flex:0 0 38px}
}
.dashboard-head{display:flex;align-items:center;justify-content:space-between;gap:12px}.dashboard-head h2{margin:0}.dashboard-actions{display:flex;gap:8px}@media(max-width:600px){.dashboard-head{align-items:flex-start;flex-direction:column}.dashboard-actions{width:100%}.dashboard-actions button{flex:1}}
.handoff-line{color:#2f7d62}
.submenu{margin:0;padding:8px;min-width:150px;background:#fff;border:1px solid var(--line);border-radius:7px;box-shadow:0 6px 18px #0002}.submenu button{display:block;width:100%;font-size:13px}.chat-popover .submenu{position:absolute;left:0;top:calc(100% + 7px);display:grid;grid-template-columns:1fr;gap:4px;border-left:1px solid var(--line)}
.chat-popover{display:flex;flex-direction:column-reverse}
.block-note{margin-left:4px;padding:0;border:0;background:transparent;color:#b45454;font-size:12px;font-weight:400;vertical-align:baseline;max-width:150px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.note-dialog{position:fixed;inset:0;z-index:50;display:grid;place-items:center;background:#17212b66;padding:18px}.note-dialog>div{width:min(360px,100%);max-height:calc(100dvh - 36px);overflow:auto;background:#fff;border:1px solid #d8e0e5;border-radius:8px;padding:18px;box-shadow:0 10px 28px #0003}.note-dialog p{margin:10px 0 16px;line-height:1.6;white-space:pre-wrap;overflow-wrap:anywhere}.note-dialog button{border:0;background:#176b55;color:#fff;border-radius:5px;padding:7px 13px}.user-info-dialog>div{width:min(310px,100%);padding:14px}.user-info-form{display:grid;gap:7px;margin:10px 0}.user-info-form label{display:grid;grid-template-columns:78px minmax(0,1fr);align-items:center;gap:6px;color:#53616c;font-size:12px;white-space:nowrap}.user-info-form input,.user-info-form textarea{width:100%;min-width:0;padding:5px 7px;border:1px solid #cbd5dc;border-radius:4px;color:#1f2933;background:#fff;font:inherit}.user-info-form textarea{min-height:42px;resize:vertical;line-height:1.35}.user-info-form label:has(textarea){align-items:start;padding-top:4px}.user-info-form input[readonly]{background:#f2f5f7;color:#78848d}.user-info-dialog .dialog-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:10px}.user-info-dialog .dialog-actions .secondary{background:#fff;color:#52606d;border:1px solid #cbd5dc}@media(max-width:350px){.user-info-form label{grid-template-columns:70px minmax(0,1fr)}.user-info-dialog>div{padding:12px}}
.dialog-actions{display:flex;justify-content:flex-end;gap:8px}.note-dialog .dialog-actions .secondary{background:#fff;color:#26323d;border:1px solid var(--line)}
.conversation strong{display:inline-block;text-decoration:underline;text-underline-offset:3px;cursor:pointer}
.quick-root-group{display:grid;gap:8px;padding:10px 0;border-bottom:2px solid #cfe0d8}.quick-root-group h3{display:flex;align-items:center;gap:7px;margin:0;color:#176b55;font-size:15px}.quick-root-group h3 input{order:3;width:16px;height:16px;margin-left:auto;accent-color:#d84b4b}.quick-root-group h3 input:checked{background-color:#d84b4b}.quick-root-group h3 button[data-quick-root-name]{order:1;border:0;background:transparent;color:#176b55;font-weight:800;padding:0;text-align:left}.quick-add-reply{margin-top:2px;justify-self:start;padding:6px 10px;font-size:12px}.quick-group h4 input[data-quick-group-check]{width:16px;height:16px;accent-color:#3178c6}.quick-group h4 input[data-quick-group-check]:checked{background-color:#3178c6}.quick-row input[data-quick-check]{width:16px;height:16px;accent-color:#e2ad19}.quick-row input[data-quick-check]:checked{background-color:#e2ad19}
.quick-toolbar{grid-template-columns:repeat(4,minmax(0,1fr))}.quick-group h4{display:flex;align-items:center;gap:7px}.quick-group h4 input{order:2;width:auto;margin:0 0 0 auto}.quick-group-name{order:1;border:0;background:transparent;color:var(--green);font-weight:700;padding:0;text-align:left}.quick-group-current{background:#f4faf7}.quick-row{position:relative}.quick-row label textarea{order:1}.quick-row label input{order:2;width:auto;margin:12px 0 0 auto}.quick-row textarea{height:64px;min-height:64px;max-height:64px;resize:none;overflow:hidden;cursor:pointer;transition:max-height .18s,min-height .18s,border-color .18s,background .18s}.quick-row.quick-expanded textarea{max-height:none;min-height:140px;overflow:hidden;border:2px solid #57a889;background:#f7fcf9;padding-bottom:42px}.quick-copy{position:absolute;right:7px;bottom:7px;border:0;background:#176b55;color:#fff;border-radius:5px;padding:6px 12px;box-shadow:0 2px 6px #176b5533}.quick-row.quick-expanded{align-items:stretch}@media(max-width:700px){.quick-toolbar{grid-template-columns:1fr 1fr}.quick-row textarea{font-size:14px}}
@media(max-width:900px){.quick-row textarea{max-height:52px;overflow:hidden;transition:max-height .18s,border-color .18s}.quick-row.quick-expanded textarea{max-height:260px;min-height:120px;border:2px solid #57a889;background:#f7fcf9}.quick-row.quick-expanded{align-items:stretch}.favorite-toolbar{margin-bottom:10px}.favorite-grid .favorite-item img{cursor:pointer}}
@media(max-width:900px){.quick-row.quick-expanded textarea{max-height:none!important;height:auto;overflow:hidden}}
/* Keep the quick-reply catalogue independently scrollable inside the mobile panel. */
@media(max-width:900px){
 body.conversation-active .panel:not(.mobile-off){display:flex;flex-direction:column;min-height:0;overflow:hidden}
 body.conversation-active .panel:not(.mobile-off) #quick:not(.hide){display:grid;flex:1 1 auto;min-height:0;overflow-y:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;touch-action:pan-y;padding-bottom:24px}
 body.conversation-active .panel:not(.mobile-off) #history:not(.hide),body.conversation-active .panel:not(.mobile-off) #favorites:not(.hide),body.conversation-active .panel:not(.mobile-off) #profile:not(.hide){flex:1 1 auto;min-height:0;overflow-y:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch}
}
.keyword-auto-dialog .modal-card{width:min(680px,100%)}.keyword-auto-head{display:flex;align-items:center;gap:10px}.keyword-auto-head h2{margin:0}.keyword-auto-head .icon{margin-left:auto}.keyword-auto-list{display:grid;gap:10px;margin:14px 0}.keyword-auto-row{border:1px solid var(--line);border-radius:6px;padding:11px;display:grid;gap:8px}.keyword-auto-row label{display:grid;gap:5px;font-size:13px;color:#45515c}.keyword-auto-row textarea{min-height:90px;resize:vertical}.keyword-auto-actions{display:flex;align-items:center;gap:8px}.keyword-auto-actions .btn{padding:7px 11px}.keyword-auto-enabled{display:flex!important;align-items:center;grid-template-columns:auto!important;gap:6px!important}.keyword-auto-enabled input{width:auto}
.quick-root-group>h3 .quick-batch-delete .quick-cancel-label{color:#74c0fc}
.favorite-preview{display:block;width:100%;padding:0;border:0;background:transparent;cursor:zoom-in}.favorite-preview img{margin-bottom:0!important}.favorite-remark{display:block;width:100%;margin-top:6px;padding:0;border:0;background:transparent;color:var(--muted);text-align:left;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;line-height:1.45}.favorite-actions{display:grid;grid-template-columns:3fr 7fr;gap:5px;margin-top:6px}.favorite-actions .btn{min-width:0}.favorite-actions [data-delete-favorite]{white-space:nowrap;font-size:12px;padding-left:4px;padding-right:4px}.favorite-preview-dialog{position:fixed;inset:0;z-index:250;background:#17212bd9;display:grid;place-items:center;padding:18px}.favorite-preview-dialog>div{position:relative;max-width:min(920px,100%);max-height:100%;background:#fff;border-radius:7px;padding:10px}.favorite-preview-dialog img{display:block;max-width:100%;max-height:78dvh;object-fit:contain}.favorite-preview-dialog p{margin:8px 34px 2px 2px;white-space:pre-wrap;color:#45515c}.favorite-preview-close{position:absolute;right:6px;top:6px;width:30px;height:30px;border:0;border-radius:50%;background:#17212be0;color:#fff;font-size:22px;line-height:1}
.pull-refresh-indicator{height:0;overflow:hidden;display:flex;align-items:center;justify-content:center;color:#65727e;font-size:12px;transition:height .18s,opacity .18s;opacity:0;background:#f4f7f9}.sidebar.pulling .pull-refresh-indicator{height:var(--pull-offset,42px);opacity:1}.sidebar.pull-ready .pull-refresh-indicator{color:#087f5b;font-weight:700}
.chat-page .composer textarea{resize:none!important;overflow-y:hidden}
.message-time{width:max-content;max-width:100%;margin:15px auto 8px;padding:3px 8px;border-radius:4px;background:#e3e8ec;color:#74808a;font-size:12px;line-height:1.35;text-align:center}
.user-menu-main{border:1px solid var(--line);border-radius:7px;padding:12px}.user-menu-main h3{margin:0 0 10px;font-size:15px}.user-menu-main-1{background:#eef8f2;border-color:#b8dec8}.user-menu-main-1 h3{color:#176b55}.user-menu-main-2{background:#fff7e8;border-color:#eed29a}.user-menu-main-2 h3{color:#9a5b00}.user-menu-main-3{background:#eef5ff;border-color:#b9d2f2}.user-menu-main-3 h3{color:#235f9f}.user-menu-main-4{background:#f9effa;border-color:#dfbee4}.user-menu-main-4 h3{color:#7b3f86}.user-menu-branches{margin-top:12px;padding:10px 11px;background:#ffffffa8;border:1px dashed #c9d2d8;border-radius:5px}.user-menu-branches h4{margin:0;font-size:13px;color:#65727e}
.user-menu-editor-toolbar{display:flex;justify-content:flex-end;margin-bottom:10px}.user-menu-main{cursor:grab}.user-menu-main h3{display:flex;align-items:center;gap:7px}.user-menu-add-sub{margin-left:auto;padding:5px 8px!important;font-size:12px}.menu-drag-handle{display:inline-flex;align-items:center;justify-content:center;width:22px;color:#70808a;font-size:19px;line-height:1;cursor:grab}.user-menu-child{display:grid;gap:6px;padding:9px 0;border-top:1px solid #dce5e9;cursor:grab}.user-menu-child:first-child{border-top:0}.user-menu-child-head{display:flex;align-items:center;gap:6px;font-size:13px;color:#34424c}.menu-dragging{opacity:.45}.menu-drop-target{outline:2px dashed #4aa881;outline-offset:-3px}
.user-menu-editor-dialog .modal-card{width:min(760px,100%)}.user-menu-reply-list{display:grid;gap:14px;margin-top:14px}.user-menu-reply-group{border:1px solid var(--line);border-radius:6px;padding:12px}.user-menu-reply-group h3{margin:0 0 10px;font-size:14px;color:#176b55}.user-menu-reply-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px;align-items:end;padding:10px 0;border-top:1px solid #e9eef1}.user-menu-reply-row:first-of-type{border-top:0}.user-menu-reply-row label{display:grid;gap:6px;font-size:13px;color:#45515c}.user-menu-reply-row textarea{min-height:86px;resize:vertical;line-height:1.5}.user-menu-reply-row .btn{padding:7px 11px}@media(max-width:600px){.user-menu-reply-row{grid-template-columns:1fr}.user-menu-reply-row .btn{justify-self:end}}
.customer-layout{display:grid;grid-template-columns:240px minmax(0,1fr);gap:16px;margin-top:18px}.customer-types,.customer-list{background:#fff;border:1px solid var(--line);border-radius:8px;padding:10px}.customer-type-wrap{display:flex;align-items:center;gap:5px}.customer-type{display:flex;align-items:center;justify-content:space-between;gap:8px;flex:1;border:0;background:transparent;text-align:left;padding:10px;border-radius:5px}.customer-type:hover,.customer-type.active{background:#e8f5f0;color:#176b55}.customer-type small{color:var(--muted)}.type-edit{border:0;background:transparent;color:#65727e;padding:6px}.customer-rows{display:grid;gap:8px;margin-top:10px}.customer-row{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:13px;border:1px solid #e1e7eb;border-radius:6px}.customer-row strong{display:block;margin-bottom:5px}@media(max-width:700px){.customer-layout{grid-template-columns:1fr}.customer-types{display:flex;gap:6px;overflow:auto}.customer-type-wrap{min-width:max-content}.customer-type{white-space:nowrap}.customer-row{align-items:flex-start;flex-direction:column}.customer-row .btn{align-self:flex-end}}
.popover-menu button.top-menu-user-editor{background:#e5f5e9;color:#176b3a;border:1px solid #a8d5b3}.popover-menu button.top-menu-keyword-auto{background:#fff2dc;color:#8b5100;border:1px solid #f0cf91}.popover-menu button.top-menu-user-editor:hover{background:#d3edd9}.popover-menu button.top-menu-keyword-auto:hover{background:#ffe8bf}
.search input{min-width:0;flex:1;width:0}.search select{width:100px;flex:0 0 100px}.search #markAllRead{flex:0 0 auto;padding:5px 6px;font-size:12px;white-space:nowrap}@media(max-width:480px){.search select{width:108px;flex:0 0 108px}}
.chat-shortcuts{flex:0 0 auto;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;padding:9px 12px 4px;border-top:1px solid #dce6e4;background:#fff}
.chat-shortcut{min-width:0;min-height:39px;padding:7px 9px;border:1px solid #d4dfdc;border-radius:6px;background:#f8faf9;color:#30443e;font-size:.9em;font-weight:600;white-space:nowrap;transition:background .15s,border-color .15s,box-shadow .15s}
.chat-shortcut:hover{background:#eaf5f0;border-color:#83bfa5}.chat-shortcut:active{background:#dcefe6}.chat-shortcut:focus-visible,.chat-back-btn:focus-visible{outline:2px solid #087f5b;outline-offset:2px}.chat-shortcut:disabled{opacity:.6;cursor:wait}
.shell .agent-composer{border-top:0}.chat-back-btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;flex:0 0 auto;width:auto;min-width:68px;height:36px;padding:0 10px;border:1px solid #add4c3;border-radius:6px;background:#eef8f3;color:#12694f;font-size:13px;font-weight:700;line-height:1;box-shadow:0 1px 2px #163b2c14;transition:background .15s,border-color .15s}
.chat-back-btn span:first-child{font-size:21px;font-weight:500;line-height:1}.chat-back-btn:hover{background:#ddf0e6;border-color:#73b99a;color:#0a6047;transform:none}.chat-back-btn:active{background:#cde8d9;transform:none}
@media(max-width:900px){body.conversation-active .chat-shortcuts{padding:8px 10px 4px;gap:6px}body.conversation-active .chat-back-btn{order:1;flex:0 0 auto;margin:0}.chat-shortcut{font-size:.9em}}

@media(max-width:900px){.agent-composer textarea{-webkit-user-select:text;user-select:text;touch-action:manipulation}.agent-composer .composer-resize-handle{left:10%;right:10%;height:16px;top:0}.agent-composer .composer-resize-handle::before{top:6px;width:54px;height:4px}}

@media(max-width:900px){.agent-composer .composer-resize-handle{background:linear-gradient(transparent 0 4px,#d0dbe1 4px 8px,transparent 8px 16px);border-radius:8px}.agent-composer .composer-resize-handle::before{display:none}}

@media(max-width:900px){.agent-composer{padding-top:30px}.agent-composer .composer-resize-handle{position:absolute;z-index:8;top:0;left:0;right:0;height:30px;background:transparent;cursor:ns-resize;touch-action:none}.agent-composer .composer-resize-handle::before{display:block;top:11px;width:64px;height:5px;background:#9fb3bd;border-radius:4px}.agent-composer textarea{max-height:none!important}}