#teacher-payroll .tp-root{max-width:860px;margin:0 auto;color:var(--staff-foundation-text);min-width:0;padding-bottom:calc(24px + env(safe-area-inset-bottom))}
#teacher-payroll .tp-root *{box-sizing:border-box}
#teacher-payroll .tp-header h1{margin:0 0 6px;font-size:var(--staff-foundation-type-page)}
#teacher-payroll .tp-header p,.tp-muted{color:var(--staff-foundation-text-muted)}
#teacher-payroll .tp-card{padding:20px;margin:18px 0;border:1px solid var(--staff-foundation-border);border-radius:var(--staff-foundation-radius-surface);background:var(--staff-foundation-surface);min-width:0}
#teacher-payroll .tp-card h2,#teacher-payroll .tp-card h3{margin:0 0 10px}
#teacher-payroll .tp-eyebrow{margin:0 0 8px;font-size:var(--staff-foundation-type-label);color:var(--staff-foundation-text-muted)}
#teacher-payroll .tp-row{display:flex;align-items:start;justify-content:space-between;gap:12px;min-width:0}
#teacher-payroll .tp-row>*{min-width:0}
#teacher-payroll .tp-amount{font-weight:700;font-size:1.25rem;white-space:nowrap;font-variant-numeric:tabular-nums}
#teacher-payroll .tp-status{display:inline-block;padding:5px 9px;border:1px solid var(--staff-foundation-border);border-radius:999px;background:var(--staff-foundation-surface-soft);font-weight:650}
#teacher-payroll .tp-facts{display:flex;flex-wrap:wrap;gap:8px 18px;margin:12px 0;color:var(--staff-foundation-text-muted)}
#teacher-payroll button{min-height:44px;padding:8px 14px;border:1px solid var(--staff-foundation-border);border-radius:var(--staff-foundation-radius-control);background:var(--staff-foundation-surface-soft);color:var(--staff-foundation-text);font:inherit;cursor:pointer}
#teacher-payroll button:focus-visible{outline:3px solid var(--staff-focus);outline-offset:2px}
#teacher-payroll .tp-history{list-style:none;margin:0;padding:0}
#teacher-payroll .tp-history li+li,#teacher-payroll .tp-line+.tp-line{border-top:1px solid var(--staff-foundation-border)}
#teacher-payroll .tp-history li{padding:12px 0}
#teacher-payroll .tp-line{padding:14px 0;overflow-wrap:anywhere}
#teacher-payroll .tp-line p{margin:4px 0}
#teacher-payroll .tp-detail-head{display:flex;justify-content:space-between;align-items:start;gap:12px}
#teacher-payroll .tp-error{color:var(--staff-foundation-status-error)}
@media(max-width:540px){#teacher-payroll .tp-card{padding:16px;margin:12px 0}#teacher-payroll .tp-row{flex-wrap:wrap}#teacher-payroll .tp-amount{white-space:normal}#teacher-payroll .tp-detail-head{flex-direction:column}}