.sangrule-stage-panel{margin:18px 0;overflow:hidden;border:1px solid #cbd8e5;border-radius:10px;background:#fff;box-shadow:0 8px 24px rgba(5,27,59,.06)}
.sangrule-metrics{grid-template-columns:repeat(3,1fr)}.sangrule-metrics .cycle-required{border-top:3px solid #1d64aa}.sangrule-metrics .unassigned-required{border-top:3px solid #c3942d}
.sangrule-stage-panel>header{display:flex;align-items:end;justify-content:space-between;gap:24px;padding:20px 22px;background:#f7fafe}
.sangrule-stage-panel h2{margin:5px 0 0;color:#0b2d58;font-size:23px}
.sangrule-stage-panel header p{max-width:650px;margin:0;color:#526b84;font-size:13px;line-height:1.55}
.sangrule-payout-stages{display:grid;grid-template-columns:repeat(5,minmax(170px,1fr));gap:1px;background:#d7e1eb}
.sangrule-payout-stages article{min-height:128px;padding:17px;background:#fff;cursor:pointer;transition:border-color .18s ease,box-shadow .18s ease,transform .18s ease}
.sangrule-payout-stages article:hover{border-color:#3974c6;transform:translateY(-2px)}
.sangrule-payout-stages article:focus-visible{outline:3px solid rgba(38,103,190,.25);outline-offset:2px}
.sangrule-payout-stages article.active{border-color:#1455a0;box-shadow:0 0 0 2px rgba(20,85,160,.14),0 12px 24px rgba(9,38,78,.10);background:#f1f7ff}
.sangrule-payout-stages article.complete{background:#eff9f4}
.sangrule-payout-stages span,.sangrule-payout-stages strong,.sangrule-payout-stages small{display:block}
.sangrule-payout-stages span{color:#526b84;font-size:11px;font-weight:900;text-transform:uppercase}
.sangrule-payout-stages strong{margin:9px 0;color:#0b315e;font-size:21px;font-weight:900}
.sangrule-payout-stages small{color:#657b91;font-size:11px;line-height:1.45}
.family-flag-cell span{display:block;color:#173f6a;font-size:13px;font-weight:900}.family-flag-cell small{display:block;margin-top:3px;color:#6b7f93;font-size:10px}
.family-serial strong{display:inline-flex;min-width:48px;justify-content:center;padding:6px 8px;border-radius:5px;background:#e9f1fa;color:#0b4c89;font-size:12px;font-weight:900}
.assign-family{margin-top:6px;padding:7px 10px;border:1px solid #1d64aa;border-radius:5px;background:#eef6ff;color:#0c4d8c;font-size:11px;font-weight:900;cursor:pointer}
.count-source{display:block;margin-top:5px;color:#63798f;font-size:10px;white-space:normal}.sangrule-actions{min-width:180px}.sangrule-actions button{display:block;width:100%}.sangrule-update-count{margin-bottom:7px;padding:9px 11px;border:1px solid #1d64aa;border-radius:5px;background:#eef6ff;color:#0c4d8c;font-size:11px;font-weight:900;cursor:pointer}
.payout-value strong,.payout-value small,.family-cycle-value strong,.family-cycle-value small{display:block}
.payout-value small,.family-cycle-value small{margin-top:4px;color:#63798f;font-size:11px;white-space:normal}
@media(max-width:1100px){.sangrule-payout-stages{grid-template-columns:repeat(3,minmax(190px,1fr))}}
@media(max-width:700px){.sangrule-stage-panel>header{align-items:flex-start;flex-direction:column}.sangrule-payout-stages,.sangrule-metrics{grid-template-columns:1fr}}