/* SdSchool PTA portal: the portal look with a PTA accent (deep teal), so it is never mistaken for the school's money pages */
body.pta .top { border-top-color: #0f766e; }
body.pta .brand small { color: #0f766e; }
body.pta .tnav a.on { background: #e6f4f2; color: #0f766e; }
body.pta .btn { background: linear-gradient(135deg, #14958a, #0f766e); box-shadow: 0 6px 14px rgba(15, 118, 110, .25); }
body.pta .btn.light { background: #fff; color: #0f766e; }
body.pta .btn.danger { background: #c0392b; box-shadow: none; }
.money { font-variant-numeric: tabular-nums; white-space: nowrap; }
.owed { color: #b42318; font-weight: 600; }
.paidup { color: #2e7d32; font-weight: 600; }
.grid2 { display: grid; grid-template-columns: repeat(auto-fit, minmax(300px, 1fr)); gap: 14px; }
.pay-in { width: 110px; text-align: right; }
.inline-form { display: inline; }
.inline-form button { font: inherit; font-size: 12px; padding: 3px 8px; border-radius: 7px; border: 1px solid var(--line); background: #fff; cursor: pointer; }
.inline-form button.del { color: #b42318; border-color: #f3c3bd; }
.receipt { max-width: 560px; margin: 0 auto; background: #fff; border: 1px solid var(--line); border-radius: 12px; padding: 18px; }
.receipt h2 { margin: 0; }
.stamp { display: inline-block; border: 2px solid #b42318; color: #b42318; font-weight: 800; padding: 2px 10px; border-radius: 6px; transform: rotate(-6deg); }
@media print { body.pta .tnav, body.pta .top .signout, .noprint { display: none !important; } .receipt { border: 0; } }