/* QA1125 Roofing product setup separation.
   Keeps the day-to-day proposal compact while the preserved product inputs open
   as a dedicated setup workspace. The Roofing calculation runtime is unchanged. */

.roofing-coatings-bridge .qa1125-roof-daily-system .hgc-rc-system-heading{
  align-items:center;
  padding-bottom:14px;
  border-bottom:1px solid #29475a;
}

.roofing-coatings-bridge .qa1125-roof-daily-system .hgc-rc-system-heading small{
  color:#ff8a21;
  letter-spacing:.09em;
}

.roofing-coatings-bridge .qa1125-roof-daily-system .hgc-rc-system-heading p{
  max-width:720px;
  color:#a8bac6;
  font-size:13px;
  line-height:1.5;
}

.roofing-coatings-bridge .qa1125-roof-daily-system .hgc-rc-template-actions{
  grid-template-columns:minmax(0,1fr);
  min-height:58px;
  padding:12px 14px;
  border:1px solid #29475a;
  background:#071722;
}

.roofing-coatings-bridge .qa1125-roof-daily-system .hgc-rc-template-actions > button{
  display:none!important;
}

.roofing-coatings-bridge .qa1125-roof-daily-system .hgc-rc-template-actions > div{
  display:grid;
  grid-template-columns:minmax(180px,.65fr) minmax(0,1.35fr);
  align-items:center;
  gap:14px;
}

.roofing-coatings-bridge .qa1125-roof-daily-system .hgc-rc-template-actions strong{
  color:#f4f7f9;
  font-size:15px;
}

.roofing-coatings-bridge .qa1125-roof-daily-system .hgc-rc-template-actions span{
  color:#9db1be;
  font-size:12px;
}

.roofing-coatings-bridge .qa1125-roof-daily-system .hgc-rc-template-actions[data-qa-roof-base-status="loaded"] span{
  color:#6fe4ad;
}

.roofing-coatings-bridge .qa1125-roof-daily-system .hgc-rc-template-actions[data-qa-roof-base-status="needed"] span{
  color:#f4b25b;
}

.roofing-coatings-bridge .qa1125-roof-daily-system .hgc-rc-material-heading{
  align-items:center;
  margin:22px 0 10px;
}

.roofing-coatings-bridge .qa1125-roof-daily-system .hgc-rc-material-heading h5{
  font-size:18px;
}

.roofing-coatings-bridge .qa1125-roof-daily-system .hgc-rc-material-heading p{
  max-width:760px;
  color:#a7bac6;
  font-size:12px;
}

.roofing-coatings-bridge .qa1125-roof-daily-system .hgc-rc-product-card.is-collapsed{
  border-color:#28475a;
  background:#06131f;
  transition:border-color 150ms ease,background-color 150ms ease;
}

.roofing-coatings-bridge .qa1125-roof-daily-system .hgc-rc-product-card.is-collapsed:hover,
.roofing-coatings-bridge .qa1125-roof-daily-system .hgc-rc-product-card.is-collapsed:focus-within{
  border-color:#a95618;
  background:#081823;
}

.roofing-coatings-bridge .qa1125-roof-setup-trigger{
  display:inline-flex!important;
  align-items:center;
  justify-content:center;
  gap:7px;
  min-width:118px;
  min-height:38px;
  padding:0 12px!important;
  border:1px solid #bd5e18!important;
  border-radius:6px!important;
  background:#0b1822!important;
  color:#ff9a46!important;
  font-size:12px!important;
  font-weight:850!important;
  transition:border-color 140ms ease,background-color 140ms ease,color 140ms ease;
}

.roofing-coatings-bridge .qa1125-roof-setup-trigger:hover,
.roofing-coatings-bridge .qa1125-roof-setup-trigger:focus-visible{
  border-color:#ff7a0b!important;
  background:#20150d!important;
  color:#fff1e4!important;
}

.roofing-coatings-bridge .qa1125-roof-setup-trigger svg{
  width:16px;
  height:16px;
  stroke-width:2;
}

html.qa1125-roof-setup-open,
body.qa1125-roof-setup-open{
  overflow:hidden!important;
}

body.qa1125-roof-setup-open::before{
  content:"";
  position:fixed;
  inset:0;
  z-index:19990;
  background:rgba(0,6,11,.82);
  animation:qa1125RoofBackdropIn 150ms ease-out both;
}

