/* =====================================================
   LP LIVE — CORE THEME
   Estrutura:
   1) Base global
   2) Botões e utilitários
   3) Client Cart
   4) LiveBoard
   5) ArchiveBoard
   6) Archive Index / Tabelas
   7) Responsivo
   ===================================================== */

/* =====================================================
   1) BASE GLOBAL
===================================================== */

.lp-theme{
  font-family: system-ui, -apple-system, "Segoe UI", Roboto, Arial, sans-serif,
               "Apple Color Emoji", "Segoe UI Emoji", "Noto Color Emoji" !important;
}

.lp-alert{
  padding:.55rem .75rem;
  border-radius:.6rem;
  margin:.4rem 0;
  font-size:.85rem;
}

/* ===== FORCE GLOBAL COLORS (ANTI ELEMENTOR) ===== */
.lp-theme{
  color:#111827;
}

.lp-theme input,
.lp-theme textarea,
.lp-theme select{
  border:1px solid #e5e7eb !important;
  color:#111827 !important;
  background:#fff !important;
}

.lp-theme input::placeholder,
.lp-theme textarea::placeholder{
  color:#9ca3af !important;
}

.lp-theme .lp-btn{
  border-color:transparent !important;
}

/* remove rosa do focus */
.lp-theme input:focus,
.lp-theme textarea:focus,
.lp-theme button:focus,
.lp-theme select:focus{
  outline:none !important;
  box-shadow:none !important;
  border-color:#e5e7eb !important;
}

/* remove cor de link do elementor */
.lp-theme a{
  color:inherit !important;
  text-decoration:none;
}

.lp-success{
  background:#ecfdf5;
  border:1px solid #bbf7d0;
  color:#166534;
}

.lp-error{
  background:#fef2f2;
  border:1px solid #fecaca;
  color:#b91c1c;
}

.lp-empty{
  margin-top:10px;
  font-size:.9rem;
  text-align:center;
  color:#6b7280;
}

.lp-editable{
  cursor:text;
  border-bottom:1px dashed transparent;
}

.lp-editable:hover{
  border-bottom-color:#94a3b8;
}

.lp-editable.is-empty{
  opacity:.75;
}

.lp-inline-input{
  width:100%;
  padding:.2rem .35rem;
  border:1px solid #cbd5e1;
  border-radius:.35rem;
  font:inherit;
  font-size:.88rem;
}

/* =====================================================
   2) BOTÕES E BADGES
===================================================== */

.lp-btn{
  border-radius:999px;
  padding:.55rem 1.1rem;
  border:1px solid transparent;
  font-size:.9rem;
  font-weight:600;
  cursor:pointer;
  text-decoration:none;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:6px;
  white-space:nowrap;
  transition:filter .15s ease, box-shadow .15s ease, transform .08s ease;
  outline:none;
  box-shadow:none;
}


.lp-btn:hover{
  filter:brightness(.97);
  transform:translateY(-1px);
}

.lp-btn-text-fix{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  line-height:1;
}

