/* =========================================================
   Brito Roofing V41 — unified estimator visual system
   progressive Step 3 + precision polygon work-area tracing
   ========================================================= */
#customer-roof-estimator-brito{
  --v41-bg:#0a0e10;
  --v41-panel:rgba(13,18,21,.78);
  --v41-panel-soft:rgba(13,18,21,.48);
  --v41-line:rgba(255,255,255,.18);
  --v41-line-soft:rgba(255,255,255,.105);
  --v41-orange:#f26100;
  --v41-orange-hi:#ff7417;
  --v41-cyan:#55efff;
  --v41-green:#7cff3a;
  --v41-muted:#a7b0b5;
}

/* The frame always hugs the content currently visible. */
#customer-roof-estimator-brito .cre__body{min-height:0!important;height:auto!important}
#customer-roof-estimator-brito .cre__card--premium{min-height:0!important;height:auto!important;background:rgba(11,15,17,.44)!important;border:1px solid rgba(255,255,255,.18)!important;box-shadow:0 28px 90px rgba(0,0,0,.28)!important}
#customer-roof-estimator-brito .cre__content{padding:46px 52px 50px!important}
#customer-roof-estimator-brito .cre__screen{animation:v41ScreenIn .32s ease both}
@keyframes v41ScreenIn{from{opacity:.2;transform:translateY(7px)}to{opacity:1;transform:none}}

/* ---------- shared section language ---------- */
#customer-roof-estimator-brito .cre__stage-heading{text-align:left;margin:0 0 26px}
#customer-roof-estimator-brito .cre__stage-heading--center{text-align:center}
#customer-roof-estimator-brito .cre__stage-heading h3{margin:7px 0 11px!important;font-size:48px!important;line-height:1!important;letter-spacing:.005em!important}
#customer-roof-estimator-brito .cre__stage-heading p{max-width:760px;margin:0 auto;color:#bdc4c8;font-size:13px;line-height:1.65}
#customer-roof-estimator-brito .cre__scan-kicker{font-size:10px!important;letter-spacing:.18em!important;color:#ff812f!important}
#customer-roof-estimator-brito .cre__question{margin:0 0 26px!important}
#customer-roof-estimator-brito .cre__question h4{font-size:24px!important;line-height:1.08!important;font-weight:500!important}
#customer-roof-estimator-brito .cre__question h4>span{color:var(--v41-orange-hi)}

/* ---------- Step 1 ---------- */
#customer-roof-estimator-brito [data-screen="1"] .cre__content{max-width:850px;margin:auto;text-align:center;padding-top:58px!important;padding-bottom:64px!important}
#customer-roof-estimator-brito [data-screen="1"] .cre__icon{font-size:62px;margin-bottom:16px}
#customer-roof-estimator-brito [data-screen="1"] h3{font-size:50px!important;margin-bottom:12px!important}
#customer-roof-estimator-brito [data-screen="1"] .cre__address{max-width:690px;margin:34px auto 0}
#customer-roof-estimator-brito [data-screen="1"] .cre__primary{min-width:210px}

/* ---------- Step 2 ---------- */
#customer-roof-estimator-brito [data-screen="2"] .cre__content{padding-top:42px!important}
#customer-roof-estimator-brito .cre__roof-selector-head{text-align:center!important;margin-bottom:22px!important}
#customer-roof-estimator-brito .cre__roof-selector-head h3,
#customer-roof-estimator-brito .cre__scan-head h3{font-size:48px!important;text-transform:uppercase!important;letter-spacing:.005em!important}
#customer-roof-estimator-brito .cre__roof-selector-head p,
#customer-roof-estimator-brito .cre__scan-head p{color:#b8c1c5!important;font-size:13px!important;line-height:1.6!important}
#customer-roof-estimator-brito .cre__scan-head{padding:0 2px 2px;align-items:flex-start!important}
#customer-roof-estimator-brito .cre__selector-map-wrap,
#customer-roof-estimator-brito .cre__scan-map-wrap{border:1px solid rgba(255,255,255,.22)!important;box-shadow:0 18px 60px rgba(0,0,0,.22)!important}
#customer-roof-estimator-brito .cre__map,
#customer-roof-estimator-brito .cre__selector-map{min-height:490px!important}
#customer-roof-estimator-brito .cre__auto-result{margin-top:14px!important}
#customer-roof-estimator-brito .cre__auto-result-head,
#customer-roof-estimator-brito .cre__detected-roof-note,
#customer-roof-estimator-brito .cre__auto-metrics{border-radius:0!important}
#customer-roof-estimator-brito .cre__auto-result-head{background:rgba(8,12,14,.74)!important;border:1px solid var(--v41-line-soft)!important;padding:14px 16px!important}
#customer-roof-estimator-brito .cre__detected-roof-note{margin:0!important;border:0!important;border-left:1px solid var(--v41-line-soft)!important;border-right:1px solid var(--v41-line-soft)!important;background:rgba(7,11,13,.64)!important}
#customer-roof-estimator-brito .cre__auto-metrics,
#customer-roof-estimator-brito .cre__auto-metrics--premium{grid-template-columns:repeat(4,1fr)!important;background:rgba(255,255,255,.08)!important;border:1px solid var(--v41-line-soft)!important}
#customer-roof-estimator-brito .cre__auto-metrics>div{background:rgba(12,17,20,.82)!important;min-height:104px!important;padding:18px!important}
#customer-roof-estimator-brito .cre__auto-metrics strong{color:#f5f5f4!important;font-size:22px!important}
#customer-roof-estimator-brito .cre__auto-metrics span{color:#929da3!important}
#customer-roof-estimator-brito .cre__roof-result-actions--premium{display:grid!important;grid-template-columns:.85fr 1.55fr!important;gap:10px!important;margin-top:12px!important}
#customer-roof-estimator-brito .cre__choose-another-roof{border-color:var(--v41-cyan)!important;color:#c9fbff!important;background:rgba(0,29,35,.20)!important}
#customer-roof-estimator-brito .cre__continue-project{background:linear-gradient(180deg,#ff771c,#e85a00)!important}
#customer-roof-estimator-brito .cre__solar-building-outline-label{background:rgba(8,12,14,.82)!important;color:#ffb17d!important;border:1px solid rgba(242,97,0,.55)!important;border-radius:0!important}

