/* Final visual alignment for New Reservation only.
   Loaded after shared manager and driver-fee styles so these two approved
   sections have one clear layout authority. No behavior lives here. */

body.frch-ui [data-nr-section="customer"] .nr-grid.two{
  grid-template-columns:repeat(2,minmax(0,1fr));
  column-gap:14px;
  row-gap:14px;
  align-items:start;
}

body.frch-ui [data-nr-section="customer"] .nr-grid.two > label:not(#primaryYoungDriverFeeControl){
  min-width:0;
  display:grid;
  align-content:start;
  gap:7px;
}

body.frch-ui [data-nr-section="customer"] .nr-grid.two > label:not(#primaryYoungDriverFeeControl) > input,
body.frch-ui [data-nr-section="customer"] .phone-row,
body.frch-ui [data-nr-section="customer"] .phone-row > :is(input,select){
  box-sizing:border-box;
  width:100%;
  min-height:44px;
  height:44px;
  margin:0;
}

body.frch-ui [data-nr-section="customer"] .phone-row{
  display:grid;
  grid-template-columns:120px minmax(0,1fr);
  gap:8px;
}

body.frch-ui [data-nr-section="customer"] #primaryYoungDriverFeeControl{
  grid-column:2!important;
  align-self:start!important;
  justify-self:stretch!important;
  box-sizing:border-box;
  width:100%!important;
  max-width:none!important;
  min-height:44px!important;
  height:44px;
  margin:24px 0 0!important;
  padding:9px 12px!important;
}

body.frch-ui [data-nr-section="rental"] .nr-pricing-subsection{
  display:grid;
  grid-template-columns:auto minmax(0,1fr);
  column-gap:16px;
}

body.frch-ui [data-nr-section="rental"] .nr-pricing-subsection > .nr-subsection-head,
body.frch-ui [data-nr-section="rental"] .nr-pricing-subsection > .nr-rental-pricing{
  grid-column:1/-1;
  width:100%;
}

body.frch-ui [data-nr-section="rental"] .nr-rental-pricing{
  display:grid!important;
  grid-template-columns:repeat(4,minmax(0,1fr))!important;
  gap:12px!important;
  align-items:start!important;
}

body.frch-ui [data-nr-section="rental"] .nr-rental-pricing > label,
body.frch-ui [data-nr-section="rental"] #rentalMarkupControl{
  min-width:0;
  margin:0!important;
}

body.frch-ui [data-nr-section="rental"] .nr-rental-pricing > label,
body.frch-ui [data-nr-section="rental"] #rentalMarkupControl > label{
  display:grid!important;
  grid-template-rows:auto 44px;
  gap:7px!important;
  align-content:start;
  font-size:12px!important;
}

body.frch-ui [data-nr-section="rental"] .nr-rental-pricing > label > span:first-child,
body.frch-ui [data-nr-section="rental"] #rentalMarkupControl > label > span:first-child{
  min-height:15px;
  line-height:15px;
  margin:0;
}

body.frch-ui [data-nr-section="rental"] .nr-rental-pricing :is(input,select),
body.frch-ui [data-nr-section="rental"] .nr-rental-price-field output{
  box-sizing:border-box;
  width:100%;
  height:44px;
  min-height:44px;
  margin:0;
}

body.frch-ui [data-nr-section="rental"] #rentalMarkupControl{
  display:block!important;
  padding:0!important;
  border:0!important;
  grid-template-columns:none!important;
  align-items:initial!important;
}

body.frch-ui [data-nr-section="rental"] #rentalMarkupControl.hidden{
  display:none!important;
}

body.frch-ui [data-nr-section="rental"] .rental-markup-copy{
  display:grid;
  gap:2px!important;
  margin-top:6px!important;
  font-size:10px!important;
  line-height:1.3!important;
}

body.frch-ui [data-nr-section="rental"] .nr-pricing-actions{
  grid-column:1;
  justify-content:flex-start!important;
  align-items:center;
  margin-top:10px!important;
}

body.frch-ui [data-nr-section="rental"] #applyDiscount{
  min-width:165px;
  min-height:38px;
}

body.frch-ui [data-nr-section="rental"] .nr-pricing-note{
  grid-column:2;
  align-self:center;
  margin:10px 0 0!important;
  line-height:1.4;
}

@media(max-width:1050px){
  body.frch-ui [data-nr-section="rental"] .nr-rental-pricing{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
  }
}

@media(max-width:760px){
  body.frch-ui [data-nr-section="customer"] .nr-grid.two{
    grid-template-columns:1fr;
  }
  body.frch-ui [data-nr-section="customer"] #primaryYoungDriverFeeControl{
    grid-column:1!important;
    margin:0!important;
  }
  body.frch-ui [data-nr-section="rental"] .nr-rental-pricing{
    grid-template-columns:1fr!important;
  }
  body.frch-ui [data-nr-section="rental"] .nr-pricing-subsection{
    display:block;
  }
  body.frch-ui [data-nr-section="rental"] .nr-pricing-actions{
    margin-top:10px!important;
  }
  body.frch-ui [data-nr-section="rental"] .nr-pricing-note{
    margin-top:10px!important;
  }
}