/* V14 final Request Quote layout correction.
   Applies the desktop/tablet two-column composition above 760px while
   preserving the approved phone layout at 760px and below. */
@media (min-width:761px){
  html body #quoteModal{
    padding:10px!important;
    align-items:center!important;
    justify-content:center!important;
    overflow:auto!important;
  }
  html body #quoteModal .quote-modal-panel{
    width:min(920px,calc(100vw - 20px))!important;
    height:auto!important;
    min-height:0!important;
    max-height:calc(100vh - 20px)!important;
    margin:auto!important;
    overflow:auto!important;
    box-sizing:border-box!important;
  }
  html body #quoteModal .quote-modal-header{
    display:grid!important;
    grid-template-columns:290px minmax(0,1fr)!important;
    align-items:center!important;
    gap:22px!important;
    min-height:76px!important;
    padding:10px 28px 9px!important;
    box-sizing:border-box!important;
  }
  html body #quoteModal .quote-modal-header > img{
    display:block!important;
    width:250px!important;
    max-width:100%!important;
    height:auto!important;
    margin:0 auto!important;
  }
  html body #quoteModal .quote-modal-header h2{
    margin:0!important;
    font-size:34px!important;
    line-height:1!important;
  }
  html body #quoteModal .quote-modal-header p{
    margin:2px 0 0!important;
    line-height:1.2!important;
  }
  html body #quoteModal .quote-form{
    display:block!important;
    height:auto!important;
    min-height:0!important;
    padding:10px 26px 14px!important;
    box-sizing:border-box!important;
  }
  html body #quoteModal .quote-form-grid{
    display:grid!important;
    grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important;
    gap:7px 20px!important;
    margin:0!important;
    padding:0!important;
  }
  html body #quoteModal .quote-form-grid label{
    display:block!important;
    width:100%!important;
    min-width:0!important;
    margin:0!important;
  }
  html body #quoteModal .quote-form-grid input,
  html body #quoteModal .quote-form-grid select{
    display:block!important;
    width:100%!important;
    height:37px!important;
    min-height:37px!important;
    margin:3px 0 0!important;
    padding:7px 10px!important;
    box-sizing:border-box!important;
  }

  /* Explicit two-column lower row: doctor left, notes/actions right. */
  html body #quoteModal .quote-form-bottom{
    display:grid!important;
    grid-template-columns:320px minmax(0,1fr)!important;
    grid-template-areas:"doctor notes"!important;
    align-items:start!important;
    gap:22px!important;
    width:100%!important;
    height:auto!important;
    min-height:0!important;
    margin:12px 0 0!important;
    padding:0!important;
    box-sizing:border-box!important;
  }
  html body #quoteModal .quote-form-doctor{
    grid-area:doctor!important;
    display:flex!important;
    align-items:flex-start!important;
    justify-content:center!important;
    width:320px!important;
    height:238px!important;
    min-width:320px!important;
    min-height:238px!important;
    margin:0!important;
    padding:0!important;
    overflow:hidden!important;
  }
  html body #quoteModal .quote-form-doctor img{
    display:block!important;
    width:auto!important;
    height:238px!important;
    max-width:100%!important;
    max-height:238px!important;
    object-fit:contain!important;
    object-position:center top!important;
    margin:0 auto!important;
  }
  html body #quoteModal .quote-form-notes-column{
    grid-area:notes!important;
    display:flex!important;
    flex-direction:column!important;
    align-items:stretch!important;
    justify-content:flex-start!important;
    width:100%!important;
    min-width:0!important;
    height:auto!important;
    min-height:0!important;
    margin:0!important;
    padding:0!important;
  }
  html body #quoteModal .quote-form-notes{
    display:block!important;
    width:100%!important;
    min-width:0!important;
    margin:0!important;
  }
  html body #quoteModal .quote-form-notes textarea{
    display:block!important;
    width:100%!important;
    min-width:0!important;
    height:158px!important;
    min-height:158px!important;
    max-height:158px!important;
    margin:3px 0 0!important;
    padding:10px 12px!important;
    resize:none!important;
    box-sizing:border-box!important;
  }
  html body #quoteModal .quote-form-actions{
    display:flex!important;
    flex-direction:row!important;
    justify-content:flex-end!important;
    align-items:center!important;
    gap:14px!important;
    width:100%!important;
    height:auto!important;
    min-height:0!important;
    margin:10px 0 0!important;
    padding:0!important;
  }
  html body #quoteModal .quote-secondary,
  html body #quoteModal .quote-primary{
    width:auto!important;
    min-width:150px!important;
    height:41px!important;
    min-height:41px!important;
    margin:0!important;
    padding:8px 18px!important;
  }
  html body #quoteModal .quote-form-note{
    width:100%!important;
    margin:6px 0 0!important;
    padding:0!important;
    text-align:right!important;
    line-height:1.2!important;
  }
}