/* ---------- Step 3 main composition ---------- */
#customer-roof-estimator-brito .cre__step3-flow{padding:42px 52px 50px!important}
#customer-roof-estimator-brito .cre__scope-question{margin-bottom:6px!important}
#customer-roof-estimator-brito .cre__scope-grid{gap:12px!important}
#customer-roof-estimator-brito .cre__scope-choice{
  display:grid!important;grid-template-columns:62px 1fr 24px!important;align-items:center!important;gap:16px!important;
  min-height:112px!important;padding:18px 16px!important;text-align:left!important;
  background:rgba(9,13,15,.62)!important;border:1px solid rgba(255,255,255,.17)!important;
}
#customer-roof-estimator-brito .cre__scope-choice .cre__choice-icon{width:58px;height:58px;display:grid;place-items:center;border:1px solid rgba(242,97,0,.52);background:rgba(242,97,0,.035);color:#ff7118!important;font-size:28px}
#customer-roof-estimator-brito .cre__scope-choice .cre__choice-copy{display:block!important;color:inherit!important}
#customer-roof-estimator-brito .cre__scope-choice .cre__choice-copy strong{display:block;font-family:'Roboto Condensed','Arial Narrow',sans-serif;font-size:20px!important;font-weight:600;margin:0 0 5px}
#customer-roof-estimator-brito .cre__scope-choice .cre__choice-copy small{display:block;font-size:10px!important;line-height:1.45}
#customer-roof-estimator-brito .cre__choice-radio{width:20px;height:20px;border-radius:50%;border:1px solid rgba(255,255,255,.26);display:block;position:relative}
#customer-roof-estimator-brito .cre__scope-choice.is-selected{border-color:#ff7118!important;background:rgba(242,97,0,.055)!important;transform:none!important}
#customer-roof-estimator-brito .cre__scope-choice.is-selected .cre__choice-radio:after{content:"";position:absolute;inset:4px;border-radius:50%;background:#ff7118;box-shadow:0 0 12px rgba(242,97,0,.35)}