.lp-btn-primary{
  background:linear-gradient(135deg,#2563eb,#0ea5e9);
  color:#fff;
  border-color:#2563eb;
  box-shadow:none;
}

.lp-btn-primary:hover{
  filter:brightness(.96);
}

.lp-btn-light{
  background:#f3f4f6;
  color:#111827;
  border-color:#e5e7eb;
}

.lp-btn-light,
.lp-btn-light:visited,
.lp-btn-light:hover,
.lp-btn-light:focus{
  color:#111827 !important;
  border-color:#e5e7eb !important;
}

.lp-btn-danger{
  background:#b91c1c;
  color:#fff;
  border-color:#b91c1c;
  box-shadow:none;
}

.lp-btn-dark{
  background:#111827;
  color:#fff;
  border-color:#111827;
  box-shadow:none;
}

.lp-btn-sm{
  padding:.42rem .9rem;
  font-size:.82rem;
}

.lp-btn-mini{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  padding:.1rem .5rem;
  border:1px solid #e5e7eb;
  border-radius:.5rem;
  text-decoration:none;
  margin:0 .25rem;
  background:#fff;
  color:#111827;
  font-size:.75rem;
  font-weight:600;
}

.lp-btn-mini,
.lp-btn-mini:visited,
.lp-btn-mini:hover,
.lp-btn-mini:focus{
  color:#111827 !important;
  border-color:#e5e7eb !important;
}

/* ===== SAFE UI OVERRIDES (ANTI ELEMENTOR) ===== */
.lp-theme .lp-btn,
.lp-theme a.lp-btn,
.lp-theme button.lp-btn,
.lp-theme input.lp-btn{
  opacity:1 !important;
  visibility:visible !important;
  text-decoration:none !important;
}

.lp-theme .lp-btn-primary,
.lp-theme .lp-btn-primary:visited,
.lp-theme .lp-btn-primary:hover,
.lp-theme .lp-btn-primary:focus{
  background:linear-gradient(135deg,#2563eb,#0ea5e9) !important;
  color:#fff !important;
  border-color:#2563eb !important;
}

.lp-theme .lp-btn-danger,
.lp-theme .lp-btn-danger:visited,
.lp-theme .lp-btn-danger:hover,
.lp-theme .lp-btn-danger:focus{
  background:#b91c1c !important;
  color:#fff !important;
  border-color:#b91c1c !important;
}

.lp-theme .lp-btn-dark,
.lp-theme .lp-btn-dark:visited,
.lp-theme .lp-btn-dark:hover,
.lp-theme .lp-btn-dark:focus{
  background:#111827 !important;
  color:#fff !important;
  border-color:#111827 !important;
}

.lp-theme .lp-btn-light,
.lp-theme .lp-btn-light:visited,
.lp-theme .lp-btn-light:hover,
.lp-theme .lp-btn-light:focus,
.lp-theme a.lp-btn-light,
.lp-theme button.lp-btn-light{
  background:#f3f4f6 !important;
  color:#111827 !important;
  border:1px solid #e5e7eb !important;
}

.lp-theme .lp-btn-mini,
.lp-theme .lp-btn-mini:visited,
.lp-theme .lp-btn-mini:hover,
.lp-theme .lp-btn-mini:focus{
  background:#fff !important;
  color:#111827 !important;
  border:1px solid #e5e7eb !important;
  opacity:1 !important;
  visibility:visible !important;
}

.lp-theme .lp-btn-pix,
.lp-theme .lp-btn-pix:visited,
.lp-theme .lp-btn-pix:hover,
.lp-theme .lp-btn-pix:focus{
  background:linear-gradient(135deg,#00a650,#00d26a) !important;
  color:#fff !important;
  border-color:#00a650 !important;
}

.lp-theme .lp-cc-whats,
.lp-theme .lp-cc-whats:visited,
.lp-theme .lp-cc-whats:hover,
.lp-theme .lp-cc-whats:focus{
  background:#25D366 !important;
  color:#fff !important;
  border:1px solid #16a34a !important;
}

.lp-chip{
  display:inline-flex;
  align-items:center;
  gap:6px;
  padding:.35rem .65rem;
  border-radius:999px;
  border:1px solid #e5e7eb;
  background:#fff;
  font-weight:700;
  font-size:.78rem;
  color:#111827;
  cursor:pointer;
  text-decoration:none;
  user-select:none;
}

.lp-chip:hover{
  filter:brightness(.98);
}

.lp-chip-green{
  border-color:#16a34a55;
  background:#ecfdf5;
  color:#065f46;
}

.lp-chip-red{
  border-color:#ef444455;
  background:#fef2f2;
  color:#991b1b;
}

.lp-chip-black{
  border-color:#111827;
  background:#111827;
  color:#fff;
}

.lp-chip-whats{
  border-color:#16a34a55;
  background:#25D366;
  color:#fff;
}

.lp-chip-muted{
  background:#f3f4f6;
  color:#374151;
}

.lp-ig-badge,
.lp-ig-emoji,
.lp-ig-badge-gift{
  font-family: system-ui, -apple-system, "Segoe UI", Roboto, Arial, sans-serif,
               "Apple Color Emoji", "Segoe UI Emoji", "Noto Color Emoji" !important;
}

.lp-ig-badge{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  width:18px;
  height:18px;
  min-width:18px;
  margin-right:6px;
  border-radius:999px;
  background:#b91c1c;
  color:#fff;
  font-weight:700;
  font-size:.78rem;
  line-height:1;
  box-shadow:0 0 0 2px #fee2e2;
}

.lp-ig-badge-vip{
  background:#facc15;
  color:#111827;
  box-shadow:0 0 0 2px #fef3c7;
}

.lp-ig-badge-gift{
  background:transparent !important;
  border:0 !important;
  box-shadow:none !important;
  padding:0 !important;
  min-width:0 !important;
  width:auto !important;
  height:auto !important;
  margin-right:6px;
  font-size:16px;
  line-height:1;
}

.lp-ig-emoji{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  margin-right:6px;
  font-size:16px;
  line-height:1;
  transform:translateY(1px);
}

/* =====================================================
   3) CLIENT CART
===================================================== */

.lp-clientcart{
  min-height:70vh;
  display:flex;
  align-items:center;
  justify-content:center;
  padding:24px 12px;
  background:#e5e7eb;
}

.lp-cc-shell{
  width:100%;
  max-width:700px;
}

.lp-cc-card{
  background:#ffffff;
  border-radius:28px;
  padding:28px 24px 26px;
  box-shadow:0 35px 60px rgba(15,23,42,0.18);
  border:1px solid #e5e7eb;
}

.lp-cc-logo{
  display:flex;
  justify-content:center;
  margin-bottom:12px;
}

.lp-cc-logo-inner img{
  max-width:100px;
  height:auto;
  display:block;
  padding:4px;
  background:#fff;
}

.lp-cc-header h1{
  margin:0 0 4px;
  font-size:2rem;
  text-align:center;
  color:#2563eb;
  font-weight:700;
}

.lp-cc-header h1,
.lp-liveboard .lp-grand,
.lp-formwrap h2,
.lp-cc-item-code,
.lp-archiveindex h1,
.lp-archive-index h1,
#lp-archiveindex h1,
#lp-archive-index h1{
  color:#2563eb !important;
}

.lp-cc-header p{
  margin:0 0 18px;
  text-align:center;
  color:#6b7280;
  font-size:.95rem;
}

.lp-cc-form label{
  font-size:.85rem;
  font-weight:600;
  color:#4b5563;
  margin-bottom:4px;
  display:block;
}

.lp-cc-inputrow{
  display:flex;
  align-items:stretch;
  background:#f3f4f6;
  border-radius:999px;
  padding:3px;
  box-shadow:0 8px 15px rgba(148,163,184,0.35);
}

.lp-cc-at{
  padding:0 .9rem;
  display:flex;
  align-items:center;
  color:#9ca3af;
  font-size:.95rem;
}

.lp-cc-inputrow input{
  flex:1;
  border:none;
  background:transparent;
  outline:none;
  font-size:.95rem;
  padding:.55rem .2rem;
  color:#111827;
}

.lp-cc-inputrow input::placeholder{
  color:#d1d5db;
}

.lp-cc-meta{
  display:flex;
  justify-content:space-between;
  align-items:center;
  margin-top:14px;
  font-size:.92rem;
  color:#4b5563;
}

.lp-cc-sub{
  display:block;
  font-size:.8rem;
  color:#6b7280;
}

.lp-cc-cart{
  margin-top:16px;
  background:#f9fafb;
  border-radius:18px;
  border:1px solid #e5e7eb;
  padding:14px 14px 10px;
}

.lp-cc-cart h2{
  margin:0 0 10px;
  font-size:1rem;
  color:#111827;
}

.lp-cc-list{
  list-style:none;
  margin:0;
  padding:0;
}

.lp-cc-item{
  background:#ffffff;
  border-radius:14px;
  border:1px solid #e5e7eb;
  padding:10px 12px;
  margin-bottom:8px;
  box-shadow:0 10px 18px rgba(148,163,184,0.25);
}

.lp-cc-item-top{
  display:flex;
  justify-content:space-between;
  align-items:flex-start;
  gap:8px;
}

.lp-cc-item-info{
  display:flex;
  flex-wrap:wrap;
  gap:6px;
  align-items:center;
  font-size:.95rem;
}

.lp-cc-item-code{
  font-weight:600;
  color:#111827;
}

.lp-cc-tag{
  padding:2px 8px;
  border-radius:999px;
  background:#eef2ff;
  color:#4338ca;
  font-size:.75rem;
  font-weight:600;
}

.lp-cc-item-qtyprice{
  text-align:right;
  font-size:.85rem;
  display:flex;
  flex-direction:column;
  gap:2px;
  color:#6b7280;
}

.lp-cc-item-qtyprice strong{
  font-size:.95rem;
  color:#111827;
}

.lp-cc-note-loja{
  margin-top:6px;
  font-size:.85rem;
  color:#374151;
}

.lp-cc-total{
  margin-top:10px;
  padding-top:8px;
  border-top:1px dashed #d1d5db;
  display:flex;
  justify-content:space-between;
  font-size:.95rem;
}

.lp-cc-total strong{
  font-size:1.05rem;
}

.lp-cc-paynow{
  margin-top:14px;
  display:flex;
  justify-content:center;
}

.lp-btn-pix{
  background:linear-gradient(135deg,#00a650,#00d26a);
  color:#fff !important;
  box-shadow:0 12px 22px rgba(0,166,80,0.38);
}

.lp-btn-pix:hover{
  filter:brightness(.96);
}

.lp-cc-clientbubble{
  margin-top:16px;
}

.lp-cc-clientbubble-label{
  font-size:.85rem;
  color:#6b7280;
  margin-bottom:4px;
}

.lp-cc-clientbubble-text{
  background:#e0f2fe;
  border-radius:18px;
  padding:10px 12px;
  border:1px solid #bae6fd;
  font-size:.9rem;
  color:#0f172a;
  max-width:100%;
  line-height:1.4;
}

.lp-cc-clientnote{
  margin-top:18px;
}

.lp-cc-clientnote h2{
  font-size:1rem;
  margin:0 0 6px;
  color:#111827;
}

.lp-cc-noteform textarea{
  width:100%;
  border-radius:14px;
  border:1px solid #d1d5db;
  padding:.6rem .7rem;
  font-size:.9rem;
  resize:vertical;
}

.lp-cc-note-actions{
  margin-top:10px;
  display:flex;
  flex-wrap:wrap;
  gap:8px;
  justify-content:center;
  align-items:center;
  text-align:center;
}

.lp-cc-whats{
  background:#25D366;
  color:#fff !important;
  border:1px solid #16a34a !important;
  box-shadow:0 12px 22px rgba(22,163,74,0.45);
}

.lp-cc-whats:hover{
  filter:brightness(.96);
}

.lp-cc-whats-icon{
  font-size:1.1rem;
}

.lp-cc-clientprofile{
  margin-top:16px;
  background:#f9fafb;
  border-radius:18px;
  border:1px solid #e5e7eb;
  padding:14px;
}

.lp-cc-clientprofile h2{
  margin:0 0 10px;
  font-size:1rem;
  color:#111827;
}

.lp-cc-profileform{
  display:flex;
  flex-direction:column;
  gap:10px;
}

.lp-cc-profilegrid{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:10px;
}

.lp-cc-field{
  display:flex;
  flex-direction:column;
  gap:4px;
}

.lp-cc-field label{
  font-size:.85rem;
  font-weight:600;
  color:#4b5563;
}

.lp-cc-field input{
  width:100%;
  border-radius:14px;
  border:1px solid #d1d5db;
  padding:.6rem .7rem;
  font-size:.9rem;
  background:#fff;
  outline:none;
}

.lp-cc-profile-actions{
  display:flex;
  justify-content:center;
  margin-top:4px;
}


.lp-cc-profile-actions .lp-btn{
  min-height:48px;
  padding:.75rem 1.4rem;
  line-height:1;
}

.lp-cc-openlives{
  margin-top:16px;
  margin-bottom:12px;
  background:#fef2f2;
  border:1px solid #fecaca;
  border-radius:16px;
  padding:12px;
}

.lp-cc-openlives-title{
  color:#991b1b;
  font-size:.92rem;
  font-weight:700;
  text-align:center;
  margin-bottom:10px;
}

.lp-cc-openlives-actions{
  display:flex;
  gap:8px;
  flex-wrap:wrap;
  justify-content:center;
}

/* =====================================================
   4) LIVEBOARD
===================================================== */

.lp-liveboard{
  min-height:70vh;
  padding:24px 10px 40px;
  background:#e5e7eb;
  display:block;
  font-size:14px;
}

.lp-liveboard .lp-grand{
  text-align:center;
  margin:.5rem auto 2rem auto;
  font-weight:700;
  font-size:1.8rem;
  color:#2563eb;
  max-width:1100px;
  text-shadow:0 2px 8px rgba(37,99,235,.25);
}

.lp-liveboard .lp-toolbar{
  max-width:min(1300px, calc(100vw - 24px));
  margin:0 auto 1rem auto;
  display:grid;
  grid-template-columns:minmax(620px, 920px) max-content max-content max-content max-content;
  grid-template-rows:auto auto;
  gap:10px 15px;
  align-items:center;
  justify-content:start;
}

.lp-liveboard .lp-toolbar .lp-filtros{
  display:contents;
}

.lp-liveboard .lp-toolbar .lp-actions-right{
  display:contents;
}

.lp-liveboard .lp-filtros input{
  width:100%;
  min-width:0;
  padding:.62rem 1.05rem;
  border:1px solid #e5e7eb;
  border-radius:999px;
  background:#f9fafb;
  font-size:.92rem;
  outline:none;
  box-shadow:none;
  outline:none;
}

.lp-liveboard .lp-filtros input,
.lp-liveboard .lp-filtros input::placeholder,
.lp-field input,
.lp-field textarea,
.lp-field input::placeholder,
.lp-field textarea::placeholder{
  color:#6b7280 !important;
}

.lp-liveboard .lp-filtros input[name="f_ig"]{
  grid-column:1;
  grid-row:1;
  max-width:1200px;
}

.lp-liveboard .lp-filtros input[name="f_code"]{
  grid-column:1;
  grid-row:2;
  max-width:1240px;
}

.lp-liveboard .lp-filtros button[type="submit"]{
  grid-column:2;
  grid-row:2;
  justify-self:start;
}

.lp-liveboard .lp-filtros a.lp-btn{
  grid-column:3;
  grid-row:2;
  justify-self:start;
  transform:translateX(-90px);
}

.lp-liveboard a[href*="action=lp_export_csv_front"]{
  grid-column:2;
  grid-row:1;
  justify-self:start;
}

.lp-liveboard a[href*="action=lp_export_csv_front_wide"]{
  grid-column:3;
  grid-row:1;
  justify-self:start;
}

.lp-liveboard a[href*="/sorteio"],
.lp-liveboard a[href*="sorteio"]{
  grid-column:4;
  grid-row:1;
  justify-self:start;
}

.lp-liveboard a[href*="autorefresh"]{
  grid-column:4;
  grid-row:2;
  justify-self:start;
  transform:translateX(-180px);
}

.lp-liveboard .lp-toolbar .lp-btn-danger{
  grid-column:5;
  grid-row:2;
  justify-self:start;
  transform:translateX(-182px);
}

.lp-liveboard .lp-btn{
  font-size:.87rem;
  font-weight:600;
  padding:.55rem 1rem;
}

.lp-formwrap{
  max-width:1100px;
  margin:0 auto 1.5rem auto;
  padding:24px 22px 20px;
  background:#ffffff;
  border-radius:28px;
  box-shadow:0 35px 60px rgba(15,23,42,0.18);
  border:1px solid #e5e7eb;
}

.lp-formwrap h2{
  margin:0 0 4px;
  font-size:1.4rem;
  text-align:center;
  color:#2563eb;
  font-weight:700;
}

.lp-formwrap > .lp-alert{
  max-width:560px;
  margin:.6rem auto 0 auto;
}

.lp-form-grid{
  margin-top:14px;
  display:grid;
  grid-template-columns:repeat(5,minmax(140px,1fr));
  gap:12px;
  align-items:end;
}

.lp-field{
  display:flex;
  flex-direction:column;
  gap:3px;
  font-size:.85rem;
}

.lp-field label{
  font-weight:600;
  color:#4b5563;
}

.lp-field input,
.lp-field textarea{
  border-radius:999px;
  border:1px solid #e5e7eb !important;
  padding:.45rem .8rem;
  font-size:.9rem;
  background:#f9fafb !important;
  color:#111827 !important;
  outline:none;
}



.lp-field input:focus,
.lp-field textarea:focus,
.lp-liveboard .lp-filtros input:focus,
.lp-liveboard .lp-btn:focus,
.lp-liveboard .lp-btn:focus-visible,
.lp-liveboard .lp-btn-mini:focus,
.lp-liveboard .lp-btn-mini:focus-visible{
  outline:none !important;
  box-shadow:none !important;
}

.lp-field textarea{
  border-radius:16px;
  resize:vertical;
  min-height:60px;
}

.lp-actions{
  grid-column:1/-1;
  display:flex;
  gap:8px;
  justify-content:flex-end;
  margin-top:4px;
}


.lp-quit-warning input{
  border:2px solid #dc2626 !important;
  background:#fee2e2 !important;
}

.lp-quit-warning::after{
  content:"⚠️ Cliente já desistiu em live anterior";
  display:block;
  font-size:12px;
  font-weight:700;
  color:#991b1b;
  margin-top:4px;
}

.lp-pending-warning input{
  border:2px solid #f59e0b !important;
  background:#fffbeb !important;
}

.lp-pending-warning::after{
  content:"🟡 Cliente possui carrinho pendente";
  display:block;
  font-size:12px;
  font-weight:700;
  color:#f59e0b;
  margin-top:4px;
}

.lp-liveboard .lp-kanban{
  max-width:1100px;
  margin:0 auto;
  display:grid;
  grid-template-columns:repeat(4,minmax(240px,1fr));
  gap:16px;
}

.lp-liveboard .lp-col{
  background:#fff;
  border:1px solid rgba(239,68,68,.28);
  border-radius:18px;
  display:flex;
  flex-direction:column;
  max-height:70vh;
  box-shadow:0 18px 35px rgba(148,163,184,.35), 0 0 0 2px rgba(239,68,68,.08);
  overflow:hidden;
}

.lp-liveboard .lp-col-header{
  position:relative;
  display:grid;
  grid-template-columns:1fr auto;
  grid-template-rows:auto auto;
  row-gap:6px;
  column-gap:8px;
  align-items:center;
  padding:.7rem .6rem;
  padding-top:1.45rem;
  background:#f9fafb;
  border-bottom:1px solid #e5e7eb;
}

.lp-liveboard .lp-col-header .lp-count,
.lp-liveboard .lp-col-header .lp-total-line{
  grid-column:2;
  grid-row:1;
  justify-self:end;
  align-self:center;
  margin:0;
  font-size:.82rem;
}

.lp-liveboard .lp-col-header .lp-ig{
  grid-column:1 / -1;
  grid-row:2;
  justify-self:center;
  text-align:center;
  padding-top:2px;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
  max-width:100%;
  font-size:.95rem;
  font-weight:800;
}

.lp-liveboard .lp-col-header .lp-ig-emoji,
.lp-liveboard .lp-col-header .lp-ig-badge,
.lp-liveboard .lp-col-header .lp-ig-badge-gift{
  position:absolute;
  top:.7rem;
}

.lp-liveboard .lp-col-header .lp-ig-emoji{
  left:.55rem;
}

.lp-liveboard .lp-col-header .lp-ig-badge-gift{
  left:calc(.55rem + 28px);
}

.lp-liveboard .lp-col-header .lp-ig-badge{
  left:calc(.55rem + 56px);
}

.lp-liveboard .lp-col-body{
  padding:12px;
  overflow:auto;
  scrollbar-width:thin;
  scrollbar-color:#cbd5e1 transparent;
}

.lp-liveboard .lp-col-body::-webkit-scrollbar{
  width:8px;
}

.lp-liveboard .lp-col-body::-webkit-scrollbar-track{
  background:transparent;
}

.lp-liveboard .lp-col-body::-webkit-scrollbar-thumb{
  background:#cbd5e1;
  border-radius:999px;
}

.lp-liveboard .lp-col.is-paid{
  border:2px solid #22c55e;
  background:#ecfdf5;
  box-shadow:0 18px 35px rgba(148,163,184,.28), 0 0 0 3px rgba(34,197,94,.18);
}

.lp-liveboard .lp-col.is-unpaid{
  border:1px solid rgba(239,68,68,.35);
  background:#fff;
  box-shadow:0 18px 35px rgba(148,163,184,.35), 0 0 0 2px rgba(239,68,68,.10);
}

.lp-liveboard .lp-col.is-quit,
.lp-liveboard .lp-col.is-quit.is-unpaid{
  box-shadow:0 0 0 2px #000000 inset, 0 18px 35px rgba(0,0,0,.25);
  background:#f9fafb;
  border-color:#000;
}

.lp-liveboard .lp-items-count{
  margin-top:10px;
  padding:10px 12px;
  border-top:1px dashed #d1d5db;
  font-size:.9rem;
  color:#111827;
  display:flex;
  align-items:center;
  gap:8px;
  justify-content:center;
  background:rgba(255,255,255,.65);
}

.lp-liveboard .lp-items-count strong{
  font-weight:800;
}

/* =====================================================
   5) ITEM CARD (PLAN)
===================================================== */

.plan{
  border-radius:16px;
  box-shadow:0 26px 30px -22px rgba(15,23,42,0.25);
  padding:10px;
  background:#fff;
  color:#697e91;
  width:100%;
  transition:transform .12s ease, box-shadow .12s ease;
}

.plan:hover{
  transform:translateY(-1px);
  box-shadow:0 22px 36px rgba(15,23,42,.18);
}

.plan strong{
  font-weight:600;
  color:#425275;
}

.plan .inner{
  align-items:center;
  padding:18px 16px 16px;
  background:#ecf0ff;
  border-radius:12px;
  position:relative;
}

.plan .pricing{
  position:absolute;
  top:0;
  left:50%;
  transform:translate(-50%, -50%);
  background:#bed6fb;
  border-radius:999px;
  padding:.45em 1.25em;
  font-size:.9rem;
  font-weight:600;
  color:#425475;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:6px;
  white-space:nowrap;
  line-height:1;
}

.plan .pricing small{
  color:#707a91;
  font-size:.78em;
  font-weight:500;
  opacity:.75;
}

.plan .title{
  font-weight:600;
  font-size:.96rem;
  color:#425675;
  margin-bottom:.1rem;
}

.plan .info{
  font-size:.82rem;
  margin:0 0 .4rem 0;
}

.plan .features{
  display:flex;
  flex-direction:column;
  margin-top:.7rem;
  font-size:.82rem;
  list-style:none;
  padding:0;
}

.plan .features li{
  display:flex;
  align-items:center;
  gap:.5rem;
}

.plan .features li + *{
  margin-top:.45rem;
}

.plan .features .icon{
  background:#1FCAC5;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  color:#fff;
  border-radius:50%;
  width:18px;
  height:18px;
  font-size:.75rem;
}

.plan .action{
  width:100%;
  display:flex;
  align-items:center;
  justify-content:center;
  margin-top:.75rem;
}

.plan .button,
.plan a.button{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  padding:.48em 1.05em;
  font-size:.9rem;
  line-height:1;
  border-radius:999px;
  text-decoration:none;
  border:0;
  background:#6558d3;
  color:#fff;
  font-weight:600;
  box-shadow:0 10px 18px rgba(101,88,211,.25);
}

.plan .button:hover,
.plan a.button:hover,
.plan .button:focus,
.plan a.button:focus{
  background:#4133B7;
  box-shadow:0 14px 24px rgba(101,88,211,.30);
}

/* =====================================================
   6) ARCHIVEBOARD
===================================================== */

.lp-archiveboard{
  min-height:70vh;
  padding:24px 12px 40px;
  background:#e5e7eb;
}

.lp-archiveboard .lp-arch-toolbar{
  max-width:1100px;
  margin:0 auto 1rem auto;
  display:flex;
  flex-direction:column;
  gap:10px;
}

.lp-archiveboard .lp-arch-totals{
  display:flex;
  gap:16px;
  justify-content:center;
  align-items:flex-end;
  flex-wrap:wrap;
}

.lp-archiveboard .lp-paid-total,
.lp-archiveboard .lp-unpaid-total,
.lp-archiveboard .lp-quit-total{
  font-weight:800;
  font-size:30px;
  line-height:1.1;
}

.lp-archiveboard .lp-paid-total{
  color:#065f46;
}

.lp-archiveboard .lp-unpaid-total{
  color:#991b1b;
}

.lp-archiveboard .lp-quit-total{
  color:#7f1d1d;
}

.lp-archiveboard .lp-arch-counters{
  display:flex;
  gap:16px;
  justify-content:center;
  margin-top:8px;
  flex-wrap:wrap;
}

.lp-archiveboard .lp-counter{
  padding:6px 14px;
  border-radius:999px;
  font-weight:800;
  font-size:.9rem;
  display:flex;
  align-items:center;
  gap:8px;
  background:#fff;
  border:1px solid #e5e7eb;
  box-shadow:0 10px 18px rgba(148,163,184,.22);
}

.lp-archiveboard .lp-counter.lp-paid{
  background:#ecfdf5;
  color:#065f46;
  border-color:#10b98155;
}

.lp-archiveboard .lp-counter.lp-unpaid{
  background:#fef2f2;
  color:#991b1b;
  border-color:#ef444455;
}

.lp-archiveboard .lp-counter.lp-quit{
  background:#7f1d1d;
  color:#fff;
  border-color:#7f1d1d;
}

.lp-archiveboard .lp-arch-filters{
  display:flex;
  flex-wrap:wrap;
  gap:10px;
  align-items:center;
  justify-content:flex-end;
}

.lp-archiveboard .lp-search-label{
  display:flex;
  align-items:center;
  gap:8px;
  font-size:.9rem;
  font-weight:700;
  color:#111827;
}

.lp-archiveboard .lp-sort-form{
  display:flex;
  align-items:center;
  gap:8px;
}

.lp-archiveboard .lp-sort-form label{
  margin:0;
  white-space:nowrap;
  font-weight:800;
  color:#111827;
}

.lp-archiveboard .lp-sort-form select,
#lp-archive-search{
  border-radius:999px;
  border:1px solid #d1d5db;
  font-size:.9rem;
  background:#f9fafb;
  outline:none;
}

.lp-archiveboard .lp-sort-form select{
  padding:.45rem .75rem;
}

#lp-archive-search{
  width:220px;
  padding:7px 10px;
}

.lp-archiveboard .lp-kanban{
  max-width:1100px;
  margin:0 auto;
  display:grid;
  grid-template-columns:repeat(4,minmax(240px,1fr));
  gap:16px;
}

.lp-archiveboard .lp-col{
  border-radius:22px;
  border:1px solid rgba(148,163,184,.55);
  background:rgba(255,255,255,.86);
  box-shadow:0 18px 38px rgba(15,23,42,.10), 0 1px 0 rgba(255,255,255,.55) inset;
  overflow:hidden;
}

.lp-archiveboard .lp-col-header{
  position:relative;
  padding:.85rem 1rem;
  background:rgba(249,250,251,.92);
  border-bottom:1px solid rgba(229,231,235,.95);
  display:grid;
  grid-template-columns:1fr auto;
  grid-template-rows:auto auto;
  column-gap:12px;
  row-gap:6px;
  align-items:center;
}

.lp-archiveboard .lp-col-header .lp-ig{
  grid-column:1/2;
  grid-row:1/2;
  justify-self:start;
  text-align:left;
  padding:0;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
  font-size:1.05rem;
  font-weight:700;
}

.lp-archiveboard .lp-col-header .lp-paid-holder{
  grid-column:2/3;
  grid-row:1/2;
  justify-self:end;
  display:flex;
  align-items:center;
  gap:6px;
}

.lp-archiveboard .lp-col-header .lp-total-line{
  grid-column:1/2;
  grid-row:2/3;
  justify-self:start;
  margin:0;
  font-weight:800;
  font-size:.95rem;
  color:#111827;
}

.lp-archiveboard .lp-col-header .lp-quit-btn{
  grid-column:2/3;
  grid-row:2/3;
  justify-self:end;
  margin:0;
  padding:.38rem .85rem;
  font-size:.78rem;
  border-radius:999px;
}

.lp-archiveboard .lp-paid-holder input[type="checkbox"]{
  width:18px;
  height:18px;
}

.lp-archiveboard .lp-paid-label{
  font-size:.82rem;
  font-weight:800;
  color:#111827;
}

.lp-archiveboard .lp-col-body{
  padding:12px;
  overflow:auto;
}

.lp-archiveboard .lp-col.is-paid{
  border-color:rgba(34,197,94,.55);
  background:rgba(236,253,245,.78);
  box-shadow:0 18px 38px rgba(15,23,42,.10), 0 0 0 6px rgba(34,197,94,.10), 0 0 18px rgba(34,197,94,.18);
}

.lp-archiveboard .lp-col.is-unpaid{
  border-color:rgba(239,68,68,.55);
  background:rgba(254,242,242,.78);
  box-shadow:0 18px 38px rgba(15,23,42,.10), 0 0 0 6px rgba(239,68,68,.10), 0 0 18px rgba(239,68,68,.18);
}

.lp-archiveboard .lp-col.is-quit,
.lp-archiveboard .lp-col.is-quit.is-unpaid{
  border-color:rgba(17,24,39,.35);
  background:rgba(249,250,251,.92);
  box-shadow:0 18px 38px rgba(15,23,42,.10), 0 0 0 6px rgba(17,24,39,.07), 0 0 18px rgba(17,24,39,.12);
}

.lp-archiveboard .lp-col-header .lp-ig-badge,
.lp-archiveboard .lp-col-header .lp-ig-emoji,
.lp-archiveboard .lp-col-header .lp-ig-badge-gift{
  position:static !important;
  top:auto !important;
  left:auto !important;
  transform:none !important;
}

.lp-archiveboard .lp-addwrap{
  margin-top:10px;
  padding:10px 12px 14px;
  border-top:1px dashed #e5e7eb;
  text-align:center;
}

.lp-archiveboard .lp-addwrap > .lp-btn{
  margin:0 auto;
}

.lp-archiveboard .lp-add-form{
  margin-top:10px;
  width:100%;
}

.lp-archiveboard .lp-add-form .lp-form-grid{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:10px;
}

.lp-archiveboard .lp-add-form .lp-field-full{
  grid-column:1 / -1;
}

.lp-archiveboard .lp-add-form .lp-field-half{
  grid-column:auto;
}

.lp-archiveboard .lp-add-form .lp-actions{
  grid-column:1 / -1;
  display:flex;
  gap:8px;
  justify-content:flex-end;
}

.lp-archiveboard .lp-add-form[hidden]{
  display:none !important;
}

.lp-archiveboard .lp-client-note-archive{
  margin:0 12px 12px 12px;
  padding:8px 10px;
  border-radius:10px;
  background:#eef2ff;
  border:1px solid #c7d2fe;
  font-size:.85rem;
  color:#111827;
}

.lp-note-box{
  background:#fff7ed;
  border:1px solid #fed7aa;
  color:#7c2d12;
  border-radius:12px;
  padding:10px 12px;
  font-size:.85rem;
  line-height:1.35;
  margin-top:10px;
}

.lp-note-box strong{
  font-weight:900;
}

/* =====================================================
   7) ARCHIVE INDEX / TABLES / FINANCE / SUMMARY
===================================================== */

.lp-archiveindex,
.lp-archive-index,
#lp-archiveindex,
#lp-archive-index,
.lp-theme.lp-archiveindex,
.lp-theme.lp-archive-index{
  max-width:min(1100px, calc(100vw - 24px));
  margin:0 auto;
  padding:22px 10px 40px;
}

.lp-archiveindex h1,
.lp-archiveindex .lp-title,
.lp-archive-index h1,
.lp-archive-index .lp-title,
#lp-archiveindex h1,
#lp-archive-index h1{
  margin:6px 0 16px;
  font-size:clamp(34px, 4vw, 56px);
  letter-spacing:-0.02em;
  font-weight:900;
  color:#111827;
}

