:root{





  --baai-bg:#f5f7fb;





  --baai-card:#ffffff;





  --baai-ink:#152033;





  --baai-muted:#6b7280;





  --baai-line:#dfe5ef;





  --baai-primary:#2563eb;





  --baai-primary-dark:#1d4ed8;





  --baai-green:#0f8a55;





  --baai-amber:#a16207;





  --baai-red:#b42318;





  --baai-soft-blue:#eaf2ff;





  --baai-soft-green:#e8f7ef;





  --baai-soft-amber:#fff7df;





  --baai-soft-red:#fff0ed;





  --baai-shadow:0 18px 40px rgba(15,23,42,.09);





  --baai-radius:22px;





}











.baai-wrap{





  max-width:1500px;





  color:var(--baai-ink);





}











.baai-wrap *{ box-sizing:border-box; }











.baai-hero{





  display:grid;





  grid-template-columns:minmax(0,1fr) 360px;





  gap:24px;





  align-items:stretch;





  margin:22px 0 18px;





  padding:30px;





  border-radius:30px;





  background:linear-gradient(135deg,#10213e 0%,#1f4b99 52%,#2563eb 100%);





  color:#fff;





  box-shadow:var(--baai-shadow);





}











.baai-eyebrow{





  display:inline-flex;





  align-items:center;





  padding:6px 10px;





  border:1px solid rgba(255,255,255,.25);





  border-radius:999px;





  background:rgba(255,255,255,.12);





  font-size:12px;





  font-weight:700;





  letter-spacing:.06em;





  text-transform:uppercase;





}











.baai-hero h1{





  color:#fff;





  font-size:34px;





  line-height:1.05;





  max-width:920px;





  margin:14px 0 12px;





}











.baai-hero p{





  color:rgba(255,255,255,.86);





  font-size:16px;





  max-width:850px;





  margin:0;





}











.baai-hero-panel{





  display:flex;





  flex-direction:column;





  gap:12px;





  justify-content:center;





  min-height:160px;





  padding:20px;





  border-radius:24px;





  background:rgba(255,255,255,.13);





  border:1px solid rgba(255,255,255,.25);





  backdrop-filter:blur(6px);





}











.baai-campaign-select{





  display:flex;





  gap:8px;





  align-items:center;





}











.baai-campaign-select select{ max-width:240px; }











.baai-tabs{





  display:flex;





  flex-wrap:wrap;





  gap:10px;





  margin:16px 0 20px;





}











.baai-tab{





  display:inline-flex;





  gap:8px;





  align-items:center;





  padding:12px 16px;





  border-radius:999px;





  text-decoration:none;





  background:#fff;





  color:#1f2937;





  border:1px solid var(--baai-line);





  font-weight:700;





  box-shadow:0 1px 2px rgba(15,23,42,.04);





}











.baai-tab:hover{ color:var(--baai-primary); }





.baai-tab.is-active{ color:#fff; background:var(--baai-primary); border-color:var(--baai-primary); }











.baai-grid{





  display:grid;





  gap:18px;





  margin-bottom:18px;





}





.baai-grid-4{ grid-template-columns:repeat(4,minmax(0,1fr)); }





.baai-grid-2{ grid-template-columns:repeat(2,minmax(0,1fr)); align-items:start; }





.baai-grid-discover{ grid-template-columns:minmax(410px, .95fr) minmax(520px, 1.25fr); align-items:start; }











.baai-card,





.baai-metric{





  background:var(--baai-card);





  border:1px solid var(--baai-line);





  border-radius:var(--baai-radius);





  box-shadow:0 8px 24px rgba(15,23,42,.05);





}











.baai-card{





  padding:22px;





}











.baai-wide{ margin-bottom:18px; }











.baai-card h2{





  margin:0 0 6px;





  font-size:22px;





}











.baai-card h3{ margin-top:0; }











.baai-section-head{





  display:flex;





  justify-content:space-between;





  gap:16px;





  align-items:flex-start;





  margin-bottom:18px;





}





.baai-section-head p{ color:var(--baai-muted); margin:4px 0 0; }











.baai-metric{





  display:flex;





  flex-direction:column;





  gap:7px;





  min-height:128px;





  padding:20px;





  text-decoration:none;





  color:var(--baai-ink);





  transition:transform .14s ease, box-shadow .14s ease;





}





.baai-metric:hover{





  transform:translateY(-2px);





  box-shadow:var(--baai-shadow);





  color:var(--baai-ink);





}





.baai-metric-label{ color:var(--baai-muted); font-weight:800; text-transform:uppercase; letter-spacing:.05em; font-size:12px; }





.baai-metric strong{ font-size:34px; line-height:1; }





.baai-metric span:last-child{ color:var(--baai-muted); }











.baai-action-grid{





  display:grid;





  grid-template-columns:repeat(4,minmax(0,1fr));





  gap:14px;





}





.baai-action-card{





  position:relative;





  display:flex;





  flex-direction:column;





  padding:18px;





  border:1px solid var(--baai-line);





  border-radius:18px;





  background:linear-gradient(180deg,#fff,#f8fbff);





}





.baai-step-number{





  display:inline-flex;





  justify-content:center;





  align-items:center;





  width:34px;





  height:34px;





  border-radius:50%;





  background:var(--baai-primary);





  color:#fff;





  font-weight:800;





}





.baai-action-card h3{ margin:12px 0 6px; font-size:18px; }





.baai-action-card p{ color:var(--baai-muted); min-height:52px; }











.baai-command-center .baai-section-head{ margin-bottom:20px; }





.baai-action-card-top{





  display:flex;





  align-items:center;





  justify-content:space-between;





  gap:10px;





}





.baai-card-badge{





  display:inline-flex;





  align-items:center;





  min-height:26px;





  padding:4px 9px;





  border-radius:999px;





  background:#eef2ff;





  color:#3150b7;





  font-size:11px;





  font-weight:900;





  letter-spacing:.04em;





  text-transform:uppercase;





  white-space:nowrap;





}





.baai-action-card-primary{ border-color:#bfdbfe; background:linear-gradient(180deg,#fff,#eff6ff); }





.baai-action-card-warning{ border-color:#fde68a; background:linear-gradient(180deg,#fff,#fffbeb); }





.baai-action-card-danger{ border-color:#fecaca; background:linear-gradient(180deg,#fff,#fff1f2); }





.baai-action-card-info{ border-color:#bfdbfe; background:linear-gradient(180deg,#fff,#f8fbff); }





.baai-action-card-good{ border-color:#bbf7d0; background:linear-gradient(180deg,#fff,#f0fdf4); }





.baai-action-card-optional{ border-style:dashed; background:linear-gradient(180deg,#fff,#fafafa); }





.baai-action-card-warning .baai-card-badge{ background:var(--baai-soft-amber); color:var(--baai-amber); }





.baai-action-card-danger .baai-card-badge{ background:var(--baai-soft-red); color:var(--baai-red); }





.baai-action-card-good .baai-card-badge{ background:var(--baai-soft-green); color:var(--baai-green); }





.baai-action-card-optional .baai-card-badge{ background:#f1f5f9; color:#475569; }





.baai-action-card-info .baai-card-badge{ background:var(--baai-soft-blue); color:var(--baai-primary-dark); }





.baai-action-card .button{ margin-top:auto; align-self:flex-start; }











.baai-checklist{ margin:14px 0 0; padding-left:20px; }





.baai-checklist li{ margin:10px 0; }





.baai-warning-list{ display:flex; flex-direction:column; gap:10px; }





.baai-warning,





.baai-good,





.baai-empty,





.baai-duplicate{





  padding:12px 14px;





  border-radius:14px;





  font-weight:650;





}





.baai-warning{ background:var(--baai-soft-amber); color:var(--baai-amber); }





.baai-good{ background:var(--baai-soft-green); color:var(--baai-green); }





.baai-empty{ background:#f8fafc; color:var(--baai-muted); text-align:center; }





.baai-duplicate{





  background:#fff7ed;





  color:#7c2d12;





  margin-top:10px;





  font-size:12px;





  border:1px solid #fed7aa;





  border-left:4px solid #f59e0b;





  display:flex;





  flex-direction:column;





  gap:4px;





  line-height:1.35;





}





.baai-duplicate strong{ color:#9a3412; font-size:12px; }





.baai-duplicate span{ font-weight:750; }





.baai-duplicate small{ color:#9a5b25; font-weight:600; }

















.baai-map-card{ overflow:hidden; }





.baai-map-layout{





  display:grid;





  grid-template-columns:1fr 260px;





  gap:18px;





  align-items:center;





}





.baai-radius-map{





  position:relative;





  min-height:310px;





  border-radius:24px;





  overflow:hidden;





  background:





    radial-gradient(circle at center,rgba(37,99,235,.20),rgba(37,99,235,.06) 38%,rgba(15,23,42,.06) 39%,rgba(255,255,255,.12) 41%),





    linear-gradient(135deg,#eff6ff,#f8fafc);





  border:1px solid var(--baai-line);





}





.baai-map-grid{





  position:absolute;





  inset:0;





  background-image:linear-gradient(rgba(37,99,235,.08) 1px,transparent 1px),linear-gradient(90deg,rgba(37,99,235,.08) 1px,transparent 1px);





  background-size:34px 34px;





  transform:rotate(-7deg) scale(1.3);





}





.baai-radius-ring{





  position:absolute;





  left:50%;top:50%;





  width:170px;height:170px;





  transform:translate(-50%,-50%);





  border:3px solid var(--baai-primary);





  border-radius:999px;





  background:rgba(37,99,235,.09);





  box-shadow:0 0 0 18px rgba(37,99,235,.06),0 0 60px rgba(37,99,235,.18);





  transition:width .2s ease,height .2s ease;





}





.baai-radius-ring span{





  position:absolute;





  right:-14px;top:18px;





  padding:6px 10px;





  border-radius:999px;





  background:#fff;





  color:var(--baai-primary);





  font-weight:900;





  box-shadow:0 8px 18px rgba(15,23,42,.12);





}





.baai-map-pin{





  position:absolute;





  left:50%;top:50%;





  transform:translate(-50%,-50%);





  font-size:34px;





  filter:drop-shadow(0 8px 10px rgba(15,23,42,.22));





}











.baai-form-stack,





.baai-discovery-form{





  display:flex;





  flex-direction:column;





  gap:14px;





}





.baai-form-stack label,





.baai-form-grid label,





.baai-discovery-form label{





  display:flex;





  flex-direction:column;





  gap:6px;





  color:#374151;





  font-weight:700;





}





.baai-form-stack input,





.baai-form-stack select,





.baai-form-stack textarea,





.baai-form-grid input,





.baai-form-grid select,





.baai-form-grid textarea,





.baai-discovery-form input[type="text"],





.baai-discovery-form select{





  width:100%;





  max-width:100%;





  border-radius:12px;





  border-color:#cbd5e1;





  min-height:40px;





}





.baai-form-stack textarea,





.baai-form-grid textarea{ font-family:ui-monospace,SFMono-Regular,Menlo,monospace; }





.baai-two{ display:grid; grid-template-columns:1fr 1fr; gap:12px; }





.baai-range-readout{ color:var(--baai-primary); font-weight:800; }





.baai-minihead{ margin:18px 0 10px !important; }





.baai-chip-grid{





  display:grid;





  grid-template-columns:repeat(2,minmax(0,1fr));





  gap:10px;





}





.baai-chip input{ display:none; }





.baai-chip span{





  display:block;





  padding:11px 12px;





  border:1px solid var(--baai-line);





  border-radius:14px;





  background:#fff;





  cursor:pointer;





  font-weight:800;





}





.baai-chip input:checked + span{





  border-color:var(--baai-primary);





  color:var(--baai-primary);





  background:var(--baai-soft-blue);





  box-shadow:inset 0 0 0 1px var(--baai-primary);





}





.button-hero{ min-height:48px !important; font-size:16px !important; border-radius:14px !important; }











.baai-filter-row,





.baai-bulkbar{





  display:flex;





  gap:10px;





  align-items:center;





  margin-bottom:14px;





  flex-wrap:wrap;





}





.baai-filter-row input[type="search"]{ min-width:220px; }





.baai-card-list{ display:flex; flex-direction:column; gap:12px; max-height:920px; overflow:auto; padding-right:4px; }





.baai-list-card{





  display:grid;





  grid-template-columns:30px minmax(0,1fr) auto;





  gap:12px;





  padding:14px;





  border:1px solid var(--baai-line);





  border-radius:18px;





  background:#fff;





}





.baai-check{ padding-top:7px; }





.baai-card-title-row{





  display:flex;





  justify-content:space-between;





  gap:10px;





  align-items:flex-start;





}





.baai-card-title-row h3{ margin:0 0 6px; font-size:17px; }





.baai-meta,





.baai-links{





  display:flex;





  flex-wrap:wrap;





  gap:8px;





  align-items:center;





  color:var(--baai-muted);





  font-size:13px;





}





.baai-meta span:not(.baai-path),





.baai-links span,





.baai-links a{





  padding:4px 8px;





  border-radius:999px;





  background:#f1f5f9;





  text-decoration:none;





}





.baai-row-actions{





  display:flex;





  flex-direction:column;





  gap:8px;





  min-width:96px;





}





.baai-inline-form{ display:inline; margin:0; }





.baai-row-actions .baai-inline-form{ display:block; }





.baai-row-actions .button{ width:100%; text-align:center; }











.baai-pill{





  display:inline-flex;





  align-items:center;





  gap:6px;





  border-radius:999px;





  padding:5px 10px;





  font-size:12px;





  font-weight:900;





  white-space:nowrap;





  background:#eef2ff;





  color:#3730a3;





}





.baai-pill-big{ padding:8px 12px; font-size:13px; width:max-content; }





.status-active,.prospect-approved,.prospect-ready,.status-sent{ background:var(--baai-soft-green); color:var(--baai-green); }





.status-paused,.status-queued,.prospect-new{ background:var(--baai-soft-blue); color:var(--baai-primary); }





.status-draft,.status-needs_email,.status-would_send,.prospect-needs_email,.prospect-duplicate_suspected{ background:var(--baai-soft-amber); color:var(--baai-amber); }





.status-error,.status-skipped,.prospect-rejected{ background:var(--baai-soft-red); color:var(--baai-red); }





.prospect-imported,.status-completed{ background:#f1f5f9; color:#475569; }











.baai-path{





  display:inline-flex;





  border-radius:999px;





  padding:4px 9px;





  font-weight:900;





}





.baai-path.good{ background:var(--baai-soft-green); color:var(--baai-green); }





.baai-path.warn{ background:var(--baai-soft-amber); color:var(--baai-amber); }





.baai-path.review{ background:#f5e8ff; color:#6d28d9; }





.baai-path.bad{ background:var(--baai-soft-red); color:var(--baai-red); }











.baai-edit-panel{





  margin:12px 0;





  padding:16px;





  border-radius:18px;





  background:#f8fafc;





  border:1px dashed #cbd5e1;





}





.baai-form-grid{





  display:grid;





  grid-template-columns:repeat(3,minmax(0,1fr));





  gap:12px;





}





.baai-full{ grid-column:1 / -1; }











.baai-table-wrap{ overflow:auto; }





.baai-table th{ font-weight:900; }





.baai-table td{ vertical-align:middle; }





.baai-bad{ color:var(--baai-red); font-weight:800; }





.baai-muted{ color:var(--baai-muted); }











.baai-details,





.baai-template-card{





  border:1px solid var(--baai-line);





  border-radius:16px;





  padding:12px 14px;





  margin:10px 0;





  background:#fff;





}





.baai-details summary,





.baai-template-card summary{





  cursor:pointer;





  font-weight:900;





  color:var(--baai-ink);





}





.baai-template-card form{ margin-top:14px; }





.baai-danger-button{





  color:var(--baai-red) !important;





  border-color:#fecaca !important;





  background:#fff7f7 !important;





}











.baai-control-stack{ display:flex; flex-direction:column; gap:12px; }





.baai-send-control{





  display:flex;





  justify-content:space-between;





  gap:14px;





  align-items:center;





  padding:14px;





  border:1px solid var(--baai-line);





  border-radius:16px;





  background:#fff;





}





.baai-send-control div{ display:flex; flex-direction:column; gap:3px; }





.baai-send-control span{ color:var(--baai-muted); }





.baai-checkline{ display:flex !important; flex-direction:row !important; align-items:center; gap:8px; margin:10px 0; }











@media (max-width:1200px){





  .baai-hero{ grid-template-columns:1fr; }





  .baai-grid-4,.baai-action-grid{ grid-template-columns:repeat(2,minmax(0,1fr)); }





  .baai-grid-discover,.baai-grid-2{ grid-template-columns:1fr; }





}





@media (max-width:782px){





  .baai-hero{ padding:22px; }





  .baai-hero h1{ font-size:26px; }





  .baai-grid-4,.baai-action-grid,.baai-chip-grid,.baai-map-layout,.baai-form-grid,.baai-two{ grid-template-columns:1fr; }





  .baai-list-card{ grid-template-columns:24px 1fr; }





  .baai-row-actions{ grid-column:1 / -1; flex-direction:row; flex-wrap:wrap; }





  .baai-tabs{ overflow:auto; flex-wrap:nowrap; padding-bottom:4px; }





}











/* Find Venues patch: real map, clear feedback, and visible WordPress notices. */





.baai-wrap .notice{





  color:#1d2327;





  margin:10px 0 16px;





  border-radius:8px;





}





.baai-wrap .notice p{





  color:#1d2327 !important;





  margin:.5em 0 !important;





}





.baai-google-map-wrap{





  position:relative;





  min-height:330px;





  border-radius:24px;





  overflow:hidden;





  border:1px solid var(--baai-line);





  background:#eef4ff;





}





.baai-real-map{





  position:absolute;





  inset:0;





  min-height:330px;





  background:#eef4ff;





}





.baai-map-fallback{





  position:absolute;





  inset:0;





  display:flex;





  flex-direction:column;





  justify-content:center;





  align-items:center;





  gap:8px;





  padding:24px;





  text-align:center;





  color:#334155;





  background:





    linear-gradient(90deg,rgba(37,99,235,.08) 1px,transparent 1px),





    linear-gradient(rgba(37,99,235,.08) 1px,transparent 1px),





    radial-gradient(circle at center,rgba(37,99,235,.16),rgba(255,255,255,.8) 58%);





  background-size:36px 36px,36px 36px,100% 100%;





}





.baai-real-map:not(.is-fallback) .baai-map-fallback{





  display:none;





}





.baai-map-overlay{





  position:absolute;





  left:14px;





  right:14px;





  top:14px;





  display:flex;





  justify-content:space-between;





  gap:8px;





  pointer-events:none;





  z-index:2;





}





.baai-map-overlay span{





  display:inline-flex;





  align-items:center;





  border-radius:999px;





  padding:7px 10px;





  background:#fff;





  color:var(--baai-primary);





  font-weight:900;





  box-shadow:0 8px 18px rgba(15,23,42,.12);





}





.baai-discovery-feedback{





  display:none;





  padding:12px 14px;





  border-radius:14px;





  font-weight:750;





  line-height:1.35;





}





.baai-discovery-feedback.is-active{ display:block; }





.baai-discovery-feedback.is-working{ background:var(--baai-soft-blue); color:var(--baai-primary); }





.baai-discovery-feedback.is-success{ background:var(--baai-soft-green); color:var(--baai-green); }





.baai-discovery-feedback.is-error{ background:var(--baai-soft-red); color:var(--baai-red); }





.baai-form-stack small{





  color:var(--baai-muted);





  font-weight:600;





  line-height:1.35;





}





.baai-map-popup{





  display:flex;





  flex-direction:column;





  gap:5px;





  max-width:260px;





}





.baai-map-popup strong{ font-size:14px; }





.baai-map-popup span,





.baai-map-popup em{





  display:inline-flex;





  width:max-content;





  border-radius:999px;





  padding:3px 8px;





  background:#f1f5f9;





  color:#475569;





  font-style:normal;





  font-size:12px;





}





.baai-map-popup p{ margin:4px 0; color:#475569; }





.baai-discovery-form .button-hero:disabled{





  opacity:.7;





  cursor:wait;





}





@media (max-width:782px){





  .baai-google-map-wrap,





  .baai-real-map{ min-height:280px; }





}











/* Integrated Find Venues + email lookup patch. */





.baai-discovery-progress{





  display:none;





  padding:14px;





  border:1px solid #bfdbfe;





  border-radius:16px;





  background:#eff6ff;





  color:#1e3a8a;





}





.baai-discovery-progress.is-active{ display:block; }





.baai-progress-top{





  display:flex;





  justify-content:space-between;





  gap:12px;





  align-items:center;





  margin-bottom:9px;





  font-weight:900;





}





.baai-progress-track{





  height:12px;





  overflow:hidden;





  border-radius:999px;





  background:#dbeafe;





  box-shadow:inset 0 0 0 1px rgba(37,99,235,.08);





}





.baai-progress-track span{





  display:block;





  width:0;





  height:100%;





  border-radius:999px;





  background:linear-gradient(90deg,#60a5fa,#2563eb);





  transition:width .25s ease;





}





.baai-discovery-progress p{





  margin:9px 0 0;





  color:#1d4ed8;





  font-weight:650;





}





.baai-email-proof,





.baai-email-suggested,





.baai-email-needed{





  display:flex;





  flex-wrap:wrap;





  align-items:center;





  gap:7px;





  margin-top:10px;





  padding:10px 12px;





  border-radius:14px;





  font-size:12px;





  line-height:1.35;





}





.baai-email-proof{





  background:var(--baai-soft-green);





  color:var(--baai-green);





  border:1px solid #bbf7d0;





}





.baai-email-needed{





  background:var(--baai-soft-amber);





  color:var(--baai-amber);





  border:1px solid #fde68a;





}





.baai-email-suggested{





  background:#f5e8ff;





  color:#6d28d9;





  border:1px solid #ddd6fe;





}





.baai-email-proof strong,





.baai-email-suggested strong,





.baai-email-needed strong{





  font-size:12px;





  text-transform:uppercase;





  letter-spacing:.04em;





}





.baai-email-proof span,





.baai-email-suggested span,





.baai-email-needed span{





  font-weight:800;





}





.baai-email-proof small,





.baai-email-proof em,





.baai-email-suggested small,





.baai-email-suggested em,





.baai-email-needed small,





.baai-email-needed em{





  font-style:normal;





  font-weight:650;





  opacity:.95;





}





.baai-email-proof a,





.baai-email-suggested a,





.baai-email-needed a{





  padding:4px 8px;





  border-radius:999px;





  background:#fff;





  text-decoration:none;





  font-weight:900;





}





.baai-email-proof a{ color:var(--baai-green); }





.baai-email-suggested a{ color:#6d28d9; }





.baai-email-needed a{ color:var(--baai-amber); }





.baai-suggestion-actions{





  display:flex;





  flex-wrap:wrap;





  align-items:center;





  gap:8px;





  width:100%;





  margin-top:2px;





}





.baai-suggestion-actions span{





  font-weight:650;





  opacity:.9;





}





.baai-row-actions .baai-danger-button{





  color:var(--baai-red) !important;





  border-color:#fecaca !important;





  background:#fff7f7 !important;





}











/* Live prospect review while Find Venues is running. */





.baai-live-summary{





  display:flex;





  flex-direction:column;





  gap:4px;





  padding:12px 14px;





  margin:0 0 14px;





  border:1px solid #bfdbfe;





  border-radius:14px;





  background:#eff6ff;





  color:#1e40af;





}





.baai-live-summary strong{





  font-size:13px;





  text-transform:uppercase;





  letter-spacing:.04em;





}





.baai-live-summary span{





  font-weight:650;





  color:#1d4ed8;





}





.baai-live-results:empty::before{





  content:'Waiting for the first email check to finish…';





  display:block;





  padding:16px;





  border-radius:14px;





  background:#f8fafc;





  color:var(--baai-muted);





  text-align:center;





  font-weight:700;





}





.baai-live-card-in{





  animation:baai-card-in .22s ease-out both;





}





@keyframes baai-card-in{





  from{ opacity:0; transform:translateY(8px); }





  to{ opacity:1; transform:translateY(0); }





}











/* Live lookup fallback card when one AJAX response fails. */





.baai-live-error-card{





  border-color:#fecaca;





  background:#fffafa;





}





.baai-live-error-card .baai-email-needed em{





  flex-basis:100%;





  color:var(--baai-red);





  overflow-wrap:anywhere;





}











/* Email ownership verification + polished prospect cards. */





.baai-review-card{





  padding:20px;





}





.baai-review-card > .baai-section-head{





  padding-bottom:14px;





  margin-bottom:14px;





  border-bottom:1px solid #edf1f7;





}





.baai-review-card .baai-section-head h2{





  font-size:23px;





  letter-spacing:-.02em;





}





.baai-card-list{





  gap:14px;





}





.baai-list-card{





  grid-template-columns:28px minmax(0,1fr) 108px;





  gap:14px;





  padding:16px;





  border-left:5px solid transparent;





  box-shadow:0 8px 20px rgba(15,23,42,.045);





  transition:border-color .15s ease, box-shadow .15s ease, transform .15s ease;





}





.baai-list-card:hover{





  box-shadow:0 14px 28px rgba(15,23,42,.08);





  transform:translateY(-1px);





}





.baai-list-card-good{ border-left-color:#22c55e; }





.baai-list-card-review{ border-left-color:#a855f7; }





.baai-list-card-warn{ border-left-color:#f59e0b; }





.baai-list-card-bad,





.baai-list-card-duplicate{ border-left-color:#ef4444; }





.baai-list-card-approved,





.baai-list-card-ready{ background:linear-gradient(180deg,#ffffff,#f7fff9); }





.baai-main{ min-width:0; }





.baai-card-title-row{





  align-items:center;





  margin-bottom:6px;





}





.baai-card-title-row h3{





  font-size:18px;





  letter-spacing:-.01em;





  overflow-wrap:anywhere;





}





.baai-meta,





.baai-links{





  row-gap:7px;





}





.baai-meta span:not(.baai-path),





.baai-links span,





.baai-links a{





  line-height:1.25;





}





.baai-row-actions{





  min-width:104px;





}





.baai-row-actions .button{





  min-height:34px;





  border-radius:8px;





  font-weight:700;





}





.baai-email-panel{





  display:block;





  margin-top:12px;





  padding:12px 13px;





  border-radius:15px;





  font-size:12px;





  line-height:1.38;





}





.baai-email-panel-head{





  display:flex;





  align-items:center;





  flex-wrap:wrap;





  gap:8px;





  margin-bottom:6px;





}





.baai-email-panel-head strong{





  font-size:11px;





  text-transform:uppercase;





  letter-spacing:.065em;





}





.baai-email-panel-head span{





  font-size:13px;





  font-weight:900;





  overflow-wrap:anywhere;





}





.baai-email-panel p{





  width:100%;





  margin:5px 0 7px;





  font-weight:700;





}





.baai-email-details{





  display:flex;





  flex-wrap:wrap;





  gap:7px;





  align-items:center;





  margin-top:7px;





}





.baai-email-details small,





.baai-email-details em{





  font-style:normal;





  font-weight:700;





}





.baai-email-details em{





  flex-basis:100%;





  opacity:.95;





}





.baai-email-details a,





.baai-email-panel .baai-suggestion-actions a.button{





  text-decoration:none;





}





.baai-email-untrusted{





  background:#fff1f2;





  color:#9f1239;





  border:1px solid #fecdd3;





}





.baai-email-untrusted a:not(.button){





  padding:4px 8px;





  border-radius:999px;





  background:#fff;





  color:#9f1239;





  font-weight:900;





}





.baai-email-needed{





  background:#fffbeb;





  color:#92400e;





  border:1px solid #fde68a;





}





.baai-email-suggested{





  background:#f5e8ff;





  color:#6d28d9;





  border:1px solid #ddd6fe;





}





.baai-email-proof{





  background:#ecfdf5;





  color:#047857;





  border:1px solid #bbf7d0;





}





.baai-suggestion-actions{





  gap:8px;





  margin-top:9px;





}





.baai-suggestion-actions .button,





.baai-suggestion-actions button.button{





  min-height:30px;





  border-radius:8px;





  font-weight:800;





}





.baai-email-untrusted .baai-suggestion-actions .button-primary,





.baai-email-needed .baai-suggestion-actions .button-primary{





  background:#2563eb;





  border-color:#2563eb;





  color:#fff;





}





@media (max-width:782px){





  .baai-list-card{ grid-template-columns:24px 1fr; }





  .baai-row-actions{ min-width:0; }





}











/* Review prospects polish: clearer trust states and easier manual email entry. */





.baai-card-list{





  gap:14px;





  padding:2px 6px 2px 2px;





}





.baai-list-card{





  position:relative;





  border-color:#d8e2f0;





  box-shadow:0 8px 20px rgba(15,23,42,.045);





  transition:border-color .15s ease, box-shadow .15s ease, transform .15s ease;





}





.baai-list-card:hover{





  border-color:#c7d2fe;





  box-shadow:0 14px 30px rgba(15,23,42,.075);





  transform:translateY(-1px);





}





.baai-list-card::before{





  content:'';





  position:absolute;





  left:0;





  top:16px;





  bottom:16px;





  width:4px;





  border-radius:0 999px 999px 0;





  background:#cbd5e1;





}





.baai-list-card-good::before{ background:#22c55e; }





.baai-list-card-review::before{ background:#a855f7; }





.baai-list-card-warn::before{ background:#f59e0b; }





.baai-list-card-bad::before,





.baai-list-card-duplicate::before{ background:#ef4444; }





.baai-list-card-approved,





.baai-list-card-ready{ background:linear-gradient(180deg,#ffffff 0%,#f7fff9 100%); }





.baai-card-title-row h3{





  font-size:18px;





  line-height:1.2;





  letter-spacing:-.01em;





}





.baai-meta,





.baai-links{





  gap:6px;





}





.baai-meta span:not(.baai-path),





.baai-links span,





.baai-links a{





  border:1px solid transparent;





  background:#f4f7fb;





}





.baai-links a{





  color:#1d4ed8;





}





.baai-row-actions{





  min-width:112px;





}





.baai-row-actions .button,





.baai-row-actions .baai-inline-form .button{





  border-radius:10px !important;





  min-height:34px;





  font-weight:700;





}





.baai-email-panel{





  display:block;





  margin-top:12px;





  padding:12px 14px;





  border-radius:15px;





  font-size:12px;





  line-height:1.45;





}





.baai-email-panel-head{





  display:flex;





  flex-wrap:wrap;





  align-items:center;





  gap:8px 10px;





  margin-bottom:6px;





}





.baai-email-panel-head strong{





  display:inline-flex;





  align-items:center;





  border-radius:999px;





  padding:4px 8px;





  background:rgba(255,255,255,.65);





  font-size:11px;





  line-height:1;





  text-transform:uppercase;





  letter-spacing:.055em;





  font-weight:900;





}





.baai-email-panel-head span{





  font-size:13px;





  font-weight:900;





  overflow-wrap:anywhere;





}





.baai-email-panel p{





  margin:4px 0 8px;





  font-weight:650;





}





.baai-email-details{





  display:flex;





  flex-wrap:wrap;





  gap:6px 8px;





  align-items:center;





  margin-top:8px;





}





.baai-email-details small,





.baai-email-details em{





  display:inline-flex;





  align-items:center;





  min-height:24px;





  padding:4px 8px;





  border-radius:10px;





  background:rgba(255,255,255,.55);





  font-style:normal;





  font-weight:700;





}





.baai-email-details em{





  flex-basis:100%;





  background:rgba(255,255,255,.72);





  overflow-wrap:anywhere;





}





.baai-email-details a,





.baai-email-panel .baai-suggestion-actions a{





  border-radius:10px;





  font-weight:800;





}





.baai-email-proof{





  background:#e8f7ef;





  color:#0f6f48;





  border:1px solid #b9efcf;





}





.baai-email-suggested{





  background:#f5e8ff;





  color:#6d28d9;





  border:1px solid #ddd6fe;





}





.baai-email-needed{





  background:#fff8e6;





  color:#92400e;





  border:1px solid #fde68a;





}





.baai-email-untrusted{





  background:#fff1f2;





  color:#9f1239;





  border:1px solid #fecdd3;





}





.baai-email-untrusted .baai-email-panel-head strong{





  background:#ffe4e6;





}





.baai-email-untrusted .baai-email-details small,





.baai-email-untrusted .baai-email-details em{





  background:#fff7f8;





}





.baai-quick-email-form{





  display:grid;





  grid-template-columns:minmax(180px,1fr) auto;





  gap:8px;





  align-items:center;





  margin-top:10px;





  padding-top:10px;





  border-top:1px solid rgba(15,23,42,.08);





}





.baai-quick-email-form label,





.baai-quick-email-form input[type="email"]{





  width:100%;





}





.baai-quick-email-form input[type="email"]{





  min-height:36px;





  border-radius:10px;





  border-color:#cbd5e1;





  background:#fff;





}





.baai-quick-email-form .button{





  min-height:36px;





  border-radius:10px !important;





  font-weight:800;





}





@media (max-width:782px){





  .baai-quick-email-form{ grid-template-columns:1fr; }





  .baai-row-actions .button,





  .baai-row-actions .baai-inline-form{ flex:1 1 120px; }





}











/* AJAX review actions: no-refresh filter, edit, save, approve/reject. */





.baai-review-card.is-loading{





  position:relative;





}





.baai-review-card.is-loading::after{





  content:'';





  position:absolute;





  inset:0;





  pointer-events:none;





  border-radius:inherit;





  background:linear-gradient(180deg,rgba(255,255,255,.38),rgba(255,255,255,0));





}





.baai-review-ajax-notice{





  margin:0 0 12px;





  padding:10px 12px;





  border-radius:13px;





  font-weight:800;





  font-size:13px;





  border:1px solid #dbeafe;





  background:#eff6ff;





  color:#1d4ed8;





}





.baai-review-ajax-notice[hidden]{ display:none; }





.baai-review-ajax-notice.is-success{





  border-color:#bbf7d0;





  background:#ecfdf5;





  color:#047857;





}





.baai-review-ajax-notice.is-error{





  border-color:#fecaca;





  background:#fff1f2;





  color:#b91c1c;





}





.baai-review-ajax-notice.is-info{





  border-color:#bfdbfe;





  background:#eff6ff;





  color:#1d4ed8;





}





.baai-list-card.is-busy,





.baai-prospect-edit-panel.is-busy{





  opacity:.72;





  pointer-events:none;





  filter:saturate(.85);





}





.baai-list-card.is-busy::after{





  content:'Working…';





  position:absolute;





  right:14px;





  bottom:10px;





  padding:4px 8px;





  border-radius:999px;





  background:#eff6ff;





  color:#1d4ed8;





  font-size:11px;





  font-weight:900;





  box-shadow:0 8px 18px rgba(37,99,235,.14);





}





.baai-list-card.is-removing{





  opacity:0;





  transform:translateX(12px) scale(.985);





  transition:opacity .2s ease, transform .2s ease;





}





.baai-prospect-edit-panel{





  margin:-4px 6px 16px 42px;





  border-style:solid;





  border-color:#bfdbfe;





  background:linear-gradient(180deg,#f8fbff,#f8fafc);





  box-shadow:0 12px 28px rgba(15,23,42,.08);





}





.baai-prospect-edit-panel h3{





  margin-top:0;





  margin-bottom:12px;





  font-size:17px;





}





.baai-prospect-edit-panel input,





.baai-prospect-edit-panel textarea{





  border-radius:10px;





}





.baai-review-card a[aria-disabled="true"]{





  opacity:.6;





  pointer-events:none;





}











/* Contacts lifecycle + reply agent */





.baai-contact-table th:first-child,





.baai-contact-table td:first-child{ width:44px; }











.baai-contact-table tbody tr:not(.baai-contact-detail-row):nth-child(odd){





  background:#ffffff;





}











.baai-contact-table tbody tr:not(.baai-contact-detail-row):nth-child(even){





  background:#fbfdff;





}











.baai-contact-table tbody tr:not(.baai-contact-detail-row):hover{





  background:#f8fbff;





}











.baai-contact-table tbody th.check-column{





  padding:14px 8px !important;





  vertical-align:middle !important;





  text-align:center;





}











.baai-contact-table tbody th.check-column input[type="checkbox"]{





  margin:0;





}











.baai-contact-table .baai-selected-row{ background:linear-gradient(90deg,#eff6ff,#ffffff) !important; }





.baai-contact-actions{ display:flex; flex-wrap:wrap; gap:8px; align-items:center; }





.baai-contact-actions form{ display:flex; flex-wrap:wrap; gap:8px; align-items:center; }





.baai-contact-actions select{ min-width:190px; }





.baai-contact-detail{ display:grid; grid-template-columns:minmax(0,1.6fr) minmax(280px,.9fr); gap:18px; align-items:start; margin-top:18px; }





.baai-contact-detail-main,





.baai-contact-detail-side{ display:flex; flex-direction:column; gap:16px; min-width:0; }





.baai-detail-card{ background:#fff; border:1px solid var(--baai-border); border-radius:18px; padding:18px; box-shadow:var(--baai-shadow); min-width:0; }





.baai-detail-card h3{ margin-top:0; }





.baai-quick-actions{ display:flex; flex-wrap:wrap; gap:8px; margin-top:12px; }





.baai-thread{ display:flex; flex-direction:column; gap:12px; margin-top:12px; }





.baai-message{ border:1px solid var(--baai-border); border-radius:16px; padding:14px; background:#f8fafc; }





.baai-message-inbound{ background:#fff; border-color:#bfdbfe; }





.baai-message-outbound{ background:#f7fff9; border-color:#bbf7d0; }





.baai-message header{ display:flex; justify-content:space-between; gap:12px; align-items:center; color:var(--baai-muted); font-size:12px; }





.baai-message h4{ margin:8px 0; font-size:14px; }





.baai-message pre{ white-space:pre-wrap; overflow:auto; max-height:360px; margin:10px 0 0; padding:12px; border-radius:12px; background:rgba(15,23,42,.035); font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace; font-size:12px; line-height:1.5; }





.baai-activity{ margin:0; padding-left:20px; display:flex; flex-direction:column; gap:10px; }





.baai-activity li{ padding-left:4px; }





.baai-activity span{ display:block; color:var(--baai-muted); font-size:12px; margin-top:2px; }





.baai-activity p{ margin:4px 0 0; color:#334155; }





.baai-check-panel{ display:flex; flex-direction:column; gap:8px; padding:12px; border:1px solid var(--baai-border); border-radius:14px; background:#f8fafc; }





.baai-agent-tools{ margin-top:14px; display:flex; flex-direction:column; gap:8px; }





.baai-agent-tools code{ display:block; overflow:auto; white-space:nowrap; padding:8px 10px; border-radius:10px; background:#f1f5f9; }





.status-replied,





.status-needs_review,





.status-ai_draft,





.status-ai_draft_ready{ background:#f5e8ff; color:#6d28d9; }





.status-booked{ background:var(--baai-soft-green); color:var(--baai-green); }





.status-not_interested,





.status-unsubscribed,





.status-bounced,





.status-skipped_global,





.status-skipped_campaign{ background:var(--baai-soft-red); color:var(--baai-red); }





.status-eligible,





.status-ready{ background:var(--baai-soft-blue); color:var(--baai-primary); }





.status-auto_reply{ background:#f1f5f9; color:#475569; }





.status-recent_contact,





.status-completed_previous{ background:var(--baai-soft-amber); color:var(--baai-amber); }





@media (max-width:1100px){





  .baai-contact-detail{ grid-template-columns:1fr; }





}











/* Dashboard action-needed rows and Contacts guidance refinements. */





.baai-action-needed .baai-warning-list{ gap:12px; }





.baai-action-item{





  display:flex;





  justify-content:space-between;





  gap:16px;





  align-items:center;





  padding:14px 16px;





  border-radius:16px;





  border:1px solid var(--baai-line);





}





.baai-action-item > div:first-child{





  display:flex;





  flex-direction:column;





  gap:4px;





  min-width:0;





}





.baai-action-item strong{ font-size:15px; }





.baai-action-item span{ color:inherit; opacity:.9; }





.baai-action-item.is-warning{





  background:var(--baai-soft-amber);





  color:var(--baai-amber);





  border-color:#fde68a;





}





.baai-action-item.is-good{





  background:var(--baai-soft-green);





  color:var(--baai-green);





  border-color:#bbf7d0;





}





.baai-warning-actions{





  display:flex;





  flex-wrap:wrap;





  gap:8px;





  align-items:center;





  justify-content:flex-end;





  flex-shrink:0;





}





.baai-resolved-label{





  display:inline-flex;





  align-items:center;





  min-height:30px;





  padding:5px 10px;





  border-radius:999px;





  background:#fff;





  color:var(--baai-green) !important;





  font-weight:900;





}





.baai-family-box{





  max-width:360px;





  text-align:right;





}





.baai-family-box p{





  margin:7px 0 0;





  color:var(--baai-muted);





  font-size:12px;





  line-height:1.35;





}





.baai-contact-stats{





  display:grid;





  grid-template-columns:repeat(5,minmax(0,1fr));





  gap:10px;





  margin:0 0 14px;





}





.baai-contact-stats > div{





  border:1px solid var(--baai-line);





  border-radius:16px;





  background:linear-gradient(180deg,#fff,#f8fbff);





  padding:12px 14px;





  min-height:76px;





}





.baai-contact-stats strong{





  display:block;





  font-size:25px;





  line-height:1;





  color:var(--baai-ink);





}





.baai-contact-stats span{





  display:block;





  margin-top:7px;





  color:var(--baai-muted);





  font-weight:800;





  font-size:12px;





  text-transform:uppercase;





  letter-spacing:.04em;





}





.baai-guidance{





  display:flex;





  flex-wrap:wrap;





  gap:10px 14px;





  align-items:center;





  margin:0 0 14px;





  padding:12px 14px;





  border:1px solid #bfdbfe;





  border-radius:16px;





  background:#eff6ff;





  color:#1e3a8a;





}





.baai-guidance strong{ margin-right:2px; }





.baai-guidance span{ color:#334155; }





.baai-filter-context,





.baai-action-help{





  margin:-4px 0 14px;





  padding:10px 12px;





  border-radius:14px;





  border:1px solid var(--baai-line);





  background:#f8fafc;





  color:var(--baai-muted);





}





.baai-filter-context{





  display:flex;





  flex-wrap:wrap;





  gap:8px;





  align-items:center;





}





.baai-filter-context strong{ color:var(--baai-ink); }





.baai-action-help{





  margin-top:-8px;





  font-weight:700;





}





.baai-action-help.is-selected{





  border-color:#bfdbfe;





  background:#eff6ff;





  color:#1d4ed8;





}





.baai-view-limit{ margin:0 0 12px; }





.baai-empty strong,





.baai-empty span{





  display:block;





}





.baai-empty span{





  margin-top:5px;





  font-weight:600;





  line-height:1.45;





}











@media (max-width:1100px){





  .baai-contact-stats{ grid-template-columns:repeat(2,minmax(0,1fr)); }





  .baai-family-box{ max-width:none; text-align:left; }





}





@media (max-width:782px){





  .baai-action-item{ align-items:flex-start; flex-direction:column; }





  .baai-warning-actions{ justify-content:flex-start; }





  .baai-contact-stats{ grid-template-columns:1fr; }





}











/* Campaign page refinements: real checkbox controls and guided sending pace. */





.baai-form-stack input[type="checkbox"],





.baai-form-grid input[type="checkbox"],





.baai-check-panel input[type="checkbox"]{





  width:16px !important;





  min-width:16px !important;





  max-width:16px !important;





  height:16px !important;





  min-height:16px !important;





  border-radius:4px;





  margin:0;





  flex:0 0 16px;





}





.baai-checkline{





  align-items:flex-start !important;





  gap:10px !important;





  line-height:1.35;





}





.baai-checkline span{





  display:block;





  color:#374151;





  font-weight:700;





}





.baai-send-limit-wrap{





  display:flex;





  flex-direction:column;





  gap:12px;





}





.baai-send-advice{





  display:flex;





  align-items:center;





  justify-content:space-between;





  gap:12px;





  padding:12px 14px;





  border:1px solid #bfdbfe;





  border-radius:14px;





  background:#eff6ff;





  color:#1e3a8a;





}





.baai-send-advice strong,





.baai-send-advice span{





  display:block;





}





.baai-send-advice span{





  flex:1 1 auto;





  font-weight:650;





  opacity:.92;





}





.baai-send-advice .button{





  flex:0 0 auto;





}











.baai-send-limit-status{





  margin-top:-4px;





  padding:9px 12px;





  border:1px solid #bbf7d0;





  border-radius:12px;





  background:#f0fdf4;





  color:#166534;





  font-weight:700;





}





.baai-send-limit-status[hidden]{





  display:none;





}





.baai-send-limit-wrap input.is-baai-updated{





  border-color:#22c55e;





  box-shadow:0 0 0 2px rgba(34,197,94,.16);





}











.baai-imap-status{





  display:flex;





  flex-direction:column;





  gap:4px;





  margin-bottom:12px;





}





.baai-imap-status strong,





.baai-imap-status span{





  display:block;





}





@media (max-width:782px){





  .baai-send-advice{ align-items:flex-start; flex-direction:column; }





}











/* Template assistant, shortcodes, previews, and schedule. */





.baai-three{





  display:grid;





  grid-template-columns:repeat(3,minmax(0,1fr));





  gap:12px;





}





.baai-template-assistant{





  margin-top:18px;





}





.baai-assistant-status{





  display:flex;





  align-items:center;





  gap:8px;





}





.baai-assistant-summary{





  display:grid;





  grid-template-columns:repeat(3,minmax(0,1fr));





  gap:12px;





  margin:12px 0 14px;





}





.baai-assistant-summary span{





  display:block;





  padding:12px 14px;





  border:1px solid var(--baai-line);





  border-radius:14px;





  background:#fbfdff;





  color:var(--baai-muted);





  font-weight:700;





}





.baai-assistant-summary strong{





  display:block;





  color:var(--baai-ink);





  margin-bottom:3px;





}





.baai-assistant-actions,





.baai-template-actions,





.baai-template-helper{





  display:flex;





  flex-wrap:wrap;





  gap:10px;





  align-items:center;





}





.baai-template-helper{





  justify-content:space-between;





  padding:10px 12px;





  border:1px solid var(--baai-line);





  border-radius:14px;





  background:#fbfdff;





}





.baai-template-helper code,





.baai-availability code{





  font-size:12px;





}





.baai-template-alert,





.baai-template-issues{





  margin:10px 0;





  padding:10px 12px;





  border:1px solid #fde68a;





  border-radius:14px;





  background:#fffbeb;





  color:#92400e;





  font-weight:700;





}

.baai-template-issue-guidance{

  display:block;

  margin-top:6px;

  color:#78350f;

  font-weight:600;

}






.baai-profile-details{





  margin-top:14px;





}





.baai-help-text{





  color:var(--baai-muted);





  font-weight:600;





}











.baai-modal-active{





  overflow:hidden;





}





.baai-modal{





  position:fixed;





  inset:0;





  z-index:100000;





  display:none;





  align-items:flex-start;





  justify-content:center;





  padding:40px 18px;





}





.baai-modal.is-open{





  display:flex;





}





.baai-modal-backdrop{





  position:fixed;





  inset:0;





  background:rgba(15,23,42,.52);





}





.baai-modal-panel{





  position:relative;





  width:min(720px,100%);





  max-height:calc(100vh - 80px);





  overflow:auto;





  border-radius:22px;





  background:#fff;





  box-shadow:0 30px 90px rgba(15,23,42,.28);





  padding:24px;





}





.baai-modal-wide{





  width:min(980px,100%);





}





.baai-modal-close{





  position:absolute;





  top:14px;





  right:14px;





  width:34px;





  height:34px;





  border:1px solid var(--baai-line);





  border-radius:999px;





  background:#fff;





  cursor:pointer;





  font-size:22px;





  line-height:1;





}





.baai-modal h2{





  margin-top:0;





}





.baai-interview-progress{





  height:8px;





  border-radius:999px;





  background:#e5e7eb;





  overflow:hidden;





}





.baai-interview-progress span{





  display:block;





  height:100%;





  width:0;





  background:var(--baai-primary);





  transition:width .18s ease;





}





.baai-interview-step{





  display:none;





  padding:6px 0 0;





}





.baai-interview-step.is-active{





  display:block;





}





.baai-interview-actions{





  display:flex;





  flex-wrap:wrap;





  justify-content:flex-end;





  gap:10px;





  margin-top:8px;





}





.baai-shortcode-groups{





  display:grid;





  gap:10px;





}





.baai-shortcode-groups details{





  border:1px solid var(--baai-line);





  border-radius:16px;





  padding:10px 12px;





  background:#fbfdff;





}





.baai-shortcode-groups summary{





  cursor:pointer;





  font-weight:800;





}





.baai-shortcode-row{





  margin-top:8px;





  border:1px solid #e5e7eb;





  border-radius:12px;





  background:#fff;





  overflow:hidden;





}





.baai-shortcode-copy{





  display:flex;





  width:100%;





  align-items:flex-start;





  gap:12px;





  margin:0;





  padding:9px 10px;





  border:0;





  background:#fff;





  color:var(--baai-ink);





  text-align:left;





  cursor:pointer;





}





.baai-shortcode-copy code{





  flex:0 0 auto;





  color:var(--baai-primary-dark);





  font-weight:800;





}





.baai-shortcode-copy span{





  color:var(--baai-muted);





  font-weight:650;





}





.baai-shortcode-copy.is-copied{





  border-color:#bbf7d0;





  background:#f0fdf4;





}





.baai-shortcode-rendered-example{





  padding:0 10px 10px 46px;





  color:var(--baai-muted);





}





.baai-shortcode-rendered-example > strong{





  display:block;





  margin:0 0 6px;





  color:var(--baai-ink);





  font-size:12px;





}





.baai-template-preview-body-mini{





  padding:10px 12px;





  font-size:12px;





  line-height:1.45;





  background:#fbfdff;





}











.baai-availability-layout{





  display:grid;





  grid-template-columns:minmax(0,1fr) 360px;





  gap:18px;





  align-items:start;





}





.baai-availability-preview{





  min-height:120px;





  white-space:pre-wrap;





  padding:14px;





  border:1px solid var(--baai-line);





  border-radius:16px;





  background:#fbfdff;





  color:#111827;





  font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;





}





.baai-schedule-table td{





  vertical-align:top;





}





.status-available{





  background:#e8f7ef;





  color:#0f8a55;





}





.status-booked,





.status-busy,





.status-blocked{





  background:#fff0ed;





  color:#b42318;





}





.baai-booked-date{





  margin-top:12px;





}





.baai-booked-form{





  margin-top:8px;





}











.baai-edit-panel[hidden]{





  display:none !important;





}





.baai-contact-edit-actions{





  display:flex;





  gap:10px;





  align-items:center;





}





.baai-inline-status{





  color:var(--baai-muted);





  font-weight:700;





}





.baai-inline-status.is-working{





  color:#1d4ed8;





}





.baai-inline-status.is-success{





  color:#166534;





}





.baai-inline-status.is-error{





  color:#b42318;





}











.baai-preview-meta{





  display:grid;





  grid-template-columns:1fr;





  gap:8px;





  margin:12px 0;





  padding:12px;





  border:1px solid var(--baai-line);





  border-radius:14px;





  background:#fbfdff;





}





.baai-preview-meta span{





  display:block;





  color:var(--baai-muted);





  font-weight:700;





}





.baai-preview-meta strong{





  display:block;





  color:var(--baai-ink);





}





.baai-template-preview-body{





  padding:18px;





  border:1px solid var(--baai-line);





  border-radius:16px;





  background:#fff;





  color:#111827;





  font-size:14px;





  line-height:1.55;





  white-space:normal;





}











@media (max-width:1100px){





  .baai-assistant-summary{ grid-template-columns:1fr; }





  .baai-availability-layout{ grid-template-columns:1fr; }





}





@media (max-width:782px){





  .baai-three{ grid-template-columns:1fr; }





  .baai-modal{ padding:18px 10px; }





  .baai-modal-panel{ max-height:calc(100vh - 36px); padding:18px; }





  .baai-template-helper{ align-items:flex-start; flex-direction:column; }





}











/* AI-reviewed sequence and calendar-import refinements */





.baai-head-actions,





.baai-generated-actions{





  display:flex;





  gap:10px;





  align-items:center;





  flex-wrap:wrap;





}





.baai-generated-review{





  margin-top:20px;





  padding:18px;





  border:1px solid var(--baai-line);





  border-radius:20px;





  background:#f8fbff;





  box-shadow:0 14px 34px rgba(15,23,42,.06);





}





.baai-generated-actions{





  margin:14px 0 6px;





}





.baai-generated-email{





  margin-top:14px;





  padding:16px;





  border:1px solid var(--baai-line);





  border-radius:18px;





  background:#fff;





}





.baai-generated-email-head{





  display:flex;





  justify-content:space-between;





  align-items:flex-start;





  gap:16px;





  padding-bottom:12px;





  border-bottom:1px solid var(--baai-line);





}





.baai-generated-email-head strong,





.baai-generated-email-head span{





  display:block;





}





.baai-generated-email-head strong{





  color:var(--baai-ink);





  font-size:14px;





}





.baai-generated-email-head span{





  margin-top:4px;





  color:var(--baai-muted);





}





.baai-generated-email-head em{





  flex:0 0 auto;





  color:var(--baai-muted);





  font-size:12px;





  font-style:normal;





  font-weight:800;





}





.baai-generated-preview-grid{





  display:grid;





  grid-template-columns:minmax(0,1fr) minmax(280px,.75fr);





  gap:14px;





  margin-top:14px;





}





.baai-generated-preview-grid details,





.baai-regenerate-details{





  border:1px solid var(--baai-line);





  border-radius:14px;





  background:#fbfdff;





}





.baai-generated-preview-grid summary,





.baai-regenerate-details summary{





  padding:10px 12px;





  color:var(--baai-ink);





  font-weight:800;





  cursor:pointer;





}





.baai-code-preview{





  max-height:380px;





  overflow:auto;





  margin:0 12px 12px;





  padding:12px;





  border:1px solid #e5e7eb;





  border-radius:12px;





  background:#fff;





  color:#334155;





  white-space:pre-wrap;





}





.baai-regenerate-details{





  margin-top:14px;





  padding-bottom:12px;





}





.baai-regenerate-details .baai-form-stack{





  padding:0 12px;





}





.baai-integrations-form hr{





  margin:18px 0 8px;





  border:0;





  border-top:1px solid var(--baai-line);





}





.baai-google-import{





  margin:0 0 18px;





  padding:14px;





  border:1px solid var(--baai-line);





  border-radius:16px;





  background:#fbfdff;





}





.baai-google-import summary{





  font-weight:800;





  color:var(--baai-ink);





  cursor:pointer;





}





.baai-checkline-compact{





  margin:2px 0 0;





}





.baai-template-preview-body p{





  margin:0 0 13px;





}





.baai-template-preview-body p:last-child{





  margin-bottom:0;





}





.baai-template-preview-body ul,





.baai-template-preview-body ol{





  margin:6px 0 14px 22px;





  padding:0;





}





.baai-template-preview-body ul{





  list-style:disc outside;





}





.baai-template-preview-body ol{





  list-style:decimal outside;





}





.baai-template-preview-body li{





  display:list-item;





  margin:0 0 5px;





}





.baai-preview-bullet{





  margin:0 0 5px;





}





@media (max-width:1100px){





  .baai-generated-preview-grid{ grid-template-columns:1fr; }





}





@media (max-width:782px){





  .baai-generated-email-head{ flex-direction:column; }





  .baai-generated-email-head em{ flex:auto; }





}





.baai-generate-status{





  display:none;





  margin-top:12px;





  padding:12px 14px;





  border-radius:14px;





  border:1px solid var(--baai-line);





  background:#fff;





}





.baai-generate-status.is-working,





.baai-generate-status.is-done,





.baai-generate-status.is-error{





  display:block;





}





.baai-generate-status strong{





  display:block;





  color:var(--baai-ink);





  margin-bottom:4px;





}





.baai-generate-status span{





  display:block;





  color:var(--baai-muted);





  line-height:1.45;





}





.baai-generate-status.is-working{





  border-color:#bfdbfe;





  background:#eff6ff;





}





.baai-generate-status.is-done{





  border-color:#bbf7d0;





  background:#f0fdf4;





}





.baai-generate-status.is-error{





  border-color:#fed7aa;





  background:#fff7ed;





}











/* Campaign page cleanup, dynamic fields, and availability cushions. */





.baai-four{





  display:grid;





  grid-template-columns:repeat(4,minmax(0,1fr));





  gap:12px;





}





.baai-field-help{





  display:block;





  margin-top:5px;





  color:var(--baai-muted);





  font-size:12px;





  font-weight:650;





  line-height:1.35;





}





.baai-form-section{





  padding:14px;





  border:1px solid var(--baai-line);





  border-radius:16px;





  background:#fbfdff;





}





.baai-form-section h3{





  margin:0 0 4px;





}





.baai-compact-note{





  margin-top:12px;





  padding:10px 12px;





  border:1px solid var(--baai-line);





  border-radius:14px;





  background:#fbfdff;





}





.baai-setup-checklist,





.baai-dynamic-field-intro,





.baai-availability-summary-grid{





  display:grid;





  gap:12px;





}





.baai-setup-checklist{





  grid-template-columns:repeat(4,minmax(0,1fr));





  margin:14px 0;





}





.baai-setup-checklist > div,





.baai-dynamic-field-intro > div,





.baai-availability-summary-grid > div,





.baai-good-or-warning{





  padding:12px 14px;





  border:1px solid var(--baai-line);





  border-radius:16px;





  background:#fff;





}





.baai-setup-checklist strong,





.baai-setup-checklist span,





.baai-dynamic-field-intro strong,





.baai-dynamic-field-intro span,





.baai-availability-summary-grid strong,





.baai-availability-summary-grid span,





.baai-good-or-warning strong,





.baai-good-or-warning span{





  display:block;





}





.baai-setup-checklist strong,





.baai-dynamic-field-intro strong,





.baai-availability-summary-grid strong,





.baai-good-or-warning strong{





  color:var(--baai-ink);





  margin-bottom:4px;





}





.baai-setup-checklist span,





.baai-dynamic-field-intro span,





.baai-availability-summary-grid span,





.baai-good-or-warning span{





  color:var(--baai-muted);





  font-weight:650;





  line-height:1.4;





}





.baai-setup-checklist .is-good,





.baai-good-or-warning.is-good{





  border-color:#bbf7d0;





  background:#f0fdf4;





}





.baai-setup-checklist .is-warning,





.baai-good-or-warning.is-warning{





  border-color:#fde68a;





  background:#fffbeb;





}





.baai-dynamic-field-intro{





  grid-template-columns:repeat(3,minmax(0,1fr));





  margin:14px 0;





}





.baai-shortcode-copy span b,





.baai-shortcode-copy span small{





  display:block;





}





.baai-shortcode-copy span b{





  color:var(--baai-ink);





  font-weight:750;





}





.baai-shortcode-copy span small{





  margin-top:3px;





  color:var(--baai-muted);





  font-size:12px;





  line-height:1.35;





}





.baai-availability-summary-grid{





  grid-template-columns:1.25fr 1fr 1fr;





  margin-top:14px;





}





.baai-availability-preview-compact{





  min-height:auto;





  margin:8px 0 0;





  max-height:170px;





  overflow:auto;





}





.baai-help-block{





  padding:8px 0 0;





  color:var(--baai-muted);





  line-height:1.55;





}





.baai-help-block ol{





  margin:8px 0 0 20px;





}





.baai-help-block li{





  margin-bottom:5px;





}





@media (max-width:1100px){





  .baai-four,





  .baai-setup-checklist,





  .baai-dynamic-field-intro,





  .baai-availability-summary-grid{ grid-template-columns:1fr 1fr; }





}





@media (max-width:782px){





  .baai-four,





  .baai-setup-checklist,





  .baai-dynamic-field-intro,





  .baai-availability-summary-grid{ grid-template-columns:1fr; }





}





.baai-assistant-summary{ grid-template-columns:repeat(4,minmax(0,1fr)); }





@media (max-width:1100px){ .baai-assistant-summary{ grid-template-columns:1fr 1fr; } }





@media (max-width:782px){ .baai-assistant-summary{ grid-template-columns:1fr; } }





.baai-campaign-control-center{





  margin-bottom:18px;





}





.baai-campaign-summary-grid{





  display:grid;





  grid-template-columns:repeat(3,minmax(0,1fr));





  gap:12px;





}





.baai-campaign-summary-grid > div{





  padding:14px;





  border:1px solid var(--baai-line);





  border-radius:16px;





  background:#fbfdff;





}





.baai-campaign-summary-grid strong,





.baai-campaign-summary-grid span{





  display:block;





}





.baai-campaign-summary-grid strong{





  color:var(--baai-ink);





  margin-bottom:5px;





}





.baai-campaign-summary-grid span{





  color:var(--baai-muted);





  font-weight:650;





  line-height:1.4;





}





@media (max-width:1100px){ .baai-campaign-summary-grid{ grid-template-columns:1fr; } }











/* Public app shell */





.baai-access-card{





  max-width:760px;





  margin:48px auto;





  padding:34px;





  border:1px solid var(--baai-line);





  border-radius:24px;





  background:var(--baai-card);





  box-shadow:var(--baai-shadow);





  color:var(--baai-ink);





}





.baai-access-card h2{margin:0 0 10px;font-size:28px;line-height:1.15;}





.baai-access-card p{margin:0 0 16px;color:var(--baai-muted);font-size:16px;line-height:1.55;}





.entry-content .baai-wrap,





.site-main .baai-wrap,





.baai-wrap{





  width:100%;





  margin-left:auto;





  margin-right:auto;





}





.entry-content .baai-wrap.wrap,





.site-main .baai-wrap.wrap{





  padding-left:16px;





  padding-right:16px;





}





@media (max-width: 782px){





  .baai-hero{grid-template-columns:1fr;padding:22px;}





  .baai-tabs{overflow-x:auto;white-space:nowrap;}





  .baai-access-card{margin:24px 12px;padding:24px;}





}











/* Public setup / agent bridge additions */





.baai-provider-card{





  display:flex;





  flex-direction:column;





  gap:8px;





  padding:16px;





  border:1px solid var(--baai-border,#dcdcde);





  border-radius:16px;





  background:#fff;





  min-height:160px;





  cursor:pointer;





}





.baai-provider-card input[type="radio"]{ margin-right:6px; }





.baai-provider-card:has(input:checked){ border-color:#635bff; box-shadow:0 0 0 2px rgba(99,91,255,.12); }





.baai-check-list{ list-style:none; padding:0; margin:12px 0 0; display:flex; flex-direction:column; gap:10px; }





.baai-check-list li{ display:flex; gap:10px; align-items:flex-start; padding:10px; border-radius:12px; background:#f8f9fb; }





.baai-check-list li>span{ width:24px; height:24px; border-radius:999px; display:inline-flex; align-items:center; justify-content:center; font-weight:700; flex:0 0 auto; }





.baai-check-list li.is-good>span{ background:#e8f7ee; color:#137333; }





.baai-check-list li.is-warning>span{ background:#fff7e0; color:#8a5b00; }





.baai-token-table code{ word-break:break-all; white-space:normal; }











/* Guided setup wizard */





.baai-setup-wizard{





  position:relative;





}





.baai-setup-progress,





.baai-setup-actions{





  display:flex;





  align-items:center;





  justify-content:space-between;





  gap:12px;





  padding:12px 14px;





  border:1px solid var(--baai-line,#dcdcde);





  border-radius:16px;





  background:#f8f9fb;





}





.baai-setup-progress{ margin-bottom:14px; }





.baai-setup-progress [data-baai-setup-step-label]{





  font-weight:800;





  color:var(--baai-ink,#1d2327);





}





.baai-setup-step{ display:none; }





.baai-setup-step.is-active{ display:block; }





.baai-provider-guide{





  margin-top:14px;





  padding:14px 16px;





  border:1px solid var(--baai-line,#dcdcde);





  border-radius:16px;





  background:#fbfdff;





  color:var(--baai-muted,#646970);





}





.baai-provider-guide strong{ color:var(--baai-ink,#1d2327); }





.baai-provider-guide ol{ margin:8px 0 0 20px; }





.baai-provider-guide li{ margin-bottom:5px; }





@media (max-width:782px){





  .baai-setup-progress,





  .baai-setup-actions{ flex-direction:column; align-items:stretch; }





}











/* Guided public setup wizard */





.baai-setup-wizard{





  position:relative;





}





.baai-setup-progress,





.baai-setup-actions{





  display:flex;





  justify-content:space-between;





  align-items:center;





  gap:12px;





  padding:12px 14px;





  border:1px solid var(--baai-line,#dcdcde);





  border-radius:14px;





  background:#f8f9fb;





  margin:0 0 14px;





}





.baai-setup-actions{





  margin:14px 0 0;





}





.baai-setup-progress span{





  font-weight:800;





  color:var(--baai-ink,#111827);





}





.baai-setup-step[hidden]{





  display:none !important;





}





.baai-setup-step.is-active{





  border-color:rgba(99,91,255,.32);





  box-shadow:0 12px 30px rgba(18,25,38,.06);





}





.baai-provider-guide{





  margin:14px 0;





  padding:14px 16px;





  border:1px dashed rgba(99,91,255,.35);





  border-radius:14px;





  background:#f7f6ff;





  color:var(--baai-ink,#111827);





}





.baai-provider-guide ol{





  margin:8px 0 0 20px;





  color:var(--baai-muted,#5f6b7a);





  line-height:1.55;





}





.baai-agent-docs{





  max-width:1120px;





  margin:0 auto;





  padding:32px 18px;





  color:var(--baai-ink,#111827);





}





.baai-agent-hero,





.baai-agent-grid > div{





  border:1px solid var(--baai-line,#dcdcde);





  border-radius:24px;





  background:#fff;





  box-shadow:0 18px 48px rgba(18,25,38,.08);





}





.baai-agent-hero{





  padding:34px;





  margin-bottom:18px;





}





.baai-agent-hero h2{





  margin:6px 0 12px;





  font-size:clamp(32px,5vw,58px);





  line-height:1;





  letter-spacing:-.04em;





}





.baai-agent-hero p{





  max-width:780px;





  color:var(--baai-muted,#5f6b7a);





  font-size:17px;





  line-height:1.6;





}





.baai-kicker{





  margin:0;





  color:#635bff !important;





  font-weight:800;





  text-transform:uppercase;





  letter-spacing:.08em;





  font-size:13px !important;





}





.baai-agent-grid{





  display:grid;





  grid-template-columns:1fr 1fr;





  gap:18px;





  margin-bottom:18px;





}





.baai-agent-grid > div{





  padding:24px;





}





.baai-agent-grid code,





.baai-agent-grid pre{





  white-space:pre-wrap;





  word-break:break-word;





}





@media (max-width:782px){





  .baai-setup-progress,





  .baai-setup-actions{ flex-direction:column; align-items:stretch; }





  .baai-agent-grid{ grid-template-columns:1fr; }





}











/* v3.6 Booking OS additions */





.baai-rate-guard { border-left: 4px solid rgba(0,0,0,.14); }





.baai-bookings-table input[type="text"],





.baai-bookings-table input[type="email"],





.baai-bookings-table input[type="date"],





.baai-bookings-table input[type="time"],





.baai-bookings-table select,





.baai-bookings-table textarea { width: 100%; max-width: 100%; }





.baai-bookings-table td { vertical-align: top; min-width: 130px; }





.baai-bookings-table td:first-child { min-width: 210px; }





.baai-booking-form .baai-full { grid-column: 1 / -1; }





.baai-danger-button { border-color: #b32d2e !important; color: #b32d2e !important; }





@media (max-width: 782px) {





  .baai-bookings-table, .baai-bookings-table thead, .baai-bookings-table tbody, .baai-bookings-table tr, .baai-bookings-table th, .baai-bookings-table td { display: block; width: 100%; }





  .baai-bookings-table thead { display: none; }





  .baai-bookings-table tr { margin: 0 0 16px; padding: 12px; border: 1px solid rgba(0,0,0,.12); border-radius: 12px; background: #fff; }





  .baai-bookings-table td { border: 0 !important; padding: 8px 0 !important; }





}











/* v3.6.1 guided launch and safe test mode polish */





.baai-hero-panel{ min-width:0; }





.baai-hero-campaign-name{ display:block; font-size:18px; line-height:1.25; }





.baai-campaign-status-line{





  display:inline-flex;





  align-items:center;





  gap:6px;





  width:max-content;





  max-width:100%;





  min-height:30px;





  padding:6px 10px;





  border-radius:999px;





  background:rgba(255,255,255,.16);





  border:1px solid rgba(255,255,255,.24);





  color:#fff;





  font-size:12px;





  font-weight:800;





  white-space:nowrap;





}





.baai-campaign-select{ width:100%; min-width:0; }





.baai-campaign-select select{ flex:1 1 auto; min-width:0; max-width:none; }





.baai-campaign-select .button,





.baai-campaign-select button{ flex:0 0 auto; white-space:nowrap; min-width:76px; }





.baai-pill-big{ min-width:86px; justify-content:center; }





.baai-tabs-guided{ align-items:center; }





.baai-advanced-tools{ position:relative; }





.baai-advanced-tools summary{





  cursor:pointer;





  list-style:none;





  display:inline-flex;





  align-items:center;





  gap:8px;





  padding:12px 16px;





  border-radius:999px;





  background:#fff;





  border:1px dashed var(--baai-line);





  font-weight:900;





  color:#334155;





}





.baai-advanced-tools summary::-webkit-details-marker{ display:none; }





.baai-advanced-tools[open] summary{ color:var(--baai-primary); border-color:#bfdbfe; }





.baai-advanced-tools > div{





  position:absolute;





  z-index:20;





  top:calc(100% + 8px);





  left:0;





  min-width:260px;





  display:grid;





  gap:8px;





  padding:12px;





  border:1px solid var(--baai-line);





  border-radius:18px;





  background:#fff;





  box-shadow:var(--baai-shadow);





}





.baai-advanced-tool-link{





  display:flex;





  gap:9px;





  align-items:center;





  padding:10px 12px;





  border-radius:12px;





  color:var(--baai-ink);





  text-decoration:none;





  font-weight:800;





}





.baai-advanced-tool-link:hover,





.baai-advanced-tool-link.is-active{ background:#eff6ff; color:var(--baai-primary); }





.baai-guided-launch{ border-color:#bfdbfe; background:linear-gradient(180deg,#ffffff 0%,#f8fbff 100%); }





.baai-guided-steps{





  display:grid;





  grid-template-columns:repeat(3,minmax(0,1fr));





  gap:14px;





  margin-top:16px;





}





.baai-guided-step{





  display:grid;





  grid-template-columns:42px 1fr;





  gap:12px;





  padding:16px;





  border:1px solid var(--baai-line);





  border-radius:18px;





  background:#fff;





}





.baai-guided-step.is-current{ border-color:#93c5fd; box-shadow:0 12px 30px rgba(37,99,235,.09); }





.baai-guided-step.is-done{ border-color:#bbf7d0; background:#f8fffb; }





.baai-guided-step.is-blocked:not(.is-done){ border-style:dashed; }





.baai-guided-step-num{





  display:inline-flex;





  align-items:center;





  justify-content:center;





  width:36px;





  height:36px;





  border-radius:50%;





  background:var(--baai-primary);





  color:#fff;





  font-weight:900;





}





.baai-guided-step.is-done .baai-guided-step-num{ background:var(--baai-green); }





.baai-guided-step h3{ margin:0 0 6px; font-size:17px; }





.baai-guided-step p{ margin:0 0 12px; color:var(--baai-muted); }





.baai-test-mode-banner{





  display:flex;





  flex-direction:column;





  gap:3px;





  margin:12px 0;





  padding:14px 16px;





  border:1px solid #fde68a;





  border-radius:16px;





  background:#fffbeb;





  color:#713f12;





}





.baai-test-mode-banner span{ color:#854d0e; }





.baai-test-pill{ min-width:150px; justify-content:center; background:#fff7df; color:#a16207; }





.baai-guided-complete{





  display:flex;





  flex-direction:column;





  gap:3px;





  margin-top:14px;





  padding:14px 16px;





  border:1px solid #bbf7d0;





  border-radius:16px;





  background:#f0fdf4;





  color:#14532d;





}





.baai-test-mode-card{ border-color:#fde68a; background:#fffdf4; }





@media (max-width:1200px){





  .baai-guided-steps{ grid-template-columns:repeat(2,minmax(0,1fr)); }





}





@media (max-width:782px){





  .baai-guided-steps{ grid-template-columns:1fr; }





  .baai-campaign-select{ flex-direction:column; align-items:stretch; }





  .baai-campaign-select .button,





  .baai-campaign-select button{ width:100%; }





  .baai-advanced-tools > div{ position:static; margin-top:8px; width:100%; }





}











/* v3.6.1 guided onboarding and demo safe mode */





.baai-hero-panel .button.baai-hero-cta,





.baai-nowrap{ white-space:nowrap; }





.baai-hero-label{





  display:inline-flex;





  align-items:center;





  width:max-content;





  min-width:112px;





  justify-content:center;





  padding:6px 10px;





  border-radius:999px;





  background:rgba(255,255,255,.14);





  border:1px solid rgba(255,255,255,.24);





  color:#fff;





  font-size:12px;





  font-weight:900;





  letter-spacing:.04em;





  text-transform:uppercase;





}





.baai-hero-status{





  display:inline-flex;





  width:max-content;





  min-width:112px;





  justify-content:center;





  padding:7px 10px;





  border-radius:999px;





  background:#fffbeb;





  color:#92400e;





  font-weight:900;





  font-size:13px;





}





.baai-hero-panel p{ font-size:14px; line-height:1.45; }





.baai-campaign-select{ width:100%; }





.baai-campaign-select select{ flex:1 1 auto; min-width:0; max-width:none; }





.baai-campaign-select .button{ flex:0 0 auto; }





.baai-guided-nav{





  display:flex;





  flex-direction:column;





  gap:8px;





  margin:16px 0 20px;





  padding:14px 16px;





  border:1px solid var(--baai-line);





  border-radius:18px;





  background:#fff;





  box-shadow:0 1px 2px rgba(15,23,42,.04);





}





.baai-guided-nav > span{ color:var(--baai-muted); }





.baai-guided-nav summary{ cursor:pointer; font-weight:800; color:var(--baai-primary); }





.baai-guided-progress{





  display:grid;





  grid-template-columns:repeat(6,minmax(0,1fr));





  gap:10px;





  margin-top:16px;





}





.baai-guided-progress-step{





  display:flex;





  flex-direction:column;





  align-items:center;





  gap:6px;





  padding:12px 8px;





  border:1px solid var(--baai-line);





  border-radius:16px;





  background:#fff;





  text-align:center;





}





.baai-guided-progress-step span{





  width:28px;





  height:28px;





  display:inline-flex;





  align-items:center;





  justify-content:center;





  border-radius:999px;





  background:#eef2ff;





  color:#3730a3;





  font-weight:900;





}





.baai-guided-progress-step.is-active{





  border-color:rgba(37,99,235,.55);





  box-shadow:0 0 0 3px rgba(37,99,235,.10);





}





.baai-guided-progress-step.is-done span{ background:var(--baai-soft-green); color:var(--baai-green); }





.baai-guided-card{





  border-left:5px solid transparent;





}





.baai-guided-card.is-current{





  border-left-color:var(--baai-primary);





  box-shadow:0 18px 44px rgba(37,99,235,.11);





}





.baai-choice-grid{ align-items:stretch; }





.baai-choice{





  display:flex;





  align-items:center;





  gap:10px;





  padding:12px 14px;





  border:1px solid var(--baai-line);





  border-radius:14px;





  background:#fff;





  font-weight:800;





}





.baai-choice:has(input:checked){ border-color:rgba(37,99,235,.55); background:var(--baai-soft-blue); }





.baai-demo-safe-box,





.baai-demo-send-banner{





  display:block;





  padding:14px 16px;





  margin:12px 0;





  border:1px solid #f5d488;





  border-radius:16px;





  background:#fffbeb;





  color:#7c2d12;





}





.baai-demo-send-banner{ display:flex; flex-direction:column; gap:4px; }





.baai-demo-safe-box code,





.baai-demo-send-banner code{ background:rgba(255,255,255,.7); padding:2px 5px; border-radius:6px; }





.baai-demo-contact-form{ display:flex; gap:10px; align-items:center; flex-wrap:wrap; margin-top:10px; }





@media (max-width:900px){





  .baai-guided-progress{ grid-template-columns:repeat(3,minmax(0,1fr)); }





}





@media (max-width:520px){





  .baai-guided-progress{ grid-template-columns:repeat(2,minmax(0,1fr)); }





  .baai-campaign-select{ flex-direction:column; align-items:stretch; }





  .baai-campaign-select .button{ width:100%; }





}











.baai-demo-reply-simulator{





  border-color:#fde68a;





  background:linear-gradient(180deg,#fffdf4 0%,#ffffff 100%);





}





.baai-demo-reply-simulator textarea{





  font-size:14px;





}

















/* v3.6.2 frontend button normalization and guided actions */





.baai-wrap .button,





.baai-access-card .button{





  display:inline-flex;





  align-items:center;





  justify-content:center;





  gap:8px;





  min-height:38px;





  padding:9px 15px;





  border:1px solid var(--baai-line);





  border-radius:12px;





  background:#fff;





  color:var(--baai-ink) !important;





  text-decoration:none !important;





  font-weight:900;





  line-height:1.15;





  box-shadow:0 1px 2px rgba(15,23,42,.06);





  cursor:pointer;





  white-space:nowrap;





}





.baai-wrap .button:hover,





.baai-access-card .button:hover{





  transform:translateY(-1px);





  box-shadow:0 8px 18px rgba(15,23,42,.10);





}





.baai-wrap .button-primary,





.baai-access-card .button-primary{





  background:var(--baai-primary);





  border-color:var(--baai-primary);





  color:#fff !important;





}





.baai-wrap .button[disabled],





.baai-wrap .button[aria-disabled="true"]{





  opacity:.55;





  cursor:not-allowed;





  transform:none;





  box-shadow:none;





}





.baai-guided-actions{





  display:flex;





  flex-wrap:wrap;





  gap:10px;





  align-items:center;





  margin:14px 0;





}





.baai-guided-warning{





  display:flex;





  flex-direction:column;





  gap:8px;





  margin:12px 0;





}





.baai-guided-warning .button{





  align-self:flex-start;





}





.baai-hero-status,





.baai-pill-big{ min-width:112px; }





.baai-campaign-select .button,





.baai-campaign-select button{ white-space:nowrap; }





@media (max-width:560px){ .baai-guided-actions .button{ width:100%; } }

















/* v3.6.3 focused UX fixes */





.baai-wrap .button,





.baai-wrap button.button,





.baai-wrap a.button,





.baai-wrap input[type="submit"].button,





.baai-access-card .button{





  display:inline-flex !important;





  align-items:center !important;





  justify-content:center !important;





  width:auto !important;





  max-width:100% !important;





  min-height:38px !important;





  padding:9px 15px !important;





  border:1px solid var(--baai-line) !important;





  border-radius:12px !important;





  background:#fff !important;





  background-image:none !important;





  color:var(--baai-ink) !important;





  text-shadow:none !important;





  text-decoration:none !important;





  font-weight:900 !important;





  line-height:1.15 !important;





  box-shadow:0 1px 2px rgba(15,23,42,.06) !important;





  cursor:pointer;





  white-space:nowrap;





}





.baai-wrap .button-primary,





.baai-wrap button.button-primary,





.baai-wrap a.button-primary,





.baai-wrap input[type="submit"].button-primary,





.baai-access-card .button-primary{





  background:var(--baai-primary) !important;





  border-color:var(--baai-primary) !important;





  color:#fff !important;





}





.baai-wrap .button:hover,





.baai-access-card .button:hover{





  transform:translateY(-1px);





  box-shadow:0 8px 18px rgba(15,23,42,.10) !important;





}





.baai-wrap .button[disabled],





.baai-wrap .button[aria-disabled="true"],





.baai-wrap button.button:disabled{





  opacity:.55;





  cursor:not-allowed;





  transform:none;





  box-shadow:none !important;





}





.baai-wrap .baai-danger-button,





.baai-wrap button.baai-danger-button,





.baai-wrap a.baai-danger-button{





  background:#fff7f7 !important;





  border-color:#fecaca !important;





  color:var(--baai-red) !important;





}





.baai-demo-contact-form .button{ flex:0 0 auto; min-width:210px; }





.baai-demo-contact-form .baai-muted{ line-height:1.4; }











.baai-grid-discover{





  grid-template-columns:1fr !important;





  align-items:start;





  gap:20px;





}





.baai-grid-discover .baai-map-card,





.baai-grid-discover .baai-review-card{





  width:100%;





}





.baai-map-card .baai-map-layout{





  grid-template-columns:minmax(300px,440px) minmax(280px,1fr);





  align-items:start;





}





.baai-map-card .baai-form-stack{





  display:grid;





  grid-template-columns:repeat(2,minmax(0,1fr));





  gap:14px;





}





.baai-map-card .baai-chip-grid{





  grid-template-columns:repeat(auto-fit,minmax(210px,1fr));





}





.baai-map-card .button-hero{





  width:100% !important;





  justify-content:center !important;





}





.baai-review-card{ margin-top:0; }





.baai-review-card .baai-card-list{





  max-height:none;





  overflow:visible;





  padding-right:0;





}





@media (max-width:980px){





  .baai-map-card .baai-map-layout,





  .baai-map-card .baai-form-stack,





  .baai-map-card .baai-chip-grid{ grid-template-columns:1fr; }





}











/* v3.6.3 final action-button sizing */





.baai-row-actions .button,





.baai-row-actions .baai-inline-form .button{ width:100% !important; }





.baai-map-card .baai-map-layout{ grid-template-columns:minmax(320px,460px) minmax(280px,1fr); }





.baai-map-card .baai-form-stack{ display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:14px; }





.baai-map-card .baai-form-stack label:nth-child(3),





.baai-map-card .baai-form-stack label:nth-child(4){ grid-column:auto; }





@media (max-width:980px){ .baai-map-card .baai-map-layout, .baai-map-card .baai-form-stack{ grid-template-columns:1fr; } }

















/* v3.6.3 discovery layout + stronger frontend button isolation */





.baai-grid-discover{





  grid-template-columns:1fr !important;





  gap:22px;





}





.baai-grid-discover .baai-map-card,





.baai-grid-discover .baai-review-card{





  width:100%;





}





.baai-grid-discover .baai-map-layout{





  grid-template-columns:minmax(320px, 460px) minmax(280px, 1fr);





  align-items:start;





}





.baai-grid-discover .baai-google-map-wrap{





  min-height:310px;





}





.baai-grid-discover .baai-chip-grid{





  grid-template-columns:repeat(3,minmax(0,1fr));





}





.baai-wrap a.button,





.baai-wrap button.button,





.baai-wrap input.button,





.baai-wrap .button,





.baai-access-card a.button,





.baai-access-card button.button,





.baai-access-card input.button,





.baai-access-card .button{





  width:auto !important;





  max-width:100%;





  min-height:38px !important;





  padding:9px 15px !important;





  border:1px solid var(--baai-line) !important;





  border-radius:12px !important;





  background:#fff !important;





  color:var(--baai-ink) !important;





  text-decoration:none !important;





  text-shadow:none !important;





  box-shadow:0 1px 2px rgba(15,23,42,.06) !important;





  line-height:1.15 !important;





  font-weight:900 !important;





  white-space:normal !important;





}





.baai-wrap a.button-primary,





.baai-wrap button.button-primary,





.baai-wrap input.button-primary,





.baai-wrap .button-primary,





.baai-access-card a.button-primary,





.baai-access-card button.button-primary,





.baai-access-card input.button-primary,





.baai-access-card .button-primary{





  background:var(--baai-primary) !important;





  border-color:var(--baai-primary) !important;





  color:#fff !important;





}





.baai-wrap .button-hero{





  width:100% !important;





  min-height:48px !important;





}





.baai-row-actions .button,





.baai-row-actions .baai-inline-form .button,





.baai-suggestion-actions .button,





.baai-suggestion-actions button.button{





  width:100% !important;





}





.baai-demo-contact-form .button{





  flex:0 0 auto;





}





.baai-form-stack > .button,





.baai-form-stack > button.button{





  align-self:flex-start;





}





@media (max-width:1000px){





  .baai-grid-discover .baai-map-layout{ grid-template-columns:1fr; }





  .baai-grid-discover .baai-chip-grid{ grid-template-columns:repeat(2,minmax(0,1fr)); }





}





@media (max-width:560px){





  .baai-grid-discover .baai-chip-grid{ grid-template-columns:1fr; }





  .baai-demo-contact-form .button{ width:100% !important; }





}











/* v4.0 frontend isolation: Booking Agent AI owns its buttons; never rely on WP/theme .button styles. */





.baai-wrap .baai-btn,





.baai-access-card .baai-btn,





.baai-btn{





  appearance:none !important;





  -webkit-appearance:none !important;





  display:inline-flex !important;





  align-items:center !important;





  justify-content:center !important;





  gap:8px !important;





  min-height:40px !important;





  width:auto !important;





  max-width:100% !important;





  padding:10px 16px !important;





  border-radius:10px !important;





  border:1px solid var(--baai-border, #d9e2f2) !important;





  background:#fff !important;





  background-image:none !important;





  color:var(--baai-ink, #111827) !important;





  font:inherit !important;





  font-weight:800 !important;





  line-height:1.2 !important;





  letter-spacing:0 !important;





  text-align:center !important;





  text-decoration:none !important;





  text-shadow:none !important;





  box-shadow:0 1px 2px rgba(15,23,42,.06) !important;





  white-space:normal !important;





  cursor:pointer !important;





  overflow:hidden !important;





  vertical-align:middle !important;





}





.baai-wrap .baai-btn::before,





.baai-wrap .baai-btn::after,





.baai-access-card .baai-btn::before,





.baai-access-card .baai-btn::after{





  content:none !important;





  display:none !important;





}





.baai-wrap .baai-btn:hover,





.baai-access-card .baai-btn:hover{





  transform:translateY(-1px);





  text-decoration:none !important;





}





.baai-wrap .baai-btn-primary,





.baai-access-card .baai-btn-primary{





  background:var(--baai-primary, #2563eb) !important;





  border-color:var(--baai-primary, #2563eb) !important;





  color:#fff !important;





}





.baai-wrap .baai-btn-secondary,





.baai-access-card .baai-btn-secondary{





  background:#fff !important;





  border-color:var(--baai-border, #d9e2f2) !important;





  color:var(--baai-ink, #111827) !important;





}





.baai-wrap .baai-btn-danger{





  background:var(--baai-red, #dc2626) !important;





  border-color:var(--baai-red, #dc2626) !important;





  color:#fff !important;





}





.baai-wrap .baai-btn[disabled],





.baai-wrap .baai-btn[aria-disabled="true"]{





  opacity:.65 !important;





  cursor:not-allowed !important;





  transform:none !important;





}





.baai-wrap .button-hero,





.baai-wrap .baai-btn.button-hero{





  width:100% !important;





  min-height:48px !important;





}





.baai-wrap .baai-inline-form .baai-btn,





.baai-wrap .baai-row-actions .baai-btn,





.baai-wrap .baai-suggestion-actions .baai-btn{





  width:auto !important;





}





.baai-wrap .baai-demo-contact-form .baai-btn{





  flex:0 0 auto !important;





}





.baai-wrap .baai-form-stack > .baai-btn{





  align-self:flex-start !important;





}





.baai-wrap .baai-grid-discover{





  display:grid !important;





  grid-template-columns:1fr !important;





  gap:18px !important;





}





.baai-wrap .baai-grid-discover .baai-map-card,





.baai-wrap .baai-grid-discover .baai-review-card{





  width:100% !important;





  max-width:none !important;





}





.baai-wrap .baai-grid-discover .baai-map-layout{





  grid-template-columns:minmax(220px, .75fr) minmax(320px, 1.25fr) !important;





  align-items:start !important;





}





.baai-wrap .baai-grid-discover .baai-chip-grid{





  grid-template-columns:repeat(3,minmax(0,1fr)) !important;





}





.baai-wrap .baai-test-center-grid{





  display:grid;





  grid-template-columns:repeat(2,minmax(0,1fr));





  gap:16px;





}





.baai-wrap .baai-task-spotlight{





  border:1px solid var(--baai-border, #d9e2f2);





  border-radius:18px;





  padding:18px;





  background:linear-gradient(135deg,#eff6ff,#fff);





  margin-bottom:16px;





}





.baai-wrap .baai-check-card.is-pass{ border-left:4px solid var(--baai-green, #16a34a); }





.baai-wrap .baai-check-card.is-warn{ border-left:4px solid var(--baai-amber, #d97706); }





.baai-wrap .baai-check-card.is-fail{ border-left:4px solid var(--baai-red, #dc2626); }





@media (max-width:900px){





  .baai-wrap .baai-grid-discover .baai-map-layout{ grid-template-columns:1fr !important; }





  .baai-wrap .baai-grid-discover .baai-chip-grid{ grid-template-columns:repeat(2,minmax(0,1fr)) !important; }





  .baai-wrap .baai-test-center-grid{ grid-template-columns:1fr; }





}





@media (max-width:560px){





  .baai-wrap .baai-grid-discover .baai-chip-grid{ grid-template-columns:1fr !important; }





  .baai-wrap .baai-demo-contact-form .baai-btn,





  .baai-wrap .baai-inline-form .baai-btn{ width:100% !important; }





  .baai-wrap .baai-inline-form{ align-items:stretch !important; }





}











/* v4.0.1 guided onboarding accordion + modal polish */





.baai-guided-flow{ display:flex; flex-direction:column; gap:0; }





.baai-guided-step-card{ padding:0 !important; overflow:hidden; transition:border-color .16s ease, box-shadow .16s ease, opacity .16s ease; }





.baai-guided-step-card.is-disabled{ opacity:.68; }





.baai-guided-step-head{





  appearance:none !important;





  -webkit-appearance:none !important;





  display:flex !important;





  width:100% !important;





  align-items:center !important;





  justify-content:space-between !important;





  gap:14px !important;





  padding:20px 22px !important;





  border:0 !important;





  border-radius:0 !important;





  background:#fff !important;





  color:var(--baai-ink) !important;





  box-shadow:none !important;





  text-shadow:none !important;





  text-align:left !important;





  cursor:pointer !important;





}





.baai-guided-step-head:disabled{ cursor:not-allowed !important; }





.baai-guided-step-head::before,





.baai-guided-step-head::after{ content:none !important; display:none !important; }





.baai-guided-step-number{





  flex:0 0 auto;





  width:34px;





  height:34px;





  border-radius:999px;





  display:inline-flex;





  align-items:center;





  justify-content:center;





  background:var(--baai-primary);





  color:#fff;





  font-weight:900;





}





.baai-guided-step-card.is-done .baai-guided-step-number{ background:var(--baai-green); }





.baai-guided-step-card.is-disabled .baai-guided-step-number{ background:#cbd5e1; color:#475569; }





.baai-guided-step-title{ flex:1 1 auto; min-width:0; display:flex; flex-direction:column; gap:3px; }





.baai-guided-step-title strong{ font-size:19px; line-height:1.2; color:var(--baai-ink); }





.baai-guided-step-title em{ font-style:normal; color:var(--baai-muted); font-weight:650; line-height:1.35; }





.baai-guided-step-body{ padding:0 22px 22px; }





.baai-guided-step-body[hidden]{ display:none !important; }





.baai-guided-step-card.is-current{ border-left-color:var(--baai-primary); }





.baai-guided-progress-step.is-disabled{ opacity:.55; }





.baai-guided-inline-status{ min-height:0; margin:0 0 12px; font-weight:800; }





.baai-guided-inline-status:empty{ display:none; }





.baai-guided-inline-status.is-working{ color:var(--baai-primary); }





.baai-guided-inline-status.is-success{ color:var(--baai-green); }





.baai-guided-inline-status.is-error{ color:var(--baai-red); }





.baai-guided-subgrid{ display:grid; grid-template-columns:1fr; gap:16px; margin-top:16px; }





.baai-guided-subcard,





.baai-guided-preview-card,





.baai-suggestion-box{





  padding:16px;





  border:1px solid var(--baai-line);





  border-radius:18px;





  background:#fff;





}





.baai-guided-subcard h3{ margin:0 0 6px; }





.baai-suggestion-box{ display:flex; align-items:center; gap:12px; flex-wrap:wrap; background:linear-gradient(180deg,#f8fbff,#fff); }





.baai-suggestion-box strong{ color:var(--baai-ink); }





.baai-suggestion-box span{ flex:1 1 260px; color:var(--baai-muted); font-weight:700; }





.baai-check-grid{ display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:8px 12px; }





.baai-guided-date-list{ margin:8px 0 14px 18px; }





.baai-guided-date-list li{ margin:4px 0; }





.baai-guided-sequence-review{ margin-top:16px; }





.baai-modal-close,





.baai-wrap .baai-modal-close,





.baai-modal .baai-modal-close{





  appearance:none !important;





  -webkit-appearance:none !important;





  display:inline-flex !important;





  align-items:center !important;





  justify-content:center !important;





  width:36px !important;





  height:36px !important;





  min-width:36px !important;





  min-height:36px !important;





  padding:0 !important;





  border:1px solid var(--baai-line) !important;





  border-radius:999px !important;





  background:#fff !important;





  background-image:none !important;





  color:var(--baai-ink) !important;





  font-size:22px !important;





  font-weight:900 !important;





  line-height:1 !important;





  box-shadow:0 1px 2px rgba(15,23,42,.08) !important;





  text-shadow:none !important;





}





.baai-shortcode-copy,





.baai-wrap .baai-shortcode-copy,





.baai-modal .baai-shortcode-copy{





  appearance:none !important;





  -webkit-appearance:none !important;





  display:flex !important;





  width:100% !important;





  align-items:flex-start !important;





  justify-content:flex-start !important;





  gap:12px !important;





  min-height:0 !important;





  margin:0 !important;





  padding:10px 12px !important;





  border:0 !important;





  border-radius:0 !important;





  background:#fff !important;





  background-image:none !important;





  color:var(--baai-ink) !important;





  text-align:left !important;





  box-shadow:none !important;





  text-shadow:none !important;





  white-space:normal !important;





}





.baai-shortcode-copy code{ color:var(--baai-primary-dark) !important; font-weight:900 !important; }





.baai-shortcode-copy span{ color:var(--baai-muted) !important; font-weight:700 !important; }





.baai-shortcode-copy span b{ color:var(--baai-ink) !important; }





.baai-shortcode-copy:hover{ background:#f8fbff !important; color:var(--baai-ink) !important; }





@media (max-width:900px){





  .baai-check-grid{ grid-template-columns:repeat(2,minmax(0,1fr)); }





  .baai-guided-step-head{ align-items:flex-start !important; }





}





@media (max-width:560px){





  .baai-guided-step-head{ flex-wrap:wrap !important; padding:16px !important; }





  .baai-guided-step-body{ padding:0 16px 16px; }





  .baai-check-grid{ grid-template-columns:1fr; }





  .baai-suggestion-box .baai-btn{ width:100% !important; }





}





.baai-guided-calendar-box{





  margin-top:16px;





  padding:14px;





  border:1px dashed var(--baai-line);





  border-radius:16px;





  background:#f8fbff;





}





.baai-guided-calendar-box h4{ margin:0 0 6px; }





.baai-guided-calendar-box .baai-guided-actions{ margin-top:10px; }











/* v4.0.2: Dynamic-field rows are cards, not theme-styled buttons. */





.baai-shortcode-row{





  overflow:visible !important;





  background:#fff !important;





}





.baai-shortcode-item{





  display:grid !important;





  grid-template-columns:minmax(140px,220px) minmax(0,1fr) auto !important;





  align-items:center !important;





  gap:12px !important;





  padding:12px !important;





  background:#fff !important;





  color:var(--baai-ink) !important;





  border-radius:12px !important;





}





.baai-shortcode-item code{





  display:inline-flex !important;





  align-items:center !important;





  width:max-content !important;





  max-width:100% !important;





  padding:6px 9px !important;





  border-radius:9px !important;





  background:#eff6ff !important;





  color:var(--baai-primary-dark) !important;





  font-weight:900 !important;





  white-space:normal !important;

  overflow:hidden !important;

  text-overflow:ellipsis !important;

  font-size:12px !important;





}





.baai-shortcode-item > span{





  display:flex !important;





  flex-direction:column !important;





  gap:3px !important;





  min-width:0 !important;





  color:var(--baai-muted) !important;





  font-weight:700 !important;





}





.baai-shortcode-item > span b{





  color:var(--baai-ink) !important;





  font-weight:850 !important;





  line-height:1.25 !important;





}





.baai-shortcode-item > span small{





  color:var(--baai-muted) !important;





  font-weight:700 !important;





}





.baai-shortcode-item .baai-shortcode-copy{





  width:auto !important;





  min-width:74px !important;





  padding:8px 12px !important;





  background:#fff !important;





  color:var(--baai-ink) !important;





  border:1px solid var(--baai-line) !important;





  border-radius:10px !important;





  box-shadow:0 1px 2px rgba(15,23,42,.06) !important;





  text-shadow:none !important;





}





.baai-shortcode-item .baai-shortcode-copy.is-copied{





  background:#ecfdf5 !important;





  border-color:#bbf7d0 !important;





  color:#166534 !important;





}





.baai-modal-close,





.baai-wrap .baai-modal-close,





.baai-modal .baai-modal-close{





  display:flex !important;





  align-items:center !important;





  justify-content:center !important;





  line-height:0 !important;





  font-family:Arial, Helvetica, sans-serif !important;





  font-size:24px !important;





  padding:0 0 2px 0 !important;





}





.baai-calendar-preview{





  margin-top:12px !important;





  padding:12px !important;





  border:1px solid var(--baai-line) !important;





  border-radius:12px !important;





  background:#fff !important;





}





.baai-calendar-preview strong{ display:block !important; margin-bottom:6px !important; color:var(--baai-ink) !important; }





.baai-calendar-preview ul{ margin:0 0 0 18px !important; }





.baai-knowledge-group h3{ margin:12px 0 0 !important; }





@media (max-width:700px){





  .baai-shortcode-item{ grid-template-columns:1fr !important; align-items:start !important; }





  .baai-shortcode-item .baai-shortcode-copy{ width:100% !important; }





}





.baai-shortcode-rendered-example{ padding:0 12px 12px 12px !important; }











/* v4.0.3: test-center journey and calendar setup clarity. */





.baai-wrap .baai-journey {





  display: grid;





  grid-template-columns: repeat(4, minmax(0, 1fr));





  gap: 12px;





  margin: 16px 0 24px;





}





.baai-wrap .baai-journey-step {





  border: 1px solid var(--baai-line, #d8e0ee);





  border-radius: 16px;





  padding: 14px;





  background: #fff;





  box-shadow: 0 8px 24px rgba(15, 23, 42, .04);





}





.baai-wrap .baai-journey-step span {





  display: inline-flex;





  align-items: center;





  justify-content: center;





  width: 28px;





  height: 28px;





  border-radius: 999px;





  background: #eaf2ff;





  color: var(--baai-blue, #2563eb);





  font-weight: 800;





  margin-bottom: 8px;





}





.baai-wrap .baai-journey-step strong,





.baai-wrap .baai-journey-step em {





  display: block;





}





.baai-wrap .baai-journey-step em {





  color: var(--baai-muted, #667085);





  font-style: normal;





  margin-top: 4px;





}





.baai-wrap .baai-journey-step.is-done {





  border-color: #b7ebc6;





  background: #f4fff7;





}





.baai-wrap .baai-journey-step.is-done span {





  background: #dcfce7;





  color: #166534;





}





.baai-wrap .baai-calendar-actions {





  margin-top: 12px;





}





@media (max-width: 760px) {





  .baai-wrap .baai-journey { grid-template-columns: 1fr; }





}











.baai-wrap .baai-inline-details{





  margin: 10px 0 14px;





  padding: 10px 12px;





  border: 1px solid var(--baai-border);





  border-radius: 12px;





  background: #fff;





}





.baai-wrap .baai-inline-details summary{





  cursor: pointer;





  font-weight: 800;





  color: var(--baai-ink);





}





.baai-wrap .baai-inline-details ul{





  margin: 10px 0 0 18px;





}









/* v4.0.5 public onboarding and discovery UX pass. */



.baai-step-helper,



.baai-next-step-cta{



  display:flex;



  flex-direction:column;



  gap:4px;



  margin:0 0 14px;



  padding:13px 15px;



  border:1px solid #bfdbfe;



  border-radius:16px;



  background:linear-gradient(180deg,#f8fbff,#fff);



  color:#1e3a8a;



}



.baai-step-helper strong,



.baai-next-step-cta strong{



  color:#172554;



  font-size:13px;



  font-weight:900;



  letter-spacing:.02em;



  text-transform:uppercase;



}



.baai-step-helper span,



.baai-next-step-cta span{



  color:#334155;



  font-weight:650;



  line-height:1.45;



}



.baai-next-step-cta{



  margin-top:16px;



  border-color:#bbf7d0;



  background:linear-gradient(180deg,#f8fffb,#fff);



}



.baai-next-step-cta strong{ color:#14532d; }



.baai-location-confirmed,



.baai-readonly-field{



  display:flex;



  align-items:center;



  gap:10px;



  flex-wrap:wrap;



  padding:11px 13px;



  border:1px solid #bbf7d0;



  border-radius:14px;



  background:#f0fdf4;



  color:#166534;



  font-weight:750;



}



.baai-readonly-field{



  align-items:flex-start;



  flex-direction:column;



  border-color:#fde68a;



  background:#fff8e1;



  color:#7c2d12;



}



.baai-readonly-field code,



.baai-background-option code,



.baai-demo-mode-banner code{



  display:inline-flex;



  width:max-content;



  max-width:100%;



  padding:3px 7px;



  border-radius:8px;



  background:rgba(255,255,255,.85);



  color:inherit;



  overflow-wrap:anywhere;



}



.baai-readonly-field span{



  color:#92400e;



  font-size:12px;



  font-weight:700;



  line-height:1.35;



}



.baai-choice-tools{



  margin:4px 0 2px;



}



.baai-background-option{



  padding:12px 14px;



  border:1px solid #dbeafe;



  border-radius:15px;



  background:#f8fbff;



}



.baai-background-option span{



  color:#334155;



}



.baai-demo-mode-banner{



  display:flex;



  align-items:center;



  justify-content:space-between;



  gap:14px;



  margin:0 0 18px;



  padding:14px 16px;



  border:1px solid #f5d488;



  border-left:5px solid #f59e0b;



  border-radius:18px;



  background:#fffbeb;



  color:#7c2d12;



  box-shadow:0 8px 22px rgba(146,64,14,.07);



}



.baai-demo-mode-banner > div{



  display:flex;



  flex-direction:column;



  gap:4px;



  min-width:0;



}



.baai-demo-mode-banner strong{ font-weight:900; }



.baai-demo-mode-banner span{ line-height:1.4; }



.baai-wrap .baai-row-actions{



  min-width:150px !important;



  max-width:180px !important;



}



.baai-wrap .baai-row-actions .baai-btn,



.baai-wrap .baai-row-actions .button,



.baai-wrap .baai-row-actions .baai-inline-form .baai-btn,



.baai-wrap .baai-row-actions .baai-inline-form .button{



  width:100% !important;



  white-space:normal !important;



  overflow:visible !important;



  text-overflow:clip !important;



  line-height:1.15 !important;



  min-height:40px !important;



  padding-left:10px !important;



  padding-right:10px !important;



}



.baai-wrap .baai-list-card{



  grid-template-columns:30px minmax(0,1fr) minmax(150px,auto) !important;



}



.baai-discovery-form .baai-field-help{



  font-size:12px;



}



@media (max-width:782px){



  .baai-demo-mode-banner{ align-items:flex-start; flex-direction:column; }



  .baai-wrap .baai-list-card{ grid-template-columns:24px 1fr !important; }



  .baai-wrap .baai-row-actions{ grid-column:1 / -1; max-width:none !important; min-width:0 !important; flex-direction:row; flex-wrap:wrap; }



  .baai-wrap .baai-row-actions .baai-btn,



  .baai-wrap .baai-row-actions .button,



  .baai-wrap .baai-row-actions .baai-inline-form{ flex:1 1 140px; }



}







.baai-recommendation-note{



  border:1px solid rgba(37,99,235,.18);



  background:rgba(239,246,255,.86);



  border-radius:14px;



  padding:12px 14px;



  display:flex;



  flex-direction:column;



  gap:7px;



}



.baai-recommendation-note strong{ color:#1e3a8a; font-weight:900; }



.baai-recommendation-note span{ color:#334155; line-height:1.45; }



.baai-mini-chip-row{ display:flex; flex-wrap:wrap; gap:6px; }



.baai-mini-chip{



  display:inline-flex;



  align-items:center;



  border-radius:999px;



  background:#fff;



  border:1px solid rgba(148,163,184,.36);



  padding:4px 8px;



  font-size:12px;



  font-weight:700;



  color:#334155;



}



.baai-choice span strong{ display:block; }



.baai-choice span small{



  display:block;



  margin-top:4px;



  color:#64748b;



  font-size:12px;



  line-height:1.35;



  font-weight:500;



}



.baai-field-with-badge{



  display:flex;



  align-items:center;



  gap:8px;



  flex-wrap:wrap;



}



.baai-field-with-badge input{ flex:1 1 220px; min-width:0; }



.baai-verification-badge{



  display:inline-flex;



  align-items:center;



  justify-content:center;



  border-radius:999px;



  padding:5px 9px;



  font-size:11px;



  line-height:1;



  font-weight:900;



  border:1px solid rgba(148,163,184,.38);



  background:#f8fafc;



  color:#475569;



  white-space:nowrap;



}



.baai-verification-badge.is-verified{ background:#dcfce7; border-color:#86efac; color:#166534; }



.baai-verification-badge.is-pending{ background:#fef3c7; border-color:#fcd34d; color:#92400e; }



.baai-verification-badge.is-unverified{ background:#fee2e2; border-color:#fecaca; color:#991b1b; }



.baai-verification-badge.is-invalid{ background:#f1f5f9; border-color:#cbd5e1; color:#64748b; }



.baai-mini-button{



  margin-top:8px !important;



  padding:6px 10px !important;



  min-height:0 !important;



  font-size:12px !important;



}





/* v4.0.7 Step 5 composer and email-template polish */

.baai-sequence-composer{

  overflow:hidden;

}

.baai-sequence-head{

  align-items:flex-start;

  gap:14px;

}

.baai-sequence-suggestion{

  margin:12px 0 14px;

  border-color:#dbeafe;

  background:linear-gradient(180deg,#eff6ff,#ffffff);

}

.baai-email-style-panel,

.baai-html-design-panel{

  padding:14px;

  border:1px solid var(--baai-line);

  border-radius:16px;

  background:#fbfdff;

}

.baai-html-design-panel{

  margin-top:12px;

  background:#fff;

}

.baai-panel-heading{

  display:flex;

  justify-content:space-between;

  gap:12px;

  margin-bottom:12px;

}

.baai-panel-heading strong,

.baai-panel-heading span{

  display:block;

}

.baai-panel-heading strong{

  color:var(--baai-ink);

  font-weight:850;

}

.baai-panel-heading span{

  margin-top:3px;

  color:var(--baai-muted);

  font-size:13px;

  font-weight:650;

}

.baai-choice-grid,

.baai-html-template-grid{

  display:grid;

  gap:12px;

}

.baai-choice-grid-2{

  grid-template-columns:repeat(2,minmax(0,1fr));

}

.baai-html-template-grid{

  grid-template-columns:repeat(3,minmax(0,1fr));

  margin-top:12px;

}

.baai-radio-card,

.baai-template-choice{

  display:flex;

  flex-direction:column;

  gap:8px;

  position:relative;

  padding:13px;

  border:1px solid var(--baai-line);

  border-radius:14px;

  background:#fff;

  cursor:pointer;

  transition:border-color .16s ease, box-shadow .16s ease, transform .16s ease;

}

.baai-radio-card:hover,

.baai-template-choice:hover{

  border-color:#bfdbfe;

  box-shadow:0 10px 24px rgba(15,23,42,.06);

  transform:translateY(-1px);

}

.baai-radio-card.is-selected,

.baai-template-choice.is-selected{

  border-color:var(--baai-primary);

  box-shadow:0 0 0 3px rgba(37,99,235,.10);

}

.baai-radio-card input,

.baai-template-choice input{

  position:absolute;

  top:12px;

  right:12px;

}

.baai-radio-card span{

  display:flex;

  align-items:center;

  gap:8px;

  padding-right:28px;

}

.baai-radio-card b,

.baai-template-choice strong{

  color:var(--baai-ink);

  font-weight:850;

}

.baai-radio-card small{

  display:inline-flex;

  padding:2px 7px;

  border-radius:999px;

  background:#ecfdf5;

  color:#047857;

  font-size:11px;

  font-weight:850;

}

.baai-radio-card em,

.baai-template-choice small{

  color:var(--baai-muted);

  font-size:12px;

  font-style:normal;

  font-weight:650;

  line-height:1.45;

}

.baai-template-thumb{

  display:block;

  height:88px;

  padding:10px;

  border:1px solid #e5e7eb;

  border-radius:12px;

  background:#f8fafc;

}

.baai-template-thumb i,

.baai-template-thumb b,

.baai-template-thumb em{

  display:block;

  border-radius:8px;

  background:#dbeafe;

}

.baai-template-thumb i{

  height:22px;

  margin-bottom:10px;

}

.baai-template-thumb b{

  width:56%;

  height:9px;

  margin-bottom:8px;

  background:#bfdbfe;

}

.baai-template-thumb em{

  height:7px;

  margin-bottom:6px;

  background:#e2e8f0;

}

.baai-template-thumb-artist_spotlight i{

  height:34px;

  background:#bfdbfe;

}

.baai-template-thumb-minimal_letter i{

  height:6px;

  width:42%;

  background:#bfdbfe;

}

.baai-sequence-settings{

  margin-top:2px;

}

.baai-ai-included-card{

  display:flex;

  flex-direction:column;

  justify-content:center;

  gap:4px;

  min-height:74px;

  padding:12px 14px;

  border:1px solid #bbf7d0;

  border-radius:14px;

  background:#f0fdf4;

}

.baai-ai-included-card strong{

  color:#166534;

  font-weight:850;

}

.baai-ai-included-card span{

  color:#166534;

  font-weight:650;

  font-size:13px;

}

.baai-modal-close,

.baai-wrap .baai-modal-close,

.baai-modal .baai-modal-close{

  top:16px !important;

  right:16px !important;

  width:40px !important;

  height:40px !important;

  min-width:40px !important;

  min-height:40px !important;

  background:#ffffff !important;

  color:#0f172a !important;

  border:1px solid #cbd5e1 !important;

  box-shadow:0 12px 28px rgba(15,23,42,.20) !important;

  font-size:28px !important;

  line-height:1 !important;

  z-index:2 !important;

}

.baai-modal-close:hover,

.baai-modal-close:focus{

  background:#0f172a !important;

  color:#ffffff !important;

  border-color:#0f172a !important;

}

@media (max-width:900px){

  .baai-choice-grid-2,

  .baai-html-template-grid{

    grid-template-columns:1fr;

  }

}



/* v4.0.8 HTML template visibility, image upload, and clearer template previews */

.baai-html-design-panel[hidden]{

  display:none !important;

}

.baai-media-field{

  display:flex;

  flex-direction:column;

  gap:10px;

  margin-top:7px;

}

.baai-media-url-row{

  display:grid;

  grid-template-columns:minmax(0,1fr) auto;

  gap:10px;

  align-items:center;

}

.baai-media-select-btn{

  white-space:nowrap;

}

.baai-upload-line{

  display:flex;

  align-items:center;

  flex-wrap:wrap;

  gap:8px;

  padding:10px 12px;

  border:1px dashed #cbd5e1;

  border-radius:12px;

  background:#f8fafc;

  color:var(--baai-muted);

  font-size:13px;

  font-weight:700;

  text-transform:none;

  letter-spacing:0;

}

.baai-upload-line input{

  max-width:100%;

}

.baai-band-image-preview{

  display:flex;

  align-items:center;

  gap:10px;

  padding:10px;

  border:1px solid var(--baai-line);

  border-radius:12px;

  background:#fff;

}

.baai-band-image-preview[hidden]{

  display:none !important;

}

.baai-band-image-preview img{

  width:86px;

  height:58px;

  object-fit:cover;

  border-radius:10px;

  border:1px solid #e5e7eb;

}

.baai-band-image-preview em{

  color:var(--baai-muted);

  font-size:12px;

  font-style:normal;

  font-weight:700;

  text-transform:none;

  letter-spacing:0;

}

.baai-template-thumb-clean_card{

  display:grid;

  grid-template-columns:1fr 74px;

  gap:8px;

}

.baai-template-thumb-clean_card i{

  grid-column:2;

  grid-row:1 / span 3;

  height:54px;

  margin:0;

  background:#bfdbfe;

}

.baai-template-thumb-clean_card b,

.baai-template-thumb-clean_card em{

  grid-column:1;

}

.baai-template-thumb-artist_spotlight{

  padding:0;

  overflow:hidden;

  background:#0f172a;

}

.baai-template-thumb-artist_spotlight i{

  height:46px;

  margin:0;

  border-radius:12px 12px 0 0;

  background:#93c5fd;

}

.baai-template-thumb-artist_spotlight b{

  width:58%;

  height:9px;

  margin:10px 10px 7px;

  background:#dbeafe;

}

.baai-template-thumb-artist_spotlight em{

  width:auto;

  margin:0 10px 6px;

  background:#334155;

}

.baai-template-thumb-minimal_letter{

  background:#fff;

}

.baai-template-thumb-minimal_letter i{

  height:5px;

  width:36%;

  margin-bottom:14px;

  background:#bfdbfe;

}

.baai-template-thumb-minimal_letter b{

  width:82%;

  height:7px;

  background:#cbd5e1;

}

.baai-template-thumb-minimal_letter em{

  width:96%;

  height:6px;

  background:#e5e7eb;

}

@media (max-width:700px){

  .baai-media-url-row{

    grid-template-columns:1fr;

  }

  .baai-media-select-btn{

    width:100%;

  }

}

.baai-media-field-wrap{

  display:block;

  margin-top:4px;

}

.baai-field-label{

  display:block;

  margin:0 0 7px;

  color:#334155;

  font-size:12px;

  font-weight:850;

  letter-spacing:.08em;

  text-transform:uppercase;

}



/* v4.0.10: Step 5 availability UX improvements */

.baai-equal-height{

  align-items:stretch !important;

}

.baai-equal-height > label{

  display:flex !important;

  flex-direction:column !important;

}

.baai-equal-height > label input,

.baai-equal-height > label select{

  flex:0 0 auto !important;

}

.baai-day-selection{

  margin:8px 0 4px !important;

}

.baai-day-selection > .baai-field-label{

  margin-bottom:2px !important;

}

.baai-day-selection > .baai-field-help{

  margin:0 0 10px !important;

  display:block !important;

}

.baai-availability-preview-section{

  margin:16px 0 4px !important;

  padding:14px !important;

  border:1px solid var(--baai-line) !important;

  border-radius:12px !important;

  background:#f8fafc !important;

}

.baai-availability-preview-section > .baai-field-label{

  margin-bottom:2px !important;

}

.baai-availability-preview-section > .baai-field-help{

  margin:0 0 10px !important;

  display:block !important;

}


/* v4.0.11: frontend AI rewrite status modal */
.baai-ai-rewrite-modal .baai-modal-panel{
  width:min(520px, calc(100vw - 32px)) !important;
}
.baai-ai-rewrite-body{
  display:flex !important;
  align-items:flex-start !important;
  gap:14px !important;
}
.baai-ai-rewrite-body h2{
  margin-top:0 !important;
}
.baai-ai-spinner{
  width:26px !important;
  height:26px !important;
  flex:0 0 26px !important;
  border:3px solid #dbeafe !important;
  border-top-color:#2563eb !important;
  border-radius:999px !important;
  animation:baai-ai-rewrite-spin .8s linear infinite !important;
  margin-top:4px !important;
}
.baai-ai-rewrite-modal.is-success .baai-ai-spinner,
.baai-ai-rewrite-modal.is-error .baai-ai-spinner{
  display:none !important;
}
.baai-ai-rewrite-modal.is-success .baai-ai-rewrite-body::before,
.baai-ai-rewrite-modal.is-error .baai-ai-rewrite-body::before{
  width:26px !important;
  height:26px !important;
  border-radius:999px !important;
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  font-weight:900 !important;
  flex:0 0 26px !important;
  margin-top:3px !important;
}
.baai-ai-rewrite-modal.is-success .baai-ai-rewrite-body::before{
  content:'✓' !important;
  background:#dcfce7 !important;
  color:#166534 !important;
}
.baai-ai-rewrite-modal.is-error .baai-ai-rewrite-body::before{
  content:'!' !important;
  background:#fee2e2 !important;
  color:#991b1b !important;
}
@keyframes baai-ai-rewrite-spin{
  to{ transform:rotate(360deg); }
}

/* v4.0.12: guided-first advanced tools navigation */
.baai-tabs-grouped{
  display:grid;
  grid-template-columns:repeat(auto-fit,minmax(230px,1fr));
  gap:12px;
  align-items:stretch;
}
.baai-tab-group{
  display:flex;
  flex-direction:column;
  gap:8px;
  padding:12px;
  border:1px solid var(--baai-line);
  border-radius:18px;
  background:rgba(255,255,255,.78);
  box-shadow:0 1px 2px rgba(15,23,42,.04);
}
.baai-tab-group-label{
  font-size:11px;
  font-weight:900;
  letter-spacing:.08em;
  text-transform:uppercase;
  color:var(--baai-muted);
}
.baai-tab-group-links{
  display:flex;
  flex-wrap:wrap;
  gap:8px;
}
.baai-tab-group .baai-tab{ margin:0; }
.baai-guided-nav.is-advanced{
  border-color:#bfdbfe;
  background:linear-gradient(180deg,#ffffff 0%,#f8fbff 100%);
}
.baai-guided-nav-head{
  display:flex;
  flex-direction:column;
  gap:3px;
}
.baai-guided-nav details[open] .baai-tabs{
  margin:10px 0 8px;
}
.baai-guided-nav-note{
  color:var(--baai-muted);
}
.baai-guided-nav-empty{
  display:flex;
  flex-direction:column;
  gap:4px;
  margin-top:10px;
  padding:12px;
  border:1px dashed var(--baai-line);
  border-radius:14px;
  background:#f8fafc;
  color:var(--baai-muted);
}
.baai-guided-return{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  margin:0 0 18px;
  padding:14px 16px;
  border:1px solid #bfdbfe;
  border-radius:18px;
  background:#eff6ff;
}
.baai-guided-return > div{
  display:flex;
  flex-direction:column;
  gap:3px;
}
.baai-guided-return span{ color:var(--baai-muted); }
.baai-metric-static{ cursor:default; }
.baai-metric-static:hover{ transform:none; }
@media (max-width: 760px){
  .baai-guided-return{ flex-direction:column; align-items:stretch; }
  .baai-guided-return .baai-btn{ justify-content:center; }
}


/* Sequence preview contact picker */
.baai-sequence-preview-picker{
  display:grid;
  grid-template-columns:minmax(260px,1fr) minmax(420px,540px);
  gap:10px 22px;
  align-items:start;
  margin:14px 0 8px;
  padding:14px;
  border:1px solid var(--baai-line);
  border-radius:16px;
  background:#fff;
  overflow:visible;
}
.baai-sequence-preview-copy{
  min-width:0;
}
.baai-sequence-preview-copy strong,
.baai-sequence-preview-copy span{
  display:block;
}
.baai-sequence-preview-copy strong{
  color:var(--baai-ink);
  font-size:14px;
}
.baai-sequence-preview-copy span{
  margin-top:4px;
  max-width:680px;
  color:var(--baai-muted);
  font-size:13px;
  line-height:1.45;
}
.baai-sequence-preview-controls{
  display:grid;
  grid-template-columns:1fr;
  gap:8px;
  align-items:end;
  width:100%;
  min-width:0;
}
.baai-sequence-preview-field{
  display:flex;
  flex-direction:column;
  gap:5px;
  min-width:0;
  color:#374151;
  font-size:12px;
  font-weight:900;
  letter-spacing:.05em;
  text-transform:uppercase;
}
.baai-sequence-preview-combo{
  position:relative;
  width:100%;
  min-width:0;
}
.baai-sequence-preview-search{
  width:100%;
  max-width:100%;
  min-width:0;
  box-sizing:border-box;
  border-radius:12px;
  border:1px solid #d7deea;
  background:#fff;
  padding:10px 12px;
  color:var(--baai-ink);
  font-size:14px;
  font-weight:600;
  letter-spacing:0;
  text-transform:none;
}
.baai-sequence-preview-search:focus{
  outline:0;
  border-color:#4f7cff;
  box-shadow:0 0 0 3px rgba(79,124,255,.14);
}
.baai-sequence-preview-results{
  position:absolute;
  z-index:50;
  top:calc(100% + 6px);
  left:0;
  right:0;
  max-height:280px;
  overflow:auto;
  display:grid;
  gap:4px;
  padding:6px;
  border:1px solid #d7deea;
  border-radius:14px;
  background:#fff;
  box-shadow:0 18px 38px rgba(15,23,42,.16);
}

.baai-sequence-preview-picker .baai-sequence-preview-results > button.baai-sequence-preview-result{
  appearance:none !important;
  -webkit-appearance:none !important;
  position:relative;
  z-index:1;
  isolation:isolate;
  display:block !important;
  width:100% !important;
  max-width:none !important;
  margin:0 !important;
  padding:10px 11px !important;
  border:1px solid transparent !important;
  border-radius:10px !important;
  background:#fff !important;
  background-image:none !important;
  color:var(--baai-ink) !important;
  box-shadow:none !important;
  text-align:left !important;
  text-decoration:none !important;
  text-shadow:none !important;
  cursor:pointer;
  filter:none !important;
  opacity:1 !important;
  transform:none !important;
}

/* Stop global/theme button overlays from darkening autocomplete results. */
.baai-sequence-preview-picker .baai-sequence-preview-results > button.baai-sequence-preview-result::before,
.baai-sequence-preview-picker .baai-sequence-preview-results > button.baai-sequence-preview-result::after{
  content:none !important;
  display:none !important;
  position:static !important;
  inset:auto !important;
  background:none !important;
  background-image:none !important;
  box-shadow:none !important;
  filter:none !important;
  opacity:0 !important;
  pointer-events:none !important;
  transform:none !important;
}

button.baai-sequence-preview-result:hover,
button.baai-sequence-preview-result:focus{
  outline:0;
  border-color:#cbd5e1;
  background:#f8fafc;
  color:var(--baai-ink);
  box-shadow:none;
  transform:none;
}

button.baai-sequence-preview-result strong,
button.baai-sequence-preview-result span{
  display:block;
}

button.baai-sequence-preview-result strong{
  color:var(--baai-ink);
  font-size:14px;
  font-weight:900;
  line-height:1.25;
}

button.baai-sequence-preview-result span{
  margin-top:3px;
  color:var(--baai-muted);
  font-size:12px;
  font-weight:700;
  line-height:1.35;
  overflow-wrap:anywhere;
}
.baai-sequence-preview-empty{
  padding:10px 11px;
  color:var(--baai-muted);
  font-size:13px;
  line-height:1.35;
}
.baai-sequence-preview-status{
  grid-column:2;
  display:block;
  justify-self:stretch;
  max-width:none;
  min-width:0;
  padding:8px 10px;
  border-radius:14px;
  background:#eef2ff;
  color:#334155;
  font-size:12px;
  font-weight:800;
  line-height:1.35;
  overflow-wrap:anywhere;
}
.baai-sequence-preview-status.is-working{ background:#fef3c7; color:#92400e; }
.baai-sequence-preview-status.is-success{ background:#ecfdf5; color:#047857; }
.baai-sequence-preview-status.is-error{ background:#fef2f2; color:#b91c1c; }

@media (max-width:1050px){
  .baai-sequence-preview-picker{
    grid-template-columns:1fr;
  }
  .baai-sequence-preview-status{
    grid-column:1;
  }
}

@media (max-width:720px){
  .baai-sequence-preview-picker{
    padding:12px;
  }
}
.baai-field-with-suffix{
  display:flex;
  align-items:center;
  gap:8px;
}
.baai-field-with-suffix input{
  flex:1;
  min-width:0;
}
.baai-field-with-suffix em{
  font-style:normal;
  color:var(--baai-muted);
  font-weight:700;
}
/* v4.0.16: compact guided availability controls */
.baai-availability-compact-row{
  align-items:start;
  gap:16px;
}
.baai-availability-compact-row label{
  min-width:0;
}
.baai-guided-compact-select{
  margin:0 !important;
}
.baai-guided-compact-select select,
.baai-availability-compact-row select{
  max-width:420px;
}
@media (max-width:640px){
  .baai-guided-compact-select select,
  .baai-availability-compact-row select{
    max-width:100%;
  }
}

/* v4.0.17: booking readiness and live-send diagnostics */
.baai-booking-readiness{
  scroll-margin-top:24px;
}
.baai-booking-readiness .baai-section-head{
  align-items:flex-start;
}
.baai-check-card-grid{
  grid-template-columns:repeat(3,minmax(0,1fr));
  margin-top:14px;
}
.baai-check-card-grid .baai-check-card,
.baai-wrap .baai-check-card-grid .baai-check-card{
  background:#fff;
  border:1px solid var(--baai-border, #d9e2f2);
  border-radius:14px;
  padding:12px 12px 12px 14px;
  display:flex;
  flex-direction:column;
  gap:6px;
  min-height:84px;
}
.baai-check-card-grid .baai-check-card strong{
  color:var(--baai-ink, #14213d);
  font-size:.93rem;
}
.baai-check-card-grid .baai-check-card span{
  color:var(--baai-muted, #607086);
  font-size:.86rem;
  line-height:1.35;
}
.baai-wrap .baai-check-card.is-info{ border-left:4px solid var(--baai-border, #d9e2f2); }
.baai-readiness-issues{
  margin-top:14px;
}
.baai-readiness-issue-list{
  margin:12px 0 8px 18px;
}
.baai-readiness-issue-list li{
  margin:8px 0;
}
.baai-live-diagnostics{
  margin-top:16px;
  border:1px solid var(--baai-border, #d9e2f2);
  border-radius:16px;
  padding:14px;
  background:#f8fafc;
}
.baai-live-diagnostics h3{
  margin:0 0 10px;
}
.baai-live-diagnostics dl{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:10px;
  margin:0;
}
.baai-live-diagnostics div{
  background:#fff;
  border:1px solid var(--baai-border, #d9e2f2);
  border-radius:12px;
  padding:10px;
}
.baai-live-diagnostics dt{
  font-size:.78rem;
  text-transform:uppercase;
  letter-spacing:.04em;
  color:var(--baai-muted, #607086);
  font-weight:800;
}
.baai-live-diagnostics dd{
  margin:4px 0 0;
  color:var(--baai-ink, #14213d);
  font-weight:800;
}
@media (max-width:960px){
  .baai-check-card-grid,
  .baai-live-diagnostics dl{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }
}
@media (max-width:640px){
  .baai-check-card-grid,
  .baai-live-diagnostics dl{
    grid-template-columns:1fr;
  }
}

/* v4.0.18: Smart Send Assistant and automated demo preparation */
.baai-smart-send-assistant{
  border-left:4px solid rgba(37,99,235,.45);
  scroll-margin-top:24px;
}
.baai-smart-send-assistant.is-ready{
  border-left-color:var(--baai-green, #16a34a);
}
.baai-smart-mode-split{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:12px;
  margin:14px 0;
}
.baai-smart-mode-split > div,
.baai-smart-auto-box,
.baai-smart-preview-card,
.baai-smart-live-actions{
  border:1px solid var(--baai-border, #d9e2f2);
  border-radius:14px;
  background:#fff;
  padding:14px;
}
.baai-smart-mode-split strong,
.baai-smart-auto-box strong,
.baai-smart-action-list strong{
  display:block;
  color:var(--baai-ink, #14213d);
}
.baai-smart-mode-split span,
.baai-smart-primary-row span,
.baai-smart-action-list span{
  color:var(--baai-muted, #607086);
  line-height:1.4;
}
.baai-smart-primary-row{
  display:flex;
  align-items:center;
  gap:12px;
  flex-wrap:wrap;
  margin:14px 0;
}
.baai-smart-inline-form{
  margin:0;
}
.baai-smart-auto-box{
  background:#f8fafc;
  margin-top:12px;
}
.baai-smart-auto-box ul{
  margin:10px 0 0 18px;
}
.baai-smart-auto-box li{
  margin:5px 0;
  color:var(--baai-muted, #607086);
}
.baai-smart-preview-card{
  margin-top:14px;
}
.baai-smart-preview-card .baai-template-preview-body{
  margin-top:10px;
  max-height:420px;
  overflow:auto;
}
.baai-smart-action-list{
  list-style:none;
  padding:0;
  margin:12px 0 0;
  display:flex;
  flex-direction:column;
  gap:10px;
}
.baai-smart-action-list li{
  display:grid;
  grid-template-columns:minmax(0,1fr) auto;
  gap:12px;
  align-items:center;
  border:1px solid var(--baai-border, #d9e2f2);
  border-left:4px solid var(--baai-amber, #d97706);
  border-radius:12px;
  background:#fff;
  padding:12px;
}
.baai-smart-action-list li.is-fail{
  border-left-color:var(--baai-red, #dc2626);
}
.baai-smart-live-actions{
  margin-top:14px;
}
.baai-smart-live-actions h3{
  margin:0 0 8px;
}
.baai-live-required-actions{
  margin-top:14px;
}
.baai-advanced-queue-status{
  margin-top:16px;
}
.baai-advanced-queue-status > summary,
.baai-advanced-send-tools > summary{
  cursor:pointer;
  font-weight:800;
  color:var(--baai-ink, #14213d);
}
.baai-compact-guard{
  display:flex;
  flex-direction:column;
  gap:4px;
  margin-top:12px;
  padding:12px;
  border-radius:12px;
  background:#f8fafc;
}
.baai-readiness-passed .baai-check-card-grid{
  margin-top:12px;
}
.baai-smart-empty{
  margin-top:10px;
}
@media (max-width:760px){
  .baai-smart-mode-split,
  .baai-smart-action-list li{
    grid-template-columns:1fr;
  }
  .baai-smart-action-list li .baai-btn{
    justify-self:start;
  }
}

/* v4.0.19: no-refresh send actions and inline confirmations */
.baai-send-workspace{
  scroll-margin-top:24px;
}
.baai-smart-send-feedback{
  display:flex;
  flex-direction:column;
  gap:4px;
  margin:0 0 14px;
  padding:14px 16px;
  border-radius:14px;
  border:1px solid var(--baai-border, #d9e2f2);
  border-left:4px solid var(--baai-primary, #2563eb);
  background:#f8fafc;
  box-shadow:0 10px 28px rgba(15,23,42,.06);
  outline:none;
}
.baai-smart-send-feedback strong{
  color:var(--baai-ink, #14213d);
  font-size:1rem;
}
.baai-smart-send-feedback span,
.baai-smart-send-feedback em{
  color:var(--baai-muted, #607086);
  line-height:1.45;
  font-style:normal;
}
.baai-smart-send-feedback.is-success{
  border-left-color:var(--baai-green, #16a34a);
  background:#ecfdf3;
}
.baai-smart-send-feedback.is-warning,
.baai-smart-send-feedback.is-error{
  border-left-color:var(--baai-amber, #d97706);
  background:#fff8e6;
}
.baai-smart-send-feedback.is-working{
  border-left-color:var(--baai-primary, #2563eb);
  background:#eef4ff;
}
.baai-smart-inline-form button[disabled]{
  opacity:.7;
  cursor:wait;
}

/* v4.0.19: centered send-action confirmation modal */
.baai-smart-send-result-modal{
  position:fixed;
  inset:0;
  z-index:99999;
  display:none;
  align-items:center;
  justify-content:center;
  padding:20px;
}
.baai-smart-send-result-modal.is-open{
  display:flex;
}
.baai-smart-send-result-backdrop{
  position:absolute;
  inset:0;
  background:rgba(15,23,42,.35);
  backdrop-filter:blur(3px);
}
.baai-smart-send-result-panel{
  position:relative;
  width:min(520px, calc(100vw - 32px));
  border-radius:22px;
  background:#fff;
  box-shadow:0 28px 80px rgba(15,23,42,.28);
  border:1px solid var(--baai-border, #d9e2f2);
  padding:24px 26px;
  border-left:6px solid var(--baai-primary, #2563eb);
}
.baai-smart-send-result-modal.is-success .baai-smart-send-result-panel{
  border-left-color:var(--baai-green, #16a34a);
}
.baai-smart-send-result-modal.is-warning .baai-smart-send-result-panel,
.baai-smart-send-result-modal.is-error .baai-smart-send-result-panel{
  border-left-color:var(--baai-amber, #d97706);
}
.baai-smart-send-result-panel strong{
  display:block;
  color:var(--baai-ink, #14213d);
  font-size:1.15rem;
  padding-right:34px;
}
.baai-smart-send-result-panel p{
  margin:8px 0 0;
  color:var(--baai-muted, #607086);
  line-height:1.5;
}
.baai-smart-send-status{
  min-height:0;
  margin:0;
  color:var(--baai-muted, #607086);
  font-weight:700;
}
.baai-smart-send-status.is-working{
  display:block;
  margin:10px 0 0;
  padding:10px 12px;
  border-radius:12px;
  background:#eef4ff;
  color:var(--baai-primary, #2563eb);
}
.baai-smart-live-summary{
  display:flex;
  align-items:center;
  gap:10px;
  flex-wrap:wrap;
  margin:12px 0 0;
  padding:12px 14px;
  border:1px solid var(--baai-border, #d9e2f2);
  border-radius:14px;
  background:#fff;
}
.baai-smart-live-summary strong{ color:var(--baai-ink, #14213d); }
.baai-smart-live-summary span{ color:var(--baai-muted, #607086); }
.baai-smart-live-summary a{ margin-left:auto; font-weight:800; color:var(--baai-primary, #2563eb); text-decoration:none; }
.baai-smart-action-status{
  color:var(--baai-muted, #607086);
  font-weight:700;
}
@media (max-width:640px){
  .baai-smart-live-summary{ align-items:flex-start; flex-direction:column; }
  .baai-smart-live-summary a{ margin-left:0; }
}

/* v4.0.21 draft-sequence repair routing */
.baai-pending-draft-action{
  display:flex;
  justify-content:space-between;
  gap:18px;
  align-items:center;
  margin-bottom:18px;
  padding:16px;
  border:1px solid #bfdbfe;
  border-radius:18px;
  background:#eff6ff;
  box-shadow:0 12px 28px rgba(37,99,235,.08);
}
.baai-pending-draft-action h3{ margin:0 0 6px; color:var(--baai-ink); }
.baai-pending-draft-action p{ margin:0; color:var(--baai-muted); }
.baai-pending-draft-action:focus,
.baai-deep-link-active{
  outline:3px solid rgba(37,99,235,.28);
  outline-offset:4px;
}
.baai-saved-steps-pending-note a{ font-weight:900; color:var(--baai-blue); }
@media (max-width:780px){
  .baai-pending-draft-action{ flex-direction:column; align-items:flex-start; }
}

.baai-template-review-form{
  margin-top:10px;
  gap:10px;
  align-items:center;
}

.baai-template-reviewed-note{
  border-color:#bbf7d0;
  background:#f0fdf4;
  color:#166534;
}

/* v4.0.24: launch polish for guided copy and button readability */
.baai-wrap .baai-btn,
.baai-access-card .baai-btn,
.baai-btn{
  overflow:visible !important;
  white-space:normal !important;
  text-wrap:balance;
}
.baai-wrap a.baai-btn-primary,
.baai-wrap button.baai-btn-primary,
.baai-wrap input[type="submit"].baai-btn-primary,
.baai-access-card a.baai-btn-primary,
.baai-access-card button.baai-btn-primary,
.baai-access-card input[type="submit"].baai-btn-primary,
.baai-btn-primary{
  background:#1d4ed8 !important;
  border-color:#1d4ed8 !important;
  color:#ffffff !important;
  -webkit-text-fill-color:#ffffff !important;
  text-shadow:none !important;
}
.baai-wrap a.baai-btn-primary:visited,
.baai-wrap a.baai-btn-primary:hover,
.baai-wrap a.baai-btn-primary:focus,
.baai-wrap button.baai-btn-primary:hover,
.baai-wrap button.baai-btn-primary:focus,
.baai-access-card a.baai-btn-primary:visited,
.baai-access-card a.baai-btn-primary:hover,
.baai-access-card a.baai-btn-primary:focus{
  color:#ffffff !important;
  -webkit-text-fill-color:#ffffff !important;
  background:#1e40af !important;
  border-color:#1e40af !important;
}
.baai-wrap .baai-btn-primary *,
.baai-access-card .baai-btn-primary *{
  color:#ffffff !important;
  -webkit-text-fill-color:#ffffff !important;
}
.baai-guided-nav-note{
  margin-top:10px;
}
.baai-guided-return .baai-btn{
  max-width:100%;
}

/* v4.0.24: keep primary buttons readable across Elementor/theme states and blue panels. */
.baai-wrap .baai-btn.baai-btn-primary,
.baai-wrap a.baai-btn.baai-btn-primary,
.baai-wrap button.baai-btn.baai-btn-primary,
.baai-access-card .baai-btn.baai-btn-primary,
.baai-access-card a.baai-btn.baai-btn-primary,
.baai-access-card button.baai-btn.baai-btn-primary{
  background:#1d4ed8 !important;
  border-color:#1e40af !important;
  color:#ffffff !important;
  text-shadow:0 1px 1px rgba(15,23,42,.28) !important;
  font-weight:900 !important;
}
.baai-wrap .baai-btn.baai-btn-primary:visited,
.baai-wrap .baai-btn.baai-btn-primary:hover,
.baai-wrap .baai-btn.baai-btn-primary:focus,
.baai-wrap .baai-btn.baai-btn-primary:active,
.baai-access-card .baai-btn.baai-btn-primary:visited,
.baai-access-card .baai-btn.baai-btn-primary:hover,
.baai-access-card .baai-btn.baai-btn-primary:focus,
.baai-access-card .baai-btn.baai-btn-primary:active{
  color:#ffffff !important;
}
.baai-wrap .baai-btn.baai-btn-primary:hover,
.baai-wrap .baai-btn.baai-btn-primary:focus,
.baai-access-card .baai-btn.baai-btn-primary:hover,
.baai-access-card .baai-btn.baai-btn-primary:focus{
  background:#1e3a8a !important;
  border-color:#1e3a8a !important;
}
.baai-wrap .baai-btn.baai-btn-primary[disabled],
.baai-wrap .baai-btn.baai-btn-primary[aria-disabled="true"]{
  color:#ffffff !important;
  opacity:.75 !important;
}

/* v4.0.25: reply ownership workflow and guided-step scroll anchoring */
.baai-guided-step-card{
  scroll-margin-top:96px;
}
.baai-reply-status-row{
  display:flex;
  flex-wrap:wrap;
  gap:8px;
  margin:12px 0 18px;
}
.baai-reply-simple-panel{
  border:1px solid var(--baai-line);
  border-radius:16px;
  background:#fff;
  padding:14px 16px;
}
.baai-checkline-strong span{
  font-weight:850;
  color:var(--baai-ink);
}
.baai-reply-mode-grid{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:12px;
}
.baai-reply-mode-card{
  position:relative;
  display:flex;
  flex-direction:column;
  gap:8px;
  min-height:132px;
  padding:15px 15px 15px 16px;
  border:1px solid var(--baai-line);
  border-radius:16px;
  background:#fff;
  cursor:pointer;
  transition:border-color .16s ease, box-shadow .16s ease, transform .16s ease;
}
.baai-reply-mode-card:hover{
  border-color:#bfdbfe;
  box-shadow:0 10px 24px rgba(15,23,42,.06);
  transform:translateY(-1px);
}
.baai-reply-mode-card.is-selected,
.baai-reply-mode-card:has(input:checked){
  border-color:var(--baai-primary);
  box-shadow:0 0 0 3px rgba(37,99,235,.10);
  background:var(--baai-soft-blue);
}
.baai-reply-mode-card input{
  position:absolute;
  top:14px;
  right:14px;
}
.baai-reply-mode-card span{
  display:flex;
  flex-wrap:wrap;
  align-items:center;
  gap:8px;
  padding-right:28px;
}
.baai-reply-mode-card strong{
  color:var(--baai-ink);
  font-weight:900;
}
.baai-reply-mode-card small{
  display:inline-flex;
  padding:2px 7px;
  border-radius:999px;
  background:#ecfdf5;
  color:#047857;
  font-size:11px;
  font-weight:850;
}
.baai-reply-mode-card em{
  color:var(--baai-muted);
  font-size:13px;
  font-style:normal;
  font-weight:650;
  line-height:1.45;
}
.baai-reply-workflow{
  border:1px solid #dbeafe;
  border-radius:16px;
  background:#eff6ff;
  padding:14px 16px;
}
.baai-reply-workflow strong{
  display:block;
  margin-bottom:8px;
  color:var(--baai-ink);
}
.baai-reply-workflow ul{
  margin:0;
  padding-left:18px;
  color:#334155;
  font-weight:650;
}
.baai-autopilot-guardrails{
  border-radius:16px;
}
.baai-autopilot-intents{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:8px 14px;
  margin:8px 0 10px;
}
.baai-mailbox-advanced summary{
  font-weight:850;
}
@media (max-width: 960px){
  .baai-reply-mode-grid,
  .baai-autopilot-intents{
    grid-template-columns:1fr;
  }
}
.baai-reply-promise{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:12px;
  margin:14px 0 18px;
}
.baai-reply-promise > div{
  border:1px solid var(--baai-line);
  border-radius:16px;
  background:#fff;
  padding:13px 14px;
}
.baai-reply-promise strong{
  display:block;
  margin-bottom:4px;
  color:var(--baai-ink);
  font-weight:900;
}
.baai-reply-promise span{
  color:var(--baai-muted);
  font-size:13px;
  font-weight:650;
  line-height:1.45;
}
.baai-autopilot-panel{
  border:1px solid #dbeafe;
  border-radius:18px;
  background:#eff6ff;
  padding:16px;
}
.baai-autopilot-panel h3{
  margin:0 0 4px;
  font-size:18px;
}
.baai-autopilot-panel .baai-good{
  margin-top:10px;
}
.baai-email-advanced{
  border-color:#dbeafe;
}
@media (max-width: 960px){
  .baai-reply-promise{
    grid-template-columns:1fr;
  }
}

.baai-conversation-owner{
  margin:12px 0;
  padding:12px 14px;
  border:1px solid var(--baai-line);
  border-radius:14px;
  background:#f8fafc;
  display:flex;
  flex-direction:column;
  gap:4px;
}
.baai-conversation-owner strong{
  color:var(--baai-ink);
  font-weight:900;
}
.baai-conversation-owner span{
  color:var(--baai-muted);
  font-size:13px;
  font-weight:650;
}


.baai-live-email-setup-cta{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:16px;
  padding:16px 18px;
  border:1px solid #d8e2f1;
  border-radius:18px;
  background:#f8fbff;
  margin:16px 0;
}
.baai-live-email-setup-cta strong{
  display:block;
  font-weight:800;
  color:#0f172a;
  margin-bottom:4px;
}
.baai-live-email-setup-cta span{
  display:block;
  color:#64748b;
  font-weight:650;
  line-height:1.45;
}
@media (max-width: 720px){
  .baai-live-email-setup-cta{
    align-items:flex-start;
    flex-direction:column;
  }
}

/* v4.0.28: persistent checklist and cohesive email setup */
a.baai-guided-progress-step{
  color:inherit;
  text-decoration:none;
}
a.baai-guided-progress-step:hover,
a.baai-guided-progress-step:focus{
  border-color:rgba(37,99,235,.45);
  box-shadow:0 0 0 3px rgba(37,99,235,.10);
  outline:none;
}
.baai-setup-checklist-card .baai-guided-progress{
  margin-bottom:16px;
}
.baai-advanced-sender-setup{
  margin-top:16px;
}
.baai-demo-safe-quick-form .baai-demo-safe-box{
  align-items:flex-end;
}

/* v4.0.28: single dashboard experience with persistent setup checklist and cohesive email setup. */
.baai-hero-guided-lite .baai-hero-panel{
  border-color:#bfdbfe;
  background:linear-gradient(180deg,rgba(255,255,255,.16),rgba(255,255,255,.08));
}
.baai-setup-checklist-card .baai-guided-progress-compact{
  margin-top:12px;
}
.baai-guided-progress-compact a.baai-guided-progress-step{
  text-decoration:none;
  color:inherit;
}
.baai-setup-checklist-card .baai-guided-actions{
  margin-top:16px;
}
.baai-email-advanced-providers{
  padding:0 !important;
  overflow:hidden;
}
.baai-email-advanced-summary{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:18px;
  padding:22px 24px;
  cursor:pointer;
  list-style:none;
}
.baai-email-advanced-summary::-webkit-details-marker{
  display:none;
}
.baai-email-advanced-summary::before{
  content:'▸';
  display:inline-flex;
  align-items:center;
  justify-content:center;
  width:24px;
  height:24px;
  border-radius:999px;
  background:#eef2ff;
  color:#1d4ed8;
  font-weight:900;
  flex:0 0 auto;
}
.baai-email-advanced-providers[open] > .baai-email-advanced-summary::before{
  content:'▾';
}
.baai-email-advanced-summary > span:first-child{
  display:flex;
  flex-direction:column;
  gap:5px;
  flex:1 1 auto;
  min-width:0;
}
.baai-email-advanced-summary strong{
  font-size:20px;
  line-height:1.2;
  color:var(--baai-ink);
}
.baai-email-advanced-summary em{
  font-style:normal;
  color:var(--baai-muted);
  font-weight:650;
  line-height:1.4;
}
.baai-email-advanced-body{
  padding:0 24px 24px;
}
.baai-email-advanced-body > .baai-demo-safe-box:first-child{
  margin-top:0;
}
@media (max-width:720px){
  .baai-email-advanced-summary{
    align-items:flex-start;
    flex-wrap:wrap;
  }
  .baai-email-advanced-summary .baai-pill{
    margin-left:42px;
  }
}

/* v4.0.29: simpler connected-mailbox setup UI */
.baai-connect-email-simple{
  display:grid;
  grid-template-columns:minmax(0,1fr) auto;
  gap:18px;
  align-items:center;
  padding:18px;
  border:1px solid rgba(148,163,184,.28);
  border-radius:20px;
  background:#fff;
}
.baai-connect-email-simple strong{
  display:block;
  font-size:18px;
  color:#071226;
  margin-bottom:6px;
}
.baai-connect-email-simple p{
  margin:0;
  color:#5b667a;
  line-height:1.55;
}
.baai-connect-email-simple code{
  font-size:14px;
  white-space:normal;
  word-break:break-word;
}
.baai-connect-email-simple .baai-guided-actions{
  justify-content:flex-end;
}
.baai-compact-status{
  margin-top:12px;
  display:flex;
  flex-wrap:wrap;
  gap:8px;
  align-items:center;
  font-size:13px;
  color:#5b667a;
}
.baai-compact-status span{
  display:inline-flex;
  align-items:center;
  border-radius:999px;
  padding:5px 9px;
  background:#f8fafc;
}
.baai-compact-status .status-active{
  color:#047857;
  background:#ecfdf5;
  font-weight:800;
}
.baai-autopilot-panel[hidden]{
  display:none !important;
}
@media (max-width: 760px){
  .baai-connect-email-simple{
    grid-template-columns:1fr;
  }
  .baai-connect-email-simple .baai-guided-actions{
    justify-content:flex-start;
  }
}

/* v4.0.30: keep the current campaign display clean and readable */
.baai-campaign-select select{
  background:#fff;
  color:var(--baai-ink);
  border:1px solid rgba(226,232,240,.95);
  border-radius:12px;
  min-height:44px;
  padding:0 12px;
  font-weight:750;
}
.baai-launch-readiness-card > .baai-email-advanced-summary strong{
  font-size:19px;
}
.baai-launch-readiness-card .baai-grid{
  margin-top:0;
}

/* v4.0.31: no-refresh Gmail actions and clearer campaign switcher */
.baai-google-mail-status{
  margin-top:12px;
  display:flex;
  align-items:flex-start;
  gap:10px;
  padding:12px 14px;
  border:1px solid rgba(148,163,184,.28);
  border-radius:16px;
  background:#f8fafc;
  color:#334155;
}
.baai-google-mail-status[hidden]{
  display:none !important;
}
.baai-google-mail-status-dot{
  width:10px;
  height:10px;
  margin-top:7px;
  border-radius:999px;
  background:#64748b;
  flex:0 0 auto;
}
.baai-google-mail-status strong{
  display:block;
  color:#071226;
  font-size:14px;
  margin-bottom:2px;
}
.baai-google-mail-status p{
  margin:0;
  color:#5b667a;
  line-height:1.45;
}
.baai-google-mail-status.is-working{
  background:#eff6ff;
  border-color:rgba(37,99,235,.24);
}
.baai-google-mail-status.is-working .baai-google-mail-status-dot{
  background:#2563eb;
  animation:baai-pulse-dot 1.1s ease-in-out infinite;
}
.baai-google-mail-status.is-success{
  background:#ecfdf5;
  border-color:rgba(5,150,105,.25);
}
.baai-google-mail-status.is-success .baai-google-mail-status-dot{
  background:#059669;
}
.baai-google-mail-status.is-error{
  background:#fef2f2;
  border-color:rgba(220,38,38,.24);
}
.baai-google-mail-status.is-error .baai-google-mail-status-dot{
  background:#dc2626;
}
@keyframes baai-pulse-dot{
  0%,100%{ transform:scale(1); opacity:.65; }
  50%{ transform:scale(1.35); opacity:1; }
}
.baai-next-action-form{
  justify-content:flex-end;
}
.baai-campaign-select select,
.baai-campaign-select option{
  color:var(--baai-ink);
  background:#fff;
}
.baai-campaign-select select{
  min-width:260px;
  min-height:48px;
  font-weight:700;
}

/* v4.0.32 musician UX polish */
.baai-hero-compact{padding:24px 28px;min-height:0;}
.baai-hero-compact h1{font-size:clamp(24px,3vw,34px);margin-bottom:8px;}
.baai-hero-compact .baai-hero-panel{min-height:auto;}
.baai-tab-group-secondary{border:1px solid #e5e7eb;border-radius:16px;padding:10px;background:#fff;}
.baai-tab-group-secondary summary{cursor:pointer;list-style:none;}
.baai-tab-group-secondary summary::-webkit-details-marker{display:none;}
.baai-tab-group-secondary[open] .baai-tab-group-links{margin-top:10px;}
.baai-setup-checklist-card.is-complete{padding:18px 22px;}
.baai-setup-checklist-card.is-complete .baai-section-head{margin-bottom:0;}
.baai-email-preview-card{background:#fff;border:1px solid #e5e7eb;border-radius:12px;padding:12px;}
.baai-email-preview-body{margin-top:10px;white-space:normal;}
.baai-more-actions{margin-top:8px;}
.baai-search-size-details{margin-top:8px;}
.baai-account-plan-card .baai-grid{margin-top:12px;}
.baai-connect-email-simple{display:flex;justify-content:space-between;gap:18px;align-items:flex-start;flex-wrap:wrap;}
.baai-connect-email-simple .baai-guided-actions{display:flex;gap:10px;align-items:flex-end;flex-wrap:wrap;}
.baai-smart-live-summary a{font-weight:700;}
.baai-live-required-actions{margin-top:14px;}
/* v4.0.33: make settings/tools visible instead of an empty collapsed panel */
.baai-tab-group-head{
  display:flex;
  flex-direction:column;
  gap:4px;
}
.baai-tab-group-note{
  color:var(--baai-muted);
  font-size:12px;
  line-height:1.35;
}
.baai-admin-tools-toggle{
  margin-top:6px;
  border-top:1px dashed var(--baai-line);
  padding-top:8px;
}
.baai-admin-tools-toggle summary{
  cursor:pointer;
  color:var(--baai-muted);
  font-size:12px;
  font-weight:800;
  list-style:none;
}
.baai-admin-tools-toggle summary::-webkit-details-marker{display:none;}
.baai-admin-tools-toggle summary::after{
  content:' +';
  font-weight:900;
}
.baai-admin-tools-toggle[open] summary::after{content:' −';}
.baai-admin-tools-toggle .baai-tab-group-links{margin-top:8px;}

/* v4.0.34: clearer Go Live Check spacing and card hierarchy */
.baai-wrap .baai-booking-readiness-card .baai-readiness-blockers{
  display:flex;
  flex-direction:column;
  gap:12px;
  margin-top:16px;
}
.baai-wrap .baai-booking-readiness-card .baai-readiness-blockers h3{
  margin:0;
  font-size:1.65rem;
  line-height:1.15;
  letter-spacing:-.03em;
  color:var(--baai-ink, #14213d);
}
.baai-wrap .baai-readiness-item{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:16px;
  padding:14px 16px;
  border:1px solid var(--baai-border, #d9e2f2);
  border-radius:14px;
  background:#fff;
  box-shadow:0 8px 18px rgba(15,23,42,.04);
}
.baai-wrap .baai-readiness-item + .baai-readiness-item{
  margin-top:10px;
}
.baai-wrap .baai-readiness-item > div{
  display:flex;
  flex-direction:column;
  gap:4px;
  min-width:0;
}
.baai-wrap .baai-readiness-item strong{
  display:block;
  color:var(--baai-ink, #14213d);
  font-size:.96rem;
  line-height:1.25;
}
.baai-wrap .baai-readiness-item span{
  display:block;
  color:var(--baai-muted, #607086);
  font-size:.9rem;
  line-height:1.45;
}
.baai-wrap .baai-readiness-item .baai-btn{
  flex:0 0 auto;
  white-space:nowrap;
}
.baai-wrap .baai-readiness-item.is-blocked{
  border-left:4px solid var(--baai-red, #dc2626);
}
.baai-wrap .baai-readiness-item.is-warning{
  border-left:4px solid var(--baai-amber, #d97706);
}
.baai-wrap .baai-readiness-item.is-passed{
  border-left:4px solid var(--baai-green, #16a34a);
}
.baai-wrap .baai-readiness-item.is-advanced{
  border-left:4px solid var(--baai-border, #d9e2f2);
}
.baai-wrap .baai-readiness-passed,
.baai-wrap .baai-readiness-advanced{
  margin-top:14px;
  border:1px solid var(--baai-border, #d9e2f2);
  border-radius:14px;
  background:#f8fafc;
  padding:0;
  overflow:hidden;
}
.baai-wrap .baai-readiness-passed > summary,
.baai-wrap .baai-readiness-advanced > summary{
  cursor:pointer;
  padding:13px 16px;
  font-weight:800;
  color:var(--baai-ink, #14213d);
  list-style:none;
}
.baai-wrap .baai-readiness-passed > summary::-webkit-details-marker,
.baai-wrap .baai-readiness-advanced > summary::-webkit-details-marker{
  display:none;
}
.baai-wrap .baai-readiness-passed > summary::before,
.baai-wrap .baai-readiness-advanced > summary::before{
  content:'▸';
  display:inline-block;
  margin-right:8px;
  transition:transform .16s ease;
}
.baai-wrap .baai-readiness-passed[open] > summary::before,
.baai-wrap .baai-readiness-advanced[open] > summary::before{
  transform:rotate(90deg);
}
.baai-wrap .baai-readiness-passed .baai-readiness-item,
.baai-wrap .baai-readiness-advanced .baai-readiness-item{
  margin:0 14px 12px;
}
@media (max-width:760px){
  .baai-wrap .baai-readiness-item{
    flex-direction:column;
    align-items:stretch;
  }
  .baai-wrap .baai-readiness-item .baai-btn{
    width:100%;
  }
}