@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;
  }
}