#hr-content{display:grid;gap:16px;min-width:0}#hr-view>.page-heading{margin-bottom:16px}
.hr-actions,.hr-pagination{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.hr-pagination{justify-content:center;margin-top:18px}
.hr-filters{display:grid;grid-template-columns:minmax(180px,2fr) minmax(140px,1fr) minmax(140px,1fr) auto;gap:12px;align-items:end;padding:18px}
.hr-filters :is(input,select),.hr-form :is(input,textarea,select){min-width:0;width:100%;box-sizing:border-box;margin:0}.hr-filters label,.hr-form label{display:grid;gap:6px;min-width:0;margin:0}.hr-form p{margin:0}
.hr-submit-bar{position:sticky;bottom:0;z-index:1;background:var(--surface);padding:10px 0;box-shadow:0 12px 0 0 var(--surface),0 -6px 0 0 var(--surface)}
.hr-list{padding:20px;min-width:0}.hr-list h2{margin:0 0 16px}
:root .hr-row{display:grid;grid-template-columns:minmax(0,2fr) minmax(0,1fr) 120px;text-align:left;gap:20px;align-items:center;width:100%;border:0;border-top:1px solid var(--border);border-radius:0;background:transparent;color:var(--text);padding:16px 4px;box-shadow:none;white-space:normal}
.hr-row-name,.hr-row-assignee{display:grid;gap:5px;min-width:0;overflow-wrap:anywhere}.hr-row-name strong{font-size:16px}.hr-row:hover{background:var(--surface-hover,var(--surface))}
.hr-status{display:inline-block;font-size:13px;padding:5px 10px;border-radius:20px;background:var(--surface-soft,var(--surface));text-align:center}.hr-status-completed{background:#e1f1e9;color:#216044}.hr-status-new{background:#fff0da;color:#74531a}
.hr-dialog{box-sizing:border-box;width:min(820px,calc(100vw - 32px));max-height:calc(100dvh - 48px);padding:0;border:1px solid var(--border);border-radius:20px;background:var(--surface);color:var(--text);box-shadow:0 24px 80px #0005;overflow:auto;overscroll-behavior:contain}.hr-dialog::backdrop{background:#17233270}
.hr-dialog-head{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:18px 24px;position:sticky;top:0;background:var(--surface);z-index:1;border-bottom:1px solid var(--border)}.hr-dialog-head h2{margin:0;font-size:21px}.hr-dialog-head button{padding:6px;width:36px;min-width:36px;height:36px;font-size:24px}.hr-dialog-body{padding:24px}
.hr-request-documents{display:grid;gap:8px;margin:20px 0}.hr-request-documents h3{margin:0 0 4px}
/* The creation form shares the invoice layout, drop zone and sticky action bar. */
html:root #hr-create-dialog{--window-normal-width:1180px;padding:0;overflow:hidden}
#hr-create-dialog>.employee-dialog-head{padding:16px 22px;margin:0;border-bottom:1px solid var(--border)}
#hr-create-form{overflow:auto;min-height:0;scroll-padding-bottom:95px;overscroll-behavior:contain}
#hr-create-form label{display:grid;gap:8px;margin:0 0 18px;font-size:.88rem;min-width:0}
#hr-create-form :is(input,textarea,select){width:100%;min-width:0;margin:0}
#hr-create-form textarea{padding:12px;resize:vertical;min-height:86px}
#hr-create-form .hr-fields{gap:0 18px}
#hr-create-form .employee-feedback{margin:0;padding:12px 28px}
.hr-create-route{display:grid;gap:5px;margin-bottom:20px;overflow-wrap:anywhere}
.hr-create-route p{margin:0}
.hr-document-list{display:grid;gap:8px}.hr-document-row{display:flex;align-items:center;gap:12px;padding:10px 12px;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md)}
.hr-document-info{display:grid;gap:5px;min-width:0;flex:1}.hr-document-info a{overflow-wrap:anywhere;font-size:.85rem;font-weight:600}
html:root .hr-document-row button{padding:4px;width:32px;min-width:32px;height:32px;min-height:32px;font-size:20px}
#hr-create-dialog.hr-dragging .invoice-drop{background:var(--accent-soft);border-color:var(--accent)}
@media(max-width:760px){#hr-create-form .invoice-layout{grid-template-columns:1fr}#hr-create-form .invoice-side{border-left:0;border-top:1px solid var(--border)}#hr-create-form :is(.invoice-main,.invoice-side){padding:18px 20px}#hr-create-form .invoice-actions{padding:14px 20px}#hr-create-dialog>.employee-dialog-head{padding:14px 16px}}
.hr-form{display:grid;gap:18px}.hr-fields,.hr-route-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.hr-wide{grid-column:1/-1}.hr-route{padding:12px;border-radius:10px;background:var(--surface-soft,var(--surface));margin:0;font-size:14px}.hr-route-fields{padding:16px;border:1px solid var(--border);border-radius:12px;min-width:0}.hr-route-fields legend{font-weight:600;padding:0 6px}.hr-form>button{justify-self:start}.hr-error{color:var(--danger,#ac3341);overflow-wrap:anywhere}.hr-details{display:grid;grid-template-columns:minmax(120px,1fr) minmax(0,2fr);gap:12px 20px}.hr-details dt{color:var(--muted)}.hr-details dd{margin:0;white-space:pre-wrap;overflow-wrap:anywhere}.hr-result{white-space:pre-wrap;overflow-wrap:anywhere}.hr-settings-entry{margin-bottom:18px}
@media(max-width:700px){.hr-filters{grid-template-columns:1fr 1fr}.hr-filters>label:first-child{grid-column:1/-1}.hr-filters>button{align-self:end}.hr-row{gap:10px!important;grid-template-columns:1fr auto!important}.hr-row-assignee{grid-column:1;grid-row:2;font-size:13px}.hr-status{grid-column:2;grid-row:1/3}.hr-fields,.hr-route-fields{grid-template-columns:1fr}.hr-dialog{width:calc(100vw - 20px);max-height:calc(100dvh - 24px)}.hr-dialog-head,.hr-dialog-body{padding:16px}.hr-details{grid-template-columns:1fr;gap:5px}.hr-details dd{margin-bottom:10px}}