/* Shared compact message layout and accessible, authenticated image controls. */
.chat-sender{font-size:11px;line-height:1.3;color:#b5bdb9;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.chat-screen .chat-content{width:max-content;max-width:min(70%,320px);gap:5px}
.chat-screen .chat-msg .bubble{padding:9px 12px;font-size:14px;line-height:1.65;width:fit-content;max-width:100%}
.chat-screen .chat-content:has(>.chat-order-card){width:min(78%,340px);max-width:78%}
.chat-screen .chat-content:has(>.chat-picture){width:min(64%,220px);max-width:64%}
.chat-media-button{flex:none!important;width:40px!important;height:44px!important;min-height:44px;border:1px solid #ffffff25!important;background:#303030!important;border-radius:13px!important;color:#bdebd7!important;display:grid!important;place-items:center!important;padding:8px!important;cursor:pointer}
.chat-media-button svg{width:21px;height:21px;fill:none;stroke:currentColor;stroke-width:1.7}
.chat-picture{position:relative;display:flex;flex-direction:column;gap:5px;align-items:center;justify-content:center;overflow:hidden;width:fit-content;max-width:100%;min-width:108px;min-height:72px;padding:5px;border:1px solid #ffffff22;border-radius:13px;background:#ffffff08;color:#c8d5ce;cursor:zoom-in}
.chat-picture img{display:block;width:auto;max-width:100%;max-height:220px;object-fit:contain;border-radius:9px;min-height:0}
.chat-picture:not(.is-loaded) img{display:none}.chat-picture span{font-size:10px;padding:2px 5px}.chat-picture.is-loaded span{color:#a6b9ae}.chat-picture.is-error{cursor:pointer;color:#f1a9ad}
.chat-image-viewer{position:fixed;inset:0;z-index:20050;background:#111e;display:flex;align-items:center;justify-content:center;padding:65px 16px 30px;backdrop-filter:blur(10px)}
.chat-image-viewer>img{max-width:100%;max-height:85dvh;object-fit:contain}.chat-view-close{position:absolute;right:20px;top:calc(18px + env(safe-area-inset-top));width:42px;height:42px;border-radius:50%;border:1px solid #fff4;background:#333;color:#fff;font-size:28px}
.chat-upload-confirm{position:fixed;inset:0;z-index:20040;background:#000a;display:grid;place-items:center;padding:20px;color:#f2f2f2;backdrop-filter:blur(7px)}
.chat-upload-confirm>section{width:min(100%,400px);border-radius:22px;background:#292b2a;border:1px solid #fff2;padding:20px;box-shadow:0 20px 70px #0007}.chat-upload-confirm h3{font-size:17px;margin:0 0 14px}.chat-upload-confirm img{display:block;max-width:100%;max-height:48dvh;margin:0 auto;border-radius:12px;object-fit:contain}.chat-upload-name{font-size:12px;color:#aebdb5;overflow-wrap:anywhere;margin:12px 0}.chat-upload-error{font-size:12px;line-height:1.6;color:#ffa1aa;margin:8px 0}.chat-upload-confirm section>div{display:flex;gap:10px;margin-top:16px}.chat-upload-confirm button{flex:1;min-height:44px;border-radius:999px;border:1px solid #fff3;background:#373a38;color:#eee;font:inherit}.chat-upload-confirm [data-send]{background:#1bd896;color:#082c20;border-color:#54e5b3;font-weight:650}.chat-upload-confirm button:disabled{opacity:.5}
.support-message{display:flex;align-items:flex-start;gap:8px;min-width:0;margin:10px 0}.support-message.mine{flex-direction:row-reverse}.support-avatar{width:30px;height:30px;flex:none;display:grid;place-items:center;border-radius:10px;background:#39443d;border:1px solid #ffffff1c;color:#cce9da;font-size:12px}.support-avatar img{width:26px;height:26px;object-fit:contain}
.support-content{display:flex;flex-direction:column;align-items:flex-start;gap:5px;max-width:min(72%,340px);min-width:0;width:fit-content}.support-message.mine .support-content{align-items:flex-end}.support-text{padding:9px 12px;border-radius:3px 14px 14px;background:#343836;border:1px solid #ffffff1c;color:#eee;font-size:14px;line-height:1.65;white-space:pre-wrap;overflow-wrap:anywhere;width:fit-content;max-width:100%;cursor:pointer}.support-message.mine .support-text{background:#285b46;border-color:#6dd5a440;border-radius:14px 3px 14px 14px;color:#effff5}.support-content time{font-size:10px;color:#a8b5ad}.support-content .chat-order-card{width:100%}.support-system{text-align:center;font-size:11px;color:#9da9a2;line-height:1.8;padding:14px 20px}.support-quote{font-size:11px;color:#b3c0b8;border-left:2px solid #83998c;padding:3px 8px;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.support-image-actions{display:flex;gap:12px;font-size:11px;color:#b4c9bd}.support-image-actions button{padding:3px}
@media(max-width:360px){.chat-screen .chat-content{max-width:72%}.chat-compose{gap:6px!important}.chat-media-button{width:36px!important}.chat-screen .chat-compose textarea{padding-inline:10px}}