/* ---------- Work-area drawer ---------- */
#customer-roof-estimator-brito .cre__work-area-panel{
  max-height:0!important;opacity:0!important;transform:translateY(-8px);overflow:hidden!important;
  padding:0 28px!important;margin:0!important;border-width:0!important;background:rgba(9,13,15,.68)!important;
  transition:max-height .62s cubic-bezier(.2,.78,.22,1),opacity .28s ease,transform .42s ease,padding .42s ease,margin .42s ease,border-width .12s linear!important;
}
#customer-roof-estimator-brito .cre__work-area-panel.is-open{
  max-height:1800px!important;opacity:1!important;transform:none;padding:26px 28px!important;margin:8px 0 42px!important;border-width:1px!important;border-color:rgba(255,255,255,.17)!important;
}
#customer-roof-estimator-brito .cre__work-area-head{align-items:flex-start!important;gap:32px!important;margin-bottom:16px}
#customer-roof-estimator-brito .cre__work-area-head h4{font-size:27px!important;margin:5px 0 7px!important;font-weight:500!important}
#customer-roof-estimator-brito .cre__work-area-head p{max-width:720px;margin:0 0 4px!important;color:#d0d5d7!important;font-size:11px!important;line-height:1.55!important}
#customer-roof-estimator-brito .cre__work-area-head p strong{color:#fff}
#customer-roof-estimator-brito .cre__work-shortcuts{color:#829098!important;font-size:9px!important;letter-spacing:.025em}
#customer-roof-estimator-brito .cre__work-area-total{min-width:150px;padding:10px 0 10px 15px;border-left:3px solid #ff7118!important;background:transparent!important}
#customer-roof-estimator-brito .cre__work-area-total span{font-size:9px!important;letter-spacing:.08em!important}
#customer-roof-estimator-brito .cre__work-area-total strong{color:var(--v41-green)!important;font-family:'Roboto Condensed',sans-serif;font-size:25px!important;font-weight:500!important}
#customer-roof-estimator-brito .cre__work-map-wrap{position:relative;margin-top:10px!important;border:1px solid rgba(255,255,255,.18)!important}
#customer-roof-estimator-brito .cre__work-map{height:430px!important;min-height:430px!important;background:#081014!important}
#customer-roof-estimator-brito .cre__work-map.is-drawing,
#customer-roof-estimator-brito .cre__work-map.is-drawing *{cursor:crosshair!important}
#customer-roof-estimator-brito .cre__work-map.is-panning,
#customer-roof-estimator-brito .cre__work-map.is-panning *{cursor:grab!important}
#customer-roof-estimator-brito .cre__work-map-note{top:12px!important;left:12px!important;background:rgba(7,12,14,.78)!important;border:1px solid rgba(255,255,255,.20)!important;color:#fff!important;font-size:9px!important;letter-spacing:.13em!important;padding:9px 11px!important}
#customer-roof-estimator-brito .cre__work-live{top:12px!important;right:12px!important;background:rgba(7,12,14,.78)!important;border:1px solid rgba(85,239,255,.28)!important;min-width:120px!important}
#customer-roof-estimator-brito .cre__work-live strong{color:#fff!important}
#customer-roof-estimator-brito .cre__work-live.is-active strong{color:var(--v41-cyan)!important}
#customer-roof-estimator-brito .cre__work-controls--v41{display:grid!important;grid-template-columns:repeat(3,1fr)!important;gap:10px!important;margin-top:14px!important}
#customer-roof-estimator-brito .cre__work-controls--v41 button{min-height:52px!important;border-radius:0!important;text-transform:uppercase;font-family:'Roboto Condensed',sans-serif;font-size:15px!important}
#customer-roof-estimator-brito .cre__work-controls--v41 .cre__work-primary{border-color:#ff7118!important;color:#ff8b48!important}
#customer-roof-estimator-brito .cre__work-controls--v41 .cre__draw-area-active{background:rgba(85,239,255,.08)!important;border-color:var(--v41-cyan)!important;color:#c9fbff!important}
#customer-roof-estimator-brito .cre__work-lower-grid{display:grid;grid-template-columns:1.7fr .78fr;gap:10px;margin-top:14px;align-items:stretch}
#customer-roof-estimator-brito .cre__work-area-list{display:grid!important;gap:0!important;border:1px solid rgba(255,255,255,.12);background:rgba(7,11,13,.45)!important;min-height:104px}
#customer-roof-estimator-brito .cre__work-area-item{display:grid!important;grid-template-columns:1fr auto 92px!important;align-items:center!important;gap:12px!important;min-height:52px!important;padding:8px 12px!important;border:0!important;border-bottom:1px solid rgba(255,255,255,.08)!important;background:transparent!important}
#customer-roof-estimator-brito .cre__work-area-item:last-child{border-bottom:0!important}
#customer-roof-estimator-brito .cre__work-area-item>span{font-family:'Roboto Condensed',sans-serif;font-size:16px;text-transform:uppercase;color:#f0f2f2}
#customer-roof-estimator-brito .cre__work-area-item>strong{color:var(--v41-green)!important;font-family:'Roboto Condensed',sans-serif;font-size:18px!important}
#customer-roof-estimator-brito .cre__work-area-item button{height:38px;border-radius:0!important;border:1px solid rgba(242,97,0,.72)!important;background:transparent!important;color:#ff812f!important;text-transform:uppercase;font-size:10px!important}
#customer-roof-estimator-brito .cre__work-area-empty{display:grid;place-items:center;color:#738087;font-size:10px;text-transform:uppercase;letter-spacing:.08em}
#customer-roof-estimator-brito .cre__work-area-message{margin:8px 0 0!important;color:#88959b!important;font-size:10px!important;min-height:16px}
#customer-roof-estimator-brito .cre__work-done{min-height:104px;border-radius:0!important;border:1px solid rgba(255,255,255,.22)!important;background:rgba(12,17,19,.65)!important;color:#ff7118!important;font-family:'Roboto Condensed',sans-serif;font-size:27px!important;text-transform:uppercase;cursor:pointer}
#customer-roof-estimator-brito .cre__work-done:disabled{opacity:.26;cursor:not-allowed;color:#7c8589!important}
#customer-roof-estimator-brito .cre__work-done:not(:disabled):hover{border-color:#ff7118!important;background:rgba(242,97,0,.07)!important}
#customer-roof-estimator-brito .cre__work-area-map-label{color:#e8feff!important;background:rgba(5,15,18,.82)!important;border:1px solid rgba(85,239,255,.32)!important;padding:4px 7px!important;font-size:10px!important;font-weight:700!important}

