.hr-metrics{display:grid;grid-template-columns:repeat(auto-fit,minmax(145px,1fr));gap:16px;margin:20px 0}.hr-metrics .metricbox{width:auto;margin:0}.hr-filters,.hr-form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.hr-filters{margin-bottom:24px}.hr-filters label,.hr-form-grid label{min-width:0}.hr-state{display:inline-block;padding:6px 10px;border-radius:8px;background:#edf2ef;color:#315448;font-size:12px;font-weight:700}.hr-review{background:#fff0cf;color:#745414}.hr-observed,.hr-rejected{background:#fce7e4;color:#903a2b}.hr-approved,.hr-registered{background:#def2e5;color:#236846}.hr-compare{display:grid;grid-template-columns:1fr 1fr;gap:24px}.hr-compare article{background:#f7f9f7;padding:20px;border-radius:12px;overflow-wrap:anywhere}.hr-compare dt{font-size:12px;color:#68756f;margin-top:12px}.hr-compare dd{margin:4px 0}.hr-compensation{background:#eaf3ed;border-radius:12px;padding:20px;margin-top:20px}.hr-compensation strong,.hr-compensation small{display:block}.hr-compensation strong{font-size:20px;margin-top:6px}.hr-meta{display:grid;grid-template-columns:1fr 1fr;gap:0 16px;overflow-wrap:anywhere}.hr-steps{padding-left:24px}.hr-steps li{padding:12px 8px;overflow-wrap:anywhere}.hr-steps span,.hr-event small{display:block;color:#63746a;font-size:12px;margin-top:6px}.hr-event{border-top:1px solid #e2e8e3;padding:18px 0;overflow-wrap:anywhere}#hr-form>label,#hr-form>details{margin:16px 0}#hr-form details summary{cursor:pointer;font-weight:700;padding:12px 0}#hr-list td{vertical-align:top}#hr-action-form p{overflow-wrap:anywhere}@media(max-width:700px){.hr-compare,.hr-meta,.hr-filters,.hr-form-grid{grid-template-columns:1fr}.hr-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.hr-compensation .hr-metrics{grid-template-columns:1fr}.hr-compare article{padding:14px}}