#pf-chat-widget-root{position:fixed;right:20px;bottom:50px;z-index:99999;font-family:system-ui,-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,Ubuntu,'Helvetica Neue',Arial}
#pf-chat-widget-root .pf-hidden{display:none}
.pf-chat-launcher{width:56px;height:56px;border-radius:50%;background:#980900;display:flex;align-items:center;justify-content:center;cursor:pointer;box-shadow:0 8px 24px rgba(0,0,0,.18)}
.pf-chat-icon{color:#fff;font-size:22px;line-height:1}
.pf-chat-window{position:fixed;right:20px;bottom:10px;width:360px;max-width:95vw;background:#fff;border-radius:12px;box-shadow:0 12px 36px rgba(0,0,0,.2);overflow:hidden}
.pf-chat-header{background:#980900;color:#fff;display:flex;align-items:center;justify-content:space-between;padding:10px 10px}
.pf-header-left{display:flex;gap:8px;align-items:center}
.pf-header-left.pf-hidden{display:none}
.pf-header-avatar img{width:28px;height:28px;border-radius:50%;object-fit:cover;background:#fff}
.pf-header-title{font-weight:600}
.pf-header-controls{display:flex;gap:6px;align-items:center}
.pf-header-controls .pf-btn{background:transparent;border:none;color:#fff;font-size:18px;cursor:pointer;display:flex;align-items:center;justify-content:center;width:28px;height:28px;line-height:1;border-radius:6px}
.pf-chat-body{display:flex;flex-direction:column;height:420px}
.pf-chat-messages{flex:1;overflow:auto;padding:10px;background:#f8f8f8}
.pf-typing{padding:6px 10px;color:#666;font-size:12px}
.pf-chat-input{display:flex;gap:6px;border-top:1px solid #eee;padding:8px;background:#fff}
.pf-input{flex:1;resize:none;padding:10px;border-radius:8px;border:1px solid #ddd;min-height:48px;max-height:140px}
.pf-send{width:36px;border-radius:8px;border:none;background:#980900;color:#fff;cursor:pointer}
.pf-msg{margin-bottom:10px;position:relative}
.pf-msg .pf-msg-bubble{display:inline-block;padding:8px 10px;border-radius:10px;max-width:80%;background:#fff;border:1px solid #e5e5e5;white-space:normal}
.pf-msg.user{text-align:right}
.pf-msg.user .pf-msg-bubble{background:#dff1ff;border-color:#cfe9ff}
.pf-msg.manager .pf-msg-bubble{background:#fff;border-color:#eee; margin-top: 15px;}
.pf-msg.admin .pf-msg-bubble{background:#fff;border-color:#eee}
.pf-msg-mini-avatar{position:absolute;right:0;bottom:-6px;width:18px;height:18px;border-radius:50%;object-fit:cover;border:1px solid #fff;box-shadow:0 1px 2px rgba(0,0,0,.2)}
.pf-close-confirm{background:#fff;border:1px solid #eee;border-radius:8px;padding:10px;margin-top:8px}
.pf-close-actions{display:flex;gap:8px;margin-top:8px}
/* animations */ .pf-msg.manager{animation:pfFade .25s ease-in-out} @keyframes pfFade{from{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}
/* Responsive */
@media (max-width:1035px){ .pf-chat-window{right:10px;bottom:20px;width:90vw;} .pf-chat-body{height:60vh;} }
@media (max-width:580px){ .pf-chat-window{right:6px;bottom:20px;width:94vw;} .pf-chat-body{height:56vh;} .pf-chat-launcher{width:52px;height:52px;} }