.roofing-coatings-bridge .hgc-rc-product-card.qa1125-roof-setup-page.is-expanded{
  position:fixed!important;
  inset:18px 24px!important;
  z-index:20000!important;
  width:min(1180px,calc(100vw - 48px))!important;
  max-width:1180px!important;
  max-height:calc(100dvh - 36px)!important;
  margin:auto!important;
  border:1px solid #bd5e18!important;
  border-radius:14px!important;
  background:#07131e!important;
  box-shadow:0 28px 80px rgba(0,0,0,.62)!important;
  overflow:auto!important;
  overscroll-behavior:contain;
  opacity:1!important;
  animation:qa1125RoofSetupIn 180ms cubic-bezier(.2,.7,.2,1) both;
}

.roofing-coatings-bridge .qa1125-roof-setup-page > .qa1125-roof-setup-bar{
  position:sticky;
  top:0;
  z-index:5;
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:24px!important;
  padding:18px 20px!important;
  border:0!important;
  border-bottom:1px solid #315268!important;
  background:#0b1a26!important;
}

.roofing-coatings-bridge .qa1125-roof-setup-heading{
  display:grid;
  gap:3px;
  min-width:0;
}

.roofing-coatings-bridge .qa1125-roof-setup-kicker{
  display:flex;
  align-items:center;
  gap:7px;
  color:#ff8a21;
  font-size:11px;
  font-weight:900;
  letter-spacing:.1em;
  text-transform:uppercase;
}

.roofing-coatings-bridge .qa1125-roof-setup-kicker svg{
  width:16px;
  height:16px;
}

.roofing-coatings-bridge .qa1125-roof-setup-heading h2{
  margin:0;
  color:#f6f8fa;
  font-size:24px;
  line-height:1.2;
}

.roofing-coatings-bridge .qa1125-roof-setup-heading p{
  overflow:hidden;
  margin:0;
  color:#9fb3c0;
  font-size:12px;
  line-height:1.45;
  text-overflow:ellipsis;
  white-space:nowrap;
}

.roofing-coatings-bridge .qa1125-roof-setup-actions{
  display:flex;
  align-items:center;
  gap:9px;
  flex:0 0 auto;
}

.roofing-coatings-bridge .qa1125-roof-setup-actions button{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:8px;
  min-height:42px;
  padding:0 14px;
  border-radius:7px;
  font-size:12px;
  font-weight:900;
}

.roofing-coatings-bridge .qa1125-roof-setup-actions svg{
  width:16px;
  height:16px;
}

.roofing-coatings-bridge .qa1125-roof-base-action{
  border:1px solid #45657a;
  background:#0e202d;
  color:#dfe9ef;
}

.roofing-coatings-bridge .qa1125-roof-base-action:hover,
.roofing-coatings-bridge .qa1125-roof-base-action:focus-visible{
  border-color:#ff7a0b;
  color:#fff;
}

.roofing-coatings-bridge .qa1125-roof-setup-done{
  border:1px solid #ff7a0b;
  background:#ff7410;
  color:#071018;
}

.roofing-coatings-bridge .qa1125-roof-setup-done:hover,
.roofing-coatings-bridge .qa1125-roof-setup-done:focus-visible{
  background:#ff8a2a;
}

.roofing-coatings-bridge .qa1125-roof-setup-page > .qa1125-roof-setup-scope{
  display:grid;
  grid-template-columns:minmax(250px,.8fr) minmax(0,1.2fr);
  align-items:center;
  gap:18px;
  padding:13px 20px;
  border-bottom:1px solid #274657;
  background:#071925;
}

.roofing-coatings-bridge .qa1125-roof-setup-scope > div{
  display:flex;
  align-items:center;
  gap:10px;
}

.roofing-coatings-bridge .qa1125-roof-setup-scope > div > span{
  display:grid;
  place-items:center;
  width:34px;
  height:34px;
  border:1px solid #2e9ca7;
  border-radius:50%;
  color:#37d4df;
}

.roofing-coatings-bridge .qa1125-roof-setup-scope svg{
  width:16px;
  height:16px;
}

