/* =============================================
   SALES BOT (LIGHT) — Premium White & Gold Theme
   ============================================= */

.sales-minimal-page{
  --mint: #ffffff;
  --header1: #111827;  /* near-black */
  --header2: #111827;
  --user: #f59e0b;     /* gold */
}

/* Mostly white background with subtle gold wash */
.sales-minimal-page::before{
  background: radial-gradient(circle at 20% 0%, rgba(245,158,11,.10) 0%, transparent 45%),
              radial-gradient(circle at 100% 30%, rgba(245,158,11,.08) 0%, transparent 50%),
              linear-gradient(180deg, #ffffff 0%, #fffaf0 100%) !important;
}
.sales-minimal-page{
  background: #ffffff !important;
}

/* Header — dark premium bar with gold underline */
.sales-minimal-page .topbar-inner{
  background: linear-gradient(135deg, #111827 0%, #0f172a 100%) !important;
  border-radius: 18px;
  box-shadow: 0 10px 28px rgba(0,0,0,.18);
  position: relative;
}
.sales-minimal-page .topbar-inner::after{
  content:"";
  position:absolute;
  left:16px; right:16px; bottom:0;
  height:3px;
  border-radius: 999px;
  background: linear-gradient(90deg, #f59e0b 0%, rgba(245,158,11,.10) 100%);
  opacity: .95;
}

/* Dot */
.sales-minimal-page .dot{
  background: #f59e0b;
}

/* Avatar */
.sales-minimal-page .bot-avatar{
  background: #111827 !important;
  box-shadow: 0 6px 16px rgba(0,0,0,.18);
}
.sales-minimal-page .bot-avatar svg{ fill: #f59e0b; }

/* User bubble — gold, premium */
.sales-minimal-page .bubble.user{
  background: #f59e0b !important;
  color: #111827 !important;
  font-weight: 600;
}

/* Bot bubble — white card */
.sales-minimal-page .bubble.bot{
  background: #ffffff !important;
  border: 1px solid rgba(17,24,39,.08) !important;
  box-shadow: 0 10px 20px rgba(0,0,0,.06) !important;
}

/* Template buttons — clean cards */
.sales-minimal-page .tpl-btn{
  background: #ffffff !important;
  border-color: rgba(17,24,39,.12) !important;
  color: #111827 !important;
  border-radius: 14px !important;
}
.sales-minimal-page .tpl-btn:hover{
  border-color: rgba(245,158,11,.32) !important;
  box-shadow: 0 12px 22px rgba(0,0,0,.08) !important;
}
.sales-minimal-page .tpl-btn.clicked{
  border-color: rgba(245,158,11,.55) !important;
  box-shadow: 0 14px 26px rgba(245,158,11,.10) !important;
}
.sales-minimal-page .tpl-btn .tpl-icon svg{ fill: #f59e0b !important; }

/* Checkbox */
.sales-minimal-page .checkbox-option{
  color: #111827 !important;
  border-color: rgba(17,24,39,.12) !important;
}
.sales-minimal-page .checkbox-option:hover{
  border-color: rgba(245,158,11,.32) !important;
  box-shadow: 0 12px 22px rgba(0,0,0,.06) !important;
}
.sales-minimal-page .checkbox-option.checked{
  border-color: rgba(245,158,11,.55) !important;
  background: rgba(245,158,11,.08) !important;
}
.sales-minimal-page .checkbox-option.checked .cb-toggle{
  background: #f59e0b !important;
  border-color: #f59e0b !important;
}
.sales-minimal-page .cb-submit-btn{
  background: linear-gradient(135deg, #f59e0b 0%, #fbbf24 100%) !important;
  box-shadow: 0 10px 20px rgba(245,158,11,.14) !important;
}

/* Composer */
.sales-minimal-page .composer{ background: #fffaf0 !important; }
.sales-minimal-page .composer-card:focus-within{
  border-color: rgba(245,158,11,.35) !important;
  box-shadow: 0 0 0 4px rgba(245,158,11,.10), 0 18px 38px rgba(0,0,0,.10) !important;
}

/* Send button */
.sales-minimal-page .send-icon-btn{
  background: #111827 !important;
  box-shadow: 0 12px 22px rgba(0,0,0,.14) !important;
}
.sales-minimal-page .send-icon-btn:hover{
  background: #0f172a !important;
}
.sales-minimal-page .typing-dot{ background: #f59e0b; }
.sales-minimal-page .composer-note{ color: #6b7280; opacity: .7; }