.lp-archiveindex h2,
.lp-archive-index h2,
#lp-archiveindex h2,
#lp-archive-index h2{
  margin:22px 0 10px;
  font-size:22px;
  font-weight:900;
  color:#111827;
}

.lp-archiveindex ul,
.lp-archive-index ul,
#lp-archiveindex ul,
#lp-archive-index ul{
  margin:10px 0 0;
  padding:0;
  list-style:none;
}

.lp-archiveindex li,
.lp-archive-index li,
#lp-archiveindex li,
#lp-archive-index li{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:10px;
  padding:12px 14px;
  border:1px solid #e5e7eb;
  border-radius:14px;
  background:rgba(255,255,255,.75);
  box-shadow:0 14px 26px rgba(15,23,42,.10);
  margin-top:10px;
}

.lp-archiveindex li a,
.lp-archive-index li a,
#lp-archiveindex li a,
#lp-archive-index li a{
  text-decoration:none;
  color:#111827;
  font-weight:800;
}

.lp-archiveindex .lp-arch-card,
.lp-archive-index .lp-arch-card,
#lp-archiveindex .lp-arch-card,
#lp-archive-index .lp-arch-card{
  margin-top:14px;
  padding:18px 16px;
  background:#ffffff;
  border-radius:22px;
  border:1px solid #e5e7eb;
  box-shadow:0 26px 46px rgba(15,23,42,0.14);
}

