/* Showtime Detailing KC - webchat widget (preset Q&A + call CTA) */
:root{
  --w-blue:#2E7BFF; --w-blue-deep:#0B3FB0; --w-blue-bright:#5A9BFF;
  --w-bg:#0E121A; --w-panel:#141A24; --w-line:rgba(255,255,255,.1);
  --w-ink:#EAF0F8; --w-muted:#9BA7B8;
}
#schat-launch{position:fixed;bottom:22px;right:22px;z-index:1000;width:64px;height:64px;border-radius:50%;border:0;
  background:linear-gradient(135deg,#2E7BFF,#0B3FB0);color:#fff;display:grid;place-items:center;cursor:pointer;
  box-shadow:0 12px 28px rgba(0,0,0,.45),0 0 0 4px rgba(46,123,255,.18);transition:transform .2s,box-shadow .2s;
  font-family:'Inter',-apple-system,sans-serif}
#schat-launch:hover{transform:translateY(-3px) scale(1.04);box-shadow:0 18px 36px rgba(0,0,0,.5),0 0 0 5px rgba(46,123,255,.26)}
#schat-launch svg{width:28px;height:28px}
#schat-launch .schat-pulse{position:absolute;inset:0;border-radius:50%;border:2px solid var(--w-blue-bright);animation:schatPulse 2.4s ease-out infinite;pointer-events:none}
@keyframes schatPulse{0%{transform:scale(1);opacity:.7}100%{transform:scale(1.55);opacity:0}}
#schat-launch .schat-badge{position:absolute;top:-4px;right:-4px;width:22px;height:22px;border-radius:50%;background:var(--w-blue-bright);color:#06122b;font-size:12px;font-weight:800;display:grid;place-items:center;border:2px solid var(--w-bg)}

#schat-greet{position:fixed;bottom:96px;right:22px;z-index:999;background:#fff;color:#0B1A22;padding:12px 16px;border-radius:16px 16px 4px 16px;font-size:13px;font-weight:600;box-shadow:0 12px 28px rgba(0,0,0,.3);max-width:220px;font-family:'Inter',sans-serif;cursor:pointer;animation:schatGreetIn .4s ease-out;transition:opacity .2s,transform .2s}
@keyframes schatGreetIn{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}
#schat-greet::after{content:"";position:absolute;bottom:-8px;right:24px;width:0;height:0;border:8px solid transparent;border-top-color:#fff;border-bottom-width:0}
#schat-greet[hidden]{display:none !important}

#schat-panel{position:fixed;bottom:100px;right:22px;z-index:1001;width:360px;max-width:calc(100vw - 32px);max-height:calc(100vh - 140px);background:var(--w-bg);border-radius:20px;border:1px solid var(--w-line);box-shadow:0 30px 80px rgba(0,0,0,.55);display:none;flex-direction:column;overflow:hidden;font-family:'Inter',sans-serif;animation:schatPanelIn .25s ease-out}
@keyframes schatPanelIn{from{opacity:0;transform:translateY(12px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}
#schat-panel.open{display:flex}
#schat-panel *{box-sizing:border-box}

.schat-header{background:linear-gradient(135deg,#2E7BFF,#0B3FB0);color:#fff;padding:18px;position:relative}
.schat-header .schat-who{display:flex;align-items:center;gap:12px}
.schat-header .schat-avatar{width:40px;height:40px;border-radius:50%;background:#0B1A22;color:#fff;font-weight:800;font-size:15px;display:grid;place-items:center;border:2px solid rgba(255,255,255,.3);overflow:hidden}
.schat-header .schat-avatar img{width:100%;height:100%;object-fit:cover}
.schat-header h4{margin:0;font-size:15px;font-weight:800;line-height:1.2;color:#fff}
.schat-header .schat-status{font-size:12px;opacity:.9;margin-top:2px;display:flex;align-items:center;gap:6px}
.schat-header .schat-status::before{content:"";width:8px;height:8px;border-radius:50%;background:#4ade80;box-shadow:0 0 8px rgba(74,222,128,.6)}
.schat-close{position:absolute;top:14px;right:14px;width:30px;height:30px;border-radius:50%;background:rgba(255,255,255,.15);color:#fff;border:0;cursor:pointer;display:grid;place-items:center;font-size:16px;line-height:1}
.schat-close:hover{background:rgba(255,255,255,.3)}

.schat-body{flex:1;overflow-y:auto;padding:18px}
.schat-msg{background:var(--w-panel);color:var(--w-ink);padding:12px 14px;border-radius:14px 14px 14px 4px;font-size:14px;line-height:1.5;margin-bottom:14px;border:1px solid var(--w-line);animation:schatMsgIn .25s ease-out}
.schat-msg.user{background:var(--w-blue);color:#fff;border:0;border-radius:14px 14px 4px 14px;margin-left:32px}
@keyframes schatMsgIn{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}
.schat-msg strong{color:#fff;font-weight:700}
.schat-msg a{color:var(--w-blue-bright);font-weight:600}
.schat-msg.user a{color:#fff;text-decoration:underline}

.schat-questions{display:flex;flex-direction:column;gap:8px;margin:8px 0 4px}
.schat-q-btn{background:var(--w-panel);border:1px solid var(--w-line);color:var(--w-ink);text-align:left;padding:11px 14px;font-size:13px;font-weight:600;border-radius:12px;cursor:pointer;font-family:inherit;transition:border-color .15s,transform .1s,color .15s}
.schat-q-btn:hover{border-color:var(--w-blue);color:var(--w-blue-bright);transform:translateX(2px)}

.schat-footer{border-top:1px solid var(--w-line);padding:14px 18px;background:#0b0f16;display:flex;gap:8px}
.schat-cta{flex:1;display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:12px 14px;border-radius:10px;font-size:13px;font-weight:700;text-decoration:none;cursor:pointer;border:0;font-family:inherit;transition:transform .1s,box-shadow .15s}
.schat-cta.primary{background:#16A34A;color:#fff;box-shadow:0 4px 14px rgba(22,163,74,.4)}
.schat-cta.primary:hover{transform:translateY(-1px);box-shadow:0 8px 20px rgba(22,163,74,.5)}
.schat-cta.secondary{background:var(--w-panel);color:#fff;border:1px solid var(--w-line)}
.schat-cta.secondary:hover{border-color:var(--w-blue);color:var(--w-blue-bright)}
.schat-cta svg{width:14px;height:14px}

@media(max-width:480px){
  #schat-launch{width:56px;height:56px;bottom:80px;right:16px}
  #schat-launch svg{width:24px;height:24px}
  #schat-panel{right:12px;left:12px;bottom:146px;max-width:none;width:auto}
  #schat-greet{right:16px;bottom:142px;max-width:200px;font-size:12px}
}