/* Shared customer / agent conversation, deliberately separate from order actions. */
dialog.conversation-dialog { width:min(650px,calc(100vw - 28px)); max-width:650px; max-height:calc(100dvh - 32px); padding:0; border:0; border-radius:14px; background:#eee; color:#263238; box-shadow:0 24px 80px #0005; }
.conversation-dialog::backdrop { background:#0007; backdrop-filter:blur(3px); }
.conversation-dialog > article { display:flex; flex-direction:column; width:100%; min-width:0; box-sizing:border-box; max-height:calc(100dvh - 32px); overflow:hidden; padding:0; background:#eee; }
.conversation-dialog > article > header { display:flex; align-items:center; justify-content:space-between; padding:14px 18px; background:#292b2e; color:white; border:0; }
.conversation-dialog > article > header h2 { color:#fff; margin:2px 0; font-size:16px; }
.conversation-dialog > article > header small,.conversation-dialog > article > header p { color:#bac4cb; font-size:11px; margin:2px 0; }
.conversation-dialog > article > header button { background:#ffffff18; color:#fff; border:0; border-radius:50%; width:32px; height:32px; font-size:22px; }
.conversation-dialog :is(.support-detail-body,.support-ticket-detail-layout) { display:flex; flex-direction:column; gap:0; padding:0; min-height:0; overflow:auto; }
.conversation-dialog :is(.support-detail-body,.support-ticket-detail-layout) > aside { display:flex; flex-wrap:wrap; gap:5px 12px; padding:9px 16px; background:#f7f8fa; font-size:11px; border:0; border-bottom:1px solid #ddd; border-radius:0; }
.conversation-dialog :is(.support-detail-body,.support-ticket-detail-layout) > section { min-height:0; display:flex; flex-direction:column; gap:0; }
.conversation-dialog .conversation-messages { height:370px; min-height:150px; max-height:46dvh; overflow:auto; padding:12px 14px; background:#ededed; border:0; border-radius:0; }
.conversation-message { margin:0 0 15px; }
.conversation-message time { display:table; margin:0 auto 10px; padding:3px 9px; border-radius:4px; background:#ddd; color:#87949e; font-size:10px; }
.conversation-line { display:flex; align-items:flex-start; gap:10px; }
.conversation-avatar { flex:0 0 36px; height:36px; display:grid; place-items:center; border-radius:6px; color:#fff; background:#8bd0e5; font-weight:700; box-shadow:0 2px 5px #0001; }
.conversation-line > div { max-width:calc(100% - 58px); }
.conversation-line small { display:block; margin-bottom:4px; color:#82909a; font-size:11px; }
.conversation-line p { position:relative; margin:0; padding:12px 14px; border-radius:6px; background:white; color:#202428; font:13px/1.65 Arial,"Microsoft YaHei",sans-serif; white-space:pre-wrap; overflow-wrap:anywhere; box-shadow:0 1px 2px #0001; }
.conversation-line p::before { content:""; position:absolute; left:-6px; top:12px; border-top:6px solid transparent; border-bottom:6px solid transparent; border-right:6px solid #fff; }
.conversation-message.mine .conversation-line { flex-direction:row-reverse; }
.conversation-message.mine .conversation-avatar { background:#00ba61; }
.conversation-message.mine small { text-align:right; }
.conversation-message.mine p { background:#95ec69; }
.conversation-message.mine p::before { left:auto; right:-6px; border-right:0; border-left:6px solid #95ec69; }
.conversation-system { text-align:center; margin:12px; color:#83909a; font-size:11px; }
.conversation-dialog form { padding:10px 14px; border-top:1px solid #ddd; background:#f5f5f5; }
.conversation-toolbar { display:flex; align-items:center; justify-content:space-between; gap:8px; padding:0 0 8px; font-size:11px; color:#87949e; }
.conversation-toolbar select { width:190px; max-width:50%; height:30px; border:1px solid #d8dbdf; border-radius:5px; background:white; }
.conversation-image-button { border:1px solid #d8dbdf; border-radius:5px; background:#fff; color:#44515a; padding:4px 10px; }
.conversation-image-pending { display:flex; flex-wrap:wrap; gap:8px; margin:0 0 8px; }
.conversation-image-pending:empty { display:none; }
.conversation-image-pending span { position:relative; }
.conversation-image-pending img { width:52px; height:52px; object-fit:cover; border-radius:6px; display:block; }
.conversation-image-pending button { position:absolute; right:2px; top:2px; border:0; border-radius:4px; background:#000a; color:#fff; font-size:10px; padding:1px 4px; }
.conversation-image-pending small { flex-basis:100%; color:#b95023; }
.conversation-images { display:flex; flex-wrap:wrap; gap:6px; margin-top:6px; }
.conversation-images img { max-width:220px; max-height:220px; border-radius:6px; display:block; background:#fff; }
.conversation-dialog form textarea { box-sizing:border-box; width:100%; height:80px; min-height:65px; resize:vertical; background:white; border:0; border-radius:6px; padding:12px; font:13px/1.5 Arial,"Microsoft YaHei",sans-serif; }
.conversation-dialog form > :is(div:not(.conversation-toolbar),footer) { display:flex; justify-content:flex-end; align-items:center; flex-wrap:wrap; gap:8px; margin-top:8px; }
.conversation-dialog form button[type=submit] { border:0; border-radius:5px; padding:7px 18px; background:#08b969!important; color:#fff; }
.conversation-older { display:block; margin:0 auto 12px; border:0; background:transparent; color:#6085a2; font-size:12px; cursor:pointer; }
.support-open svg,.customer-ticket-open svg { width:14px; height:14px; vertical-align:middle; margin-right:4px; }
.conversation-dialog form button:disabled { opacity:.45; }
.conversation-hint { display:block; color:#969da3; font-size:11px; margin-top:6px; }
.support-open,[data-customer-ticket-id] { background:#e0f9ec!important; color:#00a774!important; border:1px solid #9beac5!important; border-radius:14px!important; }
.od-dispatch { flex-wrap:wrap; gap:8px; }
.od-dispatch :is([data-od-inbound],[data-od-outbound]) { background:#05b2d2; color:#fff; border:1px solid #00accc; border-radius:10px; padding:8px 16px; }
.od-dispatch [data-od-prepare] { margin-left:auto; }
.order-local-inventory-dialog { width:min(480px,calc(100vw - 28px)); box-sizing:border-box; max-height:calc(100dvh - 32px); overflow:auto; border:1px solid #dce5f1; border-radius:16px; padding:20px; background:#fff; color:#263449; box-shadow:0 24px 80px #0003; }
.order-local-inventory-dialog::backdrop { background:#16213b66; }
.order-local-inventory-dialog header,.order-local-inventory-dialog footer,.order-local-inventory-dialog nav { display:flex; align-items:center; justify-content:space-between; gap:10px; }
.order-local-inventory-dialog h2 { font-size:18px; margin:0; }
.order-local-inventory-dialog p { font-size:12px; line-height:1.7; }
.order-local-inventory-dialog label { display:grid; gap:6px; margin:12px 0; font-size:12px; }
.order-local-inventory-dialog :is(input,select,textarea) { box-sizing:border-box; width:100%; padding:9px; border:1px solid #d9e2ef; border-radius:7px; background:#fafcff; font:inherit; }
.order-local-inventory-dialog button { padding:8px 13px; border:1px solid #d9e2ef; border-radius:7px; background:white; cursor:pointer; }
.order-local-inventory-dialog button[type=submit] { background:#05adcb; border-color:#05adcb; color:white; }
.order-local-inventory-dialog button:disabled { opacity:.45; cursor:default; }
.order-local-inventory-dialog [hidden] { display:none; }
.local-inventory-notice { padding:10px; background:#edfafd; border-radius:8px; color:#397283; }
[data-local-message] { color:#b95023; }
@media (max-width:600px) { .conversation-dialog .conversation-messages { height:300px; } .conversation-dialog > article > header p { max-width:70vw; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; } }