.lp-archiveindex table,
.lp-archive-index table,
#lp-archiveindex table,
#lp-archive-index table,
.lp-formwrap table{
  width:100%;
  border-collapse:separate;
  border-spacing:0;
  margin-top:10px;
  overflow:hidden;
}

.lp-archiveindex th,
.lp-archiveindex td,
.lp-archive-index th,
.lp-archive-index td,
#lp-archiveindex th,
#lp-archiveindex td,
#lp-archive-index th,
#lp-archive-index td,
.lp-formwrap th,
.lp-formwrap td{
  padding:12px 12px;
  text-align:left;
  vertical-align:middle;
  font-size:.92rem;
}

.lp-archiveindex thead th,
.lp-archive-index thead th,
#lp-archiveindex thead th,
#lp-archive-index thead th,
.lp-formwrap thead th{
  position:sticky;
  top:0;
  z-index:1;
  background:#f9fafb;
  color:#111827;
  font-weight:900;
  border-bottom:1px solid #e5e7eb;
}

.lp-archiveindex tbody tr,
.lp-archive-index tbody tr,
#lp-archiveindex tbody tr,
#lp-archive-index tbody tr,
.lp-formwrap tbody tr{
  background:rgba(255,255,255,.80);
}

.lp-archiveindex tbody tr:nth-child(even),
.lp-archive-index tbody tr:nth-child(even),
#lp-archiveindex tbody tr:nth-child(even),
#lp-archive-index tbody tr:nth-child(even),
.lp-formwrap tbody tr:nth-child(even){
  background:rgba(255,255,255,.62);
}