/* ---------- progressive reveal: card grows only as each answer is given ---------- */
#customer-roof-estimator-brito .cre__progressive-section[hidden]{display:none!important}
#customer-roof-estimator-brito .cre__progressive-section{opacity:0;transform:translateY(14px);margin-top:0;transition:opacity .38s ease,transform .48s cubic-bezier(.2,.75,.2,1)}
#customer-roof-estimator-brito .cre__progressive-section.is-visible{opacity:1;transform:none;margin-top:0}
#customer-roof-estimator-brito .cre__progressive-section>.cre__question{padding-top:10px;margin-bottom:42px!important}
#customer-roof-estimator-brito .cre__progressive-section .cre__choice{min-height:104px!important;border-radius:0!important;background:rgba(10,14,16,.54)!important;border-color:rgba(255,255,255,.18)!important}
#customer-roof-estimator-brito .cre__progressive-section .cre__choice.is-selected{background:linear-gradient(135deg,rgba(134,48,0,.58),rgba(44,20,10,.58))!important;border-color:#ff7118!important}
#customer-roof-estimator-brito .cre__progressive-section .cre__choice strong{font-family:'Roboto Condensed',sans-serif;font-size:17px!important}
#customer-roof-estimator-brito .cre__progressive-section .cre__choice small{font-size:10px!important}
#customer-roof-estimator-brito .cre__progressive-section .cre__choice>span:first-child{border:1px solid rgba(242,97,0,.58);min-width:34px;min-height:34px;display:grid;place-items:center;color:#ff7118!important}
#customer-roof-estimator-brito .cre__pitch-grid .cre__choice>span:first-child{border:0!important;min-width:0;min-height:0}
#customer-roof-estimator-brito .cre__pitch-choice .cre__pitch-icon svg{width:100%;height:48px}

#customer-roof-estimator-brito .cre__recommendation{margin:0 0 18px!important;border-radius:0!important}
#customer-roof-estimator-brito .cre__preestimate-contact{margin:0!important;padding:24px!important;border-radius:0!important;background:rgba(9,13,15,.62)!important}
#customer-roof-estimator-brito .cre__preestimate-contact h4{font-family:'Roboto Condensed',sans-serif;font-size:24px!important;font-weight:500!important;color:#fff!important}
#customer-roof-estimator-brito .cre__calculate-wrap{display:flex;justify-content:center;padding-top:28px}
#customer-roof-estimator-brito .cre__calculate-wrap .cre__primary{min-width:270px;border-radius:0!important}

/* ---------- Step 4 ---------- */
#customer-roof-estimator-brito [data-screen="4"] .cre__content{padding-top:44px!important}
#customer-roof-estimator-brito [data-screen="4"] h3{font-size:48px!important}
#customer-roof-estimator-brito .cre__result-card,
#customer-roof-estimator-brito .cre__estimate-detail,
#customer-roof-estimator-brito .cre__summary,
#customer-roof-estimator-brito .cre__lead,
#customer-roof-estimator-brito .cre__quote-contact-preference,
#customer-roof-estimator-brito .cre__confirmation{border-radius:0!important}
#customer-roof-estimator-brito .cre__result-card--price{background:linear-gradient(145deg,rgba(194,70,0,.84),rgba(80,30,8,.78))!important}

/* map wheel / gesture affordances */
#customer-roof-estimator-brito .cre__map,
#customer-roof-estimator-brito .cre__selector-map,
#customer-roof-estimator-brito .cre__work-map{overscroll-behavior:contain;touch-action:pan-x pan-y}

@media(max-width:900px){
  #customer-roof-estimator-brito .cre__content,#customer-roof-estimator-brito .cre__step3-flow{padding:34px 22px 40px!important}
  #customer-roof-estimator-brito .cre__scope-grid{grid-template-columns:1fr!important}
  #customer-roof-estimator-brito .cre__scope-choice{grid-template-columns:54px 1fr 24px!important}
  #customer-roof-estimator-brito .cre__auto-metrics,#customer-roof-estimator-brito .cre__auto-metrics--premium{grid-template-columns:1fr 1fr!important}
  #customer-roof-estimator-brito .cre__work-lower-grid{grid-template-columns:1fr}
  #customer-roof-estimator-brito .cre__work-done{min-height:60px}
}
@media(max-width:650px){
  #customer-roof-estimator-brito .cre__stage-heading h3,#customer-roof-estimator-brito .cre__roof-selector-head h3,#customer-roof-estimator-brito .cre__scan-head h3{font-size:36px!important}
  #customer-roof-estimator-brito .cre__work-area-head{display:block!important}
  #customer-roof-estimator-brito .cre__work-area-total{margin-top:16px}
  #customer-roof-estimator-brito .cre__work-map{height:360px!important;min-height:360px!important}
  #customer-roof-estimator-brito .cre__work-controls--v41{grid-template-columns:1fr!important}
  #customer-roof-estimator-brito .cre__work-area-item{grid-template-columns:1fr auto!important}
  #customer-roof-estimator-brito .cre__work-area-item button{grid-column:1/-1}
  #customer-roof-estimator-brito .cre__roof-result-actions--premium{grid-template-columns:1fr!important}
}

/* ===== V42 polish: white/orange stepper + squared controls + hover glow ===== */
#customer-roof-estimator-brito{
  --v41-white:#ffffff;
}

