/* Only the two new settings and the completed conversation detail are overridden. */
.setting-card.reception-setting-card{display:flex;align-items:center;justify-content:space-between;min-height:96px;height:96px;gap:24px;padding:20px 16px 20px!important}
.channel-glyph{margin-right:0}
.composer-channel-actions{margin-left:auto}
.reception-setting-card .desc{margin-bottom:0;line-height:20px}.reception-setting-card .switch{margin-right:0;opacity:1}.reception-setting-card .switch[disabled]{opacity:.6}
.chat-layout{gap:10px}.chat-left{width:560px}.chat-columns{min-height:0}.view-sidebar{width:220px}.customer-panel{width:296px;padding:0;background:#fcfcfe;display:flex;flex-direction:column;overflow:hidden}.chat-layout.customer-expanded .detail-secondary{display:flex}
.conversation{background:#fafafa}.conversation-header{overflow:visible;min-height:45px;height:45px;padding:0 16px;gap:8px;position:relative;flex-shrink:0}
.conversation-title{display:flex;align-items:center;gap:8px;min-width:0;flex:1}.conversation-header b{font-size:14px;overflow:hidden;text-overflow:ellipsis;font-weight:500;min-width:0;display:block}.ongoing-pill{font-size:11px;line-height:22px;padding:0 8px;color:white;background:#ff9b59;border-radius:13px;white-space:nowrap;flex-shrink:0}
.conversation-actions{gap:5px}.conversation-actions .icon-button{width:24px;height:28px;padding:4px}.conversation-actions .icon{width:15px;height:15px}.conversation [data-action=toggle-customer]{top:calc(50vh - 64px);right:0}
.messages{padding:12px 24px;min-height:50px;border-top:1px solid #e1e3e8;margin:0 16px;flex:1;overflow:auto}.session-start{display:table;margin:0 auto 13px;padding:6px 12px;background:#fff4ed;border-radius:10px;font-size:12px;line-height:20px}.session-start time{margin-left:6px;color:rgba(0,0,0,.45)}
.system-line{text-align:center;font-size:12px;line-height:20px;color:rgba(0,0,0,.45);font-weight:400;margin:14px 0 26px;overflow-wrap:anywhere}.system-line time{font:inherit;margin-left:6px;color:inherit}
.message-row{margin:22px 0;gap:8px}.message-row .avatar{width:30px;height:30px;font-size:12px}.message-content{max-width:83%;min-width:40px}.message-bubble{max-width:100%;font-size:13px;line-height:21px;padding:10px 12px}.message-meta{font-size:11px;color:rgba(0,0,0,.45);margin-top:4px}.message-row.agent .message-meta{text-align:right}.message-subject{display:block;font-size:13px;font-weight:500;margin-bottom:8px}.email-message-head{font-size:12px;color:#555;margin-bottom:5px}.email-message-head span{color:#999}.view-exit-notice{background:#fff9ed;color:#9b751a;font-size:12px;padding:6px 16px}
.chat-item{position:relative;padding-right:10px}.customer-avatar{position:relative;background:#ffba65}.list-channel{position:absolute;bottom:-2px;right:-4px;width:14px;height:14px;line-height:0;display:block;background:transparent;border:0}.channel-glyph{width:14px;height:14px;vertical-align:middle;flex-shrink:0}.list-channel .list-channel-icon{display:block;width:14px;height:14px}.chat-wait-badge{position:absolute;right:9px;bottom:7px;font-size:10px;color:#b9bec6;background:#fff}.chat-unread-count{position:absolute;right:8px;top:36px;min-width:16px;height:15px;line-height:15px;border-radius:9px;background:#ff6868;color:white;font-style:normal;font-size:10px;text-align:center;padding:0 3px}.presence-dot{display:inline-block;width:6px;height:6px;border-radius:50%;background:#d4d6d8;margin-right:5px}.chat-item-name{max-width:180px}.chat-preview{max-width:100%;padding-right:10px}
.composer-region{flex-shrink:0;margin:0 16px 10px}.composer-channel-row{display:flex;align-items:center;justify-content:space-between;gap:8px;min-height:45px;padding:5px 0 8px}.composer-channel-actions{display:flex;align-items:center;gap:8px}.composer-channel-actions>.icon-button,.channel-pill,.copilot-entry,.no-reply-button{background:white;border:1px solid #f2f2f2;border-radius:8px;box-shadow:0 2px 12px #00000008;height:35px;padding:0 10px;font-size:12px;display:flex;align-items:center;justify-content:center;gap:5px;white-space:nowrap}.composer-channel-actions>.icon-button{width:36px;color:#b5b5b5}.composer-channel-actions>.icon-button .icon{width:16px;height:16px}.copilot-entry{color:#999;height:31px;padding:0 8px}.copilot-entry .icon{width:15px;height:15px}.no-reply-button{color:#ff6600;border-color:#f2f2f2;background:#fff;gap:5px}.no-reply-button:hover:not(:disabled){background:#f0f1f4}.no-reply-button:disabled{color:#b4b9c2;border-color:#f2f2f2;background:#fff;opacity:1}.mark-glyph{display:block;width:14px;height:14px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}.channel-pill{color:#ff6600;gap:5px}.channel-more{color:#ccc;font-size:18px;line-height:14px;margin-left:5px}.channel-menu-wrap{position:relative}.channel-menu{position:absolute;z-index:20;bottom:40px;right:0;width:128px;padding:4px;background:white;border-radius:6px;box-shadow:0 4px 20px #0002}.channel-menu button{display:block;width:100%;padding:8px 12px;background:none;border:0;text-align:left;font-size:12px}.channel-menu button:hover{background:#fff4ea}.note-channel{color:#b58221}
.composer-region .composer{position:relative;margin:0;min-height:230px;height:clamp(230px,27vh,290px);padding:0 16px 12px;display:flex;flex-direction:column;box-shadow:0 2px 12px #00000013;border-radius:8px}.composer-region.email-mode .composer{height:clamp(245px,27vh,320px);padding:0 16px 8px}.reply-editor{flex:1;min-height:70px;padding:16px 0 8px;font-size:14px;line-height:22px;overflow:auto;outline:0;white-space:pre-wrap;word-break:break-word}.reply-editor:empty:before{content:attr(data-placeholder);color:#bfbfbf;pointer-events:none}.composer-region.email-mode .reply-editor{font-size:12px;padding-top:8px}.composer-bottom{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:5px;flex-shrink:0;min-height:35px}.compose-tools-left,.compose-tools-right{display:flex;align-items:center;gap:9px;color:#888}.compose-tools-left .icon-button,.compose-tools-right .icon-button{width:24px;height:28px;padding:4px;color:inherit}.compose-tools-left .icon,.compose-tools-right .icon{width:16px;height:16px}.send-wrap{position:relative;margin-left:10px;display:flex;flex-direction:column;align-items:flex-end}.send-wrap .button{height:31px;padding:0 12px;gap:6px;min-width:100px;font-size:14px;background:#ff9a62;border-color:#ff9a62}.send-wrap .button .icon{width:15px;height:15px}.send-wrap .button span{margin-left:6px}.send-wrap small{position:absolute;right:0;top:32px;font-size:9px;color:#999;white-space:nowrap}.composer-region:not(.email-mode) .composer-bottom{margin-bottom:6px}.composer-access{position:absolute;inset:0;z-index:2;background:#ffffffcf;display:grid;place-items:center;color:#999;font-size:13px}.composer.unavailable{min-height:160px;flex-shrink:0}.note-composer{background:#fff8e6}
.email-recipient{display:flex;align-items:center;font-size:12px;gap:5px;height:31px;flex-shrink:0;border-bottom:1px solid #f0f0f0;color:#999}.email-recipient input{border:0;background:transparent;flex:1;width:40px;box-shadow:none!important;font-size:12px;color:#233648;padding:0 3px}.email-recipient>button:not(.icon-button){border:0;background:none;color:#5566ff;padding:0 2px;font-size:11px;white-space:nowrap}.email-recipient>.icon-button{width:20px;height:20px;padding:2px}.email-recipient .icon{width:14px;height:14px}.email-field{display:flex;height:31px;flex-shrink:0;align-items:center;font-size:12px;color:#999;border-bottom:1px solid #f0f0f0;gap:5px}.email-field input{border:0;background:none;flex:1;box-shadow:none!important;width:40px;font-size:12px;padding:0}.subject-count{margin-left:auto;color:#999}.rich-toolbar{margin:0 -16px;height:35px;padding:0 16px;display:flex;align-items:center;gap:8px;flex-shrink:0;box-shadow:0 2px 7px #00000008}.rich-toolbar>button{height:25px;min-width:22px;border:0;background:none;font-size:13px;padding:0 5px;color:#555}.rich-toolbar>.icon-button .icon{width:14px;height:14px}.rich-toolbar i{width:12px}.font-display{display:inline-block;background:#f6f7f8;border-radius:4px;font-size:10px;padding:2px 6px;margin:0 5px;white-space:nowrap;min-width:83px}.email-text-tool{color:#ff6600;font-size:18px}.sender-address{font-size:11px;white-space:nowrap;color:#aaa}.sender-address>span{color:#42658b}.email-mode .compose-tools-left,.email-mode .compose-tools-right{gap:4px}
.customer-summary{display:flex;padding:24px 16px 14px;gap:14px;align-items:flex-start;font-size:12px}.customer-summary>.avatar{width:56px;height:56px;font-size:20px;background:#ff865e}.customer-summary>div{min-width:0;flex:1}.customer-summary-name{font-size:14px;line-height:22px;overflow-wrap:anywhere}.customer-summary-name span{color:#aaa}.customer-summary>.icon-button{padding:0;width:16px}.customer-summary>.icon-button .icon{width:16px}.customer-green-tags{display:flex;flex-wrap:wrap;gap:5px;margin-top:8px}.customer-green-tags>span{border:1px solid #a3f0bc;color:#54cf80;border-radius:2px;font-size:11px;padding:0 5px}.customer-tag-row{display:flex;gap:5px;flex-wrap:wrap;padding:0 16px 14px;font-size:12px;align-items:center}.customer-tag-row>span:first-child{color:#999}.customer-tag-row>button{border:1px dashed #ddd;border-radius:4px;background:none;padding:0 3px;color:#888}.customer-tabs{display:flex;align-items:stretch;justify-content:space-between;gap:0;height:45px;min-height:45px;padding:0 8px;margin:0}.customer-tabs>button:not(.icon-button){border:0;background:none;font-size:12px;position:relative;padding:0 8px;color:#253545}.customer-tabs>button.active{color:#ff6600}.customer-tabs>button.active:after{content:'';position:absolute;bottom:0;left:8px;right:8px;height:2px;background:#ff6600}.customer-tabs>.icon-button{width:26px;padding:3px}.customer-tabs>.icon-button .icon{width:16px}.ai-star{color:#ff7a76}.customer-panel-scroll{overflow:auto;padding:16px 10px;flex:1;min-height:0;scrollbar-width:thin}.detail-panel-section{border:1px solid #ededed;border-radius:6px;margin-bottom:8px;background:#fafafa}.detail-panel-heading{display:flex;align-items:center;justify-content:space-between;width:100%;border:0;background:none;padding:9px 10px;font-size:12px}.detail-panel-heading strong{font-weight:600}.detail-panel-body{padding:0 7px 8px;font-size:12px}.customer-info-row{display:flex;align-items:center;gap:16px;min-height:27px;overflow-wrap:anywhere}.customer-info-row .icon{width:14px;height:14px;color:#bcbcbc;flex-shrink:0}.customer-info-row>span{min-width:0;overflow-wrap:anywhere}.customer-info-row>.email-verified{margin-left:auto;color:#43be87}.current-divider{display:flex;align-items:center;gap:10px;justify-content:center;font-size:12px;color:#777;margin:7px 0}.current-divider:before,.current-divider:after{content:'';height:1px;border-top:1px dashed #ddd;flex:1}.current-session-card{background:white;border:1px solid #ededed;padding:10px;border-radius:4px;margin-bottom:14px}.visit-info{border-bottom:1px solid #f0f0f0;padding-bottom:8px;margin-bottom:9px}.visit-info b{font-size:12px;font-weight:500;display:block;margin-bottom:5px}.visit-info>div{display:flex;justify-content:space-between;font-size:11px;line-height:20px}.visit-info span{color:#4168d8}.session-reference{display:flex;align-items:center;gap:5px;color:#5566ff;font-size:11px;margin-bottom:8px}.session-reference .channel-glyph{color:#ff6600;width:14px;height:14px}.panel-field{display:flex;justify-content:space-between;gap:8px;line-height:19px;font-size:11px}.panel-field>span{color:#999;white-space:nowrap}.panel-field strong{font-weight:400;color:#2b3c50;text-align:right;overflow-wrap:anywhere}.ticket-subtabs{display:flex;gap:10px}.ticket-subtabs button{font-size:12px;background:none;border:0;padding:6px;color:#555}.local-ticket{border:1px solid #eee;background:white;border-radius:6px;padding:12px;font-size:12px;line-height:26px;margin:12px 0}.local-ticket strong{font-size:13px;font-weight:500}.ticket-status{float:right;color:#ff8a30}.demo-toggle{right:12px;bottom:9px;padding:4px 12px;font-size:11px}.demo-panel{width:390px;bottom:44px}.demo-panel .demo-state{margin:8px 0}.demo-panel .field{margin-top:12px;margin-bottom:5px}.queue-status.icon-button{padding:0;width:23px;height:27px}.composer-expanded .composer-region{position:fixed;z-index:50;left:calc(50% - 430px);top:90px;width:860px;max-width:calc(100vw - 100px);margin:0;box-shadow:0 0 0 200vmax #0005}.composer-expanded .composer-region .composer{height:calc(100vh - 185px);max-height:none}.composer-expanded .composer-channel-row{background:#fafafa;padding:8px}
@media(max-width:1650px){.chat-left{width:500px}.view-sidebar{width:195px}.customer-panel{width:280px}.ongoing-pill{display:none}.conversation-actions{gap:2px}.sender-address{display:none}.composer-channel-actions{gap:5px}.composer-region{margin-right:12px;margin-left:12px}.font-display{min-width:66px;margin:0 2px}.rich-toolbar{gap:6px}.copilot-entry{display:none}}
@media(max-width:1400px){.chat-layout.customer-expanded .chat-left{width:445px}.chat-layout.customer-expanded .view-sidebar{width:165px}.chat-layout.customer-expanded .customer-panel{width:258px}.conversation-header{padding:0 10px}.conversation-actions>.icon-button:nth-child(-n+3){display:none}.messages{padding:12px;margin:0 12px}.compose-tools-left,.compose-tools-right{gap:3px}.composer-region .composer{padding-left:12px;padding-right:12px}.rich-toolbar{margin:0 -12px;padding:0 10px;gap:3px}.rich-toolbar .font-display{min-width:58px}.email-mode .compose-tools-left>.icon-button:nth-child(n+4){display:none}.customer-summary{padding-left:12px;padding-right:10px;gap:10px}.customer-summary>.avatar{width:44px;height:44px}.customer-tabs>button:not(.icon-button){padding:0 5px}.customer-panel-scroll{padding:12px 7px}.composer-channel-actions .no-reply-button{padding:0 8px}.composer-channel-actions>.icon-button{width:30px}.composer-channel-actions{gap:5px}}
@media(max-width:1190px){.chat-layout.customer-expanded .chat-left,.chat-left{width:440px}.chat-layout.customer-expanded .view-sidebar,.view-sidebar{width:165px}.chat-layout.customer-expanded .customer-panel{display:none}.chat-left.collapsed{width:275px}.view-sidebar{font-size:12px}.main.chat-main{padding-right:6px}.conversation-actions>.icon-button:nth-child(-n+3){display:flex}}
@media(max-height:780px){.composer-region .composer{height:210px;min-height:210px}.composer-region.email-mode .composer{height:245px}.session-start{margin-bottom:8px}.system-line{margin:10px 0 16px}.message-row{margin:15px 0}}