.mascot-widget.chat-open{z-index:10000}

@keyframes kc-overlay-fade{from{opacity:0;backdrop-filter:blur(0)}to{opacity:1;backdrop-filter:blur(3px)}}
.mascot-widget.chat-open .mascot-bubble{opacity:0!important;pointer-events:none!important}

/* Desktop version: compact window */
.kc-window{position:fixed;bottom:calc(52px + 12px);right:12px;width:380px;max-width:calc(100vw - 32px);height:520px;max-height:calc(100dvh - 100px);background:#fff;border-radius:12px;box-shadow:0 8px 40px rgba(15,23,42,0.15);display:flex;flex-direction:column;overflow:hidden;border:1px solid rgba(15,23,42,0.08);opacity:0;transform:translateY(12px) scale(0.95);transform-origin:bottom right;transition:opacity 0.3s ease,transform 0.3s cubic-bezier(0.34,1.56,0.64,1);pointer-events:none;z-index:9400}
.kc-window.visible{opacity:1;transform:translateY(0) scale(1);pointer-events:auto}

.kc-header{display:flex;align-items:center;justify-content:space-between;padding:14px 18px;background:#0046FF;color:#fff;font-size:0.78rem;font-weight:600;letter-spacing:0.02em;flex-shrink:0}
.kc-close{background:none;border:none;color:#fff;font-size:1.4rem;cursor:pointer;line-height:1;opacity:0.8;transition:opacity 0.15s;padding:8px 12px;margin:-8px -12px;-webkit-tap-highlight-color:transparent;-webkit-user-select:none;user-select:none}
.kc-close:hover{opacity:1}

.kc-msgs{flex:1;overflow-y:auto;padding:16px;display:flex;flex-direction:column;gap:10px;-webkit-overflow-scrolling:touch}
.kc-msg{max-width:85%;padding:10px 14px;border-radius:12px;font-size:0.82rem;line-height:1.4;word-wrap:break-word;word-break:break-word;overflow-wrap:break-word;-webkit-user-select:text;user-select:text;height:fit-content}
.kc-msg--user{align-self:flex-end;background:#0046FF;color:#fff;border-bottom-right-radius:4px}
.kc-msg--assistant{align-self:flex-start;background:#f1f1f5;color:#0f172a;border-bottom-left-radius:4px}

.kc-typing{opacity:0.6;animation:kc-blink 1s infinite}
@keyframes kc-blink{50%{opacity:0.3}}

.kc-form{display:flex;padding:12px;gap:8px;border-top:1px solid rgba(15,23,42,0.08);flex-shrink:0}
.kc-input{flex:1;padding:10px 14px;border:1px solid rgba(15,23,42,0.12);border-radius:8px;font-size:16px;line-height:1;outline:none;transition:border-color 0.15s;-webkit-appearance:none;appearance:none;height:36px;box-sizing:border-box}
.kc-input:focus{border-color:#0046FF}
.kc-send{width:36px;height:36px;border-radius:8px;background:#0046FF;color:#fff;border:none;cursor:pointer;font-size:1rem;display:flex;align-items:center;justify-content:center;transition:background 0.15s;flex-shrink:0;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent}
.kc-send:hover{background:#0035CC}
.kc-email{flex:1;padding:10px 14px;border:1px solid rgba(15,23,42,0.12);border-radius:8px;font-size:16px;line-height:1;outline:none;transition:border-color 0.15s;-webkit-appearance:none;appearance:none;height:36px;box-sizing:border-box}
.kc-email:focus{border-color:#0046FF}

.kc-suggestions{display:flex;flex-direction:column;gap:8px;padding:8px 12px;border-top:1px solid rgba(15,23,42,0.08);max-height:180px;overflow-y:auto;flex-shrink:0}
.kc-suggestion-btn{background:#f1f1f5;border:1px solid rgba(15,23,42,0.1);border-radius:8px;padding:8px 12px;font-size:0.75rem;text-align:left;cursor:pointer;transition:all 0.15s;color:#0f172a;-webkit-user-select:none;user-select:none;-webkit-appearance:none;appearance:none;-webkit-touch-callout:none}
.kc-suggestion-btn:active{background:#e5e7eb;border-color:#0046FF}

.kc-cta{text-align:center}
.kc-cta-btn{display:inline-block;background:#0046FF;color:#fff;padding:10px 16px;border-radius:8px;text-decoration:none;font-size:0.82rem;font-weight:600;transition:background 0.15s;-webkit-user-select:none;user-select:none;-webkit-appearance:none;appearance:none}
.kc-cta-btn:active{background:#0035CC}

.kc-header-controls{display:flex;gap:8px;align-items:center}
.kc-dark-toggle{background:none;border:none;color:#fff;font-size:1rem;cursor:pointer;opacity:0.8;transition:opacity 0.15s;padding:8px 12px;margin:-8px -12px;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent}
.kc-dark-toggle:hover{opacity:1}

.kc-typing{display:flex;gap:4px;align-items:center}
.kc-typing span{width:6px;height:6px;border-radius:50%;background:#0046FF;animation:kc-bounce 1.4s infinite}
.kc-typing span:nth-child(1){animation-delay:-0.32s}
.kc-typing span:nth-child(2){animation-delay:-0.16s}
@keyframes kc-bounce{0%,80%,100%{opacity:0.3;transform:translateY(0)}40%{opacity:1;transform:translateY(-8px)}}

.kc-window.kc-dark{background:#1a1a2e;color:#e0e0e0}
.kc-window.kc-dark .kc-msgs{background:#1a1a2e}
.kc-window.kc-dark .kc-msg--assistant{background:#2d2d44;color:#e0e0e0}
.kc-window.kc-dark .kc-input{background:#2d2d44;color:#e0e0e0;border-color:#444}
.kc-window.kc-dark .kc-email{background:#2d2d44;color:#e0e0e0;border-color:#444}
.kc-window.kc-dark .kc-form{border-color:#333}
.kc-window.kc-dark .kc-suggestions{border-color:#333}
.kc-window.kc-dark .kc-suggestion-btn{background:#2d2d44;border-color:#444;color:#e0e0e0}
.kc-window.kc-dark .kc-suggestion-btn:active{background:#3d3d54;border-color:#0046FF}

.kc-calendar{display:grid;grid-template-columns:1fr 1fr;gap:8px;padding:8px 0}
.kc-slot-btn{width:100%;background:#f1f1f5;border:1px solid rgba(15,23,42,0.1);border-radius:8px;padding:11px 12px;font-size:0.76rem;text-align:center;cursor:pointer;transition:all 0.15s;color:#0f172a;font-weight:500;-webkit-appearance:none;appearance:none;-webkit-user-select:none;user-select:none}
.kc-slot-btn:active{background:#e5e7eb;border-color:#0046FF;box-shadow:0 2px 8px rgba(0,70,255,0.1)}
.kc-window.kc-dark .kc-slot-btn{background:#2d2d44;border-color:#444;color:#e0e0e0}
.kc-window.kc-dark .kc-slot-btn:active{background:#3d3d54;border-color:#0046FF}

.kc-info-form{display:flex;flex-direction:column;gap:8px;padding:6px 0}
.kc-info-input{padding:11px 12px;border:1px solid rgba(15,23,42,0.15);border-radius:8px;font-size:16px;outline:none;transition:border-color 0.15s;width:100%;box-sizing:border-box;-webkit-appearance:none;appearance:none}
.kc-info-input:focus{border-color:#0046FF}
.kc-info-submit{background:#0046FF;color:#fff;border:none;border-radius:8px;padding:11px 14px;font-size:0.82rem;font-weight:600;cursor:pointer;transition:background 0.15s;margin-top:4px;width:100%;-webkit-appearance:none;appearance:none;-webkit-user-select:none;user-select:none}
.kc-info-submit:active{background:#0035CC}
.kc-window.kc-dark .kc-info-input{background:#2d2d44;color:#e0e0e0;border-color:#444}

/* ── OVERLAY ── */
.mascot-widget.chat-open::before{content:'';position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(15,23,42,0.55);z-index:9350;backdrop-filter:blur(3px);-webkit-backdrop-filter:blur(3px);animation:kc-overlay-fade 0.35s ease;pointer-events:none}

/* ── Mobile: Bottom Sheet Style ── */
@media(max-width:768px){
  .kc-window{position:fixed !important;bottom:0 !important;right:0 !important;left:0 !important;width:100% !important;max-width:none !important;height:0 !important;border-radius:28px 28px 0 0 !important;transform:none !important;opacity:0;pointer-events:none !important;transition:height 0.35s cubic-bezier(0.32,0.72,0.3,1),opacity 0.35s ease,box-shadow 0.35s ease !important;z-index:9400 !important;margin:0 !important;box-shadow:0 -8px 50px rgba(15,23,42,0.15) !important;border:none !important}
  .kc-window.visible{height:min(75dvh, 85dvh) !important;opacity:1 !important;pointer-events:auto !important;box-shadow:0 -12px 60px rgba(15,23,42,0.25) !important}

  .kc-handle{display:flex !important;justify-content:center !important;align-items:center !important;height:32px !important;cursor:grab !important;touch-action:none !important;-webkit-user-select:none !important;user-select:none !important;background:#fff !important;border-bottom:1px solid rgba(15,23,42,0.08) !important;flex-shrink:0 !important}
  .kc-window.kc-dark .kc-handle{background:#1a1a2e !important;border-bottom-color:rgba(224,224,224,0.12) !important}
  .kc-handle::before{content:'' !important;width:48px !important;height:6px !important;background:rgba(15,23,42,0.4) !important;border-radius:3px !important;transition:background 0.2s !important}
  .kc-handle:active::before{background:rgba(15,23,42,0.6) !important}
  .kc-window.kc-dark .kc-handle::before{background:rgba(224,224,224,0.4) !important}
  .kc-window.kc-dark .kc-handle:active::before{background:rgba(224,224,224,0.6) !important}

  .kc-header{padding:14px 18px !important;font-size:0.77rem !important;flex-shrink:0 !important;font-weight:600 !important}
  .kc-close{padding:6px 8px !important;margin:-6px -8px !important;font-size:1.3rem !important;opacity:0.9 !important}
  .kc-close:active{opacity:1 !important}
  .kc-msgs{padding:14px 16px 20px 16px !important;gap:9px !important;flex:1 !important;overflow-y:auto !important}
  .kc-msg{max-width:84% !important;padding:10px 13px !important;font-size:0.79rem !important;border-radius:11px !important;line-height:1.6 !important}
  .kc-form{padding:14px 16px max(14px, calc(env(safe-area-inset-bottom) + 6px)) 16px !important;gap:9px !important;flex-shrink:0 !important;border-top:1px solid rgba(15,23,42,0.1) !important;background:#fff !important}
  .kc-window.kc-dark .kc-form{background:#1a1a2e !important;border-top-color:rgba(224,224,224,0.15) !important}
  .kc-input{padding:11px 13px !important;font-size:16px !important;border-radius:8px !important;height:44px !important}
  .kc-send{width:44px !important;height:44px !important;font-size:1.15rem !important;flex-shrink:0 !important}
  .kc-email{padding:11px 13px !important;font-size:16px !important;border-radius:8px !important;height:44px !important}
  .kc-suggestions{padding:10px 16px !important;gap:8px !important;max-height:220px !important;flex-shrink:0 !important;border-top:1px solid rgba(15,23,42,0.1) !important;background:#fafafa !important;overflow-y:auto !important;-webkit-overflow-scrolling:touch !important}
  .kc-window.kc-dark .kc-suggestions{background:rgba(224,224,224,0.05) !important;border-top-color:rgba(224,224,224,0.15) !important}
  .kc-suggestion-btn{padding:9px 13px !important;font-size:0.75rem !important;border-radius:8px !important;height:38px !important;line-height:1.2 !important}
  .kc-calendar{gap:8px !important;padding:10px 0 !important}
  .kc-slot-btn{padding:11px 12px !important;font-size:0.75rem !important;border-radius:8px !important;height:42px !important;display:flex !important;align-items:center !important;justify-content:center !important}
  .kc-info-form{gap:9px !important;padding:8px 0 !important}
  .kc-info-input{padding:11px 13px !important;font-size:16px !important;border-radius:8px !important;height:42px !important}
  .kc-info-submit{padding:11px 13px !important;font-size:0.79rem !important;margin-top:6px !important;border-radius:8px !important;height:42px !important;font-weight:600 !important}
  .kc-cta-btn{padding:11px 16px !important;font-size:0.79rem !important;border-radius:8px !important;height:42px !important;font-weight:600 !important}
  .kc-dark-toggle{padding:6px 8px !important;margin:-6px -8px !important;font-size:1rem !important;opacity:0.9 !important}
  .kc-dark-toggle:active{opacity:1 !important}
}