/* Build 419 — compact summary cards, customer section order and contract Call Out action */

/* Compact metric placeholders throughout the CRM. */
.metrics{
  gap:10px!important;
  margin-bottom:12px!important;
}
.metrics .metric{
  padding:10px 12px!important;
  min-height:0!important;
  border-radius:12px!important;
}
.metrics .metric-top{
  font-size:9px!important;
  line-height:1.15!important;
}
.metrics .metric-icon{
  width:24px!important;
  height:24px!important;
  border-radius:7px!important;
}
.metrics .metric-value{
  margin:7px 0 2px!important;
  font-size:20px!important;
  line-height:1.05!important;
}
.metrics .metric-value.metric-value-sm{
  font-size:15px!important;
  letter-spacing:-.25px!important;
}
.metrics .trend{
  font-size:8px!important;
  line-height:1.2!important;
}

/* Customer modal is compact enough to keep the account overview together. */
#modal .cust-dash .cust-info-grid{gap:8px!important}
#modal .cust-dash .cust-info-card{padding:12px!important}
#modal .cust-dash .cust-stats{margin-top:10px!important;margin-bottom:10px!important}
#modal .cust-dash>.cust-section,
#modal .cust-dash>.guard-customer-contracts-section-v419{margin-top:10px!important}
#modal .cust-dash .cust-section>.panel-head,
#modal .guard-customer-contracts-section-v419>.panel-head{margin-bottom:8px!important}
#modal .cust-dash .cust-row{min-height:44px!important;padding-top:7px!important;padding-bottom:7px!important}

/* Signed contracts now sit directly below Upcoming Jobs. */
.guard-signed-contracts-section-v419 .guard-signed-contracts-body-v419{
  display:flex!important;
  align-items:center!important;
}
.guard-signed-contracts-section-v419 .guard-customer-contract-picker-v418{
  width:100%!important;
  min-height:34px!important;
  padding:0 10px!important;
}
.guard-customer-contract-picker-marker-v419{display:none!important}

/* Current contract summary now sits after Invoices. */
.guard-customer-contracts-section-v419 .cust-contract-panel{margin:0!important}
.guard-customer-contracts-section-v419>.panel-head h2{margin:0!important}
.guard-contract-actions-v419{
  display:flex!important;
  align-items:center!important;
  justify-content:flex-end!important;
  gap:8px!important;
  flex-wrap:wrap!important;
}
.guard-contract-actions-v419 .secondary{
  min-height:32px!important;
  height:32px!important;
  padding:0 12px!important;
  white-space:nowrap!important;
}

/* Contract-generated Call Out keeps its agreed fee visible. */
#modal #entity-form[data-guard-contract-callout-v419="1"] #guard-callout-fee-display{
  font-weight:850!important;
  color:#6d28d9!important;
}

@media(max-width:760px){
  .metrics{gap:7px!important}
  .metrics .metric{padding:8px 9px!important}
  .metrics .metric-value{font-size:18px!important}
  .metrics .metric-value.metric-value-sm{font-size:13px!important}
  .guard-contract-actions-v419{justify-content:flex-start!important}
  .guard-contract-actions-v419 .secondary{width:100%!important}
}