/* Pixel Web — live support chat widget (v4.0) */
.pw-lc{position:fixed;right:22px;bottom:22px;z-index:1080;font-family:inherit;color:#172033}
.pw-lc *{box-sizing:border-box}
.pw-lc__launcher{display:flex;align-items:center;gap:10px;border:0;border-radius:999px;padding:8px 18px 8px 8px;background:linear-gradient(135deg,#2563eb,#4f46e5);color:#fff;font-weight:600;font-size:15px;box-shadow:0 14px 34px rgba(37,99,235,.38);cursor:pointer;position:relative;transition:transform .2s,box-shadow .2s}
.pw-lc__launcher:hover{transform:translateY(-2px);box-shadow:0 18px 40px rgba(37,99,235,.45)}
.pw-lc__launcher-icon{width:42px;height:42px;border-radius:50%;background:rgba(255,255,255,.18);display:grid;place-items:center;font-size:18px;animation:pwLcPulse 2.4s infinite}
@keyframes pwLcPulse{0%{box-shadow:0 0 0 0 rgba(255,255,255,.45)}70%{box-shadow:0 0 0 12px rgba(255,255,255,0)}100%{box-shadow:0 0 0 0 rgba(255,255,255,0)}}
.pw-lc__badge{position:absolute;top:-6px;right:-4px;min-width:22px;height:22px;border-radius:11px;background:#ef4444;color:#fff;font-size:12px;display:grid;place-items:center;padding:0 6px;border:2px solid #fff}
.pw-lc.is-open .pw-lc__launcher{display:none}

.pw-lc__panel{width:378px;max-width:calc(100vw - 28px);height:560px;max-height:calc(100vh - 44px);background:#fff;border-radius:20px;box-shadow:0 28px 70px rgba(11,22,51,.28);display:flex;flex-direction:column;overflow:hidden;border:1px solid #e2e8f0}
.pw-lc__panel[hidden]{display:none}

.pw-lc__head{display:flex;align-items:center;gap:12px;padding:14px 16px;background:linear-gradient(135deg,#0b1633,#1e3a8a 60%,#4f46e5);color:#fff;flex:0 0 auto}
.pw-lc__avatar{width:42px;height:42px;border-radius:50%;background:rgba(255,255,255,.14);display:grid;place-items:center;font-size:18px;overflow:hidden;flex:0 0 42px}
.pw-lc__avatar img{width:100%;height:100%;object-fit:cover}
.pw-lc__head-text{flex:1;display:flex;flex-direction:column;line-height:1.3;min-width:0}
.pw-lc__head-text strong{font-size:16px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.pw-lc__head-text span{font-size:12.5px;opacity:.85;display:flex;align-items:center;gap:6px}
.pw-lc__dot{width:8px;height:8px;border-radius:50%;background:#22c55e;display:inline-block;box-shadow:0 0 0 3px rgba(34,197,94,.25)}
.pw-lc__icon-btn{border:0;background:rgba(255,255,255,.12);color:#fff;width:34px;height:34px;border-radius:10px;cursor:pointer;display:grid;place-items:center;flex:0 0 34px;transition:background .2s}
.pw-lc__icon-btn:hover{background:rgba(255,255,255,.24)}
.pw-lc__icon-btn[aria-pressed="false"]{opacity:.65}

.pw-lc__queue{flex:0 0 auto;background:linear-gradient(180deg,#fff7ed,#fff1e0);color:#9a3412;border-bottom:1px solid #fed7aa;padding:11px 14px;display:flex;gap:11px;align-items:flex-start}
.pw-lc__queue[hidden]{display:none}
.pw-lc__queue-ic{flex:0 0 auto;width:30px;height:30px;border-radius:50%;background:#fed7aa;color:#c2410c;display:flex;align-items:center;justify-content:center;font-size:14px}
.pw-lc__queue-main{display:flex;flex-direction:column;gap:6px;min-width:0}
.pw-lc__queue-title{font-size:13px;font-weight:700;line-height:1.35;color:#7c2d12}
.pw-lc__queue-chips{display:flex;flex-wrap:wrap;gap:6px}
.pw-lc__queue-chip{display:inline-flex;align-items:center;gap:4px;background:#fff;border:1px solid #fed7aa;border-radius:999px;padding:3px 10px;font-size:11.5px;line-height:1.6;color:#9a3412;white-space:nowrap;box-shadow:0 1px 2px rgba(154,52,18,.06)}
.pw-lc__queue-chip b{font-weight:700;color:#c2410c}
.pw-lc__queue-note{display:flex;align-items:center;gap:6px;font-size:11.5px;color:#b45309;line-height:1.45}
.pw-lc__queue-live{flex:0 0 auto;width:7px;height:7px;border-radius:50%;background:#f97316;box-shadow:0 0 0 0 rgba(249,115,22,.5);animation:pw-lc-queue-pulse 1.6s ease-out infinite}
@keyframes pw-lc-queue-pulse{0%{box-shadow:0 0 0 0 rgba(249,115,22,.5)}70%{box-shadow:0 0 0 6px rgba(249,115,22,0)}100%{box-shadow:0 0 0 0 rgba(249,115,22,0)}}

.pw-lc__body{flex:1 1 auto;overflow-y:auto;padding:16px;background:#f7f9fc;display:flex;flex-direction:column;gap:10px;scroll-behavior:smooth}
.pw-lc__list{display:flex;flex-direction:column;gap:10px}

.pw-lc__msg{display:flex;flex-direction:column;max-width:86%}
.pw-lc__msg--admin{align-self:flex-start}
.pw-lc__msg--visitor{align-self:flex-end}
.pw-lc__msg--agent{flex-direction:row;align-items:flex-end;gap:8px}
.pw-lc__msg-av{width:28px;height:28px;border-radius:50%;object-fit:cover;flex:0 0 28px;border:1px solid #e2e8f0;background:#fff}
.pw-lc__bubblewrap{display:flex;flex-direction:column;min-width:0}
.pw-lc__msg--visitor .pw-lc__bubblewrap{align-items:flex-end}
.pw-lc__bubble{padding:10px 14px;border-radius:16px;font-size:14.5px;line-height:1.55;white-space:pre-wrap;word-break:break-word}
.pw-lc__msg--admin .pw-lc__bubble{background:#fff;border:1px solid #e2e8f0;border-bottom-left-radius:5px}
.pw-lc__msg--visitor .pw-lc__bubble{background:linear-gradient(135deg,#2563eb,#4f46e5);color:#fff;border-bottom-right-radius:5px}
.pw-lc__msg--ai .pw-lc__bubble{background:#f1f5ff;border:1px solid #dbe4ff;border-bottom-left-radius:5px}
.pw-lc__bubble img{display:block;max-width:100%;border-radius:10px;margin-top:4px}
.pw-lc__bubble img:first-child{margin-top:0}
.pw-lc__time{font-size:11px;color:#64748b;margin-top:3px;padding:0 4px}
.pw-lc__msg--ai .pw-lc__time::before{content:"\f544";font-family:"Font Awesome 5 Free";font-weight:900;margin-right:4px;color:#4f46e5}
.pw-lc__cap{margin-top:6px}

/* system notice */
.pw-lc__sys{align-self:center;max-width:92%;text-align:center}
.pw-lc__sys span{display:inline-block;background:#eef2ff;color:#4338ca;border:1px solid #e0e7ff;border-radius:999px;padding:5px 12px;font-size:12px;font-weight:600}

/* voice note */
.pw-lc__voice audio{display:block;width:230px;max-width:60vw;height:40px}
.pw-lc__msg--visitor .pw-lc__voice audio{filter:saturate(0) brightness(1.6)}

/* file card */
.pw-lc__filecard{display:flex;align-items:center;gap:10px;text-decoration:none;color:inherit}
.pw-lc__fileic{width:38px;height:38px;border-radius:10px;background:#fee2e2;color:#dc2626;display:grid;place-items:center;font-size:18px;flex:0 0 38px}
.pw-lc__msg--visitor .pw-lc__fileic{background:rgba(255,255,255,.2);color:#fff}
.pw-lc__filemeta{display:flex;flex-direction:column;min-width:0}
.pw-lc__filemeta strong{font-size:13.5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:170px}
.pw-lc__filemeta small{font-size:11.5px;opacity:.8}

/* catalog card */
.pw-lc__card{background:#fff;border:1px solid #e2e8f0;border-radius:14px;overflow:hidden;width:250px;max-width:72vw}
.pw-lc__card-img{height:120px;background:#f1f5f9}
.pw-lc__card-img img{width:100%;height:100%;object-fit:cover;border-radius:0;margin:0}
.pw-lc__card-icon{height:70px;display:grid;place-items:center;font-size:30px;color:#4f46e5;background:#eef2ff}
.pw-lc__card-body{padding:11px 13px;color:#172033}
.pw-lc__card-title{font-weight:700;font-size:14.5px}
.pw-lc__card-price{color:#4f46e5;font-weight:700;margin-top:2px}
.pw-lc__card-price small{color:#64748b;font-weight:500}
.pw-lc__card-desc{font-size:12.5px;color:#475569;margin-top:5px;line-height:1.5}
.pw-lc__card-feats{margin:7px 0 0;padding-left:16px;font-size:12.5px;color:#475569}
.pw-lc__card-feats li{margin:2px 0}
.pw-lc__card-cta{display:block;text-align:center;margin-top:10px;background:linear-gradient(135deg,#2563eb,#4f46e5);color:#fff;text-decoration:none;font-weight:600;font-size:13.5px;padding:9px;border-radius:10px}

/* start form */
.pw-lc__start{display:flex;flex-direction:column;gap:9px;background:#fff;border:1px solid #e2e8f0;border-radius:16px;padding:14px}
.pw-lc__start[hidden]{display:none}
.pw-lc__start input{width:100%;border:1px solid #e2e8f0;border-radius:12px;padding:10px 12px;font-size:14.5px;outline:none;background:#fff;color:#172033}
.pw-lc__start input:focus{border-color:#2563eb;box-shadow:0 0 0 3px rgba(37,99,235,.15)}
.pw-lc__start button{border:0;border-radius:12px;padding:11px;background:linear-gradient(135deg,#2563eb,#4f46e5);color:#fff;font-weight:600;cursor:pointer}
.pw-lc__error{color:#dc2626;font-size:13px;margin:0}

/* small, de-emphasized human link */
.pw-lc__human{padding:4px 12px 0;background:transparent;flex:0 0 auto;text-align:center}
.pw-lc__human[hidden]{display:none}
.pw-lc__human button{border:0;background:transparent;color:#64748b;font-size:12px;font-weight:500;cursor:pointer;padding:4px 8px;border-radius:8px;display:inline-flex;align-items:center;gap:6px;transition:color .2s,background .2s}
.pw-lc__human button:hover{color:#4f46e5;background:#eef2ff}

/* compose */
.pw-lc__compose{display:flex;align-items:flex-end;gap:7px;padding:10px 12px;border-top:1px solid #e2e8f0;background:#fff;flex:0 0 auto;padding-bottom:calc(10px + env(safe-area-inset-bottom,0px))}
.pw-lc__compose[hidden]{display:none}
.pw-lc__compose textarea{flex:1 1 auto;width:100%;border:1px solid #e2e8f0;border-radius:14px;padding:10px 12px;font-size:14.5px;outline:none;background:#fff;color:#172033;resize:none;max-height:110px;min-height:42px}
.pw-lc__compose textarea:focus{border-color:#2563eb;box-shadow:0 0 0 3px rgba(37,99,235,.15)}
.pw-lc__compose button{flex:0 0 42px;height:42px;border:0;border-radius:12px;cursor:pointer;display:grid;place-items:center;transition:transform .15s,opacity .2s,background .2s}
.pw-lc__compose button:active{transform:scale(.92)}
.pw-lc__compose button:disabled{opacity:.6;cursor:wait}
.pw-lc__send{background:linear-gradient(135deg,#2563eb,#4f46e5);color:#fff}
.pw-lc__mic{background:#eef2ff;color:#4f46e5}
.pw-lc__mic[hidden]{display:none}
.pw-lc__attach{background:#eef2ff;color:#4f46e5;width:42px}
.pw-lc__plus-wrap{position:relative;flex:0 0 42px}
.pw-lc__menu{position:absolute;bottom:52px;left:0;background:#fff;border:1px solid #e2e8f0;border-radius:12px;box-shadow:0 12px 30px rgba(11,22,51,.18);padding:6px;display:flex;flex-direction:column;gap:2px;z-index:5;min-width:150px}
.pw-lc__menu[hidden]{display:none}
.pw-lc__menu button{all:unset;display:flex;align-items:center;gap:10px;padding:9px 12px;border-radius:9px;cursor:pointer;font-size:13.5px;color:#172033}
.pw-lc__menu button:hover{background:#f1f5f9}
.pw-lc__menu button i{color:#4f46e5;width:18px;text-align:center}
.pw-lc__file-note{font-size:12px;color:#4f46e5;padding:0 14px 10px;background:#fff;flex:0 0 auto}
.pw-lc__file-note[hidden]{display:none}

/* recording bar */
.pw-lc__rec{display:flex;align-items:center;gap:10px;padding:12px 14px;border-top:1px solid #e2e8f0;background:#fff;flex:0 0 auto;padding-bottom:calc(12px + env(safe-area-inset-bottom,0px))}
.pw-lc__rec[hidden]{display:none}
.pw-lc__rec-dot{width:11px;height:11px;border-radius:50%;background:#ef4444;animation:pwLcBlink 1s infinite}
@keyframes pwLcBlink{0%,100%{opacity:1}50%{opacity:.25}}
.pw-lc__rec-time{font-variant-numeric:tabular-nums;font-weight:700;color:#172033}
.pw-lc__rec-label{flex:1;color:#64748b;font-size:13px}
.pw-lc__rec button{border:0;width:40px;height:40px;border-radius:12px;cursor:pointer;display:grid;place-items:center;font-size:15px}
.pw-lc__rec-cancel{background:#f1f5f9;color:#64748b}
.pw-lc__rec-stop{background:linear-gradient(135deg,#2563eb,#4f46e5);color:#fff}

/* typing */
.pw-lc__typing .pw-lc__bubble{display:inline-flex;gap:4px;align-items:center;padding:12px 14px}
.pw-lc__typing .pw-lc__bubble span{width:7px;height:7px;border-radius:50%;background:#94a3b8;display:inline-block;animation:pwLcTyping 1.2s infinite}
.pw-lc__typing .pw-lc__bubble span:nth-child(2){animation-delay:.2s}
.pw-lc__typing .pw-lc__bubble span:nth-child(3){animation-delay:.4s}
@keyframes pwLcTyping{0%,60%,100%{transform:translateY(0);opacity:.4}30%{transform:translateY(-4px);opacity:1}}

/* motion */
.pw-lc__panel{transform-origin:bottom right;animation:pwLcPanelIn .28s cubic-bezier(.22,1,.36,1)}
@keyframes pwLcPanelIn{from{opacity:0;transform:translateY(16px) scale(.96)}to{opacity:1;transform:translateY(0) scale(1)}}
.pw-lc__msg,.pw-lc__sys{animation:pwLcMsgIn .26s ease both}
@keyframes pwLcMsgIn{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}

/* ---------- mobile ---------- */
@media (max-width:600px){
  .pw-lc{right:14px;bottom:14px}
  .pw-lc__launcher{padding:7px}
  .pw-lc__launcher-text{display:none}
  .pw-lc.is-open{right:0;bottom:0;left:0;top:0}
  .pw-lc__panel{position:fixed;inset:0;width:100vw;max-width:100vw;height:100vh;height:100dvh;max-height:none;border-radius:0;border:0;animation:pwLcPanelUp .26s ease}
  .pw-lc__card,.pw-lc__voice audio{max-width:78vw}
}
@keyframes pwLcPanelUp{from{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}

@media (prefers-reduced-motion:reduce){
  .pw-lc__panel,.pw-lc__msg,.pw-lc__sys,.pw-lc__launcher-icon{animation:none}
  .pw-lc__body{scroll-behavior:auto}
}

/* v4.0 polish — rich bubbles sit flush (no heavy background around cards/voice/files) */
.pw-lc__bubble:has(.pw-lc__card),.pw-lc__bubble:has(.pw-lc__filecard),.pw-lc__bubble:has(.pw-lc__voice){background:transparent!important;border:0!important;padding:0!important}
.pw-lc__msg--visitor .pw-lc__bubble:has(.pw-lc__voice) audio{filter:none}