/* Payroll panels and the book replacement form only. No payment or issue behaviour. */
html.tr #content > .card.staff-payroll{padding:24px;margin-block:20px;min-width:0}
html.tr .staff-payroll > h2{margin:0 0 16px;font-size:24px;line-height:1.3}
html.tr .staff-payroll > p,html.tr .staff-payroll .winv-invoice > p{max-width:85ch;font-size:16px;line-height:1.65;margin:12px 0}
html.tr .staff-payroll .payroll-access{font-weight:600;color:var(--ink)}
html.tr .staff-payroll .student-meta,html.tr .staff-payroll .winv-note{font-size:16px;line-height:1.6}
html.tr .staff-payroll > :first-child,html.tr .staff-payroll .winv-invoice > :first-child{margin-top:0}
html.tr .staff-payroll > :last-child,html.tr .staff-payroll .winv-invoice > :last-child{margin-bottom:0}
html.tr .staff-payroll > .winv-invoice{padding:20px;margin-top:24px;border-radius:16px;background:var(--surface-2)}
html.tr .staff-payroll .winv-invoice > h2{margin:0 0 12px;font-size:22px;line-height:1.35}

html.tr #resourceForm:has(.book-replace-choice){gap:16px}
html.tr #resourceForm .book-replace-summary p{font-size:16px;line-height:1.6;margin:4px 0}
html.tr #resourceForm .book-replace-choice{gap:10px;margin:4px 0}
html.tr #resourceForm .book-replace-choice legend{padding:0;margin-bottom:12px;font-size:16px;font-weight:700;color:var(--ink)}
html.tr #resourceForm .book-replace-choice .checkbox-label{display:flex;align-items:center;gap:12px;min-height:56px;padding:14px 16px;margin:0;border:1px solid var(--line-strong);border-radius:16px;background:var(--surface);color:var(--ink);font-size:16px;font-weight:650;line-height:1.4;cursor:pointer}
html.tr #resourceForm .book-replace-choice .checkbox-label:has(input:checked){border-color:var(--brand);background:var(--brand-soft);color:var(--brand-ink)}
html.tr #resourceForm .book-replace-choice .checkbox-label:focus-within{outline:3px solid var(--brand);outline-offset:3px}
html.tr #resourceForm .book-replace-choice input{width:20px!important;min-width:20px;max-width:20px;height:20px;min-height:0;margin:0!important;flex:none;accent-color:var(--brand)}
html.tr #resourceForm:has(.book-replace-choice) > label{font-size:15px;font-weight:650;color:var(--ink-2)}
html.tr #resourceForm:has(.book-replace-choice) > label input{font-size:16px;min-height:48px}
html.tr #resourceForm:has(.book-replace-choice) > p{font-size:16px;line-height:1.6;margin:4px 0}
html.tr #resourceForm:has(.book-replace-choice) > .primary{min-height:48px;border-radius:999px;font-size:16px;font-weight:700;padding:12px 28px}
@media(max-width:600px){
 html.tr #content > .card.staff-payroll{padding:18px;margin-block:16px}
 html.tr .staff-payroll > .winv-invoice{padding:16px;margin-top:20px}
 html.tr .staff-payroll > h2{font-size:22px}
 html.tr #resourceForm:has(.book-replace-choice){grid-template-columns:minmax(0,1fr)}
 html.tr #resourceForm .book-replace-choice .checkbox-label{padding:12px;min-width:0}
}