/* Stepper: only white + orange */
#customer-roof-estimator-brito .cre__steps,
#customer-roof-estimator-brito .cre__steps--premium{
  background:transparent!important;
}
#customer-roof-estimator-brito .cre__steps::before,
#customer-roof-estimator-brito .cre__steps--premium::before{
  background:linear-gradient(90deg,transparent,rgba(255,255,255,.95) 12%,rgba(255,255,255,.95) 88%,transparent)!important;
  height:1px!important;
  box-shadow:none!important;
}
#customer-roof-estimator-brito .cre__step{color:#fff!important}
#customer-roof-estimator-brito .cre__step small{color:#fff!important}
#customer-roof-estimator-brito .cre__step>span,
#customer-roof-estimator-brito .cre__step span{
  color:#fff!important;
  background:#0b1114!important;
  border:1px solid rgba(255,255,255,.58)!important;
  box-shadow:0 0 0 4px rgba(255,255,255,.05)!important;
}
#customer-roof-estimator-brito .cre__step:not(:first-child)::before{
  background:#fff!important;
  height:1px!important;
  box-shadow:none!important;
}
#customer-roof-estimator-brito .cre__step.is-active>span,
#customer-roof-estimator-brito .cre__step.is-done>span,
#customer-roof-estimator-brito .cre__step.is-complete>span,
#customer-roof-estimator-brito .cre__step.is-active span,
#customer-roof-estimator-brito .cre__step.is-done span,
#customer-roof-estimator-brito .cre__step.is-complete span{
  background:var(--v41-orange)!important;
  border-color:var(--v41-orange-hi)!important;
  color:#fff!important;
  box-shadow:0 0 0 4px rgba(242,97,0,.16),0 0 18px rgba(242,97,0,.30)!important;
}
#customer-roof-estimator-brito .cre__step.is-active:not(:first-child)::before,
#customer-roof-estimator-brito .cre__step.is-done:not(:first-child)::before,
#customer-roof-estimator-brito .cre__step.is-complete:not(:first-child)::before{
  background:var(--v41-orange)!important;
  box-shadow:0 0 12px rgba(242,97,0,.26)!important;
}

/* Universal squared action buttons */
#customer-roof-estimator-brito .cre__primary,
#customer-roof-estimator-brito .cre__secondary,
#customer-roof-estimator-brito .cre__choose-another-roof,
#customer-roof-estimator-brito .cre__continue-project,
#customer-roof-estimator-brito .cre__work-done,
#customer-roof-estimator-brito .cre__work-area-item button,
#customer-roof-estimator-brito .cre__selector-actions button,
#customer-roof-estimator-brito .cre__roof-result-actions button{
  border-radius:0!important;
}
#customer-roof-estimator-brito .cre__primary,
#customer-roof-estimator-brito .cre__secondary,
#customer-roof-estimator-brito .cre__choose-another-roof,
#customer-roof-estimator-brito .cre__continue-project,
#customer-roof-estimator-brito .cre__work-done{
  transition:border-color .2s ease,background .2s ease,box-shadow .2s ease,transform .18s ease!important;
}
#customer-roof-estimator-brito .cre__primary:hover,
#customer-roof-estimator-brito .cre__secondary:hover,
#customer-roof-estimator-brito .cre__choose-another-roof:hover,
#customer-roof-estimator-brito .cre__continue-project:hover,
#customer-roof-estimator-brito .cre__work-done:not(:disabled):hover{
  box-shadow:0 0 0 1px rgba(242,97,0,.42),0 0 22px rgba(242,97,0,.24)!important;
}

/* Choice cards: square corners + orange glow hover */
#customer-roof-estimator-brito .cre__choice,
#customer-roof-estimator-brito .cre__scope-choice,
#customer-roof-estimator-brito .cre__progressive-section .cre__choice,
#customer-roof-estimator-brito .cre__work-area-list,
#customer-roof-estimator-brito .cre__work-lower-grid > div{
  border-radius:0!important;
}
#customer-roof-estimator-brito .cre__choice:hover,
#customer-roof-estimator-brito .cre__scope-choice:hover,
#customer-roof-estimator-brito .cre__progressive-section .cre__choice:hover{
  border-color:rgba(242,97,0,.72)!important;
  box-shadow:0 0 0 1px rgba(242,97,0,.20),0 0 26px rgba(242,97,0,.18)!important;
  transform:translateY(-1px)!important;
}
#customer-roof-estimator-brito .cre__choice.is-selected,
#customer-roof-estimator-brito .cre__scope-choice.is-selected,
#customer-roof-estimator-brito .cre__progressive-section .cre__choice.is-selected{
  background:linear-gradient(180deg,rgba(88,34,7,.34),rgba(36,18,12,.28))!important;
  border-color:var(--v41-orange)!important;
  box-shadow:0 0 0 1px rgba(242,97,0,.28),0 0 24px rgba(242,97,0,.20)!important;
}

/* Left square icon layout for option buttons */
#customer-roof-estimator-brito .cre__progressive-section .cre__choice:not(.cre__pitch-choice){
  display:grid!important;
  grid-template-columns:46px 1fr!important;
  grid-template-areas:"icon title" "icon meta"!important;
  align-items:center!important;
  column-gap:14px!important;
  row-gap:3px!important;
  padding:18px 14px!important;
  text-align:left!important;
}
#customer-roof-estimator-brito .cre__progressive-section .cre__choice:not(.cre__pitch-choice) > span:first-child{
  grid-area:icon!important;
  width:34px!important;
  min-width:34px!important;
  height:34px!important;
  min-height:34px!important;
  align-self:center!important;
  justify-self:start!important;
  border:1px solid rgba(242,97,0,.82)!important;
  background:rgba(242,97,0,.04)!important;
  color:var(--v41-orange)!important;
  display:grid!important;
  place-items:center!important;
}
#customer-roof-estimator-brito .cre__progressive-section .cre__choice:not(.cre__pitch-choice) strong{
  grid-area:title!important;
  align-self:end!important;
  margin:0!important;
  line-height:1.05!important;
  font-size:17px!important;
}
#customer-roof-estimator-brito .cre__progressive-section .cre__choice:not(.cre__pitch-choice) small{
  grid-area:meta!important;
  align-self:start!important;
  margin:0!important;
  font-size:10px!important;
}
/* Scope cards keep their icon square and use square indicator instead of round */
#customer-roof-estimator-brito .cre__scope-choice{border-radius:0!important}
#customer-roof-estimator-brito .cre__scope-choice .cre__choice-radio{
  width:18px!important;height:18px!important;border-radius:0!important;border:1px solid rgba(255,255,255,.42)!important;
}
#customer-roof-estimator-brito .cre__scope-choice.is-selected .cre__choice-radio:after{
  inset:3px!important;border-radius:0!important;background:var(--v41-orange)!important;box-shadow:0 0 10px rgba(242,97,0,.28)!important;
}

