.consult-header{min-height:84px}.consult-header nav{display:flex;gap:22px;align-items:center;font-size:12px;color:#7a866b}.consult-header nav a{max-width:150px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.consult-header nav button{background:none;border:0;font-size:11px;color:#9ba58d;padding:3px}.consult-main{padding-top:34px;padding-bottom:20px}.consult-heading{display:flex;justify-content:space-between;align-items:end;margin-bottom:20px;gap:20px}.consult-heading h1{font-size:29px;margin:7px 0 0;font-weight:650}.consult-heading h1 span{color:var(--orange);margin-left:4px}.consult-heading>p{font-size:11px;color:#95a085;margin-bottom:7px}.consult-status{font-size:12px;line-height:1.8;color:#82916d;padding:10px 14px;background:#ecefe4;border-radius:5px;margin:0 0 14px}.consult-status.error{color:#aa6042;background:#f5e8dd}.consult-workspace{display:grid;grid-template-columns:280px minmax(0,1fr);min-height:550px;height:min(700px,calc(100dvh - 245px));border:1px solid #dce2d2;border-radius:9px;overflow:hidden;background:#fffefa}.thread-sidebar{border-right:1px solid #e1e6d8;display:flex;flex-direction:column;min-height:0;background:#f2f4eb}.sidebar-heading{display:flex;gap:12px;align-items:center;justify-content:space-between;padding:19px 17px;border-bottom:1px solid #dfe5d4}.sidebar-heading h2{font-size:13px;margin:0;font-weight:600;display:flex;gap:7px;align-items:center}.sidebar-heading button{padding:5px 7px;border:1px solid #d8e1cc;background:#fcfdf8;border-radius:4px;font-size:10px;color:#82936c;white-space:nowrap}#unread-total,.thread-unread{font-size:9px;border-radius:20px;background:var(--orange);color:#fff;padding:1px 6px;min-width:17px;text-align:center;flex-shrink:0}.thread-list{overflow:auto;flex:1;padding:7px}.thread-placeholder{font-size:11px;line-height:1.8;text-align:center;color:#9aa58a;margin:30px 10px}.thread-item{display:block;width:100%;background:none;border:1px solid transparent;border-radius:5px;padding:14px 11px;margin-bottom:5px;text-align:left}.thread-item:hover{background:#e9eddf}.thread-item.active{background:#fffefa;border-color:#dce4cf;box-shadow:0 2px 6px #38511805}.thread-item-top{display:flex;align-items:center;gap:7px}.thread-item-title{font-size:12px;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;flex:1;color:#60704d}.thread-item-preview{display:block;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;font-size:10px;color:#9da68f;margin-top:6px}.thread-item-time{display:block;font-size:9px;color:#b0b7a2;margin-top:7px}.conversation-panel{min-height:0;min-width:0;display:flex;flex-direction:column}.conversation-empty{height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;padding:30px;text-align:center;color:#9aa78a}.conversation-empty>span{font-size:30px;background:#edf1e4;border-radius:50%;width:64px;height:64px;display:grid;place-items:center;color:#8ca276}.conversation-empty h2{font-size:20px;font-weight:600;color:#748561;margin:12px 0 0}.conversation-empty p{font-size:12px;line-height:1.9;margin:0 0 15px}.conversation-empty .primary-button{font-size:12px;min-height:42px}.conversation-active{display:flex;flex-direction:column;height:100%;min-height:0}.conversation-heading{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:17px 24px;border-bottom:1px solid #e7ebdf}.conversation-heading h2{font-size:15px;margin:0;font-weight:600;overflow-wrap:anywhere}.conversation-heading p{font-size:10px;color:#a4ad97;margin:3px 0 0}.conversation-heading>button{font-size:10px;border:0;background:none;padding:4px;color:#8b9b76}.conversation-product{display:flex;align-items:center;gap:13px;background:#f3f5ed;padding:12px 24px;border-bottom:1px solid #e5ebdb}.conversation-product img{width:64px;height:57px;object-fit:contain;background:#e7ecd9;border-radius:4px;flex-shrink:0}.conversation-product-info{min-width:0;flex:1}.conversation-product-info strong{display:block;font-size:12px;color:#6c7c59;font-weight:550;overflow-wrap:anywhere}.conversation-product-info small{display:block;font-size:9px;color:#9aa889;margin-top:2px}.conversation-product-price{font-size:15px;color:var(--orange);white-space:nowrap}.conversation-product-price small{display:block;text-align:right;font-size:8px;color:#95a482;margin-top:1px}.message-list{flex:1;min-height:140px;overflow:auto;padding:23px 24px;scroll-behavior:auto;overscroll-behavior:contain}.messages-empty{font-size:11px;color:#a1ad91;text-align:center;line-height:1.9;padding:50px 15px}.message-row{display:flex;flex-direction:column;align-items:flex-start;margin:0 0 20px}.message-row.customer{align-items:flex-end}.message-meta{font-size:9px;color:#a3ad96;margin-bottom:5px}.message-bubble{white-space:pre-wrap;overflow-wrap:anywhere;word-break:break-word;max-width:88%;padding:11px 14px;background:#f0f3e8;color:#526544;border-radius:1px 9px 9px 9px;font-size:13px;line-height:1.8}.customer .message-bubble{background:#e4ebd5;border-radius:9px 1px 9px 9px;color:#4e643c}.message-form{padding:15px 24px 13px;border-top:1px solid #e7ebde;background:#fffefa}.message-form textarea{display:block;resize:vertical;max-height:170px;min-height:72px;width:100%;border:1px solid #dde5d1;border-radius:5px;background:#fbfcf7;color:#465739;padding:11px 13px;font-family:inherit;font-size:12px;line-height:1.7}.message-form textarea::placeholder{color:#adb79f}.message-form textarea:disabled{opacity:.6}.composer-bottom{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-top:10px}.composer-bottom>span{font-size:9px;color:#aab59a}.composer-bottom .primary-button{min-height:36px;font-size:11px;padding:0 17px}.send-status{font-size:11px;color:#ac6245;margin:8px 0 0}.consult-footnote{text-align:center;font-size:10px;color:#a5af98;margin:17px 0 0}
@media(max-width:1000px){.consult-workspace{grid-template-columns:235px minmax(0,1fr)}.message-list{padding:20px}.message-form{padding:14px 20px}.conversation-product{padding:12px 20px}.conversation-heading{padding:16px 20px}}
@media(max-width:680px){.consult-header{min-height:74px;padding-top:15px;padding-bottom:15px;gap:15px;flex-wrap:wrap}.consult-header nav{gap:14px;font-size:10px}.consult-header nav a{max-width:110px}.consult-header nav button{font-size:9px}.consult-main{padding-top:24px}.consult-heading{gap:9px;align-items:flex-start;flex-direction:column;margin-bottom:15px}.consult-heading h1{font-size:25px;margin-top:5px}.consult-heading>p{font-size:10px;margin:0}.consult-workspace{grid-template-columns:1fr;height:auto;min-height:650px;overflow:visible}.thread-sidebar{border-right:0;border-bottom:1px solid #dee5d3;border-radius:8px 8px 0 0;max-height:195px}.sidebar-heading{padding:12px 14px}.sidebar-heading h2{font-size:12px}.thread-list{display:flex;gap:6px;padding:8px;overflow-x:auto;overflow-y:hidden;min-height:70px}.thread-item{width:185px;flex-shrink:0;margin:0;padding:11px 9px}.thread-item-preview{font-size:9px}.thread-item-time{margin-top:4px;font-size:8px}.thread-placeholder{text-align:left;font-size:10px;margin:15px}.conversation-panel{height:max(540px,calc(100dvh - 300px))}.conversation-heading{padding:14px 15px}.conversation-heading h2{font-size:13px}.conversation-heading p{font-size:9px}.conversation-product{padding:10px 15px;gap:10px}.conversation-product img{width:49px;height:47px}.conversation-product-info strong{font-size:11px}.conversation-product-info small{font-size:8px}.conversation-product-price{font-size:13px}.message-list{padding:18px 15px}.message-bubble{font-size:12px;max-width:92%;padding:9px 12px}.message-meta{font-size:8px}.message-form{padding:12px 14px}.message-form textarea{font-size:12px}.composer-bottom>span{font-size:8px}.consult-footnote{font-size:9px;text-align:left;line-height:1.9}.consult-status{font-size:11px;padding:9px 11px}}
