/* Ensure native [hidden] works even if component CSS sets display */
[hidden]{display:none !important;}

/* ===========================
   HouseLeads – PWA dark/gold
   Mobile-first, safe-area, compact
   =========================== */

:root{
  color-scheme: dark;

  --hl-bg: #020617;
  --hl-card: rgba(2, 6, 23, 0.92);
  --hl-border: rgba(148,163,184,.28);
  --hl-text: #f9fafb;
  --hl-muted: #9ca3af;

  --hl-gold: #facc15;
  --hl-gold2: #fbbf24;
  --hl-accent: #f97316;

  --hl-radius-lg: 16px;
  --hl-radius-md: 12px;

  --hl-shadow: 0 10px 28px rgba(0,0,0,.55);

  --hl-safe-bottom: env(safe-area-inset-bottom, 0px);
  --hl-safe-top: env(safe-area-inset-top, 0px);

  --hl-nav-h: 64px;

  --hl-font: system-ui, -apple-system, BlinkMacSystemFont, "SF Pro Text", "Segoe UI", sans-serif;
}

*{ box-sizing:border-box; }
html,body{ margin:0; padding:0; }

body.hl-body{
  font-family: var(--hl-font);
  min-height:100vh;
  background: radial-gradient(circle at top, #111827 0, #020617 55%, #020617 100%);
  color: var(--hl-text);
  -webkit-font-smoothing: antialiased;
}

a{ color: inherit; }
ul{ list-style:none; padding:0; margin:0; }

/* ===== Header ===== */
.hl-header{
  position: sticky;
  top: 0;
  z-index: 30;
  padding-top: var(--hl-safe-top);
  background: rgba(2,6,23,.90);
  backdrop-filter: blur(16px);
  border-bottom: 1px solid rgba(148,163,184,.18);
}
.hl-header-inner{
  max-width: 1120px;
  margin: 0 auto;
  padding: 10px 12px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:10px;
}
.hl-brand{ display:flex; align-items:center; gap:10px; }
.hl-logo{
  width: 34px; height: 34px;
  border-radius: 999px;
  background: radial-gradient(circle at 30% 20%, var(--hl-gold), #f59e0b 60%, #0f172a);
  display:flex; align-items:center; justify-content:center;
  font-weight: 800;
  color:#020617;
  box-shadow: 0 10px 26px rgba(250,204,21,.45);
}

.hl-logo-img{
  width:100%;
  height:100%;
  border-radius: inherit;
  object-fit: cover;
  display:block;
}
.hl-app-title{ margin:0; font-size:15px; font-weight:700; line-height:1.1; }
.hl-app-subtitle{ margin:0; font-size:11px; color: var(--hl-muted); }

.hl-header-actions{ flex-shrink:0; }

/* ===== Main ===== */
.hl-main{
  max-width: 1120px;
  margin: 0 auto;
  padding: 12px 12px calc(var(--hl-nav-h) + 18px + var(--hl-safe-bottom));
}

/* views */
.hl-view[hidden]{ display:none !important; }

/* ===== Cards ===== */
.hl-card{
  background: radial-gradient(circle at top, rgba(5,8,22,.95), rgba(2,6,23,.95) 70%);
  border: 1px solid var(--hl-border);
  border-radius: var(--hl-radius-lg);
  box-shadow: var(--hl-shadow);
  padding: 12px;
  margin-bottom: 12px;
}

.hl-card-auth{ padding: 18px 14px; }

.hl-title{
  margin: 0 0 12px;
  font-size: 16px;
}
.hl-section-title{
  margin: 0 0 10px;
  font-size: 14px;
  display:flex;
  align-items:center;
  gap:8px;
}
.hl-section-title::before{
  content:"";
  width:6px; height:6px;
  border-radius:999px;
  background: var(--hl-gold);
}

/* ===== Auth ===== */
.hl-auth{
  max-width: 420px;
  margin: 44px auto;
  padding: 0 12px;
}

/* ===== Forms / Inputs ===== */
.hl-form{ display:flex; flex-direction:column; gap:10px; }
.hl-field{ display:flex; flex-direction:column; gap:6px; }
.hl-label{ font-size: 12px; color: var(--hl-muted); }

.hl-input, select, input, textarea{
  width: 100%;
  border-radius: 14px;
  border: 1px solid rgba(148,163,184,.35);
  background: linear-gradient(135deg, rgba(2,6,23,.96), rgba(2,6,23,.96));
  color: var(--hl-text);
  padding: 12px 12px;
  font-size: 16px; /* evita zoom no iOS */
  outline: none;
  transition: border-color .15s ease, box-shadow .15s ease, transform .08s ease;
}
.hl-input::placeholder{ color: rgba(148,163,184,.75); }
.hl-input:focus, select:focus{
  border-color: rgba(250,204,21,.9);
  box-shadow: 0 0 0 2px rgba(250,204,21,.25);
}

select{
  appearance: none;
  background-image:
    linear-gradient(45deg, transparent 50%, rgba(250,204,21,.95) 50%),
    linear-gradient(135deg, rgba(250,204,21,.95) 50%, transparent 50%);
  background-position:
    calc(100% - 18px) calc(50% - 3px),
    calc(100% - 12px) calc(50% - 3px);
  background-size: 6px 6px, 6px 6px;
  background-repeat: no-repeat;
  padding-right: 34px;
}

/* tenta forçar contraste do dropdown */
select option{
  background: #020617;
  color: #f9fafb;
}

.hl-form-inline{
  display:flex;
  gap:10px;
  align-items:flex-end;
}
.hl-form-inline .hl-field{ flex: 1 1 auto; }

/* ===== Buttons ===== */
.hl-btn{
  border: none;
  border-radius: 14px;
  padding: 12px 14px;
  font-size: 14px;
  font-weight: 700;
  cursor: pointer;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:8px;
  min-height: 44px; /* touch target */
}
.hl-btn-block{ width:100%; }

.hl-btn-primary{
  background: linear-gradient(135deg, var(--hl-gold), var(--hl-gold2));
  color: #0b1120;
  box-shadow: 0 14px 32px rgba(250,204,21,.35);
}
.hl-btn-primary:active{ transform: translateY(1px); }

.hl-btn-outline{
  background: transparent;
  border: 1px solid rgba(148,163,184,.55);
  color: var(--hl-text);
}
.hl-btn-outline:active{ transform: translateY(1px); }

.hl-btn-link{
  background: transparent;
  border: none;
  color: var(--hl-gold2);
  padding: 0 6px;
  min-height: auto;
}

.hl-btn-danger{
  background: rgba(248,113,113,.12);
  border: 1px solid rgba(248,113,113,.55);
  color: #fecaca;
}

/* ===== User ===== */
.hl-card-user{ padding: 12px; }
.hl-user-row{ display:flex; align-items:center; justify-content:space-between; gap:10px; }
.hl-user-title{ margin:0; font-size: 16px; }
.hl-user-subtitle{ margin:2px 0 0; font-size: 12px; color: var(--hl-muted); }

/* ===== Grid ===== */
.hl-grid-2{
  display:grid;
  grid-template-columns: 1fr;
  gap: 12px;
}

/* ===== Meta / Resumo ===== */
.hl-meta-progresso{
  margin: 8px 0 0;
  font-size: 12px;
  color: var(--hl-muted);
}
.hl-meta-progresso strong{ color: var(--hl-gold2); }

.hl-resumo-list li{
  font-size: 12px;
  color: var(--hl-muted);
  padding: 6px 0;
  border-bottom: 1px dashed rgba(148,163,184,.18);
}
.hl-resumo-list li:last-child{ border-bottom:none; }
.hl-resumo-list strong{ color: var(--hl-text); }

/* ===== Card header row ===== */
.hl-card-header-row{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:10px;
}

/* ===== Range buttons ===== */
.hl-range-group{
  display:inline-flex;
  gap:4px;
  padding: 3px;
  border-radius: 999px;
  border: 1px solid rgba(148,163,184,.25);
  background: rgba(15,23,42,.75);
}
.hl-range-btn{
  border: none;
  background: transparent;
  color: var(--hl-muted);
  font-size: 11px;
  padding: 6px 10px;
  border-radius: 999px;
  cursor: pointer;
}
.hl-range-btn-active{
  background: rgba(250,204,21,.92);
  color: #0b1120;
  font-weight: 800;
}

/* ===== Dashboard métricas ===== */
.hl-dashboard-metricas{
  display:flex;
  flex-wrap:wrap;
  gap:10px;
}
.hl-metrica-card{
  flex: 1 1 140px;
  background: rgba(2,6,23,.92);
  border: 1px solid rgba(148,163,184,.30);
  border-radius: var(--hl-radius-md);
  padding: 10px 10px;
}
.hl-metrica-card strong{
  display:block;
  font-size: 11px;
  color: var(--hl-muted);
  letter-spacing:.06em;
  text-transform: uppercase;
}

/* ===== Pipeline ===== */
.hl-pipeline{
  display:flex;
  gap:10px;
  overflow-x:auto;
  padding-bottom: 6px;
  margin-top: 10px;
  -webkit-overflow-scrolling: touch;
}
.hl-pipeline-column{
  min-width: 250px;
  background: rgba(2,6,23,.92);
  border: 1px solid rgba(148,163,184,.30);
  border-radius: var(--hl-radius-lg);
  padding: 10px;
  flex-shrink:0;
}
.hl-pipeline-title-row{
  display:flex;
  justify-content:space-between;
  align-items:center;
  margin-bottom: 8px;
}
.hl-pipeline-title{
  margin:0;
  font-size: 11px;
  color: var(--hl-muted);
  letter-spacing:.12em;
  text-transform: uppercase;
}
.hl-pipeline-badge{
  font-size: 11px;
  padding: 3px 8px;
  border-radius: 999px;
  background: rgba(250,204,21,.12);
  border: 1px solid rgba(250,204,21,.35);
  color: var(--hl-gold2);
}
.hl-pipeline-card{
  background: rgba(15,23,42,.55);
  border: 1px solid rgba(148,163,184,.25);
  border-radius: 12px;
  padding: 10px;
  margin-bottom: 8px;
}
.hl-pipeline-card-head{
  display:flex;
  justify-content:space-between;
  align-items:center;
  gap:8px;
  margin-bottom: 6px;
}
.hl-link-whatsapp{
  font-size: 12px;
  padding: 6px 10px;
  border-radius: 999px;
  background: rgba(34,197,94,.12);
  border: 1px solid rgba(34,197,94,.35);
  color: #22c55e;
  text-decoration:none;
}
.hl-pipeline-origem{ color: var(--hl-muted); font-size: 12px; }
.hl-pipeline-valor{ color: var(--hl-gold2); font-size: 12px; }
.hl-pipeline-comissao{ color: var(--hl-accent); font-size: 12px; }

.hl-pipeline-card-footer{
  display:flex;
  gap:8px;
  align-items:center;
  margin-top: 8px;
}
.hl-select-estagio{
  flex: 1 1 auto;
  min-height: 44px;
  font-size: 14px;
}
.hl-pipeline-empty{
  font-size: 12px;
  color: var(--hl-muted);
  padding: 10px;
  border-radius: 12px;
  border: 1px dashed rgba(148,163,184,.28);
}

/* Toggle */
.hl-toggle-wrapper{
  display:flex;
  align-items:center;
  gap:8px;
  color: var(--hl-muted);
  font-size: 12px;
}
.hl-toggle{
  position:relative;
  width: 42px;
  height: 22px;
}
.hl-toggle input{ opacity:0; width:0; height:0; }
.hl-toggle-slider{
  position:absolute;
  inset:0;
  background: rgba(148,163,184,.22);
  border-radius:999px;
  transition:.2s;
}
.hl-toggle-slider::before{
  content:"";
  position:absolute;
  width: 18px; height: 18px;
  left:2px; top:2px;
  border-radius:999px;
  background: var(--hl-gold2);
  transition:.2s;
}
.hl-toggle input:checked + .hl-toggle-slider{
  background: rgba(250,204,21,.22);
}
.hl-toggle input:checked + .hl-toggle-slider::before{
  transform: translateX(20px);
}

/* ===== Lists ===== */
.hl-toolbar{
  display:flex;
  gap:10px;
  align-items:center;
  margin: 10px 0 12px;
}
.hl-toolbar-meta{
  min-width: 54px;
  text-align:right;
  color: var(--hl-muted);
  font-size: 12px;
}
.hl-list{
  display:flex;
  flex-direction:column;
  gap:10px;
}
.hl-list-item{
  background: rgba(15,23,42,.55);
  border: 1px solid rgba(148,163,184,.22);
  border-radius: 14px;
  padding: 10px;
}
.hl-list-top{
  display:flex;
  justify-content:space-between;
  align-items:flex-start;
  gap:10px;
}
.hl-list-title{
  margin:0;
  font-size: 14px;
}
.hl-list-sub{
  margin: 4px 0 0;
  color: var(--hl-muted);
  font-size: 12px;
}
.hl-list-actions{
  display:flex;
  gap:8px;
  align-items:center;
}
.hl-chip{
  font-size: 11px;
  padding: 4px 8px;
  border-radius: 999px;
  border: 1px solid rgba(148,163,184,.22);
  color: var(--hl-muted);
  white-space: nowrap;
}
.hl-chip-gold{
  border-color: rgba(250,204,21,.35);
  color: var(--hl-gold2);
  background: rgba(250,204,21,.08);
}

.hl-pagination{
  display:flex;
  justify-content:space-between;
  align-items:center;
  gap:10px;
  margin-top: 12px;
}
.hl-page-label{
  color: var(--hl-muted);
  font-size: 12px;
}

/* ===== Bottom Nav + FAB ===== */
.hl-bottom-nav{
  position: fixed;
  left: 0; right: 0;
  bottom: 0;
  z-index: 60;
  height: calc(var(--hl-nav-h) + var(--hl-safe-bottom));
  padding: 10px 10px calc(10px + var(--hl-safe-bottom));
  display:flex;
  gap:8px;
  background: rgba(2,6,23,.90);
  backdrop-filter: blur(16px);
  border-top: 1px solid rgba(148,163,184,.18);
}
.hl-nav-btn{
  flex:1 1 auto;
  border:none;
  background: transparent;
  color: var(--hl-muted);
  border-radius: 14px;
  padding: 8px 8px;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  gap:4px;
  min-height: 44px;
}
.hl-nav-ico{ font-size: 18px; line-height: 1; }
.hl-nav-txt{ font-size: 11px; }
.hl-nav-btn-active{
  color: var(--hl-text);
  background: rgba(250,204,21,.10);
  border: 1px solid rgba(250,204,21,.18);
}

.hl-fab{
  position: fixed;
  z-index: 70;
  left: 50%;
  transform: translateX(-50%);
  bottom: calc(var(--hl-nav-h) + 12px + var(--hl-safe-bottom));
  width: 54px; height: 54px;
  border-radius: 999px;
  border: none;
  background: linear-gradient(135deg, var(--hl-gold), var(--hl-gold2));
  color: #0b1120;
  font-size: 24px;
  font-weight: 900;
  box-shadow: 0 18px 42px rgba(250,204,21,.35);
  cursor: pointer;
}
.hl-fab:active{ transform: translateX(-50%) translateY(1px); }

/* ===== Modal ===== */
.hl-modal{
  position: fixed;
  inset: 0;
  z-index: 100;
  display:none;
}
.hl-modal.is-open{ display:block; }

.hl-modal-backdrop{
  position:absolute;
  inset:0;
  background: rgba(0,0,0,.55);
  backdrop-filter: blur(6px);
}

.hl-modal-dialog{
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%,-50%);
  width: min(520px, calc(100vw - 24px));
  border-radius: 18px;
  border: 1px solid rgba(148,163,184,.28);
  background: radial-gradient(circle at top, rgba(5,8,22,.98), rgba(2,6,23,.98) 70%);
  box-shadow: 0 18px 50px rgba(0,0,0,.65);
  overflow:hidden;
}

.hl-modal-sheet{
  width: min(420px, calc(100vw - 24px));
}

.hl-modal-head{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:10px;
  padding: 12px 12px;
  border-bottom: 1px solid rgba(148,163,184,.16);
}
.hl-modal-title{
  margin:0;
  font-size: 14px;
}
.hl-icon-btn{
  width: 40px; height: 40px;
  border-radius: 12px;
  border: 1px solid rgba(148,163,184,.20);
  background: transparent;
  color: var(--hl-text);
  font-size: 20px;
  cursor:pointer;
}
.hl-modal-body{
  padding: 12px 12px 14px;
}

/* ===== Responsive ===== */
@media (min-width: 860px){
  .hl-grid-2{
    grid-template-columns: 1.15fr .85fr;
  }
}

.hl-meta-head{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:10px;
}

.hl-progress{
  margin-top:10px;
  height:10px;
  border-radius:999px;
  background: rgba(148,163,184,.18);
  overflow:hidden;
  border: 1px solid rgba(148,163,184,.18);
}

.hl-progress-bar{
  height:100%;
  width: 0%;
  border-radius:999px;
  background: linear-gradient(135deg, var(--hl-gold), var(--hl-gold2));
  transition: width .25s ease;
}

/* ===== Landing ===== */
.hl-landing-header{
  position: sticky;
  top: 0;
  z-index: 40;
  padding-top: var(--hl-safe-top);
  background: rgba(2,6,23,.92);
  backdrop-filter: blur(16px);
  border-bottom: 1px solid rgba(148,163,184,.18);
}
.hl-landing-inner{
  max-width: 1120px;
  margin: 0 auto;
  padding: 10px 12px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
}
.hl-landing-nav{
  display:flex;
  gap:14px;
  align-items:center;
}
.hl-landing-nav a{
  color: var(--hl-muted);
  text-decoration:none;
  font-size: 13px;
}
.hl-landing-nav a:hover{ color: var(--hl-text); }

.hl-landing{
  max-width: 1120px;
  margin: 0 auto;
  padding: 18px 12px 30px;
}
.hl-hero{
  padding: 14px 0 22px;
}
.hl-hero-grid{
  display:grid;
  grid-template-columns: 1fr;
  gap: 14px;
  align-items:center;
}
.hl-hero-h1{
  margin: 0 0 10px;
  font-size: 28px;
  line-height: 1.1;
}
.hl-hero-p{
  margin: 0 0 14px;
  color: var(--hl-muted);
  font-size: 14px;
  line-height: 1.6;
}
.hl-hero-cta{ display:flex; gap:10px; flex-wrap:wrap; }
.hl-hero-badges{ display:flex; gap:8px; flex-wrap:wrap; margin-top: 12px; }

.hl-hero-mock{
  border-radius: 18px;
  border: 1px solid rgba(148,163,184,.25);
  background: radial-gradient(circle at top, rgba(250,204,21,.10), rgba(2,6,23,.95) 55%);
  box-shadow: var(--hl-shadow);
  overflow:hidden;
  min-height: 320px;
}
.hl-hero-mock-top{
  height: 40px;
  border-bottom: 1px solid rgba(148,163,184,.15);
  background: rgba(2,6,23,.55);
}
.hl-hero-mock-body{
  padding: 14px;
}
.hl-hero-mock-note{
  margin: 12px 0 0;
  font-size: 12px;
  color: var(--hl-muted);
}

.hl-skel-line{
  height: 10px;
  border-radius: 999px;
  background: rgba(148,163,184,.18);
  margin-bottom: 10px;
}
.hl-skel-card{
  height: 52px;
  border-radius: 14px;
  background: rgba(148,163,184,.10);
  border: 1px solid rgba(148,163,184,.14);
  margin-bottom: 10px;
}
.w70{ width: 70%; }
.w55{ width: 55%; }

.hl-landing-section{ margin-top: 18px; }
.hl-landing-h2{ margin: 0 0 12px; font-size: 18px; }
.hl-landing-cards{
  display:grid;
  grid-template-columns: 1fr;
  gap: 12px;
}
.hl-landing-p{ margin: 8px 0 0; color: var(--hl-muted); font-size: 13px; line-height: 1.5; }

.hl-plan-price{
  margin: 8px 0 8px;
  font-size: 22px;
  font-weight: 900;
}
.hl-plan-list{
  margin: 0;
  padding: 0;
  list-style:none;
  color: var(--hl-muted);
  font-size: 13px;
  line-height: 1.7;
}
.hl-plan-featured{
  border-color: rgba(250,204,21,.40);
  box-shadow: 0 18px 55px rgba(250,204,21,.12);
}

.hl-landing-footer{
  margin-top: 22px;
  border-top: 1px solid rgba(148,163,184,.18);
  padding-top: 14px;
}
.hl-landing-footer .hl-landing-inner{
  padding: 0;
}

/* ===== Toast ===== */
.hl-toast{
  position: fixed;
  z-index: 120;
  left: 50%;
  bottom: calc(var(--hl-nav-h) + 18px + var(--hl-safe-bottom));
  transform: translateX(-50%);
  width: min(520px, calc(100vw - 24px));
  padding: 10px 12px;
  border-radius: 14px;
  border: 1px solid rgba(148,163,184,.28);
  background: rgba(2,6,23,.94);
  box-shadow: var(--hl-shadow);
  font-size: 13px;
}

/* Desktop landing */
@media (min-width: 900px){
  .hl-hero-grid{ grid-template-columns: 1.1fr .9fr; }
  .hl-landing-cards{ grid-template-columns: repeat(3, 1fr); }
}

/* ===========================
   LANDING (lp-*)
   Cole no FINAL do style.css
   =========================== */

.lp-container{
  max-width: 1120px;
  margin: 0 auto;
  padding: 0 14px;
}

.lp-topbar{
  position: sticky;
  top: 0;
  z-index: 80;
  padding-top: var(--hl-safe-top);
  background: rgba(2,6,23,.88);
  backdrop-filter: blur(14px);
  border-bottom: 1px solid rgba(148,163,184,.14);
}
.lp-topbar-inner{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  padding: 10px 0;
}
.lp-brand{
  display:flex;
  align-items:center;
  gap:10px;
  text-decoration:none;
  color: var(--hl-text);
}
.lp-brand-text{ display:flex; flex-direction:column; line-height:1.05; }
.lp-brand-title{ font-size: 13px; letter-spacing:.02em; }
.lp-brand-sub{ font-size: 11px; color: var(--hl-muted); }

.lp-nav{
  display:none;
  gap:14px;
}
.lp-nav-link{
  text-decoration:none;
  color: rgba(226,232,240,.88);
  font-size: 13px;
  padding: 8px 10px;
  border-radius: 12px;
}
.lp-nav-link:hover{
  background: rgba(148,163,184,.10);
}

.lp-actions{
  display:flex;
  align-items:center;
  gap:10px;
}
.lp-btn-ghost{
  padding: 10px 12px;
  min-height: 40px;
}
.lp-btn-primary{
  padding: 10px 14px;
  min-height: 40px;
}

/* menu mobile sem JS */
.lp-menu{ display:block; }
.lp-menu > summary{
  list-style:none;
}
.lp-menu > summary::-webkit-details-marker{ display:none; }
.lp-menu-btn{
  width: 42px;
  height: 40px;
  border-radius: 14px;
  border: 1px solid rgba(148,163,184,.22);
  background: rgba(15,23,42,.45);
  color: var(--hl-text);
  display:flex;
  align-items:center;
  justify-content:center;
  cursor:pointer;
}
.lp-menu-panel{
  position:absolute;
  right: 14px;
  top: calc(56px + var(--hl-safe-top));
  width: min(260px, calc(100vw - 28px));
  background: rgba(2,6,23,.98);
  border: 1px solid rgba(148,163,184,.20);
  border-radius: 16px;
  box-shadow: 0 18px 50px rgba(0,0,0,.65);
  padding: 10px;
  display:flex;
  flex-direction:column;
  gap:6px;
}
.lp-menu-panel a{
  text-decoration:none;
  color: rgba(226,232,240,.92);
  padding: 10px 10px;
  border-radius: 12px;
}
.lp-menu-panel a:hover{ background: rgba(148,163,184,.10); }
.lp-menu-cta{
  margin-top: 6px;
  background: rgba(250,204,21,.12);
  border: 1px solid rgba(250,204,21,.25);
  color: var(--hl-gold2) !important;
  font-weight: 800;
}

/* HERO */
.lp-hero{
  padding: 18px 0 8px;
  display:grid;
  grid-template-columns: 1fr;
  gap: 16px;
}
.lp-badges{
  display:flex;
  flex-wrap:wrap;
  gap:8px;
  margin-bottom: 12px;
}
.lp-pill{
  font-size: 11px;
  padding: 6px 10px;
  border-radius: 999px;
  border: 1px solid rgba(250,204,21,.22);
  background: rgba(250,204,21,.08);
  color: rgba(250,204,21,.95);
}
.lp-pill-muted{
  border-color: rgba(148,163,184,.20);
  background: rgba(148,163,184,.06);
  color: rgba(226,232,240,.78);
}

.lp-h1{
  margin: 0 0 10px;
  font-size: clamp(28px, 5.2vw, 46px);
  line-height: 1.06;
  letter-spacing: -0.02em;
}
.lp-h1-accent{
  display:block;
  margin-top: 8px;
  color: var(--hl-gold2);
}
.lp-sub{
  margin: 0;
  color: rgba(226,232,240,.82);
  font-size: 14px;
  line-height: 1.6;
  max-width: 58ch;
}

.lp-cta-row{
  display:flex;
  gap:10px;
  margin-top: 14px;
  flex-wrap:wrap;
}
.lp-cta-main{ min-width: 160px; }
.lp-cta-secondary{ min-width: 140px; }

.lp-proof{
  margin-top: 14px;
  display:grid;
  grid-template-columns: 1fr;
  gap:10px;
}
.lp-proof-item{
  border: 1px solid rgba(148,163,184,.16);
  background: rgba(15,23,42,.32);
  border-radius: 16px;
  padding: 10px 12px;
}
.lp-proof-item strong{
  display:block;
  font-size: 12px;
  color: rgba(250,204,21,.95);
}
.lp-proof-item span{
  display:block;
  margin-top: 4px;
  font-size: 12px;
  color: rgba(226,232,240,.78);
}

/* Preview “cara de app” */
.lp-hero-preview{ display:flex; flex-direction:column; gap:10px; }
.lp-phone{
  border-radius: 22px;
  border: 1px solid rgba(148,163,184,.22);
  background: radial-gradient(circle at top, rgba(5,8,22,.96), rgba(2,6,23,.98) 70%);
  box-shadow: 0 24px 70px rgba(0,0,0,.65);
  overflow:hidden;
}
.lp-phone-top{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:10px;
  padding: 10px 12px;
  border-bottom: 1px solid rgba(148,163,184,.14);
}
.lp-phone-dot{
  width: 10px; height: 10px;
  border-radius: 999px;
  background: rgba(34,197,94,.85);
  box-shadow: 0 0 0 3px rgba(34,197,94,.12);
}
.lp-phone-title{
  font-weight: 900;
  letter-spacing: .02em;
}
.lp-phone-badge{
  font-size: 11px;
  padding: 4px 8px;
  border-radius: 999px;
  border: 1px solid rgba(250,204,21,.22);
  background: rgba(250,204,21,.08);
  color: rgba(250,204,21,.95);
}

.lp-kpi-row{
  display:grid;
  grid-template-columns: repeat(3, 1fr);
  gap:10px;
  padding: 12px;
}
.lp-kpi{
  border: 1px solid rgba(148,163,184,.16);
  background: rgba(15,23,42,.28);
  border-radius: 16px;
  padding: 10px;
}
.lp-kpi-label{
  display:block;
  font-size: 11px;
  color: rgba(226,232,240,.70);
}
.lp-kpi-value{
  display:block;
  margin-top: 6px;
  font-size: 18px;
  color: rgba(250,204,21,.95);
}

.lp-progress-wrap{
  padding: 0 12px 12px;
}
.lp-progress-head{
  display:flex;
  justify-content:space-between;
  color: rgba(226,232,240,.75);
  font-size: 12px;
  margin-bottom: 8px;
}
.lp-progress{
  height: 10px;
  border-radius: 999px;
  background: rgba(148,163,184,.16);
  overflow:hidden;
  border: 1px solid rgba(148,163,184,.14);
}
.lp-progress-bar{
  height:100%;
  background: linear-gradient(135deg, var(--hl-gold), var(--hl-gold2));
}

.lp-pipeline-mini{
  display:flex;
  gap:10px;
  overflow-x:auto;
  padding: 0 12px 12px;
  -webkit-overflow-scrolling: touch;
}

/* Ajuste mobile: evita “corte” na prévia (sem scroll horizontal dentro do mock) */
@media (max-width: 420px){
  .lp-kpi-row{ grid-template-columns: repeat(2, 1fr); }
  .lp-kpi-row .lp-kpi:nth-child(3){ grid-column: 1 / -1; }

  .lp-pipeline-mini{
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    overflow: visible;
  }
  .lp-col{ min-width: 0; }
  .lp-col:nth-child(3){ grid-column: 1 / -1; }
}
.lp-col{
  min-width: 220px;
  border: 1px solid rgba(148,163,184,.16);
  background: rgba(15,23,42,.22);
  border-radius: 16px;
  padding: 10px;
}
.lp-col-head{
  display:flex;
  align-items:center;
  justify-content:space-between;
  color: rgba(226,232,240,.70);
  font-size: 12px;
  margin-bottom: 8px;
}
.lp-col-head b{ color: rgba(250,204,21,.95); }
.lp-card-mini{
  border: 1px solid rgba(148,163,184,.14);
  background: rgba(2,6,23,.55);
  border-radius: 14px;
  padding: 10px;
  margin-bottom: 8px;
}
.lp-card-mini strong{ display:block; font-size: 13px; }
.lp-card-mini span{ display:block; margin-top: 4px; font-size: 12px; color: rgba(226,232,240,.70); }
.lp-card-mini-gold{
  border-color: rgba(250,204,21,.22);
  background: rgba(250,204,21,.06);
}

.lp-phone-foot{
  display:flex;
  justify-content:space-around;
  padding: 10px 12px;
  border-top: 1px solid rgba(148,163,184,.14);
  color: rgba(226,232,240,.55);
}
.lp-foot-tab{
  width: 42px;
  height: 34px;
  border-radius: 12px;
  display:flex;
  align-items:center;
  justify-content:center;
  border: 1px solid transparent;
}
.lp-foot-active{
  color: rgba(226,232,240,.90);
  background: rgba(250,204,21,.10);
  border-color: rgba(250,204,21,.16);
}

.lp-preview-note{
  margin:0;
  font-size: 12px;
  color: rgba(226,232,240,.60);
}

/* Sections */
.lp-section{ padding: 18px 0; }
.lp-h2{
  margin: 0 0 12px;
  font-size: clamp(18px, 3.2vw, 24px);
  letter-spacing: -0.01em;
}
.lp-grid-3{
  display:grid;
  grid-template-columns: 1fr;
  gap: 12px;
}
.lp-card{
  border: 1px solid rgba(148,163,184,.16);
  background: rgba(15,23,42,.22);
  border-radius: 18px;
  padding: 14px;
  box-shadow: 0 10px 28px rgba(0,0,0,.35);
}
.lp-card h3{ margin: 0 0 6px; font-size: 14px; }
.lp-card p{ margin: 0; font-size: 13px; color: rgba(226,232,240,.72); line-height: 1.55; }
.lp-card-strong{ background: rgba(2,6,23,.58); }
.lp-card-ico{
  width: 42px; height: 42px;
  border-radius: 14px;
  display:flex;
  align-items:center;
  justify-content:center;
  border: 1px solid rgba(250,204,21,.18);
  background: rgba(250,204,21,.06);
  margin-bottom: 10px;
}

/* Steps */
.lp-steps{
  margin: 0;
  padding: 0;
  list-style: none;
  display:grid;
  gap: 10px;
}
.lp-steps li{
  border: 1px solid rgba(148,163,184,.16);
  background: rgba(15,23,42,.22);
  border-radius: 18px;
  padding: 14px;
}
.lp-steps strong{ display:block; font-size: 14px; }
.lp-steps span{ display:block; margin-top: 6px; font-size: 13px; color: rgba(226,232,240,.72); }

/* Planos */
.lp-planos{
  display:grid;
  grid-template-columns: 1fr;
  gap: 12px;
}
.lp-plano{
  border: 1px solid rgba(148,163,184,.16);
  background: rgba(15,23,42,.22);
  border-radius: 20px;
  padding: 16px;
}
.lp-plano-destaque{
  border-color: rgba(250,204,21,.22);
  background: rgba(2,6,23,.65);
}
.lp-plano-top{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:10px;
}
.lp-tag{
  font-size: 11px;
  padding: 4px 8px;
  border-radius: 999px;
  border: 1px solid rgba(148,163,184,.18);
  color: rgba(226,232,240,.72);
}
.lp-tag-gold{
  border-color: rgba(250,204,21,.22);
  color: rgba(250,204,21,.95);
  background: rgba(250,204,21,.06);
}
.lp-preco{
  font-size: 26px;
  font-weight: 900;
  margin: 10px 0 2px;
  color: rgba(250,204,21,.95);
}
.lp-preco-sub{
  margin: 0 0 10px;
  font-size: 12px;
  color: rgba(226,232,240,.62);
}
.lp-ul{
  margin: 12px 0 0;
  padding: 0;
  list-style: none;
  display:grid;
  gap: 8px;
}
.lp-ul li{
  font-size: 13px;
  color: rgba(226,232,240,.78);
}
.lp-plano-cta{ margin-top: 14px; width:100%; }

.lp-disclaimer{
  margin: 12px 0 0;
  font-size: 12px;
  color: rgba(226,232,240,.55);
}

/* FAQ */
.lp-faq details{
  border: 1px solid rgba(148,163,184,.16);
  background: rgba(15,23,42,.22);
  border-radius: 18px;
  padding: 12px 12px;
  margin-bottom: 10px;
}
.lp-faq summary{
  cursor:pointer;
  font-weight: 800;
  color: rgba(226,232,240,.90);
}
.lp-faq p{
  margin: 10px 0 0;
  color: rgba(226,232,240,.72);
  font-size: 13px;
  line-height: 1.55;
}

.lp-final-cta{
  margin-top: 16px;
  border-radius: 22px;
  padding: 16px;
  border: 1px solid rgba(250,204,21,.22);
  background: linear-gradient(135deg, rgba(250,204,21,.10), rgba(249,115,22,.08));
}
.lp-final-cta h3{ margin:0 0 6px; }
.lp-final-cta p{ margin:0 0 12px; color: rgba(226,232,240,.75); }

.lp-footer{
  padding: 18px 0 26px;
  color: rgba(226,232,240,.60);
  font-size: 12px;
  display:flex;
  gap:10px;
  flex-wrap:wrap;
  align-items:center;
}
.lp-footer a{
  color: rgba(226,232,240,.72);
  text-decoration:none;
}
.lp-footer a:hover{ text-decoration: underline; }
.lp-footer-sep{ opacity:.5; }

/* Responsivo */
@media (min-width: 900px){
  .lp-nav{ display:flex; }
  .lp-menu{ display:none; }

  .lp-hero{
    grid-template-columns: 1.2fr .8fr;
    align-items: start;
    padding: 26px 0 10px;
  }
  .lp-proof{
    grid-template-columns: repeat(3, 1fr);
  }
  .lp-grid-3{
    grid-template-columns: repeat(3, 1fr);
  }
  .lp-planos{
    grid-template-columns: 1fr 1fr;
    align-items: stretch;
  }
}


/* =========================
   PWA Install banner
========================= */
.hl-install{
  position: sticky;
  top: 0;
  z-index: 9999;
  background: rgba(15,23,42,.92);
  border-bottom: 1px solid rgba(148,163,184,.18);
  backdrop-filter: blur(10px);
}
.hl-install__inner{
  display:flex;
  align-items:center;
  gap:12px;
  padding:10px 12px;
  max-width: 980px;
  margin: 0 auto;
}
.hl-install__logo{ width:36px; height:36px; border-radius:10px; }
.hl-install__txt{ flex:1; min-width:0; }
.hl-install__sub{ display:block; font-size:.85rem; opacity:.85; margin-top:2px; }
.hl-install__actions{ display:flex; gap:8px; }
@media (max-width: 520px){
  .hl-install__inner{ align-items:flex-start; }
  .hl-install__actions{ flex-direction:column; }
  .hl-install__logo{ width:32px; height:32px; }
}

/* =========================
   Splash
========================= */
.hl-splash{
  position: fixed;
  inset: 0;
  z-index: 9998;
  display: grid;
  place-items: center;
  background: #0b1220;
}
.hl-splash__inner{ text-align:center; padding: 24px; }
.hl-splash__logo{ width:72px; height:72px; border-radius:18px; box-shadow: 0 10px 30px rgba(0,0,0,.35); }
.hl-splash__title{ font-size: 1.15rem; font-weight: 800; margin-top: 10px; }
.hl-splash__sub{ font-size: .95rem; opacity: .85; margin-top: 6px; }
.hl-splash--hide{ display:none; }

/* =========================
   Admin
========================= */
.hl-admin-row{
  display:flex;
  gap:10px;
  flex-wrap:wrap;
  margin-top: 12px;
}
.hl-admin-row input{
  flex:1;
  min-width: 240px;
  padding: 10px 12px;
  border-radius: 12px;
  background: rgba(148,163,184,.08);
  border: 1px solid rgba(148,163,184,.18);
  color: inherit;
}
.hl-admin-result{
  margin-top: 12px;
  padding: 12px;
  border-radius: 12px;
  border: 1px solid rgba(148,163,184,.18);
  background: rgba(2,6,23,.35);
}
.hl-admin-table-wrap{
  overflow:auto;
  border-radius: 14px;
  border: 1px solid rgba(148,163,184,.18);
}
.hl-admin-table{
  width:100%;
  border-collapse: collapse;
  min-width: 760px;
}
.hl-admin-table th, .hl-admin-table td{
  padding: 10px 10px;
  border-bottom: 1px solid rgba(148,163,184,.12);
  vertical-align: top;
}
.hl-admin-table th{
  text-align:left;
  font-size:.85rem;
  opacity:.9;
}
.hl-admin-table select, .hl-admin-table input{
  padding: 8px 10px;
  border-radius: 10px;
  background: rgba(148,163,184,.08);
  border: 1px solid rgba(148,163,184,.18);
  color: inherit;
}



/* 20260308_03 ajustes UX */
a, a:hover, a:focus{ text-decoration:none; }
.hl-dashboard-quick{ margin-top:12px; }
.hl-form-lead{ gap: 12px; }
.hl-help{ margin: -4px 2px 4px; font-size:12px; line-height:1.45; color: var(--hl-muted); }
.hl-modal-dialog{ width: min(560px, calc(100vw - 28px)); max-height: calc(100dvh - 32px); display:flex; flex-direction:column; }
.hl-modal-body{ padding: 14px 14px 18px; overflow:auto; overscroll-behavior: contain; }
@media (max-width: 640px){ .hl-modal-dialog{ width: calc(100vw - 28px); left: 50%; right:auto; top: 50%; transform: translate(-50%,-50%); } .hl-modal-body{ padding: 14px 14px 20px; } }
.hl-pipeline-card{ position:relative; overflow:hidden; }
.hl-pipeline-card::before{ content:""; position:absolute; inset:0 auto 0 0; width:4px; background: rgba(148,163,184,.22); }
.hl-pipeline-card.tipo-venda::before{ background: rgba(250,204,21,.95); }
.hl-pipeline-card.tipo-captacao_venda::before{ background: rgba(56,189,248,.95); }
.hl-pipeline-card.tipo-aluguel::before{ background: rgba(34,197,94,.95); }
.hl-tipo-chip{ display:inline-flex; align-items:center; gap:6px; font-size:11px; font-weight:800; border-radius:999px; padding:5px 10px; border:1px solid transparent; margin-bottom:8px; }
.hl-tipo-chip--venda{ color: var(--hl-gold2); background: rgba(250,204,21,.10); border-color: rgba(250,204,21,.28); }
.hl-tipo-chip--captacao-venda{ color: #7dd3fc; background: rgba(56,189,248,.12); border-color: rgba(56,189,248,.28); }
.hl-tipo-chip--aluguel{ color: #86efac; background: rgba(34,197,94,.12); border-color: rgba(34,197,94,.28); }


/* ===== Hoje / Tarefas ===== */
.hl-dashboard-quick{display:flex;gap:8px;flex-wrap:wrap;margin-top:10px;}
.hl-inline-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap;}
.hl-btn-sm{min-height:36px;padding:8px 10px;font-size:12px;border-radius:12px;}
.hl-grid-today{align-items:start;}
.hl-action-list,.hl-task-list{display:flex;flex-direction:column;gap:10px;}
.hl-empty-box{
  border:1px dashed rgba(148,163,184,.28);
  border-radius:14px;
  padding:14px;
  color:var(--hl-muted);
  font-size:13px;
  background:rgba(15,23,42,.35);
}
.hl-action-card,.hl-task-card{
  background:rgba(15,23,42,.56);
  border:1px solid rgba(148,163,184,.22);
  border-radius:16px;
  padding:12px;
}
.hl-action-card.is-overdue,.hl-task-card.is-overdue{
  border-color:rgba(248,113,113,.45);
  box-shadow:0 0 0 1px rgba(248,113,113,.12) inset;
}
.hl-action-card-top,.hl-task-card-head{display:flex;justify-content:space-between;gap:10px;align-items:flex-start;}
.hl-action-card h4,.hl-task-title{margin:8px 0 6px;font-size:15px;line-height:1.25;}
.hl-action-card p,.hl-task-meta{margin:0;color:var(--hl-muted);font-size:12px;line-height:1.45;}
.hl-action-actions,.hl-task-actions-row{display:flex;gap:8px;flex-wrap:wrap;margin-top:10px;}
.hl-task-chips{display:flex;gap:6px;flex-wrap:wrap;}
.hl-task-chip{
  font-size:11px;
  padding:4px 8px;
  border-radius:999px;
  border:1px solid rgba(148,163,184,.26);
  background:rgba(2,6,23,.72);
  color:var(--hl-text);
}
.hl-task-chip--gold{border-color:rgba(250,204,21,.34);background:rgba(250,204,21,.12);color:var(--hl-gold2);}
.hl-task-chip--danger{border-color:rgba(248,113,113,.4);background:rgba(248,113,113,.12);color:#fecaca;}
.hl-task-chip--success{border-color:rgba(34,197,94,.38);background:rgba(34,197,94,.12);color:#86efac;}
.hl-task-chip--info{border-color:rgba(56,189,248,.38);background:rgba(56,189,248,.12);color:#7dd3fc;}
.hl-task-when,.hl-action-when{font-size:12px;color:var(--hl-muted);white-space:nowrap;}
.hl-focus-card{
  display:flex;flex-direction:column;gap:10px;
  border:1px solid rgba(148,163,184,.2);
  border-radius:16px;padding:12px;
  background:linear-gradient(180deg, rgba(15,23,42,.72), rgba(2,6,23,.72));
}
.hl-focus-time{font-size:34px;font-weight:800;letter-spacing:.05em;color:var(--hl-gold2);}
.hl-focus-actions{display:flex;gap:8px;flex-wrap:wrap;}
.hl-form-inline-2>.hl-field{flex:1 1 0;min-width:0;}
textarea.hl-input{resize:vertical;min-height:96px;}
@media (max-width: 700px){
  .hl-form-inline-2{flex-direction:column;align-items:stretch;}
  .hl-action-card-top,.hl-task-card-head{flex-direction:column;align-items:flex-start;}
  .hl-task-when,.hl-action-when{white-space:normal;}
}


.hl-focus-builder{display:grid;grid-template-columns:minmax(110px,150px) 1fr;gap:10px;align-items:end;margin-top:14px;}
.hl-focus-shortcuts{display:flex;gap:8px;flex-wrap:wrap;margin-top:10px;}
.hl-field-compact .hl-label{margin-bottom:6px;display:block;}
.hl-field-help{margin:6px 0 0;color:var(--hl-muted);font-size:12px;line-height:1.5;}
.hl-task-section{margin-top:18px;padding-top:18px;border-top:1px solid rgba(148,163,184,.14);}
.hl-task-section:first-of-type{margin-top:0;padding-top:0;border-top:none;}
.hl-task-section-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:10px;}
.hl-chip-success{border-color:rgba(34,197,94,.38);background:rgba(34,197,94,.12);color:#86efac;}
.hl-task-card--archive{opacity:.92;}
@media (max-width:640px){
  .hl-focus-builder{grid-template-columns:1fr;}
}


/* ===== Arquivos / histórico ===== */
.hl-archive-preview-head{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  margin-bottom:12px;
  flex-wrap:wrap;
}
.hl-archive-preview-list{ display:grid; gap:12px; }
.hl-archive-stack{ display:grid; gap:16px; }
.hl-archive-group{
  border:1px solid rgba(148,163,184,.16);
  border-radius:20px;
  padding:14px;
  background: rgba(2,6,23,.55);
}
.hl-archive-group-head{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  margin-bottom:12px;
}
.hl-archive-group-stack{ display:grid; gap:12px; }

.hl-btn-danger{
  border: 1px solid rgba(239,68,68,.32);
  background: rgba(127,29,29,.22);
  color: #fecaca;
}
.hl-btn-danger:hover{
  background: rgba(127,29,29,.32);
}

@media (max-width: 420px){
  .hl-bottom-nav{ gap:6px; padding-left:8px; padding-right:8px; }
  .hl-nav-btn{ padding:8px 4px; }
  .hl-nav-txt{ font-size:10px; }
  .hl-nav-ico{ font-size:17px; }
}


/* ===== Funil visual (dashboard) ===== */
.hl-card-funnel-dashboard{margin-top:16px;}
.hl-funnel-wrap-dashboard{display:flex;flex-direction:column;gap:14px;margin-top:0;}
.hl-funnel-stack{display:flex;flex-direction:column;align-items:center;gap:14px;padding:4px 0 2px;}
.hl-funnel-step{
  --w:100%;
  width:var(--w);
  min-height:86px;
  display:flex;
  align-items:center;
  justify-content:flex-start;
  gap:16px;
  padding:16px 74px 16px 28px;
  border-radius:20px;
  color:#fff;
  position:relative;
  overflow:hidden;
  clip-path:polygon(6% 0,100% 0,94% 100%,0 100%);
  border:1px solid rgba(255,255,255,.12);
  box-shadow:0 16px 32px rgba(2,6,23,.24);
}
.hl-funnel-step--1{--w:92%;background:linear-gradient(135deg,#4f67d7,#536ef0);}
.hl-funnel-step--2{--w:86%;background:linear-gradient(135deg,#5569da,#5f78f4);}
.hl-funnel-step--3{--w:80%;background:linear-gradient(135deg,#6d4fd0,#7a56da);}
.hl-funnel-step--4{--w:74%;background:linear-gradient(135deg,#8a4ec2,#9852cd);}
.hl-funnel-step--5{--w:68%;background:linear-gradient(135deg,#a957be,#ba64c5);}
.hl-funnel-step--6{--w:62%;background:linear-gradient(135deg,#cf6d99,#db7790);}
.hl-funnel-step--7{--w:56%;background:linear-gradient(135deg,#de7f81,#e89079);}
.hl-funnel-step--8{--w:50%;background:linear-gradient(135deg,#d88b42,#e3a548);}
.hl-funnel-step__copy{
  display:flex;
  flex-direction:column;
  gap:4px;
  min-width:0;
  flex:1;
  text-align:left;
}
.hl-funnel-step__macro{font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:.08em;opacity:.85;}
.hl-funnel-step__label{font-size:28px;line-height:1.05;font-weight:900;}
.hl-funnel-step__detail{font-size:14px;line-height:1.35;opacity:.92;}
.hl-funnel-step__count{
  position:absolute;
  right:16px;
  top:50%;
  transform:translateY(-50%);
  width:46px;height:46px;display:inline-flex;align-items:center;justify-content:center;
  border-radius:999px;background:rgba(15,23,42,.18);border:1px solid rgba(255,255,255,.18);
  font-size:20px;font-weight:900;flex:0 0 auto;
}
@media (max-width: 860px){
  .hl-funnel-step{padding:14px 68px 14px 24px;min-height:78px;}
  .hl-funnel-step__label{font-size:22px;}
}
@media (max-width: 640px){
  .hl-funnel-stack{gap:10px;}
  .hl-funnel-step{
    min-height:74px;
    padding:12px 62px 12px 22px;
    clip-path:polygon(7% 0,100% 0,93% 100%,0 100%);
  }
  .hl-funnel-step--1{--w:96%;}
  .hl-funnel-step--2{--w:90%;}
  .hl-funnel-step--3{--w:84%;}
  .hl-funnel-step--4{--w:78%;}
  .hl-funnel-step--5{--w:72%;}
  .hl-funnel-step--6{--w:66%;}
  .hl-funnel-step--7{--w:60%;}
  .hl-funnel-step--8{--w:54%;}
  .hl-funnel-step__label{font-size:18px;}
  .hl-funnel-step__detail{font-size:13px;}
  .hl-funnel-step__count{right:12px;width:38px;height:38px;font-size:18px;}
}


/* ===== Ajuste fino do funil: contador ao lado do título ===== */
.hl-funnel-step{
  display:flex;
  align-items:center;
  justify-content:center;
  padding:16px 24px;
}

.hl-funnel-step__copy{
  position:relative;
  z-index:2;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  text-align:center;
  gap:4px;
  min-width:0;
  flex:none;
  width:100%;
}

.hl-funnel-step__headline{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:10px;
  flex-wrap:nowrap;
  min-width:0;
}

.hl-funnel-step__label{
  margin:0;
  display:block;
}

.hl-funnel-step__count{
  position:static;
  right:auto;
  top:auto;
  transform:none;
  width:40px;
  height:40px;
  min-width:40px;
  padding:0;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  border-radius:999px;
  background:rgba(15,23,42,.18);
  border:1px solid rgba(255,255,255,.18);
  box-shadow:0 8px 18px rgba(2,6,23,.18);
  font-size:18px;
  font-weight:900;
  line-height:1;
  color:#fff;
  flex:0 0 auto;
}

@media (max-width: 860px){
  .hl-funnel-step{
    padding:14px 20px;
  }

  .hl-funnel-step__headline{
    gap:8px;
  }

  .hl-funnel-step__count{
    width:36px;
    height:36px;
    min-width:36px;
    font-size:16px;
  }
}

@media (max-width: 640px){
  .hl-funnel-step{
    padding:12px 16px;
  }

  .hl-funnel-step__headline{
    gap:8px;
  }

  .hl-funnel-step__count{
    width:34px;
    height:34px;
    min-width:34px;
    font-size:15px;
  }
}


/* ===== 2026-03-11 SUPER 19 — lead com data/hora + imóvel com 3 tipos ===== */
.hl-pipeline-main{
  display:flex;
  flex-direction:column;
  gap:4px;
  min-width:0;
}

.hl-pipeline-main strong{
  display:block;
  line-height:1.2;
}

.hl-pipeline-when{
  font-size:12px;
  color:var(--hl-muted);
  line-height:1.3;
}

.hl-pipeline-card-body{
  display:flex;
  flex-direction:column;
  gap:4px;
}

@media (max-width: 700px){
  .hl-pipeline-card-head{
    align-items:flex-start;
  }

  .hl-pipeline-main{
    flex:1 1 auto;
  }

  .hl-link-whatsapp{
    align-self:flex-start;
  }
}


/* ===== 2026-03-12 — tipos comerciais do corretor autônomo ===== */
.hl-pipeline-card.tipo-aluguel::before{ background: rgba(34,197,94,.95); }
.hl-pipeline-card.tipo-captacao_venda::before{ background: rgba(56,189,248,.95); }
.hl-pipeline-card.tipo-captacao_aluguel::before{ background: rgba(168,85,247,.95); }
.hl-tipo-chip--aluguel{ color: #86efac; background: rgba(34,197,94,.12); border-color: rgba(34,197,94,.28); }
.hl-tipo-chip--captacao-venda{ color: #7dd3fc; background: rgba(56,189,248,.12); border-color: rgba(56,189,248,.28); }
.hl-tipo-chip--captacao-aluguel{ color: #d8b4fe; background: rgba(168,85,247,.14); border-color: rgba(168,85,247,.30); }
.hl-pipeline-outcome{ color:#93c5fd; font-size:12px; font-weight:700; margin-top:4px; }
.hl-field-disabled .hl-label{ opacity:.75; }
.hl-field-disabled .hl-input{ opacity:.65; }


/* ===== Plano Pro / upgrade ===== */
.hl-plan-cta-box{margin-top:14px;padding:14px;border:1px solid rgba(255,214,10,.18);border-radius:18px;background:linear-gradient(180deg,rgba(255,214,10,.06),rgba(255,214,10,.02));}
.hl-plan-cta-text{margin:0 0 12px;font-size:13px;line-height:1.5;color:rgba(255,255,255,.84);}
.hl-pro-box{display:flex;flex-direction:column;gap:12px;}
.hl-pro-list{margin:0;padding-left:18px;}
.hl-pro-list li{margin:0 0 6px;}
@media (max-width: 640px){.hl-plan-cta-box{padding:12px;}.hl-plan-cta-text{font-size:12px;}}