.hr-toolbar {display:flex;gap:12px;align-items:center;margin-bottom:16px;flex-wrap:wrap}
.hr-toolbar input {flex:1;min-width:180px}
.hr-fields {display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
.hr-fields label {display:flex;flex-direction:column;gap:6px;margin:0}
.hr-fields input,.hr-fields select {width:100%;min-width:0;box-sizing:border-box}
.hr-fields .hr-check {flex-direction:row;align-items:center}
.hr-check input {width:auto}
#hrDialog {width:680px;max-width:calc(100vw - 32px);max-height:90vh;box-sizing:border-box;border:1px solid #ccd6df;border-radius:8px;padding:24px}
#hrDialog::backdrop {background:rgba(0,0,0,.4)}
#hrTable td {overflow-wrap:anywhere}
@media(max-width:600px) {.hr-fields {grid-template-columns:1fr} #hrDialog {padding:16px} .hr-toolbar button {flex:1}}