/* V37 readability + spacing hard reset.
   New filename intentionally defeats stale CSS caches on static deployments. */
.app-main{font-size:15.5px!important;line-height:1.55;padding:34px 38px 72px!important;color:#101828}
.app-main .screen>.grid{gap:26px!important}
.app-main .card,.app-main .pricing{padding:28px!important;border-radius:16px!important}
.app-main .card h2{margin:0 0 14px!important;line-height:1.25}
.app-main .card h3{margin:0 0 14px!important;font-size:18px!important;line-height:1.3}
.app-main .card>h2+p,.app-main .card>h3+p{margin:0 0 22px!important;line-height:1.62}

/* Stop labels and controls from touching. This covers both nested-label markup and sibling-label form grids. */
.app-main label:not(.checkline){display:block!important;width:100%!important;margin:0!important;color:#344054!important;font-size:13px!important;line-height:1.35!important;font-weight:750!important;letter-spacing:0!important}
.app-main label:not(.checkline)>input:not([type="checkbox"]):not([type="radio"]),
.app-main label:not(.checkline)>select,
.app-main label:not(.checkline)>textarea{display:block!important;width:100%!important;max-width:none!important;margin:9px 0 0!important}
.app-main .formgrid{gap:22px 26px!important;margin-top:18px!important;align-items:start!important}
.app-main .formgrid>div{display:flex!important;flex-direction:column!important;align-items:stretch!important;gap:9px!important;min-width:0}
.app-main .formgrid>div>label:not(.checkline){margin:0!important}
.app-main .formgrid>div>label:not(.checkline)+input:not([type="checkbox"]):not([type="radio"]),
.app-main .formgrid>div>label:not(.checkline)+select,
.app-main .formgrid>div>label:not(.checkline)+textarea{display:block!important;width:100%!important;max-width:none!important;margin:0!important}
.app-main input:not([type="checkbox"]):not([type="radio"]),.app-main select,.app-main textarea{min-height:46px!important;padding:11px 13px!important;font-size:15px!important;line-height:1.4!important;border-color:#cbd5e1!important;border-radius:9px!important;background:#fff!important;color:#101828!important}
.app-main textarea{min-height:112px!important}
.app-main input::placeholder,.app-main textarea::placeholder{color:#667085!important;opacity:1!important}
.app-main .checkline{font-size:14px!important;gap:10px!important;margin-top:18px!important}

/* Operational helper text should never look like footnotes. */
.app-main .small,.app-main .muted,.app-main small{font-size:14px!important;line-height:1.55!important;color:#475467!important}
.app-main .eyebrow,.app-main .section-kicker{font-size:12px!important;line-height:1.35!important;color:#475467!important}
.app-main .btn,.app-main button:not(.icon-control){font-size:14px!important;min-height:42px!important;padding:9px 14px!important}
.app-main .btn.small{font-size:13px!important;min-height:38px!important;padding:8px 11px!important}
.app-main .controls{gap:12px!important;row-gap:12px!important;margin-top:18px}
.app-main hr{margin:26px 0!important;border:0!important;border-top:1px solid #d0d5dd!important}
.app-main .row{gap:18px!important}
.app-main table{font-size:14px!important}
.app-main td{font-size:14px!important;padding:13px 13px!important}
.app-main th{font-size:12px!important;padding:12px 13px!important;color:#475467!important}

/* Quick Payroll collapsed sections were still visually tiny. */
#run .quick-register-panel,#run .quick-advanced-panel{border-radius:13px!important;margin-top:20px!important}
#run .quick-register-panel summary,#run .quick-advanced-panel summary{padding:18px 20px!important;min-height:72px!important;gap:20px!important}
#run .quick-register-panel summary b,#run .quick-advanced-panel summary b{font-size:15.5px!important;line-height:1.35!important;color:#101828!important;font-weight:750!important}
#run .quick-register-panel summary small,#run .quick-advanced-panel summary small{font-size:13.5px!important;line-height:1.45!important;color:#475467!important;margin-top:4px!important}
#run .quick-register-panel summary>span:last-child,#run .quick-advanced-panel summary>span:last-child{font-size:13.5px!important;font-weight:750!important;color:#4f46e5!important;white-space:nowrap}
#run .quick-register-body,#run .quick-advanced-body{padding:20px!important}
#run .quick-auditor-list .quick-finding p,#run .quick-auditor-list .quick-finding-detail{font-size:13.5px!important;line-height:1.55!important}

/* Go-live: one field per row with a clear label gap; no inline label/control collisions. */
#golive16 .card.s4{padding:30px!important}
#golive16 .card.s4>h3{margin-bottom:20px!important}
#golive16 .card.s4>label:not(.checkline){display:block!important;margin:0 0 18px!important;font-size:13.5px!important;line-height:1.4!important}
#golive16 .card.s4>label:not(.checkline)>input,
#golive16 .card.s4>label:not(.checkline)>select{display:block!important;width:100%!important;margin-top:9px!important}
#golive16 .card.s4>#v16StartProgram{margin-top:2px!important}
#golive16 .card.s4>hr{margin:26px 0 22px!important}
#golive16 .go-live-actions{display:flex!important;flex-wrap:wrap!important;gap:12px!important;margin-top:18px!important}
#golive16 .migration-check{padding:16px 0!important;gap:14px!important}
#golive16 .migration-check b{font-size:14.5px!important}

/* Employee master: keep labels clearly separated from each control and replace cramped field rhythm. */
#people .formgrid,#dailyops19 .formgrid{gap:22px 28px!important}
#people .formgrid>div,#dailyops19 .formgrid>div{gap:9px!important}
#people .card,#dailyops19 .card{align-content:start}

/* Sidebar and app chrome stay readable at desktop zoom levels. */
.app-sidebar .primary-nav button{font-size:14px!important;line-height:1.35!important}
.app-sidebar .nav-section-label{font-size:12px!important}

@media(max-width:1100px){
  .app-main{padding:28px 26px 60px!important}
  .app-main .screen>.grid{gap:22px!important}
  .app-main .card,.app-main .pricing{padding:24px!important}
  #golive16 .card.s4{padding:24px!important}
}
@media(max-width:900px){
  .app-main{padding:20px 16px 48px!important}
  .app-main .formgrid{grid-template-columns:1fr!important;gap:18px!important}
  .app-main .formgrid .wide{grid-column:auto!important}
  .app-main .card,.app-main .pricing{padding:20px!important}
}