.hr-records{min-width:0;color:#302b28}.hr-records .hr-tabs,.hr-records .hr-actions,.hr-records .hr-pager{display:flex;gap:10px;flex-wrap:wrap;align-items:center;margin:16px 0}.hr-records .hr-tabs button[aria-selected=true]{background:#66513d;color:#fff}.hr-records .hr-filters{display:flex;flex-wrap:wrap;gap:12px;align-items:end;margin:16px 0}.hr-records label{display:grid;gap:6px;min-width:0}.hr-records .hr-filters label{flex:1 1 160px;max-width:260px}.hr-records input,.hr-records select,.hr-records textarea{box-sizing:border-box;min-width:0;max-width:100%;width:100%;padding:10px;border:1px solid #ded6cd;border-radius:8px;font:inherit;background:#fff;color:inherit}.hr-records button{white-space:nowrap}.hr-records .hr-table-scroll{overflow-x:auto;max-width:100%}.hr-records table{min-width:850px;table-layout:auto;width:100%}.hr-records th,.hr-records td{padding:14px;vertical-align:top;white-space:nowrap}.hr-records .hr-form{display:grid;gap:18px}.hr-records .hr-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.hr-records .hr-detail{display:grid;grid-template-columns:150px minmax(0,1fr);gap:12px}.hr-records dt{color:#766e65}.hr-records dd{margin:0;overflow-wrap:anywhere;white-space:pre-wrap;max-height:240px;overflow-y:auto}.hr-records [data-error]{color:#b32929;overflow-wrap:anywhere}.hr-records [data-employees]{display:flex;gap:8px;flex-wrap:wrap}.hr-records [data-employees] button{white-space:normal}.hr-records .ledger-panel{max-height:90vh;overflow-y:auto}.hr-records a,.hr-records [data-attached] p{overflow-wrap:anywhere}.hr-records h2{font-size:22px;overflow-wrap:anywhere}@media(max-width:600px){.hr-records .hr-fields{grid-template-columns:minmax(0,1fr)}.hr-records .hr-detail{grid-template-columns:100px minmax(0,1fr)}.hr-records .hr-filters label{max-width:none}.hr-records .ledger-panel{padding:20px;width:calc(100vw - 24px);max-width:100%;box-sizing:border-box}.hr-records .hr-tabs button{flex:1}.hr-records h2{font-size:20px}}

.hr-records .hr-preview{display:block;width:100%;height:65vh;max-width:100%;object-fit:contain;border:0}