/* Electronic archive components; no global shell or brand overrides. */
.hr-workspace{min-width:0}
.hr-toolbar,.hr-summary,.hr-actions{display:flex;align-items:center;gap:12px;flex-wrap:wrap}
.hr-toolbar{justify-content:space-between;margin-bottom:16px}
.hr-toolbar h2{font-size:23px;margin:0}
.hr-tabs{display:flex;flex-wrap:wrap;gap:6px;padding:10px 0 16px}
.hr-tabs button{background:#f0f2eb;color:var(--asg-green);border:1px solid var(--asg-border)}
.hr-tabs button[aria-selected=true]{background:var(--asg-green);color:white}
.hr-groups{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,280px),1fr));gap:16px}
.hr-groups fieldset{min-width:0;margin:0;padding:16px;border:1px solid var(--asg-border);border-radius:10px}
.hr-groups legend{font-size:14px;font-weight:600;padding:0 6px}
.hr-photo{width:100px;height:124px;object-fit:contain;background:#f5f5f0;border:1px solid var(--asg-border);border-radius:8px}
.hr-file-input{max-width:360px}
.hr-record{border-top:1px solid var(--asg-rule);padding:16px 0}
.hr-record:first-child{border-top:0}
.hr-record h3{font-size:15px;margin:0 0 8px}
.hr-record p{white-space:pre-wrap;font-size:13px;margin:6px 0}
.hr-workspace .hr-actions form{display:flex;gap:8px;align-items:center;flex-wrap:wrap;max-width:none}
.hr-workspace .hr-actions form input{width:auto;max-width:180px}
.hr-workspace .hr-actions form button{margin:0}
.hr-empty{color:var(--asg-muted);padding:12px 0}
.hr-readonly{padding:8px 0;border-bottom:1px solid var(--asg-rule);overflow-wrap:anywhere;white-space:pre-wrap}
.hr-readonly span{display:block;font-size:12px;color:var(--asg-muted)}
.hr-warning{padding:12px 16px;border-left:3px solid var(--asg-gold);background:#f6f3e9;margin-bottom:16px}
.hr-workspace input[type=checkbox]{display:inline-block;width:20px;min-height:20px;vertical-align:middle}
.hr-workspace .hr-filter{width:min(100%,360px);margin-bottom:16px}
@media(max-width:767px),(max-width:1024px) and (pointer:coarse){
 .hr-toolbar h2{font-size:21px}.hr-tabs{gap:6px}.hr-tabs button{font-size:12px;padding:8px}
 .hr-groups{grid-template-columns:1fr}.hr-groups fieldset{padding:14px}
 .hr-summary{align-items:flex-start}.hr-workspace .hr-actions form input{max-width:100%;width:100%}
 .hr-workspace .hr-actions form button{width:100%}.hr-file-input{width:100%;max-width:100%}
}