/* Roof type / stories selected cards: keep text white, icon orange */
#customer-roof-estimator-brito .cre__progressive-section .cre__choice.is-selected strong,
#customer-roof-estimator-brito .cre__progressive-section .cre__choice.is-selected small,
#customer-roof-estimator-brito .cre__scope-choice.is-selected .cre__choice-copy strong,
#customer-roof-estimator-brito .cre__scope-choice.is-selected .cre__choice-copy small{
  color:#fff!important;
}
#customer-roof-estimator-brito .cre__progressive-section .cre__choice.is-selected > span:first-child,
#customer-roof-estimator-brito .cre__scope-choice.is-selected .cre__choice-icon{
  background:rgba(242,97,0,.10)!important;
  border-color:rgba(242,97,0,.95)!important;
  color:var(--v41-orange-hi)!important;
}

/* Keep pitch cards squared and brighter on hover */
#customer-roof-estimator-brito .cre__pitch-choice{
  border-radius:0!important;
}
#customer-roof-estimator-brito .cre__pitch-choice .cre__pitch-icon{color:#d7dee1!important}
#customer-roof-estimator-brito .cre__pitch-choice.is-selected .cre__pitch-icon{color:var(--v41-orange)!important}

/* Selected work totals to white/orange family */
#customer-roof-estimator-brito .cre__work-area-total strong,
#customer-roof-estimator-brito .cre__work-area-item>strong{
  color:#ff8b36!important;
}

@media(max-width:720px){
  #customer-roof-estimator-brito .cre__progressive-section .cre__choice:not(.cre__pitch-choice){
    grid-template-columns:40px 1fr!important;
    padding:14px 12px!important;
  }
  #customer-roof-estimator-brito .cre__progressive-section .cre__choice:not(.cre__pitch-choice) strong{font-size:15px!important}
}

/* =========================================================
   V43 — Step 4 reference layout + ZERO rounded corners !important
   ========================================================= */

/* User rule: there are no rounded corners in the Brito estimator. */
#customer-roof-estimator-brito .cre__card,
#customer-roof-estimator-brito .cre__card--premium,
#customer-roof-estimator-brito .cre__input,
#customer-roof-estimator-brito .cre__primary,
#customer-roof-estimator-brito .cre__secondary,
#customer-roof-estimator-brito .cre__back,
#customer-roof-estimator-brito .cre__choice,
#customer-roof-estimator-brito .cre__scope-choice,
#customer-roof-estimator-brito .cre__choice-icon,
#customer-roof-estimator-brito .cre__choice-radio,
#customer-roof-estimator-brito .cre__roof-selector,
#customer-roof-estimator-brito .cre__selector-map-wrap,
#customer-roof-estimator-brito .cre__scan-map-wrap,
#customer-roof-estimator-brito .cre__map-wrap,
#customer-roof-estimator-brito .cre__work-area-panel,
#customer-roof-estimator-brito .cre__work-map-wrap,
#customer-roof-estimator-brito .cre__work-map-note,
#customer-roof-estimator-brito .cre__work-live,
#customer-roof-estimator-brito .cre__work-area-list,
#customer-roof-estimator-brito .cre__work-area-item,
#customer-roof-estimator-brito .cre__work-done,
#customer-roof-estimator-brito .cre__auto-result,
#customer-roof-estimator-brito .cre__auto-result-head,
#customer-roof-estimator-brito .cre__detected-roof-note,
#customer-roof-estimator-brito .cre__auto-metrics,
#customer-roof-estimator-brito .cre__auto-metrics>div,
#customer-roof-estimator-brito .cre__scan-pill,
#customer-roof-estimator-brito .cre__result-card,
#customer-roof-estimator-brito .cre__estimate-detail,
#customer-roof-estimator-brito .cre__summary,
#customer-roof-estimator-brito .cre__lead,
#customer-roof-estimator-brito .cre__quote-contact-preference,
#customer-roof-estimator-brito .cre__contact-option,
#customer-roof-estimator-brito .cre__confirmation,
#customer-roof-estimator-brito .cre__whatsapp-box,
#customer-roof-estimator-brito .cre__whatsapp,
#customer-roof-estimator-brito .cre__recommendation,
#customer-roof-estimator-brito .cre__recommendation-badge,
#customer-roof-estimator-brito .cre__preestimate-contact,
#customer-roof-estimator-brito button,
.estimator-page .btn,
.estimator-page .language-switch{
  border-radius:0!important;
}