.roofing-coatings-bridge .qa1125-roof-setup-scope p{
  display:grid;
  gap:2px;
  margin:0;
  color:#9eb1be;
  font-size:12px;
  line-height:1.45;
}

.roofing-coatings-bridge .qa1125-roof-setup-scope strong{
  color:#edf3f6;
}

.roofing-coatings-bridge .qa1125-roof-setup-scope small{
  color:#8ea4b3;
  font-size:11px;
}

.roofing-coatings-bridge .qa1125-roof-setup-page > header:not(.qa1125-roof-setup-bar){
  padding:16px 20px!important;
  background:#081722!important;
}

.roofing-coatings-bridge .qa1125-roof-setup-page > header:not(.qa1125-roof-setup-bar) .hgc-rc-product-edit{
  display:none!important;
}

.roofing-coatings-bridge .qa1125-roof-setup-page .hgc-rc-product-quick{
  padding:12px 20px;
  background:#050f18;
}

.roofing-coatings-bridge .qa1125-roof-setup-page .hgc-rc-product-details > section,
.roofing-coatings-bridge .qa1125-roof-setup-page .hgc-rc-product-details > footer,
.roofing-coatings-bridge .qa1125-roof-setup-page .hgc-rc-product-details > label,
.roofing-coatings-bridge .qa1125-roof-setup-page .hgc-rc-product-details > p,
.roofing-coatings-bridge .qa1125-roof-setup-page .hgc-rc-product-details > button{
  margin-left:20px;
  margin-right:20px;
}

.roofing-coatings-bridge .qa1125-roof-setup-page .hgc-rc-product-details > section{
  border-color:#2b4b60;
}

.roofing-coatings-bridge .qa1125-roof-setup-page .hgc-rc-product-details > footer{
  margin-top:14px;
  border:1px solid #2b4b60;
  border-radius:8px;
}

@keyframes qa1125RoofSetupIn{
  from{opacity:0;transform:translateY(10px) scale(.992)}
  to{opacity:1;transform:translateY(0) scale(1)}
}

@keyframes qa1125RoofBackdropIn{
  from{opacity:0}
  to{opacity:1}
}

@media(max-width:760px){
  .roofing-coatings-bridge .qa1125-roof-daily-system .hgc-rc-template-actions > div{
    grid-template-columns:1fr;
    gap:4px;
  }

  .roofing-coatings-bridge .hgc-rc-product-card.qa1125-roof-setup-page.is-expanded{
    inset:0!important;
    width:100vw!important;
    max-width:none!important;
    max-height:100dvh!important;
    border-width:0!important;
    border-radius:0!important;
  }

  .roofing-coatings-bridge .qa1125-roof-setup-page > .qa1125-roof-setup-bar{
    display:grid!important;
    gap:14px!important;
    padding:14px 16px!important;
  }

  .roofing-coatings-bridge .qa1125-roof-setup-actions{
    display:grid;
    grid-template-columns:1fr 1fr;
  }

  .roofing-coatings-bridge .qa1125-roof-setup-heading h2{
    font-size:20px;
  }

  .roofing-coatings-bridge .qa1125-roof-setup-heading p{
    white-space:normal;
  }

  .roofing-coatings-bridge .qa1125-roof-setup-page > .qa1125-roof-setup-scope{
    grid-template-columns:1fr;
    gap:9px;
    padding:12px 16px;
  }

  .roofing-coatings-bridge .qa1125-roof-setup-page .hgc-rc-product-details > section,
  .roofing-coatings-bridge .qa1125-roof-setup-page .hgc-rc-product-details > footer,
  .roofing-coatings-bridge .qa1125-roof-setup-page .hgc-rc-product-details > label,
  .roofing-coatings-bridge .qa1125-roof-setup-page .hgc-rc-product-details > p,
  .roofing-coatings-bridge .qa1125-roof-setup-page .hgc-rc-product-details > button{
    margin-left:12px;
    margin-right:12px;
  }
}

@media(prefers-reduced-motion:reduce){
  body.qa1125-roof-setup-open::before,
  .roofing-coatings-bridge .hgc-rc-product-card.qa1125-roof-setup-page.is-expanded{
    animation:none!important;
  }

  .roofing-coatings-bridge .qa1125-roof-setup-trigger{
    transition:none!important;
  }
}