.lp-archiveindex tbody td,
.lp-archive-index tbody td,
#lp-archiveindex tbody td,
#lp-archive-index tbody td,
.lp-formwrap tbody td{
  border-bottom:1px solid rgba(229,231,235,.9);
}

.lp-archiveindex .status,
.lp-archive-index .status,
#lp-archiveindex .status,
#lp-archive-index .status{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  padding:6px 10px;
  border-radius:999px;
  border:1px solid #e5e7eb;
  background:#f3f4f6;
  font-weight:900;
  font-size:.82rem;
}

.lp-arch-topbar{
  max-width:1100px;
  margin:0 auto 14px;
  display:flex;
  flex-wrap:wrap;
  gap:10px;
  align-items:center;
  justify-content:space-between;
}

.lp-arch-left,
.lp-arch-right,
.lp-arch-actions,
.lp-col-tools{
  display:flex;
  flex-wrap:wrap;
  gap:8px;
  align-items:center;
}

.lp-arch-title{
  font-weight:800;
  font-size:1.2rem;
  color:#111827;
}

/* =====================================================
   8) SWITCH
===================================================== */

.lp-switch{
  position:relative;
  width:44px;
  height:24px;
  display:inline-block;
}

.lp-switch input{
  opacity:0;
  width:0;
  height:0;
}