/* Step 4: reference composition */
#customer-roof-estimator-brito [data-screen="4"] .cre__content{
  padding:44px 34px 48px!important;
}
#customer-roof-estimator-brito [data-screen="4"] .cre__success{
  font-size:12px!important;
  letter-spacing:.10em!important;
}
#customer-roof-estimator-brito [data-screen="4"]>div .cre__content>h3{
  margin:8px 0 8px!important;
  font-size:46px!important;
  line-height:1!important;
}
#customer-roof-estimator-brito [data-screen="4"]>div .cre__content>p{
  font-size:13px!important;
  line-height:1.55!important;
  color:#b9c1c5!important;
}

#customer-roof-estimator-brito .cre__result-grid{
  display:grid!important;
  grid-template-columns:.76fr 1.04fr!important;
  gap:0!important;
  margin:25px 0 24px!important;
  border:1px solid rgba(255,255,255,.20)!important;
  background:transparent!important;
}
#customer-roof-estimator-brito .cre__result-card{
  min-height:168px!important;
  display:flex!important;
  flex-direction:column!important;
  justify-content:center!important;
  padding:27px 28px!important;
  border:0!important;
  background:rgba(26,31,34,.82)!important;
}
#customer-roof-estimator-brito .cre__result-card+ .cre__result-card{
  border-left:1px solid rgba(255,255,255,.18)!important;
}
#customer-roof-estimator-brito .cre__result-card--price{
  background:linear-gradient(105deg,#b74408 0%,#7c2c0b 50%,#5b230f 100%)!important;
}
#customer-roof-estimator-brito .cre__result-card span{
  font-size:12px!important;
  font-weight:800!important;
  letter-spacing:.10em!important;
  color:#b9c1c5!important;
}
#customer-roof-estimator-brito .cre__result-card strong{
  margin:12px 0 9px!important;
  color:#fff!important;
  font-size:43px!important;
  line-height:1!important;
  font-weight:650!important;
}
#customer-roof-estimator-brito .cre__result-card--price strong{
  font-size:46px!important;
}
#customer-roof-estimator-brito .cre__result-card small{
  font-size:11px!important;
  line-height:1.35!important;
  color:#c3c9cc!important;
}
#customer-roof-estimator-brito .cre__result-card--price span,
#customer-roof-estimator-brito .cre__result-card--price small{
  color:#fff!important;
}

#customer-roof-estimator-brito .cre__result-detail-layout{
  display:grid!important;
  grid-template-columns:1.08fr .92fr!important;
  grid-template-areas:
    "detail side"
    "quote quote"!important;
  gap:26px 24px!important;
  align-items:start!important;
}
#customer-roof-estimator-brito .cre__estimate-detail{
  grid-area:detail!important;
  margin:0!important;
  padding:0 20px 10px!important;
  border:1px solid rgba(255,255,255,.20)!important;
  background:rgba(7,11,13,.30)!important;
}
#customer-roof-estimator-brito .cre__result-side{
  grid-area:side!important;
  display:grid!important;
  gap:26px!important;
  align-content:start!important;
}
#customer-roof-estimator-brito .cre__summary,
#customer-roof-estimator-brito .cre__lead--cta-only{
  margin:0!important;
  padding:0!important;
  border:0!important;
  background:transparent!important;
  backdrop-filter:none!important;
  -webkit-backdrop-filter:none!important;
}

/* headings and horizontal rules */
#customer-roof-estimator-brito .cre__estimate-detail h4,
#customer-roof-estimator-brito .cre__summary h4,
#customer-roof-estimator-brito .cre__quote-contact-preference>strong{
  display:block!important;
  margin:0!important;
  padding:15px 0 11px!important;
  border-bottom:2px solid rgba(255,255,255,.13)!important;
  color:#fff!important;
  font-family:'Roboto Condensed','Arial Narrow',Arial,sans-serif!important;
  font-size:20px!important;
  line-height:1.05!important;
  font-weight:600!important;
}
#customer-roof-estimator-brito .cre__quote-contact-preference>strong{
  margin-bottom:18px!important;
}

/* detail table typography */
#customer-roof-estimator-brito .cre__estimate-detail>div{
  display:grid!important;
  grid-template-columns:1fr auto!important;
  align-items:center!important;
  gap:22px!important;
  min-height:46px!important;
  padding:9px 0!important;
  border:0!important;
  font-size:13px!important;
}
#customer-roof-estimator-brito .cre__estimate-detail span{
  color:#aeb7bc!important;
  font-size:13px!important;
  letter-spacing:.015em!important;
}
#customer-roof-estimator-brito .cre__estimate-detail strong{
  color:#fff!important;
  font-size:14px!important;
  font-weight:700!important;
  text-align:right!important;
}

