.cf-state{min-height:180px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;text-align:center}
.cf-state.error{border-color:#d89b96}.cf-spinner{width:28px;height:28px;border:3px solid #d8dfdb;border-top-color:#1f6b4f;border-radius:50%;animation:cf-spin .8s linear infinite}@keyframes cf-spin{to{transform:rotate(360deg)}}
.cf-readonly{display:inline-flex;align-items:center;padding:9px 13px;border-radius:999px;background:#eef2f0;color:#4d5b54;font-size:12px;font-weight:700}
.contents{display:contents}.cf-output-editor{border:1px solid #dce3df;border-radius:12px;padding:14px;display:grid;gap:10px}.cf-output-editor>b{font-size:12px;text-transform:uppercase;color:#53645b}
#cfLayoutRows{display:grid;gap:8px}.cf-output-row{display:grid;grid-template-columns:minmax(220px,1fr) 120px auto 38px;gap:8px;align-items:center}.cf-output-row select,.cf-output-row input{width:100%}
.ac-card small.bad{color:#ad3f39}.ac-card.inactive,.ac-catalog-list article.inactive{opacity:.58}
@media(max-width:720px){.cf-output-row{grid-template-columns:1fr 90px auto}.cf-output-row .danger{grid-column:1/-1}}
.cf-group-picker{display:flex;gap:6px;align-items:center}.cf-group-picker select{flex:1}.cf-group-picker button{min-width:38px;padding:9px}
.cf-payroll-mode{display:flex;align-items:center;gap:12px;flex-wrap:wrap;padding:12px 14px;margin-bottom:14px;border-radius:12px;background:#edf6f2;border:1px solid #c7e1d5}.cf-payroll-mode span{flex:1;color:#52665c}.cf-payroll-mode select{min-width:110px}
.cf-payroll-comparison{margin-top:18px}.cf-payroll-comparison h3{margin:0 0 10px}.cf-payroll-comparison td small{display:block;margin-top:3px}