.chat-panel,.chat-admin-panel{border:1px solid var(--line);background:#fff;padding:clamp(18px,3vw,32px)}
.chat-header{display:flex;align-items:center;gap:12px;border-bottom:1px solid var(--line);padding-bottom:16px;margin-bottom:18px}.chat-header strong,.chat-header small{display:block}.chat-header small{color:var(--muted);font-size:12px;margin-top:4px}.chat-header .chat-icon{flex:0 0 auto}.chat-closed-note{display:flex;align-items:center;gap:12px;flex-wrap:wrap;color:var(--muted);font-size:13px;margin:16px 0 0}
.chat-action{display:inline-flex;align-items:center;gap:8px}.chat-action .chat-icon{width:15px;height:11px;border:1.5px solid currentColor;border-radius:3px;display:inline-block;position:relative}.chat-action .chat-icon::after{content:"";position:absolute;left:3px;bottom:-4px;border-width:3px 3px 0 0;border-style:solid;border-color:currentColor transparent transparent transparent}
.send-button{width:48px;height:44px;padding:0;position:relative;color:transparent}.send-button::before{content:"";width:16px;height:13px;border-top:2px solid #2f7890;border-right:2px solid #2f7890;transform:rotate(-25deg);display:block;margin:auto}.send-button .send-icon{display:none!important}
#support-reply-form .chat-form-actions button{width:48px;height:44px;padding:0;position:relative;color:transparent}#support-reply-form .chat-form-actions button::before{content:"";width:16px;height:13px;border-top:2px solid #2f7890;border-right:2px solid #2f7890;transform:rotate(-25deg);display:block;margin:auto}
.inline-package-photo{display:grid;gap:8px;padding:14px;background:#fff}.inline-package-photo img{width:100%;max-height:180px;object-fit:contain;display:block}.inline-package-photo p{margin:0;color:var(--muted);font-size:13px}
.chat-status{font-size:12px;text-transform:uppercase;letter-spacing:.08em;color:var(--muted);margin-bottom:18px}
.chat-messages{display:grid;gap:14px;max-height:560px;overflow:auto;padding:4px 0 18px}
.chat-message{max-width:min(80%,620px);padding:14px 16px;border:1px solid var(--line);background:#f5fafb}
.chat-message.from-customer{justify-self:end;background:#e6f3f5;border-color:#b9dce2}
.chat-message.from-admin{justify-self:start}
.chat-message.from-ai{justify-self:start;background:#f2f0e8;border-color:#ded8c4}
.chat-form button:disabled{opacity:.5;cursor:not-allowed}
.chat-message-meta{display:flex;gap:14px;justify-content:space-between;align-items:baseline;font-size:12px;color:var(--muted)}
.chat-message-meta strong{color:var(--ink)}
.chat-message p{margin:8px 0 0;white-space:pre-wrap;overflow-wrap:anywhere;line-height:1.55}
.chat-form{display:grid;gap:12px;border-top:1px solid var(--line);padding-top:18px}
.chat-form textarea{width:100%;resize:vertical;border:1px solid var(--line);padding:13px 15px;font:inherit;color:var(--ink)}
.chat-form-actions{display:flex;align-items:center;justify-content:space-between;gap:12px}
.chat-error{color:#a24d4d;font-size:12px;min-height:16px}
.chat-admin-panel{display:grid;gap:18px}.chat-admin-panel .chat-messages{max-height:500px}
#view-support table tr[data-conversation]{cursor:pointer}#view-support table tr[data-conversation]:hover{background:#f5fafb}
#view-support td small{display:block;color:var(--muted);margin-top:4px}
@media (max-width:600px){.chat-message{max-width:92%}.chat-form-actions{align-items:stretch;flex-direction:column}.chat-form-actions .button{width:100%}}