@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600&display=swap');

:root {
  --zk-primary:    #1a1a2e;
  --zk-accent:     #8a33fd;
  --zk-accent-lt:  #a55dff;
  --zk-bg:         #ffffff;
  --zk-bubble-bg:  #f0f0f7;
  --zk-text:       #1a1a2e;
  --zk-muted:      #8888aa;
  --zk-border:     #e8e8f0;
  --zk-shadow:     0 8px 40px rgba(26,26,46,.18);
  --zk-font:       'DM Sans', sans-serif;
  --zk-radius:     18px;
  --zk-win-w:      360px;
  --zk-win-h:      520px;
  --zk-maskot-circle: url('data:image/png;base64,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');
  --zk-maskot-avatar: url('data:image/png;base64,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');
}

#zknit-buyer-wrapper * { box-sizing:border-box; margin:0; padding:0; font-family:var(--zk-font); }

#zknit-buyer-wrapper { position:fixed; bottom:28px; right:28px; z-index:99999; display:flex; flex-direction:column; align-items:flex-end; gap:14px; }

/* Bubble — mascot image */
#zknit-buyer-bubble { width:62px; height:62px; border-radius:50%; background:var(--zk-maskot-circle) center/cover, var(--zk-accent); border:3px solid var(--zk-accent); cursor:pointer; display:flex; align-items:center; justify-content:center; box-shadow:0 4px 20px rgba(138,51,253,.45); transition:transform .2s cubic-bezier(.34,1.56,.64,1), box-shadow .2s; color:#fff; padding:0; overflow:hidden; }
#zknit-buyer-bubble:hover { transform:scale(1.1); box-shadow:0 6px 28px rgba(138,51,253,.55); }
.zknit-bubble-icon { display:flex; align-items:center; justify-content:center; width:100%; height:100%; }
.zknit-icon-chat { background:var(--zk-maskot-circle) center/cover; border-radius:50%; }
.zknit-icon-close { background:rgba(138,51,253,.9); border-radius:50%; }
.zknit-icon-close svg { width:22px; height:22px; }
#zknit-buyer-bubble svg { width:22px; height:22px; pointer-events:none; }

/* Window */
#zknit-buyer-window { width:var(--zk-win-w); height:var(--zk-win-h); background:var(--zk-bg); border-radius:var(--zk-radius); box-shadow:var(--zk-shadow); display:flex; flex-direction:column; overflow:hidden; transform-origin:bottom right; animation:zk-pop .25s cubic-bezier(.34,1.56,.64,1) both; }
@keyframes zk-pop { from{transform:scale(.7);opacity:0;} to{transform:scale(1);opacity:1;} }

