.yahoo-workbench{display:grid;grid-template-columns:300px minmax(440px,1fr) 330px;height:calc(100vh - 84px);height:calc(100dvh - 84px);min-height:620px;background:#f4f6f8;border:1px solid #dde2e7;border-radius:14px;overflow:hidden}.yahoo-sidebar{display:flex;flex-direction:column;gap:12px;padding:16px;background:#fff;border-right:1px solid #dde2e7;min-width:0;min-height:0;overflow:hidden}.yahoo-sidebar-head,.yahoo-chat-header,.yahoo-suggestion-head,.yahoo-reply-actions{display:flex;align-items:center;justify-content:space-between;gap:12px}.yahoo-sidebar h2,.yahoo-chat h3{margin:0;font-size:18px}.yahoo-sidebar .eyebrow{margin:0 0 3px;color:#5d6570;font-size:11px}.yahoo-search{display:grid;grid-template-columns:1fr auto;gap:8px}.yahoo-status-tabs{display:grid;grid-template-columns:repeat(3,1fr);gap:6px}.yahoo-status-tabs button{border:1px solid #d8dde3;border-radius:8px;background:#fff;padding:7px;font-size:13px}.yahoo-status-tabs button.active{color:#fff;background:#302d2d;border-color:#302d2d}.yahoo-list-state{padding:18px 8px;text-align:center;color:#6c757d}.yahoo-list-state.is-error{color:#b42318}.yahoo-conversation-list{flex:1 1 auto;min-height:0;overflow-x:hidden;overflow-y:auto;-webkit-overflow-scrolling:touch;display:flex;flex-direction:column;gap:8px}.yahoo-conversation{width:100%;border:1px solid #e1e5ea;border-radius:10px;background:#fff;padding:11px;text-align:left}.yahoo-conversation:hover,.yahoo-conversation.is-selected{border-color:#6b5b32;background:#fffaf0}.yahoo-conversation-top,.yahoo-conversation-bottom{display:flex;justify-content:space-between;gap:8px}.yahoo-conversation-title{font-weight:700;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.yahoo-conversation-preview{margin:6px 0;color:#626a73;font-size:12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.yahoo-conversation-bottom{font-size:11px;color:#7a828b}.yahoo-unanswered{display:inline-grid;place-items:center;min-width:20px;height:20px;padding:0 5px;border-radius:10px;background:#d92d20;color:#fff;font-size:11px}.yahoo-chat{min-width:0;min-height:0;overflow:hidden;background:#f7f8fa}.yahoo-placeholder{height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#727982;gap:8px}.yahoo-chat-body{height:100%;display:grid;grid-template-rows:auto auto minmax(180px,1fr) auto;min-height:0}.yahoo-chat-header{padding:15px 18px;background:#fff;border-bottom:1px solid #e1e5ea}.yahoo-header-actions{display:flex;align-items:center;gap:7px;flex-wrap:wrap;justify-content:flex-end}.yahoo-meta{display:flex;flex-wrap:wrap;gap:6px;margin-top:6px}.yahoo-chip{padding:2px 7px;border-radius:10px;background:#eef1f4;color:#535b64;font-size:11px}.yahoo-chip.is-complete{background:#e7f7ed;color:#18794e}.yahoo-chip.is-private{background:#fff0e5;color:#a54800}.yahoo-topic-card{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px;padding:10px 18px;background:#fff;border-bottom:1px solid #e1e5ea}.yahoo-topic-card span{font-size:11px;color:#737b84}.yahoo-topic-card strong{display:block;margin-top:3px;color:#20252b;font-size:13px;overflow-wrap:anywhere}.yahoo-messages{min-height:0;overflow-x:hidden;overflow-y:auto;-webkit-overflow-scrolling:touch;padding:18px;display:flex;flex-direction:column;gap:12px}.yahoo-message{max-width:76%;padding:10px 12px;border-radius:12px;background:#fff;border:1px solid #e1e5ea;align-self:flex-start}.yahoo-message.is-seller{align-self:flex-end;background:#eaf5ff;border-color:#c9e4fa}.yahoo-message-head{display:flex;justify-content:space-between;gap:16px;margin-bottom:5px;font-size:11px;color:#717983}.yahoo-message-text{white-space:pre-wrap;overflow-wrap:anywhere}.yahoo-translation{margin-top:8px;padding-top:8px;border-top:1px dashed #ccd3da;color:#475467;font-size:12px}.yahoo-message-state{margin:12px 18px 0;padding:9px;border-radius:8px;background:#fff3cd;color:#795b00}.yahoo-reply{padding:14px 18px;background:#fff;border-top:1px solid #dfe4e9}.yahoo-suggestion{margin:7px 0 10px;padding:9px;border-radius:8px;background:#f3f5f7;color:#4d5560;white-space:pre-wrap}.yahoo-reply label{font-size:12px;font-weight:600}.yahoo-reply-actions{margin-top:10px;justify-content:flex-end}.yahoo-reply-actions label{display:flex;align-items:center;gap:7px;margin-right:auto}.yahoo-complete-condition{width:74px}.yahoo-poll-hint{font-size:11px;color:#b54708}.yahoo-suggestion-actions,.yahoo-info-actions{display:flex;align-items:center;gap:6px;flex-wrap:wrap}.yahoo-suggestion-actions>button:not(.btn){border:0;border-radius:999px;background:#eef1f4;padding:4px 10px;font-size:12px}.yahoo-suggestion-actions>button.active{background:#17a34a;color:#fff}.yahoo-info-panel{display:flex;flex-direction:column;min-width:0;min-height:0;background:#fff;border-left:1px solid #dde2e7}.yahoo-info-panel>header,.yahoo-info-panel>footer{padding:14px;border-bottom:1px solid #e1e5ea}.yahoo-info-panel>footer{border-top:1px solid #e1e5ea;border-bottom:0}.yahoo-info-scroll{min-height:0;overflow:auto;padding:14px;display:flex;flex-direction:column;gap:14px}.yahoo-info-scroll label{position:relative;display:flex;flex-direction:column;gap:5px;font-size:12px;font-weight:600}.yahoo-info-scroll details,.yahoo-info-scroll section{display:flex;flex-direction:column;gap:9px;padding:11px;border:1px solid #e1e5ea;border-radius:10px;background:#fafbfc}.yahoo-info-scroll details label{margin-top:9px}.yahoo-info-scroll p{margin:6px 0 0;color:#535b64;font-size:12px;white-space:pre-wrap}.yahoo-info-scroll small{color:#b54708}.yahoo-product-candidates{position:absolute;z-index:10;top:100%;left:0;right:0;display:flex;flex-direction:column;border:1px solid #d8dde3;border-radius:8px;background:#fff;box-shadow:0 8px 24px #10182820;overflow:hidden}.yahoo-product-candidates button{border:0;border-bottom:1px solid #eef1f4;background:#fff;padding:8px;text-align:left;font-size:12px}.yahoo-info-warning{padding:8px;border-radius:7px;background:#fff3cd;color:#795b00;font-size:12px}.yahoo-dialog{width:min(760px,calc(100vw - 32px));max-height:85vh;border:0;border-radius:12px;padding:16px}.yahoo-dialog::backdrop{background:#10182880}.yahoo-dialog>header{display:flex;justify-content:space-between;margin-bottom:12px}.yahoo-account-grid{display:grid;grid-template-columns:1.1fr .6fr .5fr minmax(220px,1.6fr) 1.4fr;gap:10px;align-items:center}.yahoo-account-grid--auth{grid-template-columns:1fr .5fr .45fr minmax(200px,1.4fr) minmax(140px,.9fr) 1.3fr}.yahoo-auth-status{display:grid;gap:4px;font-size:12px;line-height:1.35;min-width:0}.yahoo-auth-status .ok{color:#0f7b3a}.yahoo-auth-status .warn{color:#9a6700}.yahoo-auth-status .bad{color:#b42318}.yahoo-auth-status .meta{color:#667085;font-size:11px}.yahoo-poll-error{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;cursor:help}.yahoo-account-row{padding:12px 0;border-bottom:1px solid #e6e9ed}.yahoo-account-actions{display:flex;gap:5px;flex-wrap:wrap;justify-content:flex-end}.yahoo-account-secret-note{font-size:11px;color:#667085}.yahoo-account-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.yahoo-account-form-grid .full{grid-column:1/-1}.yahoo-account-modal{width:min(760px,calc(100vw - 32px));max-height:90vh;overflow:auto}.yahoo-redirect-row{display:flex;gap:8px;align-items:center}.yahoo-redirect-row input{flex:1;background:#f3f5f7}.yahoo-redirect-row .btn{white-space:nowrap}
@media(max-width:1200px){.yahoo-workbench{grid-template-columns:280px minmax(420px,1fr) 300px}.yahoo-topic-card{grid-template-columns:repeat(2,1fr)}}
@media(max-width:900px){.yahoo-workbench{grid-template-columns:280px minmax(0,1fr);height:auto}.yahoo-info-panel{grid-column:1/-1;max-height:60vh;border-left:0;border-top:1px solid #dde2e7}.yahoo-chat{min-height:720px}.yahoo-chat-header{align-items:flex-start}.yahoo-account-grid{grid-template-columns:1fr}.yahoo-account-actions{justify-content:flex-start}}
@media(max-width:680px){.yahoo-workbench{display:block;height:auto}.yahoo-sidebar{border-right:0;border-bottom:1px solid #dde2e7;max-height:45vh}.yahoo-chat{min-height:65vh}.yahoo-chat-body{min-height:720px}.yahoo-message{max-width:90%}.yahoo-account-form-grid{grid-template-columns:1fr}.yahoo-account-form-grid .full{grid-column:auto}.yahoo-info-panel{max-height:none}}

/* R-Messe / Yahoo 会话基本信息：与 LINE 面板保持相同的信息层级和交互。 */
.yahoo-workbench{position:relative;transition:grid-template-columns .2s ease}
.yahoo-workbench.info-collapsed{grid-template-columns:300px minmax(440px,1fr) 0}
.yahoo-workbench.info-collapsed .yahoo-info-panel{visibility:hidden;overflow:hidden;border-left:0}
.yahoo-info-panel-header{display:flex;align-items:center;justify-content:space-between;gap:10px;min-height:58px;padding:12px 14px!important}
.yahoo-info-panel-title{margin:0;font-size:15px;font-weight:700}
.yahoo-info-panel-header-actions{display:flex;align-items:center;gap:6px}
.yahoo-info-panel-collapse,.yahoo-info-panel-close,.yahoo-info-panel-expand{display:inline-grid;place-items:center;border:0;border-radius:8px;background:transparent;color:#5d6570;font-size:20px;line-height:1}
.yahoo-info-panel-collapse{width:30px;height:30px}
.yahoo-info-panel-close{display:none;width:30px;height:30px}
.yahoo-info-panel-collapse:hover,.yahoo-info-panel-close:hover,.yahoo-info-panel-expand:hover{background:#eef1f4;color:#20252b}
.yahoo-info-panel-content{position:relative;flex:1;min-height:0;overflow:hidden}
.yahoo-info-panel-loading{position:absolute;z-index:4;inset:0;display:flex;align-items:center;justify-content:center;gap:8px;background:rgba(255,255,255,.88);color:#667085;font-size:13px}
.yahoo-info-panel-placeholder{display:grid;place-items:center;height:100%;padding:28px;text-align:center;color:#8a929c;font-size:13px}
.yahoo-info-panel-body{height:100%;overflow:auto;padding:14px}
.yahoo-session-info-grid{display:flex;flex-direction:column;gap:12px}
.yahoo-session-info-grid label{display:flex;flex-direction:column;gap:5px;font-size:12px;font-weight:600}
.yahoo-product-combobox{position:relative;display:block}
.yahoo-info-itemcode-hint{display:block;margin-top:2px;color:#667085;font-size:11px;font-weight:500}
.yahoo-info-field-head{display:flex;align-items:center;justify-content:space-between;gap:8px}
.yahoo-info-field-head .btn{flex:none;white-space:nowrap;font-size:11px}
.product-listing-toolbar,.product-listing-import{display:flex;flex-wrap:wrap;align-items:flex-end;gap:10px;margin-bottom:10px}
.product-listing-toolbar .field-label{min-width:180px}
.product-listing-import-result{margin-bottom:10px;padding:10px 12px;border:1px solid #dde3ea;border-radius:8px;background:#f8fafc;font-size:13px;max-height:260px;overflow:auto}
.product-listing-grid{display:grid;grid-template-columns:.7fr 1.4fr 1fr 1.4fr .5fr 1.2fr;gap:10px;align-items:center}
.product-listing-row{padding:10px 0;border-bottom:1px solid #e6e9ed;font-size:13px}
.product-listing-key,.product-listing-name{min-width:0;overflow-wrap:anywhere}
@media(max-width:900px){.product-listing-grid{grid-template-columns:1fr}}
#productListingsRows.is-loading{opacity:.55;pointer-events:none}
.product-listing-pagination{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:12px;margin-top:12px;color:#667085;font-size:13px}
.product-listing-pagination-actions{display:flex;gap:8px}
.product-listings-shell{grid-template-columns:minmax(0,1fr)}
.yahoo-sidebar-actions{display:flex;gap:6px;flex-shrink:0}
.yahoo-info-product-hint{display:block;margin-top:2px;color:#475467;font-size:11px;font-weight:600}
.yahoo-info-product-hint.is-confirmed{color:#18794e}
.yahoo-info-product-hint.is-warning{color:#b54708}
.yahoo-info-customer-section,.yahoo-info-insight-card,.yahoo-info-todo-card{padding:11px;border:1px solid #dde3ea;border-radius:10px;background:#fff}
.yahoo-info-customer-section>summary{position:relative;cursor:pointer;list-style:none;font-size:13px;font-weight:700}
.yahoo-info-customer-section>summary::-webkit-details-marker{display:none}
.yahoo-info-customer-section>summary::after{content:"▸";position:absolute;right:2px;transition:transform .15s}
.yahoo-info-customer-section[open]>summary::after{transform:rotate(90deg)}
.yahoo-info-customer-body{display:flex;flex-direction:column;gap:9px;margin-top:11px}
.yahoo-info-field-row{display:grid;grid-template-columns:minmax(0,.72fr) minmax(0,1.28fr);gap:8px}
.yahoo-info-field-row+ .yahoo-info-field-row{grid-template-columns:1fr 1fr}
.yahoo-info-insight-card,.yahoo-info-todo-card{display:flex;flex-direction:column;gap:8px}
.yahoo-info-insight-card>p{margin:0;color:#475467;font-size:12px;line-height:1.65;white-space:pre-wrap}
.yahoo-info-missing{margin-bottom:12px;padding:9px 10px;border-radius:8px;background:#fff4e5;color:#9a4e00;font-size:12px;line-height:1.55}
.yahoo-info-missing>div+div{margin-top:4px}
.yahoo-info-order-head,.yahoo-info-order-row{display:flex;align-items:center;justify-content:space-between;gap:8px}
.yahoo-info-order-row input{min-width:0}
.yahoo-info-order-row button{flex:none;white-space:nowrap}
.yahoo-info-order-summary{color:#475467;font-size:12px;line-height:1.55}
.yahoo-info-order-summary .order-summary-title{font-weight:700;color:#20252b}
.yahoo-info-order-summary .order-summary-warning{margin-top:5px;color:#b54708}
.yahoo-info-panel-expand{position:absolute;z-index:6;right:8px;top:12px;width:34px;height:34px;border:1px solid #dde2e7;background:#fff;box-shadow:0 3px 12px rgba(16,24,40,.12);font-size:13px}
.yahoo-info-panel-backdrop{display:none}
.yahoo-order-modal-backdrop{position:fixed;z-index:1100;inset:0;border:0;background:rgba(16,24,40,.55)}
.yahoo-order-modal{position:fixed;z-index:1101;top:50%;left:50%;width:min(760px,calc(100vw - 32px));max-height:86vh;overflow:auto;transform:translate(-50%,-50%);border-radius:14px;background:#fff;box-shadow:0 24px 80px rgba(16,24,40,.3)}
.yahoo-order-modal>header{display:flex;align-items:flex-start;justify-content:space-between;gap:14px;padding:16px 18px;border-bottom:1px solid #e1e5ea}
.yahoo-order-modal>header h3{margin:0;font-size:17px}
.yahoo-order-modal>header p{margin:4px 0 0;color:#667085;font-size:12px}
.yahoo-order-modal>header>div:last-child{display:flex;gap:7px}
.yahoo-order-modal-body{padding:18px}
.yahoo-order-modal>footer{display:flex;justify-content:flex-end;gap:8px;padding:12px 18px;border-top:1px solid #e1e5ea}
.yahoo-cancel-modal{width:min(480px,calc(100vw - 32px))}
.is-hidden{display:none!important}
body.yahoo-modal-open{overflow:hidden}

@media(max-width:1200px) and (min-width:901px){
  .yahoo-workbench.info-collapsed{grid-template-columns:280px minmax(420px,1fr) 0}
}
@media(max-width:900px){
  .yahoo-workbench{grid-template-columns:280px minmax(0,1fr);height:calc(100dvh - 84px);overflow:hidden}
  .yahoo-workbench.info-collapsed{grid-template-columns:280px minmax(0,1fr)}
  .yahoo-workbench.info-collapsed .yahoo-info-panel{visibility:visible;border-left:1px solid #dde2e7}
  .yahoo-info-panel{position:fixed;z-index:1001;top:0;right:0;bottom:0;width:min(360px,92vw);max-height:none!important;border-top:0!important;transform:translateX(102%);transition:transform .2s ease;box-shadow:-12px 0 35px rgba(16,24,40,.2)}
  .yahoo-info-panel.is-open{transform:translateX(0)}
  .yahoo-info-panel-close{display:inline-grid}
  .yahoo-info-panel-collapse{display:none}
  .yahoo-info-panel-expand{display:none!important}
  .yahoo-info-panel-backdrop{position:fixed;z-index:1000;inset:0;display:block;border:0;background:rgba(16,24,40,.42)}
}
@media(max-width:680px){
  .yahoo-info-field-row,.yahoo-info-field-row+ .yahoo-info-field-row{grid-template-columns:1fr}
}

/* 客服操作队列固定为：全部 / 待回复 / 跟进中 / 已结案。 */
.yahoo-status-tabs{grid-template-columns:repeat(4,1fr)}

/* 入站附件：对齐 LINE 的图片灯箱 / 音视频播放 / 文件卡片。 */
.yahoo-message-attachments{display:grid;gap:8px;margin-top:8px}
.yahoo-attachment{display:flex;align-items:center;justify-content:space-between;gap:8px;border:1px solid #dce1e6;border-radius:8px;background:#f8fafc;padding:8px 10px;font-size:12px}
.yahoo-attachment-image{display:grid;gap:6px;padding:8px}
.yahoo-attachment-preview{display:block;width:100%;border:0;border-radius:8px;background:#eef1f4;padding:0;overflow:hidden;cursor:zoom-in}
.yahoo-attachment-preview img{display:block;max-width:100%;max-height:280px;margin:0 auto;object-fit:contain}
.yahoo-attachment-loading,.yahoo-attachment-error{display:block;padding:28px 12px;color:#667085;text-align:center}
.yahoo-attachment-error{color:#b42318}
.yahoo-attachment figcaption{display:flex;align-items:center;justify-content:space-between;gap:8px;color:#475467}
.yahoo-attachment-download{border:1px solid #d0d5dd;border-radius:6px;background:#fff;padding:3px 8px;font-size:12px;color:#344054}
.yahoo-attachment-download:hover{background:#f2f4f7}
.yahoo-attachment-meta{color:#667085}
.yahoo-attachment-playable{display:flex;flex-direction:column;gap:8px;padding:8px}
.yahoo-attachment-video{display:block;width:100%;max-height:320px;border-radius:10px;background:#000}
.yahoo-attachment-audio{display:block;width:100%}
.yahoo-playable-meta-row{display:flex;align-items:flex-start;justify-content:space-between;gap:10px}
.yahoo-attachment-file-card{display:flex;align-items:flex-start;gap:10px;min-width:min(260px,70vw);max-width:min(360px,76vw)}
.yahoo-file-icon{display:flex;flex:0 0 auto;align-items:center;justify-content:center;min-width:42px;height:42px;padding:0 6px;border-radius:8px;background:#eef1f4;color:#475467;font-size:10px;font-weight:700}
.yahoo-file-main{min-width:0;flex:1 1 auto}
.yahoo-file-name{font-size:13px;font-weight:600;overflow-wrap:anywhere;color:#111827}
.yahoo-file-meta{margin-top:2px;color:#667085;font-size:11px}
.yahoo-file-actions{display:flex;gap:8px;margin-top:8px}
.yahoo-playable-meta-row .yahoo-file-actions{margin-top:0;flex:0 0 auto}
.yahoo-file-action{display:inline-flex;align-items:center;justify-content:center;padding:3px 10px;border:1px solid #d0d5dd;border-radius:999px;background:#fff;color:#344054;font-size:12px;font-weight:600;cursor:pointer}
.yahoo-file-action:hover{background:#f2f4f7}
.yahoo-image-preview-backdrop{position:fixed;inset:0;z-index:2000;background:rgba(0,0,0,.72)}
.yahoo-image-preview-modal{position:fixed;inset:32px;z-index:2001;display:flex;align-items:center;justify-content:center;pointer-events:none}
.yahoo-image-preview-img{max-width:100%;max-height:100%;border-radius:10px;background:#fff;box-shadow:0 20px 60px rgba(0,0,0,.35);pointer-events:auto}
.yahoo-image-preview-actions{position:absolute;left:50%;bottom:14px;display:flex;gap:10px;transform:translateX(-50%);pointer-events:auto}
.yahoo-image-preview-action{padding:7px 14px;border:0;border-radius:999px;background:rgba(255,255,255,.94);color:#111;font-size:13px;font-weight:600;cursor:pointer}
.yahoo-image-preview-close{position:absolute;top:12px;right:12px;width:36px;height:36px;border:0;border-radius:50%;background:rgba(255,255,255,.92);color:#111;font-size:24px;line-height:1;cursor:pointer;pointer-events:auto}
.yahoo-revision-backdrop{position:fixed;z-index:1100;inset:0;background:rgba(16,24,40,.55)}
.yahoo-revision-modal{position:fixed;z-index:1101;top:50%;left:50%;width:min(520px,calc(100vw - 32px));transform:translate(-50%,-50%);border-radius:14px;background:#fff;box-shadow:0 24px 80px rgba(16,24,40,.3);padding:16px 18px}
.yahoo-revision-header{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:8px}
.yahoo-revision-header h3{margin:0;font-size:17px}
.yahoo-revision-close{width:32px;height:32px;border:0;border-radius:8px;background:transparent;font-size:22px;line-height:1;color:#5d6570;cursor:pointer}
.yahoo-revision-hint{margin:0 0 12px;color:#667085;font-size:13px}
.yahoo-revision-label{display:block;margin-bottom:6px;font-size:12px;font-weight:600}
.yahoo-revision-input{margin-bottom:14px}
.yahoo-revision-actions{display:flex;justify-content:flex-end;gap:8px}

/* 列表结构保留两行；配色与选中态对齐 LINE（白/灰底、选中浅蓝+左边绿条）。 */
.yahoo-status-tabs button.active{color:#fff;background:#00b300;border-color:#00b300}
.yahoo-list-state{display:flex;align-items:center;justify-content:center;gap:8px;padding:18px 8px;text-align:center;color:#6c757d}
.yahoo-list-state .yahoo-inline-spinner{display:none}
.yahoo-list-state.is-loading .yahoo-inline-spinner{display:inline-block}
.yahoo-list-state.is-error{color:#b42318}
.yahoo-conversation{flex:0 0 auto;display:flex;flex-direction:column;width:100%;padding:0;overflow:hidden;border:1px solid #e1e5ea;border-radius:8px;background:#fff;text-align:left;box-shadow:none}
.yahoo-conversation:hover{border-color:#d0d5dd;background:#f8fafc}
.yahoo-conversation-official-head{display:flex;align-items:center;gap:8px;min-width:0;padding:9px 10px;background:#f8fafc}
.yahoo-conversation-pending-slot{display:flex;flex:0 0 auto;place-items:center}
.yahoo-conversation-pending-slot .yahoo-unanswered{width:20px;min-width:20px;height:20px;padding:0;font-size:11px}
.yahoo-conversation-category{flex:0 0 auto;max-width:44%;overflow:hidden;color:#00b300;font-size:14px;font-weight:700;text-overflow:ellipsis;white-space:nowrap}
.yahoo-conversation-name{flex:0 1 auto;margin-left:auto;max-width:48%;min-width:0;overflow:hidden;color:#111827;font-size:15px;font-weight:700;text-overflow:ellipsis;white-space:nowrap}
/* B 端标记不参与压缩：宁可挤窄客户名，也不能让标记被截断 */
.yahoo-conversation-official-head .business-lead-badge{flex:0 0 auto}
.yahoo-conversation-official-body{display:block;min-width:0;padding:8px 10px;background:#fff;border-top:1px solid #eef1f4}
.yahoo-conversation-subject-row{display:flex;align-items:baseline;gap:7px;min-width:0}
.yahoo-conversation-title{flex:1 1 auto;min-width:0;overflow:hidden;color:#111827;font-size:13px;font-weight:400;line-height:1.4;text-overflow:ellipsis;white-space:nowrap}
.yahoo-conversation-meta-row{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-top:5px;min-width:0}
.yahoo-conversation-store{flex:1 1 auto;min-width:0;overflow:hidden;color:#667085;font-size:11px;text-overflow:ellipsis;white-space:nowrap}
.yahoo-conversation-time{flex:0 0 auto;color:#667085;font-size:12px;font-weight:400;white-space:nowrap}
/* 选中态必须贯穿 head/body 子层；否则子元素白底会盖住父级背景，肉眼几乎无差异。 */
.yahoo-conversation.is-selected,
.yahoo-conversation.is-selected:hover{
  border-color:#9cc9ef;
  background:#e8f3ff;
  box-shadow:inset 4px 0 0 #00b300;
}
.yahoo-conversation.is-selected .yahoo-conversation-official-head,
.yahoo-conversation.is-selected:hover .yahoo-conversation-official-head{
  background:#dceeff;
}
.yahoo-conversation.is-selected .yahoo-conversation-official-body,
.yahoo-conversation.is-selected:hover .yahoo-conversation-official-body{
  background:#e8f3ff;
  border-top-color:#c7e0f7;
}
.yahoo-conversation.is-selected .yahoo-conversation-name{
  color:#0b3b66;
}

/* LINE 同款绿色旋转加载与分析中省略号 */
@keyframes yahoo-ai-spin{to{transform:rotate(360deg)}}
@keyframes yahoo-ai-dots{0%,20%{content:""}40%{content:"."}60%{content:".."}80%,100%{content:"..."}}
.yahoo-inline-spinner{width:14px;height:14px;border:2px solid rgba(0,179,0,.18);border-top-color:#00b300;border-radius:50%;animation:yahoo-ai-spin .8s linear infinite;flex-shrink:0}
.yahoo-loading-spinner{width:52px;height:52px;border:4px solid rgba(0,179,0,.18);border-top-color:#00b300;border-radius:50%;animation:yahoo-ai-spin .85s linear infinite;flex-shrink:0}
.yahoo-loading-center{display:flex;flex-direction:column;align-items:center;gap:16px;padding:28px 36px;border-radius:16px;background:rgba(255,255,255,.96);box-shadow:0 10px 28px rgba(15,23,42,.14);color:#1f2937}
.yahoo-loading-text{font-size:1rem;font-weight:600;letter-spacing:.02em;color:#374151}
.yahoo-messages-wrap{position:relative;min-height:0;overflow:hidden;display:flex;flex-direction:column}
.yahoo-messages-wrap .yahoo-messages{flex:1 1 auto;min-height:0}
.yahoo-messages-loading{position:absolute;inset:0;z-index:2;display:flex;align-items:center;justify-content:center;background:rgba(247,248,250,.82);pointer-events:none}
.yahoo-messages-loading.d-none{display:none!important}
.yahoo-info-panel-loading{background:rgba(255,255,255,.86);backdrop-filter:blur(1px);pointer-events:auto}
.yahoo-info-panel-loading .yahoo-loading-center{padding:20px 28px}
.yahoo-info-panel-loading .yahoo-loading-spinner{width:40px;height:40px;border-width:3px}
.yahoo-info-panel-loading .yahoo-loading-text{font-size:.9rem}
.yahoo-attachment-loading{display:inline-flex;align-items:center;justify-content:center;gap:8px;width:100%;padding:28px 12px;color:#667085;text-align:center}
/* 回复区对齐 LINE：建议面板可折叠 + AI 草稿标签 + 自适应文本框 */
.yahoo-reply{
  padding:12px 16px;
  padding-bottom:calc(12px + env(safe-area-inset-bottom,0px));
  max-height:min(48vh,460px);
  max-height:min(48dvh,460px);
  overflow-x:hidden;
  overflow-y:auto;
  -webkit-overflow-scrolling:touch;
  overscroll-behavior:contain;
  background:#fff;
  border-top:1px solid #dfe4e9;
}
.yahoo-suggestion-panel{
  margin-bottom:10px;
  padding:10px 12px;
  border:1px solid rgba(0,0,0,.08);
  border-radius:10px;
  background:#f8faf8;
}
.yahoo-suggestion-header{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:8px;
  margin-bottom:0;
}
.yahoo-suggestion-panel:not(.is-collapsed) .yahoo-suggestion-header{margin-bottom:8px}
.yahoo-suggestion-header-left{
  display:inline-flex;
  align-items:center;
  gap:8px;
  min-width:0;
  flex:1 1 auto;
}
.yahoo-suggestion-toggle{
  display:inline-flex;
  align-items:center;
  gap:6px;
  border:0;
  padding:0;
  background:transparent;
  color:inherit;
  cursor:pointer;
  text-align:left;
  flex-shrink:0;
}
.yahoo-suggestion-toggle:hover .yahoo-suggestion-title{color:#111}
.yahoo-suggestion-chevron{
  width:0;
  height:0;
  border-left:4px solid transparent;
  border-right:4px solid transparent;
  border-top:5px solid #666;
  transition:transform .15s ease;
  flex-shrink:0;
}
.yahoo-suggestion-panel.is-collapsed .yahoo-suggestion-chevron{transform:rotate(-90deg)}
.yahoo-suggestion-title{font-size:.82rem;font-weight:600;color:#333}
.yahoo-suggestion-header-right{
  display:inline-flex;
  align-items:center;
  gap:8px;
  flex-wrap:wrap;
  justify-content:flex-end;
}
.yahoo-suggestion-tabs{display:inline-flex;gap:4px}
.yahoo-suggestion-tab{
  border:1px solid #d7e3d7;
  background:#fff;
  color:#555;
  border-radius:999px;
  font-size:.72rem;
  padding:2px 10px;
  cursor:pointer;
}
.yahoo-suggestion-tab.active{background:#00b300;border-color:#00b300;color:#fff}
.yahoo-suggestion-actions{display:flex;gap:8px;flex-wrap:wrap;flex-shrink:0}
/* 风控审计按钮按风险等级着色；走 --bs-btn-* 变量，按下/禁用等 Bootstrap 状态才不会退回默认透明色。自定义色值是为了让「风险中」的文字在白底上仍清晰可读。 */
.yahoo-suggestion-actions .btn[class*="audit-risk-"]{white-space:nowrap;font-weight:600}
.btn.audit-risk-high{--bs-btn-color:#b42318;--bs-btn-bg:#fef3f2;--bs-btn-border-color:#f04438;--bs-btn-hover-color:#fff;--bs-btn-hover-bg:#d92d20;--bs-btn-hover-border-color:#d92d20;--bs-btn-active-color:#fff;--bs-btn-active-bg:#b42318;--bs-btn-active-border-color:#b42318;--bs-btn-disabled-color:#b42318;--bs-btn-disabled-bg:#fef3f2;--bs-btn-disabled-border-color:#f04438}
.btn.audit-risk-medium{--bs-btn-color:#93370d;--bs-btn-bg:#fffaeb;--bs-btn-border-color:#f79009;--bs-btn-hover-color:#fff;--bs-btn-hover-bg:#dc6803;--bs-btn-hover-border-color:#dc6803;--bs-btn-active-color:#fff;--bs-btn-active-bg:#b54708;--bs-btn-active-border-color:#b54708;--bs-btn-disabled-color:#93370d;--bs-btn-disabled-bg:#fffaeb;--bs-btn-disabled-border-color:#f79009}
.btn.audit-risk-low{--bs-btn-color:#175cd3;--bs-btn-bg:#eff8ff;--bs-btn-border-color:#84adff;--bs-btn-hover-color:#fff;--bs-btn-hover-bg:#1570ef;--bs-btn-hover-border-color:#1570ef;--bs-btn-active-color:#fff;--bs-btn-active-bg:#175cd3;--bs-btn-active-border-color:#175cd3;--bs-btn-disabled-color:#175cd3;--bs-btn-disabled-bg:#eff8ff;--bs-btn-disabled-border-color:#84adff}
.btn.audit-risk-none{--bs-btn-color:#067647;--bs-btn-bg:#ecfdf3;--bs-btn-border-color:#47cd89;--bs-btn-hover-color:#fff;--bs-btn-hover-bg:#079455;--bs-btn-hover-border-color:#079455;--bs-btn-active-color:#fff;--bs-btn-active-bg:#067647;--bs-btn-active-border-color:#067647;--bs-btn-disabled-color:#067647;--bs-btn-disabled-bg:#ecfdf3;--bs-btn-disabled-border-color:#47cd89}
.yahoo-suggestion-body{display:flex;flex-direction:column;gap:8px}
.yahoo-suggestion-panel.is-collapsed .yahoo-suggestion-body{display:none}
.yahoo-suggestion-panel.is-analyzing{
  border-color:rgba(0,179,0,.28);
  background:linear-gradient(180deg,#f8fff8 0%,#f3faf3 100%);
}
.yahoo-suggestion-panel.is-analyzing .yahoo-suggestion{opacity:.72}
.yahoo-suggestion{
  margin:0;
  padding:0;
  border-radius:0;
  background:transparent;
  color:#444;
  font-size:.82rem;
  line-height:1.5;
  white-space:pre-wrap;
  word-break:break-word;
}
.yahoo-suggestion-loading{display:inline-flex;align-items:center;gap:6px;min-width:0;font-size:.74rem;line-height:1.3;color:#2f6b2f}
.yahoo-suggestion-loading.d-none{display:none!important}
.yahoo-ai-analyzing-text{font-weight:600}
.yahoo-ai-analyzing-dots::after{content:"";animation:yahoo-ai-dots 1.2s steps(4,end) infinite}
.yahoo-reply-draft-label{
  font-size:.75rem;
  font-weight:600;
  color:#667085;
  margin-bottom:6px;
}
.yahoo-reply-textarea{
  resize:none;
  min-height:56px;
  max-height:240px;
  overflow-y:hidden;
  font-size:.88rem;
  border-radius:10px;
}
.yahoo-reply-attachment-bar{
  display:flex;
  align-items:center;
  gap:8px;
  flex-wrap:wrap;
  margin-top:8px;
  min-height:30px;
}
.yahoo-reply-attachment-picker{margin:0;cursor:pointer}
.yahoo-reply-attachment-input{
  position:absolute;
  width:1px;
  height:1px;
  overflow:hidden;
  clip:rect(0 0 0 0);
  clip-path:inset(50%);
  white-space:nowrap;
}
.yahoo-reply-attachment-hint{color:#667085;font-size:.72rem}
.yahoo-reply-attachment-hint.is-blocked{color:#b54708}
.yahoo-reply-attachment-picker.is-disabled{opacity:.55;cursor:not-allowed;pointer-events:none}
.yahoo-reply-attachment-chips{
  display:inline-flex;
  align-items:center;
  gap:6px;
  flex-wrap:wrap;
}
.yahoo-reply-attachment-chip{
  display:inline-flex;
  align-items:center;
  gap:6px;
  max-width:100%;
  padding:3px 8px;
  border:1px solid #cfe3cf;
  border-radius:999px;
  background:#f3faf3;
  color:#2f6b2f;
  font-size:.75rem;
}
.yahoo-reply-attachment-chip>span{
  max-width:240px;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
}
.yahoo-reply-attachment-chip button{
  border:0;
  padding:0;
  background:transparent;
  color:inherit;
  font-size:1rem;
  line-height:1;
  cursor:pointer;
}
.yahoo-reply-attachment-status{color:#2f6b2f;font-size:.75rem}
.yahoo-reply-attachment-status.is-error{color:#b42318}
.yahoo-reply-attachment-status.is-uploading::before{
  content:"";
  display:inline-block;
  width:12px;
  height:12px;
  margin-right:5px;
  border:2px solid rgba(0,179,0,.18);
  border-top-color:#00b300;
  border-radius:50%;
  animation:yahoo-ai-spin .8s linear infinite;
  vertical-align:-2px;
}
.yahoo-reply-actions{
  display:flex;
  align-items:center;
  justify-content:flex-end;
  gap:12px;
  margin-top:6px;
  flex-wrap:wrap;
}
.yahoo-reply-secondary{
  display:inline-flex;
  align-items:center;
  gap:8px;
  flex-wrap:wrap;
  margin-right:auto;
}
.yahoo-complete-condition-label{
  display:inline-flex;
  align-items:center;
  gap:6px;
  margin:0;
  font-size:12px;
  font-weight:600;
  color:#5d6570;
}
.yahoo-complete-condition{width:auto;min-width:128px;max-width:180px}
.yahoo-send-btn{min-width:96px}

/* 对齐 LINE：单行头（客户名/店铺 + 处理状态 + 操作），消息区直接在头下。 */
.yahoo-chat-body{
  grid-template-rows:auto minmax(180px,1fr) auto;
}
.yahoo-chat-header{
  display:flex;
  flex-direction:row;
  align-items:center;
  gap:12px;
  padding:10px 16px;
}
.yahoo-chat-user-info{
  display:flex;
  align-items:center;
  gap:10px;
  min-width:0;
  flex:1 1 auto;
}
.yahoo-chat-user-meta{
  min-width:0;
}
.yahoo-chat-user-name{
  font-weight:700;
  font-size:.95rem;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
}
.yahoo-chat-account-label{
  font-size:.75rem;
  color:#00b300;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
}
.yahoo-header-actions{
  display:flex;
  align-items:center;
  gap:7px;
  flex:0 0 auto;
  flex-wrap:nowrap;
  margin-left:auto;
  justify-content:flex-end;
}
.yahoo-header-actions .btn{white-space:nowrap}
.yahoo-handling-status{
  display:flex;
  align-items:center;
  gap:8px;
  min-width:0;
  flex:0 1 auto;
  max-width:46%;
}
.yahoo-handling-status-text{
  max-width:220px;
  overflow:hidden;
  color:#b45309;
  font-size:.82rem;
  text-overflow:ellipsis;
  white-space:nowrap;
}
.yahoo-handling-status.is-mine .yahoo-handling-status-text{color:#047857}
.yahoo-handling-status.is-other .yahoo-handling-status-text{color:#b45309}

/* 右侧咨询摘要：只读键值；订单号单行不换行。 */
.yahoo-inquiry-summary{
  display:flex;
  flex-direction:column;
  gap:8px;
  padding:11px;
  border:1px solid #e1e5ea;
  border-radius:10px;
  background:#fafbfc;
}
.yahoo-inquiry-summary-title{
  font-size:12px;
  font-weight:700;
  color:#20252b;
}
.yahoo-inquiry-summary-grid{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:8px 10px;
}
.yahoo-inquiry-summary-item{
  display:flex;
  flex-direction:column;
  gap:3px;
  min-width:0;
  font-size:11px;
  color:#737b84;
}
.yahoo-inquiry-summary-item strong{
  color:#20252b;
  font-size:13px;
  font-weight:700;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
}

/* 左栏加宽；四个状态按钮固定单行。 */
.yahoo-workbench{grid-template-columns:360px minmax(440px,1fr) 330px}
.yahoo-workbench.info-collapsed{grid-template-columns:360px minmax(440px,1fr) 0}
.yahoo-status-tabs{grid-template-columns:repeat(4,minmax(0,1fr))}
.yahoo-status-tabs button{padding:7px 4px;font-size:12px;white-space:nowrap}
@media(max-width:1200px){
  .yahoo-workbench{grid-template-columns:340px minmax(420px,1fr) 300px}
  .yahoo-workbench.info-collapsed{grid-template-columns:340px minmax(420px,1fr) 0}
}
@media(max-width:900px){
  .yahoo-workbench{grid-template-columns:320px minmax(0,1fr)}
  .yahoo-workbench.info-collapsed{grid-template-columns:320px minmax(0,1fr)}
}

/* 结案/重开等系统操作记录：居中胶囊，对齐 LINE 系统提示风格。 */
.yahoo-message-system{
  align-self:center;
  max-width:100%;
  margin:4px 0;
  text-align:center;
}
/* 会话列表下拉翻页状态条：加载中给出旋转与呼吸动效，避免慢请求时像卡死。 */
.yahoo-list-more{
  display:flex;
  flex:0 0 auto;
  align-items:center;
  justify-content:center;
  gap:8px;
  padding:12px 8px;
  color:#6c757d;
  font-size:12px;
}
.yahoo-list-more.is-idle{display:none}
.yahoo-list-more.is-error{color:#b42318}
.yahoo-list-more .yahoo-inline-spinner{display:inline-block}
.yahoo-list-more.is-loading span:last-child{
  animation:yahoo-list-more-pulse 1.2s ease-in-out infinite;
}
.yahoo-list-more-retry{
  padding:2px 10px;
  border:1px solid #d8dde3;
  border-radius:6px;
  background:#fff;
  color:#111827;
  font-size:12px;
}
@keyframes yahoo-list-more-pulse{
  0%,100%{opacity:.45}
  50%{opacity:1}
}
.yahoo-message-system-pill{
  display:inline-flex;
  align-items:center;
  gap:8px;
  max-width:100%;
  padding:4px 12px;
  border-radius:999px;
  background:rgba(255,255,255,.86);
  border:1px solid #e1e5ea;
  color:#555;
  font-size:12px;
  line-height:1.4;
}
.yahoo-message-system-text{
  overflow-wrap:anywhere;
}
.yahoo-message-system-time{
  color:#888;
  white-space:nowrap;
  font-size:11px;
}

/* 异步发送：已入队但后台尚未发出的气泡，及其状态角标。 */
.yahoo-message.is-pending{
  opacity:.85;
  border-style:dashed;
}
.yahoo-send-status{
  display:flex;
  align-items:center;
  gap:8px;
  margin-top:6px;
  font-size:11px;
}
.yahoo-send-status-pending{
  color:#5d6570;
}
.yahoo-send-status-danger{
  color:#b3261e;
  font-weight:600;
}
.yahoo-send-error{
  margin-top:4px;
  font-size:11px;
  line-height:1.5;
  color:#b3261e;
  word-break:break-all;
}