/* Build 392 — coloured capture, service/info and payment panels */
#modal .guard-panel-form{
 display:flex;
 flex-direction:column;
 gap:12px;
}
#modal .guard-form-section{
 display:block;
 width:100%;
 margin:0;
 padding:13px 14px;
 border:1px solid transparent;
 border-radius:12px;
 box-sizing:border-box;
}
#modal .guard-form-section-customer{
 background:#f1f8f2;
 border-color:#d7e9da;
}
#modal .guard-form-section-info{
 background:#eef6fd;
 border-color:#d4e6f5;
}
#modal .guard-form-section-payment{
 background:#fff2f1;
 border-color:#f0d9d6;
}
#modal .guard-form-section>.form-grid,
#modal .guard-form-section>.job-two-col,
#modal .guard-form-section>.job-collapse-row{
 margin-top:0!important;
 margin-bottom:0!important;
}
#modal .guard-form-section-grid{
 margin:0!important;
}
#modal .guard-form-section .nested-panel{
 background:rgba(255,255,255,.66);
 border-color:rgba(165,178,169,.34);
}
#modal .guard-job-customer-section>.form-grid{
 gap:8px 10px;
}
#modal .guard-job-service-section{
 display:flex;
 flex-direction:column;
 gap:10px;
}
#modal .guard-job-service-section .job-collapse-row{
 gap:10px;
}
#modal .guard-job-payment-section{
 display:flex;
 flex-direction:column;
 gap:8px;
}
#modal .guard-job-payment-section .job-two-col{
 align-items:start;
}
#modal .guard-job-payment-section .job-bank-panel-compact{
 background:rgba(255,255,255,.72);
}
#modal .guard-job-payment-section .job-form-actions{
 margin-top:8px;
}

/* Lead form groups */
#modal .guard-lead-customer-section .guard-form-section-grid,
#modal .guard-lead-info-section .guard-form-section-grid,
#modal .guard-lead-pricing-section .guard-form-section-grid{
 gap:9px 10px;
}
#modal .guard-lead-customer-section .form-job-compact{
 padding:0;
 background:transparent;
 border:0;
}
#modal .guard-lead-customer-section .nested-panel{
 margin:0;
}
#modal .guard-lead-info-section .section-title,
#modal .guard-lead-pricing-section .section-title{
 margin:2px 0 0;
 padding:0 0 5px;
 background:transparent;
 border:0;
 border-bottom:1px solid rgba(74,102,116,.15);
 color:#365d73;
}
#modal .guard-lead-pricing-section .section-title{
 color:#8a4a43;
 border-bottom-color:rgba(138,74,67,.15);
}

/* Call Out form: same three-panel structure as New Job */
#modal .guard-panel-form-callout .cc-form-err:not([hidden]){
 margin-bottom:0;
}
#modal .guard-callout-customer-grid,
#modal .guard-callout-info-section .guard-form-section-grid{
 gap:9px 10px;
}
#modal .guard-callout-name-field,
#modal .guard-callout-address-field,
#modal .guard-callout-customer-grid>.coverage-warning,
#modal .guard-callout-notes-field{
 grid-column:1/-1;
}
#modal .guard-callout-payment-grid{
 margin:0!important;
 align-items:start;
}
#modal .guard-callout-payment-section .job-col{
 display:flex;
 flex-direction:column;
 gap:8px;
}
#modal .guard-callout-bank-panel{
 margin:0;
 padding:8px;
 background:rgba(255,255,255,.72);
}
#modal .guard-callout-bank-panel textarea{
 min-height:72px;
 margin:0;
 resize:vertical;
}
#modal .guard-callout-stripe-notice{
 font-size:10px;
 line-height:1.4;
 color:var(--green2);
 padding:2px 1px;
}
#modal .guard-callout-form-actions{
 display:flex;
 justify-content:flex-end;
 gap:8px;
 margin-top:8px;
 padding-top:10px;
 border-top:1px solid rgba(138,74,67,.14);
}
#modal #guard-callout-fee-display{
 font-weight:800;
 color:var(--green);
}

@media(max-width:760px){
 #modal .guard-form-section{
  padding:11px;
  border-radius:10px;
 }
 #modal .guard-panel-form{
  gap:9px;
 }
 #modal .guard-callout-payment-grid,
 #modal .guard-job-payment-section .job-two-col{
  grid-template-columns:1fr!important;
 }
 #modal .guard-callout-payment-section .job-col,
 #modal .guard-job-payment-section .job-col{
  width:100%;
 }
}