/* summary table */
#customer-roof-estimator-brito .cre__summary>div{
  display:grid!important;
  grid-template-columns:112px minmax(0,1fr)!important;
  align-items:start!important;
  gap:18px!important;
  min-height:43px!important;
  padding:9px 0!important;
  border:0!important;
  font-size:13px!important;
}
#customer-roof-estimator-brito .cre__summary span{
  color:#aeb7bc!important;
  font-size:13px!important;
}
#customer-roof-estimator-brito .cre__summary strong{
  color:#fff!important;
  font-size:13px!important;
  line-height:1.45!important;
  font-weight:650!important;
  text-align:right!important;
  overflow-wrap:anywhere;
}

/* contact choice */
#customer-roof-estimator-brito .cre__quote-contact-preference{
  padding:0!important;
  border:0!important;
  background:transparent!important;
}
#customer-roof-estimator-brito .cre__contact-options,
#customer-roof-estimator-brito .cre__lead--cta-only .cre__contact-options{
  display:grid!important;
  grid-template-columns:1fr 1fr!important;
  gap:18px!important;
  margin:0!important;
}
#customer-roof-estimator-brito .cre__contact-option{
  min-height:58px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:flex-start!important;
  gap:12px!important;
  padding:0 20px!important;
  border:1px solid var(--v41-orange)!important;
  background:rgba(242,97,0,.025)!important;
  color:#fff!important;
  font-size:14px!important;
  font-weight:650!important;
  text-align:left!important;
  transition:background .2s ease,box-shadow .2s ease,border-color .2s ease!important;
}
#customer-roof-estimator-brito .cre__contact-option .cre__icon-svg{
  width:17px!important;
  height:17px!important;
  flex:0 0 17px!important;
  color:var(--v41-orange)!important;
}
#customer-roof-estimator-brito .cre__contact-option:hover,
#customer-roof-estimator-brito .cre__contact-option.is-selected{
  background:rgba(242,97,0,.11)!important;
  border-color:#ff7a21!important;
  box-shadow:0 0 22px rgba(242,97,0,.18)!important;
}
#customer-roof-estimator-brito .cre__call-answer{
  min-height:22px!important;
  padding-top:9px!important;
  font-size:11px!important;
  color:#b9c2c6!important;
}

/* Full-width final CTA */
#customer-roof-estimator-brito .cre__exact-quote{
  grid-area:quote!important;
  width:100%!important;
  min-height:78px!important;
  margin:0!important;
  border:1px solid #ff7118!important;
  background:linear-gradient(90deg,#d94f00,#f26100 52%,#d94f00)!important;
  color:#fff!important;
  font-family:'Roboto Condensed','Arial Narrow',Arial,sans-serif!important;
  font-size:19px!important;
  font-weight:700!important;
  letter-spacing:.02em!important;
  text-transform:uppercase!important;
}
#customer-roof-estimator-brito .cre__exact-quote:hover:not(:disabled){
  box-shadow:0 0 28px rgba(242,97,0,.26)!important;
}
#customer-roof-estimator-brito .cre__exact-quote:disabled{
  opacity:.42!important;
}

/* Keep message / confirmation aligned with Step 4 width */
#customer-roof-estimator-brito .cre__submit-message{
  margin-top:12px!important;
  font-size:12px!important;
}
#customer-roof-estimator-brito .cre__confirmation{
  margin-top:24px!important;
  padding:24px!important;
}
#customer-roof-estimator-brito .cre__confirmation h4{font-size:24px!important}
#customer-roof-estimator-brito .cre__confirmation p{font-size:13px!important;line-height:1.6!important}

@media(max-width:900px){
  #customer-roof-estimator-brito .cre__result-detail-layout{
    grid-template-columns:1fr!important;
    grid-template-areas:"detail" "side" "quote"!important;
  }
  #customer-roof-estimator-brito .cre__result-grid{grid-template-columns:1fr!important}
  #customer-roof-estimator-brito .cre__result-card+ .cre__result-card{border-left:0!important;border-top:1px solid rgba(255,255,255,.18)!important}
  #customer-roof-estimator-brito .cre__contact-options,
  #customer-roof-estimator-brito .cre__lead--cta-only .cre__contact-options{grid-template-columns:1fr!important}
}
@media(max-width:620px){
  #customer-roof-estimator-brito [data-screen="4"] .cre__content{padding:30px 16px 36px!important}
  #customer-roof-estimator-brito .cre__result-card{padding:22px 18px!important}
  #customer-roof-estimator-brito .cre__result-card strong,
  #customer-roof-estimator-brito .cre__result-card--price strong{font-size:34px!important}
  #customer-roof-estimator-brito .cre__estimate-detail{padding-inline:14px!important}
  #customer-roof-estimator-brito .cre__summary>div{grid-template-columns:88px 1fr!important}
}

/* Brito Roofing WhatsApp graphic */
#customer-roof-estimator-brito .cre__whatsapp{
  background:transparent !important;
  border:0 !important;
  padding:0 !important;
  min-height:0 !important;
  box-shadow:none !important;
  overflow:visible !important;
}

#customer-roof-estimator-brito .cre__whatsapp:hover{
  background:transparent !important;
  border:0 !important;
  transform:scale(1.03);
}

#customer-roof-estimator-brito .cre__whatsapp-logo{
  display:block !important;
  width:210px !important;
  max-width:100% !important;
  height:auto !important;
  object-fit:contain !important;
}

@media (max-width:700px){
  #customer-roof-estimator-brito .cre__whatsapp-logo{
    width:190px !important;
  }
}