/* Owner-approved proposal setup refinement (Pic 1, 2026-10-03).
   Increase form readability while reducing vertical card height so the
   complete setup fits comfortably in one desktop viewport. */

@media (min-width: 981px) {
  #app .customer-proposal-dialog {
    width: min(1120px, 96vw);
    max-height: 96vh;
  }

  #app .customer-proposal-dialog > header {
    grid-template-columns: 68px minmax(0, 1fr) 42px;
    gap: 16px;
    padding: 18px 28px;
  }

  #app .customer-proposal-dialog .proposal-start-icon {
    width: 62px;
    height: 62px;
  }

  #app .customer-proposal-dialog > header h2 {
    font-size: 27px;
  }

  #app .customer-proposal-dialog > header p {
    font-size: 15px;
  }

  #app .customer-proposal-identity {
    margin-top: 14px;
    padding: 12px 16px;
  }

  #app .customer-proposal-fields {
    padding-top: 14px;
  }

  #app .customer-proposal-fields input,
  #app .customer-proposal-fields select {
    height: 46px;
    padding-inline: 12px;
    font-size: 15px;
    font-weight: 650;
    letter-spacing: 0;
  }

  #app .customer-proposal-start-method,
  #app .customer-proposal-modules {
    padding-top: 14px;
  }

  #app .customer-proposal-start-method h3,
  #app .customer-proposal-modules h3 {
    margin-bottom: 8px;
  }

  #app .customer-proposal-start-method button {
    min-height: 62px;
    padding: 10px 14px;
  }

  #app .customer-proposal-start-method button > svg {
    width: 22px;
    height: 22px;
  }

  #app .customer-proposal-modules > div:first-child p {
    margin-bottom: 8px;
  }

  #app .customer-proposal-module-grid {
    gap: 10px 14px;
  }

  #app .customer-proposal-module {
    min-height: 92px;
    grid-template-columns: 44px minmax(0, 1fr);
    gap: 12px;
    padding: 12px 16px;
    border-radius: 13px;
  }

  #app .customer-proposal-module .module-icon {
    width: 42px;
    height: 42px;
  }

  #app .customer-proposal-module .module-icon svg {
    width: 22px;
    height: 22px;
  }

  #app .customer-proposal-module strong {
    font-size: 17px;
  }

  #app .customer-proposal-module small {
    margin-top: 3px;
    font-size: 13px;
    line-height: 1.3;
  }

  #app .customer-proposal-combine-note {
    margin-top: 10px;
    padding-block: 9px;
  }

  #app .customer-proposal-dialog > footer {
    margin-top: 14px;
    padding: 13px 28px;
  }
}