.payroll-readiness { margin-top:18px; overflow:hidden; color:#17343b; background:#fff; border:1px solid #d8e6e4; border-radius:16px; }
.payroll-readiness__head { display:flex; align-items:center; justify-content:space-between; gap:18px; padding:18px 20px; background:#f5f9f8; border-bottom:1px solid #dfeae8; }
.payroll-readiness__head h3 { margin:2px 0 5px; font-size:18px; }
.payroll-readiness__head p { margin:0; color:#60777c; font-size:12px; line-height:1.5; }
.payroll-readiness__head .eyebrow { color:#267ab5; font-size:10px; font-weight:800; letter-spacing:1px; }
.payroll-readiness__head button { flex:0 0 auto; min-height:42px; padding:10px 16px; color:#fff; background:#267ab5; border:0; border-radius:10px; font-weight:750; cursor:pointer; box-shadow:0 6px 15px #267ab529; }
.payroll-readiness__head button:disabled { opacity:.55; cursor:wait; }
.payroll-readiness__overview { display:flex; align-items:center; justify-content:space-between; gap:18px; padding:14px 20px; border-bottom:1px solid #e4eceb; }
.payroll-readiness__state { display:inline-flex; align-items:center; min-height:28px; padding:5px 10px; color:#536d72; background:#edf3f1; border-radius:999px; font-size:12px; font-weight:800; }
.payroll-readiness__state.is-ready { color:#116546; background:#ddf4e8; }
.payroll-readiness__state.is-attention { color:#7c4a03; background:#fff0c9; }
.payroll-readiness__state.is-blocked { color:#9c2929; background:#fde4e4; }
.payroll-readiness__state.is-checking { color:#176c9e; background:#e3f3fb; }
.payroll-readiness__overview p { flex:1; margin:0; color:#667d82; font-size:12px; line-height:1.45; }
.payroll-readiness__summary { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:10px; padding:14px 20px; background:#fbfdfc; border-bottom:1px solid #e4eceb; }
.payroll-readiness__summary div { display:flex; align-items:center; justify-content:space-between; padding:10px 12px; border:1px solid #e0e9e7; border-radius:10px; font-size:12px; font-weight:700; }
.payroll-readiness__summary strong { font-size:18px; }
.payroll-readiness__summary .is-ready strong { color:#14845c; }
.payroll-readiness__summary .is-attention strong { color:#b36e08; }
.payroll-readiness__summary .is-blocked strong { color:#bd3535; }
.payroll-readiness__rows { display:grid; }
.payroll-readiness__row { display:grid; grid-template-columns:minmax(150px,.8fr) 120px minmax(260px,2fr) auto; gap:14px; align-items:center; padding:14px 20px; border-bottom:1px solid #e5edeb; border-left:4px solid transparent; }
.payroll-readiness__row:last-child { border-bottom:0; }
.payroll-readiness__row.is-ready { border-left-color:#32a777; }
.payroll-readiness__row.is-attention { border-left-color:#e0a334; background:#fffcf4; }
.payroll-readiness__row.is-blocked { border-left-color:#cf4c4c; background:#fff8f8; }
.payroll-readiness__person { display:grid; gap:3px; }
.payroll-readiness__person strong { font-size:13px; }
.payroll-readiness__person span { color:#71868a; font-size:10px; word-break:break-all; }
.payroll-readiness__status { justify-self:start; padding:5px 8px; border-radius:999px; font-size:10px; font-weight:800; text-transform:uppercase; }
.is-ready .payroll-readiness__status { color:#116546; background:#ddf4e8; }
.is-attention .payroll-readiness__status { color:#7c4a03; background:#fff0c9; }
.is-blocked .payroll-readiness__status { color:#9c2929; background:#fde4e4; }
.payroll-readiness__explanation p { margin:0; color:#36555c; font-size:12px; line-height:1.5; }
.payroll-readiness__explanation small { display:block; margin-top:4px; color:#71868a; font-size:10px; }
.payroll-readiness__actions { display:flex; justify-content:flex-end; gap:6px; flex-wrap:wrap; }
.payroll-readiness__actions button { min-height:34px; padding:7px 10px; color:#20566f; background:#eaf4f7; border:1px solid #cbe0e6; border-radius:8px; font-size:10px; font-weight:750; cursor:pointer; }
.payroll-readiness__actions button:hover { background:#dceff5; }
@media(max-width:900px) { .payroll-readiness__row { grid-template-columns:minmax(150px,1fr) auto; }.payroll-readiness__explanation,.payroll-readiness__actions { grid-column:1 / -1; }.payroll-readiness__actions { justify-content:flex-start; } }
@media(max-width:620px) { .payroll-readiness__head,.payroll-readiness__overview { align-items:stretch; flex-direction:column; }.payroll-readiness__summary { grid-template-columns:1fr; }.payroll-readiness__row { grid-template-columns:1fr; }.payroll-readiness__status { justify-self:start; }.payroll-readiness__explanation,.payroll-readiness__actions { grid-column:auto; } }