.lp-slider{
  position:absolute;
  cursor:pointer;
  inset:0;
  background:#d1d5db;
  transition:.2s;
  border-radius:999px;
  box-shadow:inset 0 0 0 1px rgba(0,0,0,.05);
}

.lp-slider:before{
  content:"";
  position:absolute;
  height:18px;
  width:18px;
  left:3px;
  top:3px;
  background:white;
  transition:.2s;
  border-radius:50%;
  box-shadow:0 6px 10px rgba(15,23,42,.18);
}

.lp-switch input:checked + .lp-slider{
  background:#22c55e;
}

.lp-switch input:checked + .lp-slider:before{
  transform:translateX(20px);
}


/* =====================================================
   9) RESPONSIVO
===================================================== */

@media (max-width:1280px){
  .lp-liveboard .lp-kanban,
  .lp-archiveboard .lp-kanban{
    grid-template-columns:repeat(3,minmax(240px,1fr));
  }
}

@media (max-width:1100px){
  .lp-liveboard .lp-toolbar{
    grid-template-columns:minmax(0,1fr) max-content;
    grid-template-rows:auto auto auto auto auto auto;
    gap:10px;
    align-items:center;
  }

  .lp-liveboard .lp-filtros input[name="f_ig"]{ grid-column:1 / -1; grid-row:1; }
  .lp-liveboard .lp-filtros input[name="f_code"]{ grid-column:1 / -1; grid-row:2; }
  .lp-liveboard .lp-filtros button[type="submit"]{ grid-column:1; grid-row:3; justify-self:start; }
  .lp-liveboard .lp-filtros a.lp-btn{ grid-column:2; grid-row:3; justify-self:end; transform:none; }
  .lp-liveboard a[href*="action=lp_export_csv_front"]{ grid-column:1; grid-row:4; justify-self:start; }
  .lp-liveboard a[href*="action=lp_export_csv_front_wide"]{ grid-column:2; grid-row:4; justify-self:end; }
  .lp-liveboard a[href*="/sorteio"],
  .lp-liveboard a[href*="sorteio"]{ grid-column:1; grid-row:5; justify-self:start; }
  .lp-liveboard a[href*="autorefresh"]{ grid-column:1; grid-row:6; justify-self:start; transform:none; }
  .lp-liveboard .lp-toolbar .lp-btn-danger{ grid-column:2; grid-row:6; justify-self:end; transform:none; }
}

