/* WEVIX AI ASSISTANCE UI v1 — WEVIX PROOF public-floating visual contract.
   Product-aware display: WEVIX SMART; existing Smart API and Team WEVIX JS remain unchanged.
   Scoped exclusively to .assistant-* so public pages and customer UI are unaffected. */
.assistant-panel[hidden]{display:none!important}
.assistant-panel{position:fixed!important;right:32px!important;bottom:82px!important;z-index:1094!important;display:flex!important;flex-direction:column!important;overflow:hidden!important;width:min(328px,calc(100vw - 24px))!important;max-width:calc(100vw - 24px)!important;height:min(522px,calc(100dvh - 130px))!important;max-height:calc(100dvh - 130px)!important;padding:0!important;border:1px solid #dfe5ea!important;border-radius:15px!important;background:#fff!important;box-shadow:0 18px 50px rgba(9,25,42,.18)!important;color:#152b43!important;font-size:13px!important}
.assistant-panel .assistant-panel-head{flex:0 0 50px!important;min-height:50px!important;display:flex!important;align-items:center!important;justify-content:space-between!important;gap:10px!important;padding:8px 11px!important;background:#0c1e34!important;border:0!important;border-bottom:2px solid #d4af37!important;color:#fff!important}
.assistant-panel .assistant-brand{display:flex!important;min-width:0!important;align-items:center!important;gap:9px!important}
.assistant-panel .assistant-brand-mark{display:grid!important;place-items:center!important;flex:0 0 26px!important;width:26px!important;height:26px!important;border-radius:50%!important;background:#dfb348!important;color:#0d223a!important;font-weight:900!important;font-size:9px!important;line-height:1!important}
.assistant-panel .assistant-brand-copy{min-width:0!important;display:flex!important;flex-direction:column!important;gap:2px!important;line-height:1.16!important}
.assistant-panel .assistant-brand-copy strong{display:block!important;color:#fff!important;font-size:12px!important;font-weight:850!important;letter-spacing:0!important;white-space:nowrap!important}
.assistant-panel .assistant-brand-copy small{display:block!important;color:#d7e4f3!important;font-size:9px!important;font-weight:600!important;white-space:nowrap!important}
.assistant-panel .assistant-panel-head #assistant-close{display:grid!important;place-items:center!important;flex:0 0 28px!important;width:28px!important;height:28px!important;border-radius:50%!important;border:1px solid rgba(255,255,255,.7)!important;background:#fff!important;color:#132840!important;font-size:21px!important;font-weight:400!important;line-height:1!important;cursor:pointer!important}
.assistant-panel .assistant-panel-head #assistant-close:hover{background:#eef3f7!important}
.assistant-panel .assistant-tabs{display:grid!important;grid-template-columns:1fr 1fr!important;gap:0!important;flex:0 0 45px!important;height:45px!important;min-height:45px!important;margin:0!important;padding:6px 8px 0!important;border-bottom:1px solid #e6ebf0!important;background:#fff!important}
.assistant-panel .assistant-tab{position:relative!important;display:flex!important;align-items:center!important;justify-content:center!important;min-width:0!important;min-height:35px!important;max-height:35px!important;margin:0!important;padding:7px 6px!important;border:0!important;border-bottom:2px solid transparent!important;border-radius:0!important;background:#fff!important;box-shadow:none!important;color:#344e68!important;font:inherit!important;font-size:11px!important;font-weight:750!important;line-height:1.2!important;white-space:nowrap!important;cursor:pointer!important}
.assistant-panel .assistant-tab.active{border-bottom:2px solid #d4a92e!important;background:#fff!important;color:#0b2745!important;font-weight:850!important}
.assistant-panel .assistant-tab:hover{background:#f8fafc!important}
.assistant-panel .assistant-pane{display:none!important;flex:1 1 auto!important;min-height:0!important;height:auto!important;padding:0!important;background:#fff!important}
.assistant-panel .assistant-pane.active{display:flex!important;flex-direction:column!important;overflow:hidden!important}
.assistant-panel .assistant-messages{flex:1 1 auto!important;min-height:0!important;display:flex!important;flex-direction:column!important;align-items:stretch!important;gap:8px!important;overflow-y:auto!important;overscroll-behavior:contain!important;padding:14px 10px!important;background:#fff!important}
.assistant-panel .assistant-bubble{box-sizing:border-box!important;max-width:92%!important;padding:8px 10px!important;border-radius:13px!important;font-size:11px!important;line-height:1.48!important;overflow-wrap:anywhere!important;white-space:pre-wrap!important;box-shadow:none!important}
.assistant-panel .assistant-bubble.system{align-self:center!important;max-width:100%!important;background:#f7f9fa!important;color:#617189!important;font-size:10px!important}
.assistant-panel .assistant-bubble.ai,.assistant-panel .assistant-bubble.admin{align-self:flex-start!important;background:#eff4f8!important;color:#19344f!important}
.assistant-panel .assistant-bubble.visitor{align-self:flex-end!important;background:#132e4d!important;color:#fff!important}
.assistant-panel .assistant-form{flex:0 0 auto!important;display:flex!important;align-items:center!important;gap:7px!important;min-width:0!important;min-height:57px!important;height:auto!important;margin:0!important;padding:8px 9px!important;border:0!important;border-top:1px solid #e3e9ed!important;background:#fff!important;box-shadow:none!important}
.assistant-panel .assistant-form input{flex:1 1 auto!important;min-width:0!important;width:100%!important;min-height:37px!important;height:37px!important;margin:0!important;padding:9px 10px!important;border:1px solid #cda438!important;border-radius:11px!important;background:#fff!important;color:#203a55!important;font:inherit!important;font-size:11px!important;outline:none!important}
.assistant-panel .assistant-form input:focus{border-color:#b68a1b!important;box-shadow:0 0 0 2px rgba(212,175,55,.16)!important}
.assistant-panel .assistant-form button{flex:0 0 49px!important;min-width:49px!important;min-height:37px!important;height:37px!important;margin:0!important;padding:0 10px!important;border:0!important;border-radius:9px!important;background:#102a46!important;color:#fff!important;font:inherit!important;font-size:11px!important;font-weight:850!important}
.assistant-panel .assistant-status{flex:0 0 auto!important;margin:0!important;padding:10px!important;color:#54677b!important;background:#f8fafb!important;border-bottom:1px solid #e6ebee!important;font-size:11px!important;line-height:1.45!important}
.assistant-panel .assistant-admin-start{display:flex!important;flex:0 0 auto!important;flex-direction:column!important;gap:8px!important;padding:11px!important;min-height:0!important;background:#fff!important}
.assistant-panel .assistant-admin-start[hidden],.assistant-panel .assistant-form[hidden]{display:none!important}
.assistant-panel .assistant-admin-start input,.assistant-panel .assistant-admin-start textarea{min-width:0!important;width:100%!important;border:1px solid #d4dfe8!important;border-radius:9px!important;background:#fff!important;padding:10px!important;color:#203a55!important;font-size:12px!important}
.assistant-panel .assistant-admin-start button{min-height:39px!important;border:0!important;border-radius:9px!important;background:#102a46!important;color:#fff!important;font-size:12px!important;font-weight:800!important}
.assistant-panel .assistant-pane[data-pane="admin"].active{overflow-y:auto!important}
.assistant-panel :is(button,input,textarea):focus-visible{outline:3px solid #d4af37!important;outline-offset:2px!important}
.assistant-launcher{z-index:1093!important}
@media(max-width:600px){
 .assistant-panel{left:8px!important;right:8px!important;bottom:8px!important;width:auto!important;max-width:none!important;height:min(620px,calc(100dvh - 16px))!important;max-height:calc(100dvh - 16px)!important;border-radius:15px!important}
 .assistant-panel .assistant-tab{min-height:37px!important;max-height:37px!important;font-size:12px!important}
 .assistant-panel .assistant-form input,.assistant-panel .assistant-admin-start input,.assistant-panel .assistant-admin-start textarea{font-size:16px!important}
 .assistant-panel .assistant-form input{min-height:43px!important;height:43px!important}
 .assistant-panel .assistant-form button{min-height:43px!important;height:43px!important}
 .assistant-panel .assistant-bubble{font-size:12px!important}
}
@media(max-width:390px){
 .assistant-panel{left:0!important;right:0!important;bottom:0!important;width:100vw!important;height:100dvh!important;max-height:100dvh!important;border-radius:16px 16px 0 0!important}
}

