#chat-widget{position:fixed;right:16px;bottom:max(16px,env(safe-area-inset-bottom));z-index:500;font-size:14px;line-height:1.5}
#chat-toggle{display:flex;align-items:center;justify-content:center;gap:9px;position:relative;min-width:48px;min-height:48px;padding:12px 16px;border:1px solid #8bbaff;border-radius:10px;background:#8bbaff;color:#102033;font:600 14px 'DM Sans',sans-serif;box-shadow:0 5px 20px #0003;cursor:pointer}
#chat-toggle:hover{background:#b1d1ff}#chat-toggle-icon{display:flex}#chat-toggle-icon svg{width:23px;height:23px}.chat-toggle-label{white-space:nowrap}.chat-unread-badge{position:absolute;right:-5px;top:-5px;display:grid;place-items:center;min-width:20px;height:20px;padding:0 4px;border-radius:10px;background:#dc4545;color:white;font-size:11px;border:2px solid var(--bg)}
#chat-window{position:absolute;right:0;bottom:60px;width:min(380px,calc(100vw - 32px));height:470px;max-height:calc(100dvh - 110px);display:flex;flex-direction:column;overflow:hidden;border:1px solid #4c6682;border-radius:12px;background:#17222d;box-shadow:0 18px 60px #0006}
.chat-hidden{display:none!important}
.chat-header{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:14px;background:#1d3041;border-bottom:1px solid #354859;flex-shrink:0}.chat-hinfo{display:flex;align-items:center;gap:10px;min-width:0}.chat-hinfo>div:last-child{min-width:0}.chat-logo-wrap{width:34px;height:34px;display:grid;place-items:center;flex-shrink:0}.chat-logo-img{width:30px;height:30px;object-fit:contain}.chat-online-dot{display:none}.chat-hinfo strong{display:block;font-size:14px;line-height:1.4}.chat-online{font-size:12px;color:#b1bdc9}.chat-header-btns{display:flex;align-items:center;gap:5px;flex-shrink:0}
#chat-close,.chat-end-btn{display:grid;place-items:center;min-width:36px;min-height:40px;padding:5px;border:0;border-radius:6px;background:transparent;color:#d7e2ee;cursor:pointer}#chat-close{font-size:25px}.chat-end-btn{font-size:12px}#chat-close:hover,.chat-end-btn:hover{background:#30465c}
.chat-messages{flex:1 1 auto;min-height:60px;overflow-y:auto;overscroll-behavior:contain;padding:16px;display:flex;flex-direction:column;gap:13px;scrollbar-width:thin;scrollbar-color:#486078 transparent}.chat-msg{max-width:90%;display:flex;flex-direction:column;gap:5px}.chat-msg p{margin:0;padding:11px 13px;border-radius:11px;font-size:14px;line-height:1.6;overflow-wrap:anywhere;color:#e1e8ef}.admin-msg{align-self:flex-start}.admin-msg p{background:#22313f;border:1px solid #334757;border-bottom-left-radius:3px}.user-msg{align-self:flex-end}.user-msg p{background:#8bbaff;color:#102033;border-bottom-right-radius:3px}.user-msg .msg-time{align-self:flex-end}.msg-time{font-size:10px;color:#a9b9c8}.chat-sys{font-size:12px;color:#bdcbd8;text-align:center;padding:5px;overflow-wrap:anywhere}.chat-img{max-width:100%;max-height:170px;border-radius:8px;object-fit:contain}.chat-file-link{color:#8bbaff;font-size:13px;overflow-wrap:anywhere}
#chat-start-form,#chat-reply-area{flex-shrink:0;padding:12px;border-top:1px solid #354859;display:flex;flex-direction:column;gap:10px;background:#17222d}.chat-quick-replies{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px}.qr-chip{min-height:36px;padding:6px 3px;border:1px solid #45627e;border-radius:6px;background:#203346;color:#c8dfff;font:500 11px 'DM Sans',sans-serif;cursor:pointer}.qr-chip:hover{background:#304b65}
#chat-name,.chat-input-row input{width:100%;min-width:0;min-height:46px;padding:10px 11px;border:1px solid #405569;border-radius:7px;background:#101a23;color:#f4f6fa;font:400 16px 'DM Sans',sans-serif}#chat-name::placeholder,.chat-input-row input::placeholder{color:#99abba}#chat-widget input:focus-visible,#chat-widget button:focus-visible{outline:2px solid #8bbaff;outline-offset:2px}.chat-input-row{display:grid;grid-template-columns:minmax(0,1fr) 72px;gap:8px;width:100%;min-width:0}.chat-input-row button{min-width:0;padding:8px 4px;min-height:46px;border:0;border-radius:7px;background:#8bbaff;color:#102033;font:600 12px 'DM Sans',sans-serif;white-space:nowrap;cursor:pointer}.chat-input-row button:disabled{opacity:.6;cursor:wait}.chat-action-bar{display:flex}.chat-img-btn{min-height:36px;padding:7px 10px;border:1px solid #405569;border-radius:6px;background:transparent;color:#b9cad9;font-size:12px;cursor:pointer}.file-upload-progress{position:relative;min-height:23px;overflow:hidden;border-radius:4px;background:#0e1822}.file-prog-bar{position:absolute;inset:0 auto 0 0;background:#315c8c;width:0}#file-progress-label{position:relative;font-size:11px;padding-left:7px;color:white}
#chat-ended-state{padding:16px;border-top:1px solid #354859}.chat-ended-inner{display:flex;justify-content:space-between;align-items:center;gap:10px;font-size:13px}#chat-new-btn{min-height:42px;padding:8px 13px;border:0;border-radius:7px;background:#8bbaff;color:#102033;font-weight:600;cursor:pointer}
@media(max-width:720px){.chat-toggle-label{display:none}#chat-toggle{padding:12px}#chat-window{height:440px;max-height:calc(100dvh - 110px)}}
@media(max-height:500px){#chat-window{bottom:55px;max-height:calc(100dvh - 85px)}.chat-header{padding:8px 12px}#chat-start-form,#chat-reply-area{padding:8px;gap:6px}.chat-messages{padding:10px}.chat-quick-replies{display:none}}

.backup-direct{padding:10px 12px;border-top:1px solid #354859;background:#12202e;flex-shrink:0}
.backup-direct p{font-size:11px;line-height:1.5;color:#b9cadd;margin:0 0 6px}
.backup-direct>div{display:flex;gap:20px}.backup-direct a{font-size:12px;color:#a9ceff;text-decoration:underline;text-underline-offset:3px}
.backup-chat-link{border:0;background:none;color:#b7c9de;font:inherit;font-size:12px;text-decoration:underline;text-underline-offset:4px;padding:8px;cursor:pointer}
#chat-widget input:disabled,#chat-widget .qr-chip:disabled{opacity:.55}
#chat-window{height:530px}
@media(max-width:720px){#chat-window{height:500px}.footer{flex-wrap:wrap}}
@media(max-height:560px){#chat-window{max-height:calc(100dvh - 80px)}.backup-direct p{display:none}}

@keyframes chat-enter{from{opacity:0;transform:translateY(10px) scale(.985)}to{opacity:1;transform:translateY(0) scale(1)}}
#chat-window:not(.chat-hidden){animation:chat-enter .22s ease-out;transform-origin:bottom right}
@media(prefers-reduced-motion:reduce){#chat-window:not(.chat-hidden){animation:none}}