/* REMOVE FOCUS GLOBAL (ELEMENTOR / WP) */
.lp-liveboard input:focus,
.lp-liveboard textarea:focus,
.lp-liveboard button:focus,
.lp-liveboard select:focus,
.lp-liveboard input:focus-visible,
.lp-liveboard textarea:focus-visible,
.lp-liveboard button:focus-visible{
  outline: none !important;
  box-shadow: none !important;
  border-color: #e5e7eb !important;
}

/* REMOVE QUALQUER FOCUS (FORÇA MÁXIMA) */
input:focus,
textarea:focus,
button:focus,
select:focus,
input:focus-visible,
textarea:focus-visible,
button:focus-visible{
  outline: none !important;
  box-shadow: none !important;
}

@media (max-width:980px){
  .lp-liveboard .lp-kanban,
  .lp-archiveboard .lp-kanban{
    grid-template-columns:repeat(2,minmax(240px,1fr));
  }

  .lp-form-grid{
    grid-template-columns:1fr 1fr 1fr;
  }

  .lp-archiveboard .lp-arch-filters{
    justify-content:flex-start;
  }
}

@media (max-width:900px){
  .lp-archiveindex table,
  .lp-archive-index table,
  #lp-archiveindex table,
  #lp-archive-index table,
  .lp-formwrap table{
    display:block;
    overflow-x:auto;
    -webkit-overflow-scrolling:touch;
    border-radius:16px;
    border:1px solid #e5e7eb;
    background:rgba(255,255,255,.75);
  }

  .lp-archiveindex thead th,
  .lp-archive-index thead th,
  #lp-archiveindex thead th,
  #lp-archive-index thead th,
  .lp-formwrap thead th{
    position:static;
  }
}

