.chat-workspace{display:grid;grid-template-columns:minmax(285px,340px) minmax(0,1fr);height:min(720px,calc(100vh - 195px));min-height:570px;overflow:hidden;background:#fff}
.chat-directory-view{display:flex;height:min(720px,calc(100vh - 195px));min-height:460px;max-height:720px;overflow:hidden;flex-direction:column;background:#fff}
.chat-directory-head{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:20px 22px 16px;border-bottom:1px solid var(--line);background:#fff}
.chat-directory-head h2{margin:3px 0 0;color:var(--ink);font:700 22px var(--serif)}
.chat-directory-search{padding:13px 16px;background:#fff;border-bottom:1px solid #ededf4}
.chat-directory-search input{width:100%;border:1px solid #dedfee;border-radius:5px;background:#f8f8fc;color:var(--text);padding:10px 12px;outline:none;font-size:13px}
.chat-directory-search input:focus{border-color:var(--violet);box-shadow:0 0 0 3px #ece9ff;background:#fff}
.chat-directory-toolbar{display:grid;grid-template-columns:minmax(0,1fr) minmax(210px,260px);align-items:center;gap:12px;padding:13px 16px;border-bottom:1px solid #ededf4;background:#fff}
.chat-directory-toolbar .chat-directory-search{padding:0;border:0}
.admin-chat-service-filter{display:flex;align-items:center;gap:9px;min-width:0;color:var(--muted);font-size:12px;font-weight:700}
.admin-chat-service-filter select{min-width:0;height:40px;flex:1;border:1px solid #dedfee;border-radius:5px;background:#f8f8fc;color:var(--text);padding:0 32px 0 11px;outline:none;font-size:13px}
.admin-chat-service-filter select:focus{border-color:var(--violet);box-shadow:0 0 0 3px #ece9ff;background:#fff}
.chat-directory-list{min-height:0;overflow-y:auto;overscroll-behavior:contain;scrollbar-gutter:stable;background:#fbfbfe}
.chat-directory-list::-webkit-scrollbar{width:9px}
.chat-directory-list::-webkit-scrollbar-track{background:#f4f5f9}
.chat-directory-list::-webkit-scrollbar-thumb{border:2px solid #f4f5f9;border-radius:8px;background:#c7cada}
.chat-directory-list::-webkit-scrollbar-thumb:hover{background:#aeb3c8}
.chat-directory-list .chat-inbox-card{align-items:center;min-height:82px;padding:15px 20px;background:#fff}
.chat-directory-list .chat-inbox-card:hover{background:#f7f6ff}
.chat-directory-list .chat-card-line strong{font-size:15px}
.chat-directory-list .chat-card-subtitle{margin-top:3px;font-size:12px}
.chat-directory-list .chat-card-preview{font-size:13px}
.chat-single-view{display:flex;height:min(900px,calc(100vh - 102px));min-height:620px;overflow:hidden;flex-direction:column;background:#fff}
.chat-single-toolbar{display:flex;align-items:center;flex:0 0 auto;min-height:48px;padding:7px 13px;border-bottom:1px solid var(--line);background:#fbfbfe}
.chat-back-button{display:inline-flex;align-items:center;gap:7px;border:0;border-radius:4px;background:transparent;color:var(--navy);padding:8px 10px;font-size:12px;font-weight:700;cursor:pointer}
.chat-back-button:hover{background:#eceaff;color:var(--violet)}
.chat-back-button svg{width:17px;height:17px}
.chat-single-view>.chat-main-panel{flex:1}
.chat-sidebar-panel{display:flex;min-width:0;flex-direction:column;background:#fbfbfe;border-right:1px solid var(--line)}
.chat-sidebar-head{display:flex;align-items:center;justify-content:space-between;padding:19px 18px 13px;background:#fff;border-bottom:1px solid var(--line)}
.chat-sidebar-head h2{font:700 21px var(--serif);color:var(--ink);margin:3px 0 0}
.chat-count{min-width:42px;height:30px;display:flex;align-items:center;justify-content:center;gap:3px;border-radius:15px;background:var(--lavender);color:var(--violet);font-size:12px;font-weight:700}
.chat-count strong{font-size:13px}
.chat-count small{color:#8b82c8;font-size:10px;font-weight:700}
.chat-search{padding:12px 13px 8px;background:#fff}
.chat-search input{width:100%;border:1px solid #dedfee;border-radius:5px;background:#f8f8fc;color:var(--text);padding:9px 11px;outline:none;font-size:13px}
.chat-search input:focus{border-color:var(--violet);box-shadow:0 0 0 3px #ece9ff;background:#fff}
.chat-filters{display:flex;gap:5px;padding:0 13px 11px;overflow:auto;scrollbar-width:none;background:#fff}
.chat-filters::-webkit-scrollbar{display:none}
.chat-filter{border:1px solid transparent;border-radius:4px;background:transparent;color:var(--muted);padding:6px 9px;white-space:nowrap;font-size:12px;font-weight:700}
.chat-filter:hover{color:var(--navy);background:var(--lavender)}
.chat-filter.active{background:var(--navy);color:#fff}
.chat-filter span{margin-left:3px;opacity:.7}
.chat-list{flex:1;min-height:0;overflow-y:auto}
.chat-list-empty{padding:36px 20px;text-align:center;color:var(--muted);font-size:13px}
.chat-inbox-card{position:relative;display:flex;align-items:flex-start;gap:11px;width:100%;padding:14px 15px;border:0;border-bottom:1px solid #ededf4;border-radius:0;background:transparent;color:inherit;text-align:left;cursor:pointer;transition:background .15s ease}
.chat-inbox-card:hover{background:#f5f4ff}
.chat-inbox-card.active{background:#eeecff;box-shadow:inset 3px 0 0 var(--violet)}
.chat-avatar{flex:0 0 40px;width:40px;height:40px;display:grid;place-items:center;border-radius:50%;background:#dedaff;color:var(--navy);font:700 17px var(--serif)}
.chat-avatar.large{flex-basis:38px;width:38px;height:38px;background:var(--navy);color:#fff;font-size:15px}
.chat-card-body{display:block;min-width:0;flex:1}
.chat-card-line{display:flex;align-items:baseline;justify-content:space-between;gap:8px}
.chat-card-line strong{min-width:0;overflow:hidden;color:var(--ink);font-size:14px;white-space:nowrap;text-overflow:ellipsis}
.chat-card-line time{flex:0 0 auto;color:#a1a5bd;font-size:10px}
.chat-card-subtitle,.chat-card-preview{display:block;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
.chat-card-subtitle{margin-top:2px;color:#626a87;font-size:11px}
.chat-card-preview{margin-top:5px;color:var(--muted);font-size:12px}
.chat-unread{flex:0 0 auto;min-width:18px;height:18px;padding:0 5px;display:grid;place-items:center;border-radius:10px;background:var(--red);color:#fff;font-size:10px;font-weight:700}
.chat-main-panel{display:flex;min-width:0;min-height:0;flex-direction:column;background:#fff}
.chat-main-head{display:flex;align-items:center;gap:10px;min-height:62px;padding:9px 15px;border-bottom:1px solid var(--line);background:#fff}
.chat-header-back{display:grid;place-items:center;flex:0 0 32px;width:32px;height:32px;border:0;border-radius:4px;background:transparent;color:var(--navy);cursor:pointer}
.chat-header-back:hover{background:#eeecff;color:var(--violet)}
.chat-header-back svg{width:18px;height:18px}
.chat-main-person{display:flex;align-items:center;gap:11px;min-width:0}
.chat-main-copy{min-width:0}
.chat-main-title{display:flex;align-items:center;gap:9px;min-width:0}
.chat-main-title .service-presence{margin:0;font-size:11px}
.chat-main-person h2{overflow:hidden;color:var(--ink);font:700 17px var(--serif);margin:0;white-space:nowrap;text-overflow:ellipsis}
.chat-main-person p{max-width:720px;overflow:hidden;color:var(--muted);font-size:11px;margin:3px 0 0;white-space:nowrap;text-overflow:ellipsis}
.chat-main-head>.badge{margin-left:auto}
.chat-context-strip{display:flex;align-items:center;gap:9px;padding:9px 21px;border-bottom:1px solid #f0f0f6;background:#fcfcff;color:var(--muted);font-size:11px}
.chat-context-strip strong{color:var(--navy);font-size:12px}
.chat-context-strip span{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
.chat-context-strip small{margin-left:auto;white-space:nowrap;color:#a1a5bd}
.chat-thread{display:flex;min-height:0;flex:1;flex-direction:column;gap:14px;overflow-y:auto;padding:22px 24px 25px;background:#f7f7fb;scroll-behavior:smooth}
.chat-message{display:flex;align-items:flex-start;gap:8px;max-width:80%}
.chat-message.mine{align-self:flex-end;flex-direction:row-reverse}
.chat-message-avatar{flex:0 0 29px;width:29px;height:29px;display:grid;place-items:center;border-radius:50%;background:#dedaff;color:var(--navy);font-size:12px;font-weight:700}
.chat-message.mine .chat-message-avatar{background:var(--navy);color:#fff}
.chat-bubble{min-width:0;padding:9px 12px;border:1px solid #e8e8f0;border-radius:3px 10px 10px 10px;background:#fff;color:#4f5877;box-shadow:0 2px 5px rgba(35,32,115,.025)}
.chat-message.mine .chat-bubble{border-color:#dcd7ff;border-radius:10px 3px 10px 10px;background:#e9e6ff;color:var(--navy)}
.chat-message-head{display:flex;align-items:center;justify-content:space-between;gap:12px}
.chat-message-head strong{color:var(--ink);font-size:11px}
.chat-message-head time{color:var(--muted);font-size:10px;white-space:nowrap}
.chat-bubble p{margin:5px 0 0;white-space:pre-wrap;word-break:break-word;line-height:1.65}
.chat-attachment-image{display:block;max-width:min(100%,460px);max-height:360px;margin-top:7px;border:1px solid rgba(25,39,131,.14);border-radius:5px;background:#f8f8fc;object-fit:contain}.chat-attachment-file{display:flex;align-items:center;justify-content:space-between;gap:12px;min-width:min(360px,100%);margin-top:7px;padding:9px 10px;border:1px solid rgba(25,39,131,.14);border-radius:5px;background:#f8f8fc}.chat-attachment-copy{min-width:0}.chat-attachment-copy strong,.chat-attachment-copy small{display:block}.chat-attachment-copy strong{overflow-wrap:anywhere;color:var(--navy);font-size:12px}.chat-attachment-copy small{margin-top:3px;overflow-wrap:anywhere;color:var(--muted);font-size:10px}.chat-attachment-actions{display:flex;align-items:center;gap:6px;flex:0 0 auto}.chat-attachment-download{display:inline-flex;align-items:center;gap:5px;flex:0 0 auto}.chat-attachment-download i{width:14px;height:14px}
.chat-message.system{align-self:center;max-width:90%}
.chat-system-note{padding:5px 10px;border-radius:4px;background:#ebeaf1;color:#888da5;font-size:11px;text-align:center}
.chat-system-note time{margin-left:7px;color:#a8abbb;font-size:10px}
.chat-empty-thread{display:grid;place-items:center;align-content:center;flex:1;min-height:180px;color:var(--muted);text-align:center}
.chat-empty-thread strong{color:var(--ink);font:700 17px var(--serif)}
.chat-empty-thread span{margin-top:4px;font-size:12px}
.chat-order-message{width:min(94%,820px);max-width:min(94%,820px);align-self:flex-start}.chat-order-message.mine{align-self:flex-end}.chat-order-message-body{min-width:0;flex:1}.chat-order-sender{display:flex;align-items:center;gap:8px;margin:0 0 6px 2px;color:var(--muted);font-size:10px}.chat-order-sender strong{color:var(--ink);font-size:11px}.chat-order-sender time{margin-left:auto;white-space:nowrap}.chat-order-message.mine .chat-order-sender{justify-content:flex-end;margin-right:2px}.chat-order-message.mine .chat-order-sender time{margin-left:0}
.chat-order-card{width:100%;overflow:hidden;border:1px solid #d8dbea;border-top:3px solid var(--navy);border-radius:6px;background:#fff;box-shadow:0 8px 22px rgba(24,34,94,.08)}
.chat-order-card-head{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:12px 15px;border-bottom:1px solid var(--line);background:#fbfbfe}
.chat-order-identity{min-width:0}.chat-order-identity>span,.chat-order-identity>strong{display:block}.chat-order-identity>span{color:var(--muted);font-size:10px}.chat-order-identity>strong{margin-top:2px;overflow:hidden;color:var(--navy);font-size:12px;white-space:nowrap;text-overflow:ellipsis}
.chat-order-item{display:grid;grid-template-columns:72px minmax(0,1fr) auto;align-items:center;gap:13px;padding:15px 16px;background:#fff}.chat-order-item-visual{width:72px;height:72px;display:grid;place-items:center;align-content:center;border:1px solid #dfe1ec;border-radius:5px;background:#f4f5fa;color:var(--navy)}.chat-order-item-visual span{font-size:10px}.chat-order-item-visual strong{margin-top:2px;font-size:17px}.chat-order-item-copy{min-width:0}.chat-order-item-copy>span{color:var(--violet);font-size:10px;font-weight:700}.chat-order-item-copy h3{margin:3px 0 4px;overflow-wrap:anywhere;color:var(--ink);font-size:16px;line-height:1.4}.chat-order-item-copy p,.chat-order-item-copy small{margin:0;color:var(--muted);font-size:10px}.chat-order-item-copy small{display:block;margin-top:7px}.chat-order-item-price{min-width:120px;text-align:right}.chat-order-item-price span,.chat-order-item-price strong,.chat-order-item-price small{display:block}.chat-order-item-price span,.chat-order-item-price small{color:var(--muted);font-size:10px}.chat-order-item-price strong{margin:4px 0;color:var(--navy);font-size:16px}
.chat-order-specs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0;margin:0 18px 16px;border:1px solid #e3e4ee;border-radius:4px;background:#fff}.chat-order-specs>div{min-width:0;padding:12px 13px}.chat-order-specs>div:nth-child(even){border-left:1px solid #e3e4ee}.chat-order-specs>div:nth-child(n+3){border-top:1px solid #e3e4ee}.chat-order-spec-wide{grid-column:1/-1}.chat-order-specs>div.chat-order-spec-wide{border-left:0}.chat-order-specs dt,.chat-order-specs dd{margin:0}.chat-order-specs dt{margin-bottom:5px;color:var(--navy);font-size:10px;font-weight:700}.chat-order-specs dd{overflow-wrap:anywhere;color:var(--text);font-size:12px;line-height:1.6;white-space:pre-wrap}
.chat-order-money{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border-top:1px solid var(--line);border-bottom:1px solid var(--line);background:#f6f7fb}.chat-order-money>div{display:grid;gap:4px;padding:13px 18px}.chat-order-money>div+div{border-left:1px solid var(--line)}.chat-order-money span{color:var(--muted);font-size:10px}.chat-order-money strong{overflow-wrap:anywhere;color:var(--navy);font-size:15px}
.chat-order-card>footer{display:flex;align-items:center;justify-content:space-between;gap:14px;min-height:60px;padding:10px 16px}.chat-order-footnote{max-width:270px;color:var(--muted);font-size:10px;line-height:1.5}.chat-order-actions{display:flex;align-items:center;justify-content:flex-end;gap:10px;min-width:0}.chat-order-pending{color:var(--muted);font-size:11px;line-height:1.5}
.chat-compose{padding:12px 19px 15px;border-top:1px solid var(--line);background:#fff}
.chat-compose-top{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:7px;color:var(--navy);font-size:12px;font-weight:700}
.chat-compose-top small{color:var(--muted);font-size:10px;font-weight:400}
.chat-compose-row{display:flex;align-items:flex-end;gap:9px}
.chat-compose textarea{min-height:48px;max-height:130px;flex:1;resize:vertical;border:1px solid #d9dbee;border-radius:5px;padding:10px 11px;background:#fbfbfe;color:var(--text);outline:none}
.chat-compose textarea:focus{border-color:var(--violet);box-shadow:0 0 0 3px #ece9ff;background:#fff}
.chat-send{min-width:64px;height:42px;padding:8px 13px}
.chat-upload-status{display:grid;grid-template-columns:minmax(0,1fr) minmax(150px,220px);align-items:center;gap:14px;min-height:48px;margin-top:9px;padding:8px 10px;border:1px solid #dfe1ec;border-radius:5px;background:#fbfbfe}.chat-upload-status-copy{display:flex;align-items:center;gap:8px;min-width:0}.chat-upload-status-copy>svg{flex:0 0 17px;width:17px;height:17px;color:var(--violet)}.chat-upload-status-copy span{min-width:0}.chat-upload-status-copy strong,.chat-upload-status-copy small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.chat-upload-status-copy strong{color:var(--ink);font-size:11px}.chat-upload-status-copy small{margin-top:2px;color:var(--muted);font-size:10px}.chat-upload-progress{position:relative;overflow:hidden;height:5px;border-radius:3px;background:#e5e5ef}.chat-upload-progress>span{display:block;width:0;height:100%;border-radius:inherit;background:var(--violet);transition:width .18s ease}.chat-upload-status.scanning .chat-upload-status-copy>svg{color:#0d7185}.chat-upload-progress.indeterminate>span{position:absolute;width:38%;animation:chat-upload-scan 1.15s ease-in-out infinite}.chat-upload-status.failed{grid-template-columns:minmax(0,1fr);border-color:#f1c9cb;background:#fff8f8}.chat-upload-status.failed .chat-upload-status-copy>svg{color:var(--red)}.chat-upload-status.failed .chat-upload-status-copy small{color:#ba484d}@keyframes chat-upload-scan{0%{left:-38%}100%{left:100%}}
.chat-readonly{margin:0;padding:13px 19px;border-top:1px solid var(--line);background:#f7f7fa;color:var(--muted);font-size:12px}
.chat-placeholder{display:grid;place-items:center;align-content:center;flex:1;min-height:420px;padding:30px;text-align:center;color:var(--muted)}
.chat-placeholder-mark{width:58px;height:58px;display:grid;place-items:center;border-radius:50%;background:var(--navy);color:#fff;font:700 27px var(--serif);margin-bottom:15px}
.chat-placeholder h2{color:var(--ink);font:700 22px var(--serif);margin:0}
.chat-placeholder p{margin:7px 0 0;font-size:13px}
.order-chat-links{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-top:18px;padding:14px 15px;background:#fbfaff;border:1px solid #e1ddff;border-radius:5px}
.order-chat-links strong,.order-chat-links small{display:block}.order-chat-links strong{color:var(--ink)}.order-chat-links small{margin-top:3px;color:var(--muted);font-size:12px}.chat-link-actions{display:flex;gap:8px;flex-wrap:wrap;justify-content:flex-end}
@media(max-width:1000px){.chat-workspace{grid-template-columns:minmax(250px,300px) minmax(0,1fr)}}
@media(max-width:720px){.chat-workspace{display:flex;height:auto;min-height:0;flex-direction:column}.chat-directory-view{height:calc(100dvh - 235px);min-height:420px;max-height:680px}.chat-directory-head{padding:17px 15px 13px}.chat-directory-search{padding:11px 12px}.chat-directory-toolbar{grid-template-columns:1fr;gap:9px;padding:11px 12px}.chat-directory-toolbar .chat-directory-search{padding:0}.admin-chat-service-filter{justify-content:space-between}.chat-directory-list .chat-inbox-card{min-height:78px;padding:13px 12px}.chat-single-view{height:calc(100dvh - 156px);min-height:570px}.chat-single-toolbar{min-height:44px;padding:5px 8px}.chat-sidebar-panel{flex:0 0 auto;max-height:350px;border-right:0;border-bottom:1px solid var(--line)}.chat-main-panel{min-height:0}.chat-main-head{padding:12px 13px}.chat-main-head>.badge{display:none}.chat-main-person p{max-width:64vw}.chat-context-strip{padding-inline:13px}.chat-context-strip small{display:none}.chat-thread{padding:18px 10px 22px}.chat-message{max-width:94%}.chat-order-message{width:100%;max-width:100%;gap:6px}.chat-order-message>.chat-message-avatar{flex-basis:25px;width:25px;height:25px;font-size:10px}.chat-order-sender{align-items:flex-start;flex-wrap:wrap}.chat-order-sender time{width:100%;margin-left:0}.chat-order-card-head{padding:11px}.chat-order-item{grid-template-columns:52px minmax(0,1fr);gap:10px;padding:12px 11px}.chat-order-item-visual{width:52px;height:52px}.chat-order-item-visual strong{font-size:14px}.chat-order-item-copy h3{font-size:14px}.chat-order-item-price{grid-column:2;min-width:0;text-align:left}.chat-order-item-price span{display:none}.chat-order-item-price strong,.chat-order-item-price small{display:inline}.chat-order-item-price small{margin-left:7px}.chat-order-specs{grid-template-columns:1fr;margin:0 11px 11px}.chat-order-specs>div,.chat-order-specs>div:nth-child(even),.chat-order-specs>div:nth-child(n+3){grid-column:auto;border-top:1px solid var(--line);border-left:0}.chat-order-specs>div:first-child{border-top:0}.chat-order-money{grid-template-columns:1fr}.chat-order-money>div+div{border-top:1px solid var(--line);border-left:0}.chat-order-card>footer{align-items:stretch;flex-direction:column;padding:11px}.chat-order-actions{align-items:stretch;flex-direction:column}.chat-order-card>footer .btn{width:100%}.chat-compose{padding-inline:11px}.chat-compose-top{align-items:flex-start;flex-direction:column;gap:2px}.chat-compose-row{align-items:stretch}.chat-compose textarea{min-height:52px}.order-chat-links{align-items:flex-start;flex-direction:column}.chat-link-actions{justify-content:flex-start}}
@media(max-width:720px){.chat-single-view{height:calc(100dvh - 130px);min-height:610px}.chat-main-head{min-height:56px;padding:7px 9px}.chat-header-back{flex-basis:30px;width:30px;height:30px}.chat-main-person{gap:8px}.chat-avatar.large{flex-basis:34px;width:34px;height:34px}.chat-main-person h2{font-size:16px}.chat-main-person p{max-width:58vw;font-size:10px}}
@media(max-width:720px){.chat-compose-row{align-items:stretch;flex-wrap:wrap}.chat-compose-row textarea{flex:1 0 100%;min-width:0}.chat-compose-row input[type="file"]{flex:1 1 180px;min-width:0;max-width:100%}.chat-compose-row .chat-send{flex:0 0 auto}.chat-upload-status{grid-template-columns:1fr;gap:7px}}
.session-loading{min-height:100dvh;display:grid;place-items:center;align-content:center;gap:14px;background:#f7f7fb;color:var(--navy);font-weight:700}.session-loading img{width:52px;height:52px;object-fit:contain}
.chat-attachment-file.unavailable{display:grid;gap:2px}.chat-attachment-file.unavailable small{color:var(--muted)}