/* Header */
#zknit-buyer-header { background:var(--zk-primary); padding:12px 16px; display:flex; align-items:center; gap:10px; flex-shrink:0; }
.zknit-header-avatar { width:38px; height:38px; border-radius:50%; background:var(--zk-maskot-avatar) center/cover, var(--zk-accent); display:flex; align-items:center; justify-content:center; color:#fff; flex-shrink:0; overflow:hidden; border:2px solid var(--zk-accent); }
.zknit-header-avatar svg { display:none; }
.zknit-header-info { display:flex; flex-direction:column; flex:1; }
.zknit-header-name { color:#fff; font-size:13px; font-weight:600; }
.zknit-header-status { color:#6ef0a0; font-size:11px; font-weight:500; }
#zknit-buyer-reset { background:rgba(255,255,255,.1); border:none; cursor:pointer; color:rgba(255,255,255,.7); padding:6px; border-radius:8px; display:flex; align-items:center; transition:background .15s, color .15s; }
#zknit-buyer-reset:hover { background:rgba(255,255,255,.2); color:#fff; }
#zknit-buyer-reset svg { width:16px; height:16px; }

/* Messages */
#zknit-buyer-messages { flex:1; overflow-y:auto; padding:18px 14px 10px; display:flex; flex-direction:column; gap:12px; scroll-behavior:smooth; }
#zknit-buyer-messages::-webkit-scrollbar { width:4px; }
#zknit-buyer-messages::-webkit-scrollbar-thumb { background:var(--zk-border); border-radius:4px; }

.zknit-msg { display:flex; flex-direction:column; gap:6px; animation:zk-fade .25s ease both; }
@keyframes zk-fade { from{opacity:0;transform:translateY(8px);} to{opacity:1;transform:translateY(0);} }
.zknit-msg-bubble { background:var(--zk-bubble-bg); color:var(--zk-text); padding:10px 14px; border-radius:4px 16px 16px 16px; font-size:13.5px; line-height:1.5; max-width:88%; width:fit-content; }
.zknit-msg-user { align-items:flex-end; }
.zknit-msg-user .zknit-msg-bubble { background:var(--zk-accent); color:#fff; border-radius:16px 4px 16px 16px; align-self:flex-end; }
.zknit-ai-summary { background:#f3eeff; border:1px solid #d4b3ff; color:#5a1fa0; padding:9px 13px; border-radius:10px; font-size:12.5px; line-height:1.5; width:fit-content; max-width:90%; }
.zknit-error-bubble { background:#fff0f3; border:1px solid #ffd0d8; color:#c0392b; padding:8px 12px; border-radius:10px; font-size:12.5px; }

.zknit-typing { display:flex; align-items:center; gap:5px; padding:10px 14px; background:var(--zk-bubble-bg); border-radius:4px 16px 16px 16px; width:fit-content; }
.zknit-typing span { width:7px; height:7px; border-radius:50%; background:var(--zk-muted); animation:zk-dot 1.2s infinite; }
.zknit-typing span:nth-child(2){animation-delay:.2s;} .zknit-typing span:nth-child(3){animation-delay:.4s;}
@keyframes zk-dot { 0%,80%,100%{transform:scale(.6);opacity:.4;} 40%{transform:scale(1);opacity:1;} }

.zknit-buttons { display:flex; flex-wrap:wrap; gap:7px; padding:2px 0; }
.zknit-cat-btn { background:var(--zk-bg); border:1.5px solid var(--zk-border); color:var(--zk-text); padding:7px 13px; border-radius:20px; font-size:13px; font-weight:500; cursor:pointer; transition:all .15s; display:flex; align-items:center; gap:5px; line-height:1; font-family:var(--zk-font); }
.zknit-cat-btn:hover { background:var(--zk-accent); border-color:var(--zk-accent); color:#fff; transform:translateY(-1px); box-shadow:0 3px 10px rgba(138,51,253,.25); }
.zknit-cat-btn.selected { background:var(--zk-primary); border-color:var(--zk-primary); color:#fff; pointer-events:none; }
.zknit-buttons.disabled .zknit-cat-btn { opacity:.45; pointer-events:none; transform:none; box-shadow:none; }
.zknit-buttons.disabled .zknit-cat-btn.selected { opacity:1; }
.zknit-browse-all { display:inline-block; font-size:11.5px; font-weight:500; color:var(--zk-muted); text-decoration:none; padding:2px 0 6px 2px; transition:color .15s; }
.zknit-browse-all:hover { color:var(--zk-accent); }

.zknit-breadcrumb { display:flex; align-items:center; gap:5px; flex-wrap:wrap; padding:0 2px; }
.zknit-bc-item { font-size:11px; color:var(--zk-muted); font-weight:500; }
.zknit-bc-item a { color:var(--zk-muted); text-decoration:none; }
.zknit-bc-item.active a { color:var(--zk-accent); }
.zknit-bc-item a:hover { text-decoration:underline; }
.zknit-bc-sep { font-size:11px; color:var(--zk-border); }

#zknit-buyer-input-area { display:flex; align-items:center; gap:8px; padding:10px 12px; border-top:1px solid var(--zk-border); flex-shrink:0; }
#zknit-buyer-input { flex:1; border:1.5px solid var(--zk-border); border-radius:20px; padding:8px 14px; font-size:13px; font-family:var(--zk-font); color:var(--zk-text); outline:none; background:var(--zk-bubble-bg); transition:border-color .15s; }
#zknit-buyer-input:focus { border-color:var(--zk-accent); background:#fff; }
#zknit-buyer-input::placeholder { color:var(--zk-muted); }
#zknit-buyer-input:disabled { opacity:.5; cursor:not-allowed; }
#zknit-buyer-send { width:36px; height:36px; border-radius:50%; background:var(--zk-accent); border:none; cursor:pointer; display:flex; align-items:center; justify-content:center; color:#fff; flex-shrink:0; transition:background .15s,transform .15s; }
#zknit-buyer-send:hover { background:var(--zk-accent-lt); transform:scale(1.08); }
#zknit-buyer-send:disabled { opacity:.4; cursor:not-allowed; transform:none; }
#zknit-buyer-send svg { width:15px; height:15px; }

#zknit-buyer-footer { padding:6px 16px; text-align:center; border-top:1px solid var(--zk-border); flex-shrink:0; display:flex; align-items:center; justify-content:center; gap:6px; flex-wrap:wrap; }
#zknit-buyer-footer span { font-size:10.5px; color:var(--zk-muted); font-weight:500; }
.zknit-footer-sep { font-size:10.5px; color:var(--zk-border) !important; }
#zknit-reach-out { font-size:11px; font-weight:600; color:var(--zk-accent) !important; text-decoration:none; font-family:var(--zk-font); transition:opacity .15s; }
#zknit-reach-out:hover { opacity:.75; }

#zknit-feedback-panel { flex:1; overflow-y:auto; padding:16px; background:var(--zk-bg); display:flex; flex-direction:column; }
.zknit-feedback-intro { background:var(--zk-bubble-bg); border-radius:12px; padding:11px 14px; margin-bottom:12px; }
.zknit-feedback-intro p { font-size:13px; color:var(--zk-text); line-height:1.55; margin:0; }
#zknit-feedback-form { display:flex; flex-direction:column; gap:11px; }
.zknit-feedback-row { display:flex; flex-direction:column; gap:4px; }
.zknit-feedback-row label { font-size:11.5px; font-weight:600; color:var(--zk-muted); text-transform:uppercase; letter-spacing:.05em; }
.zknit-feedback-row input,.zknit-feedback-row select,.zknit-feedback-row textarea { border:1.5px solid var(--zk-border); border-radius:10px; padding:8px 11px; font-size:13px; font-family:var(--zk-font); color:var(--zk-text); background:var(--zk-bubble-bg); outline:none; transition:border-color .15s; resize:none; }
.zknit-feedback-row input:focus,.zknit-feedback-row select:focus,.zknit-feedback-row textarea:focus { border-color:var(--zk-accent); background:#fff; }
.zknit-feedback-actions { display:flex; gap:8px; justify-content:flex-end; margin-top:4px; }
.zknit-feedback-btn { padding:8px 18px; border-radius:20px; border:none; cursor:pointer; font-size:13px; font-weight:600; font-family:var(--zk-font); transition:all .15s; }
.zknit-feedback-primary { background:var(--zk-accent); color:#fff; }
.zknit-feedback-primary:hover { background:var(--zk-accent-lt); }
.zknit-feedback-primary:disabled { opacity:.5; cursor:not-allowed; }
.zknit-feedback-secondary { background:var(--zk-bubble-bg); color:var(--zk-muted); border:1.5px solid var(--zk-border); }
.zknit-feedback-secondary:hover { background:var(--zk-border); color:var(--zk-text); }
#zknit-feedback-status { font-size:12.5px; padding:2px 0; min-height:18px; }
.zknit-fb-ok { color:#276749; } .zknit-fb-err { color:#c0392b; }

@media(max-width:420px) {
  #zknit-buyer-wrapper { bottom:16px; right:16px; }
  #zknit-buyer-window { width:calc(100vw - 32px); height:70vh; }
}

/* ── Tooltip on bubble ─────────────────────────────────────────── */
#zknit-bubble-tooltip {
  position: fixed;
  bottom: 100px;
  right: 28px;
  background: #1a1a2e;
  color: #ffffff;
  font-size: 12.5px;
  font-weight: 500;
  padding: 9px 14px;
  border-radius: 12px 12px 0 12px;
  box-shadow: 0 4px 16px rgba(26,26,46,.35);
  opacity: 0;
  transform: translateY(8px);
  transition: opacity .35s ease, transform .35s ease;
  pointer-events: none;
  z-index: 99998;
  max-width: 200px;
  text-align: right;
  line-height: 1.4;
}
#zknit-bubble-tooltip::after {
  content: '';
  position: absolute;
  bottom: -7px;
  right: 14px;
  border: 7px solid transparent;
  border-top-color: #1a1a2e;
  border-bottom: none;
}
#zknit-bubble-tooltip.zknit-tooltip-visible {
  opacity: 1;
  transform: translateY(0);
}
/* Mobile: hide tooltip entirely. Media query AFTER base rules so it wins cascade. */
@media (max-width: 768px), (hover: none) {
  #zknit-bubble-tooltip,
  #zknit-bubble-tooltip.zknit-tooltip-visible {
    display: none !important;
    opacity: 0 !important;
    visibility: hidden !important;
    pointer-events: none !important;
  }
  /* Additional safeguard: hide tooltip text content specifically */
  #zknit-bubble-tooltip * {
    visibility: hidden !important;
  }
}