@media (max-width:640px){
  .lp-cc-card{
    padding:20px 16px;
  }

  .lp-cc-header h1{
    font-size:1.6rem;
  }

  .lp-cc-meta{
    flex-direction:column;
    align-items:flex-start;
    gap:6px;
  }

  .lp-cc-note-actions{
    justify-content:center;
  }

  .lp-cc-profilegrid,
  .lp-form-grid,
  .lp-archiveboard .lp-add-form .lp-form-grid,
  .lp-liveboard .lp-kanban,
  .lp-archiveboard .lp-kanban{
    grid-template-columns:1fr;
  }

  .lp-archiveboard .lp-add-form .lp-field-half{
    grid-column:1 / -1;
  }

  .lp-actions{
    justify-content:center;
    flex-wrap:wrap;
  }

  .lp-liveboard .lp-toolbar{
    grid-template-columns:1fr;
    grid-template-rows:auto;
    padding:0 4px;
  }

  .lp-liveboard .lp-toolbar .lp-btn,
  .lp-liveboard .lp-toolbar input{
    width:100%;
  }

  .lp-liveboard .lp-toolbar *{
    grid-column:1 !important;
    justify-self:stretch !important;
    transform:none !important;
  }

  .lp-archiveboard .lp-arch-filters,
  .lp-arch-topbar{
    flex-direction:column;
    align-items:stretch;
  }

  #lp-archive-search{
    width:100%;
  }
}

/* ===== RAFFLE: FORCE REFRESH LINK TO LOOK LIKE A BUTTON ===== */
.lp-theme [class*="raffle"] a:not(.lp-btn),
.lp-theme [id*="raffle"] a:not(.lp-btn){
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  min-height:56px !important;
  padding:.75rem 1.8rem !important;
  border-radius:999px !important;
  text-decoration:none !important;
  font-size:.9rem !important;
  font-weight:700 !important;
  line-height:1 !important;
  border:1px solid #e5e7eb !important;
  background:#f3f4f6 !important;
  color:#111827 !important;
  box-shadow:none !important;
}

.lp-theme [class*="raffle"] a:not(.lp-btn):hover,
.lp-theme [id*="raffle"] a:not(.lp-btn):hover{
  filter:brightness(.97);
  transform:translateY(-1px);
}
/* ===== LOADING / DISABLED STATES ===== */
.lp-btn[disabled],
.lp-btn-mini[disabled]{
  opacity:.65;
  cursor:not-allowed;
  pointer-events:none;
}

.lp-btn.is-loading,
.lp-btn-mini.is-loading{
  filter:saturate(.85);
}
/* ===== FORCE BORDER RADIUS (PILL STYLE LIKE SNIPPET) ===== */
.lp-theme .lp-btn,
.lp-theme button,
.lp-theme input[type="button"],
.lp-theme input[type="submit"]{
  border-radius: 999px !important;
}

/* mini buttons ( + - ) */
.lp-theme .lp-btn-mini{
  border-radius: 999px !important;
}

/* danger buttons (excluir / finalizar) */
.lp-theme .lp-btn-danger,
.lp-theme .lp-danger{
  border-radius: 999px !important;
}

/* quantity buttons */
.lp-theme .qty button,
.lp-theme .lp-qty button{
  border-radius: 999px !important;
}


/* ===== CLIENT CART FIX (LOGO + INPUT RADIUS) ===== */

/* força qualquer logo dentro do carrinho */
.lp-theme img{
  max-height: 100px !important;
  width: auto !important;
}

/* se tiver dentro de header/container */
.lp-theme .lp-header img,
.lp-theme .lp-client-cart img{
  max-height: 100px !important;
}

/* input (campo @ instagram) */
.lp-theme input,
.lp-theme input[type="text"],
.lp-theme input[type="number"],
.lp-theme textarea{
  border-radius: 999px !important;
}

/* input group (icone + campo) */
.lp-theme .lp-input,
.lp-theme .lp-input-group{
  border-radius: 999px !important;
  overflow: hidden;
}

/* botão do carrinho (Ver carrinho) */
.lp-theme .lp-btn-primary{
  border-radius: 999px !important;
}