.conversation-modal > .card,.conversation-modal > .admin-detail-card{width:min(1000px,calc(100vw - 32px));max-width:1000px;max-height:94dvh;overflow:auto}
.order-conversation{display:grid;grid-template-columns:minmax(0,1fr) 245px;gap:20px;min-width:0;color:#203a49}
.order-conversation aside{grid-column:2;grid-row:1;padding:16px;background:#f3f8fa;border-radius:14px;overflow-wrap:anywhere}
.order-conversation aside strong{display:block;font-size:17px;line-height:1.6}
.order-conversation dl{margin:14px 0;display:grid;gap:5px}
.order-conversation dt,.order-conversation aside small{color:#617586;font-size:12px;line-height:1.7}
.order-conversation dd{margin:0 0 8px;font-size:14px}
.conversation-main{grid-row:1;min-width:0;display:flex;flex-direction:column}
.conversation-timeline{height:330px;overflow-y:auto;overscroll-behavior:contain;padding:10px 12px;background:#f8fbfc;border:1px solid #e4edf0;border-radius:14px;scrollbar-gutter:stable}
.conversation-message{display:flex;flex-direction:column;align-items:flex-start;margin:4px 0 18px}
.conversation-message>small{font-size:11px;color:#64778a;margin-bottom:6px}
.conversation-message>div{background:#fff;border:1px solid #dfe9ed;border-radius:4px 14px 14px;padding:10px 13px;max-width:88%;overflow-wrap:anywhere}
.conversation-message.mine{align-items:flex-end}
.conversation-message.mine>div{background:#e2f4ef;border-color:#c6e6dc;border-radius:14px 4px 14px 14px}
.conversation-message p{white-space:pre-wrap;line-height:1.7;font-size:14px;margin:0}
.conversation-image{padding:0!important;display:block;border:0;background:transparent;cursor:zoom-in}
.conversation-image{max-width:100%}
.conversation-image img{width:220px;height:170px;max-width:100%;display:block;border-radius:8px;object-fit:contain}
.conversation-input-label{display:block;margin:12px 0 8px;font-size:13px}
.conversation-input-label textarea{display:block;box-sizing:border-box;width:100%;min-height:76px;resize:vertical;margin-top:6px;border:1px solid #d6e5e9;border-radius:10px;padding:10px;font:inherit}
.conversation-compose{display:flex;align-items:center;gap:8px;flex-wrap:wrap;font-size:12px}
.conversation-compose button,.conversation-upload{min-height:44px;box-sizing:border-box}
.conversation-compose [data-send-message]{margin-left:auto}
.conversation-upload{position:relative;display:inline-flex;align-items:center;overflow:hidden;padding:8px 12px;border:1px solid #b4cdd6;border-radius:9px;cursor:pointer;color:#246879;background:#f3fafb}
.conversation-upload input{position:absolute;inset:0;opacity:0;cursor:pointer;width:100%;height:100%}
.conversation-upload:focus-within{outline:3px solid #9acac3;outline-offset:2px}
.conversation-feedback,.conversation-empty{font-size:12px;color:#617586;line-height:1.6}
.conversation-legacy{font-size:12px;margin:12px 0}
.conversation-legacy p{white-space:pre-wrap;overflow-wrap:anywhere;line-height:1.7}
.conversation-thread{display:flex;width:100%;justify-content:space-between;gap:16px;text-align:left;padding:14px;border:1px solid #dfebee;border-radius:12px;background:#fff;margin:10px 0;color:inherit;cursor:pointer}
.conversation-thread>span{min-width:0;display:flex;flex-direction:column;gap:6px;overflow-wrap:anywhere}
.conversation-thread small{font-size:12px;color:#64778a}
.conversation-thread b{font-size:12px;color:#ba4b29}
.conversation-thread:hover{border-color:#6fafa0;background:#f6fcfa}
.conversation-lightbox{border:0;border-radius:14px;max-width:94vw;max-height:94dvh;padding:14px;background:#132d3b}
.conversation-lightbox::backdrop{background:#102430d9}
.conversation-lightbox img{display:block;max-width:88vw;max-height:80dvh;object-fit:contain}
.conversation-lightbox button{display:block;margin:0 0 12px auto;color:#fff;background:transparent;border:1px solid #9cb3bf;border-radius:8px;padding:8px 16px;cursor:pointer}
@media(max-width:650px){.conversation-modal>.card,.conversation-modal>.admin-detail-card{width:calc(100vw - 16px);padding:14px!important;max-height:96dvh}.order-conversation{display:flex;flex-direction:column;gap:12px}.order-conversation aside{padding:12px}.order-conversation aside dl{display:grid;grid-template-columns:70px 1fr;margin:8px 0;gap:4px}.order-conversation dd{margin:0}.order-conversation aside small{display:none}.conversation-timeline{height:35dvh;min-height:180px}.conversation-image img{width:180px;height:140px;max-width:100%}.conversation-thread{padding:12px;gap:10px}.conversation-thread>span:last-child{max-width:100px}.conversation-input-label textarea{min-height:62px}}