.tuition-modes{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:20px}.tuition-modes [aria-pressed=true]{border-color:var(--green);background:var(--green-light);color:var(--ink)}
.tuition-toolbar{display:flex;align-items:end;gap:12px;flex-wrap:wrap}.tuition-toolbar label,.tuition-filter{display:grid;gap:6px;font-size:14px}.tuition-toolbar label{flex:1;min-width:180px}.tuition-toolbar input,.tuition-toolbar select,.tuition-filter select{min-height:44px;padding:10px 12px;border:1px solid var(--line);border-radius:8px;background:var(--white);color:var(--ink);font:inherit;font-size:16px;min-width:0}.tuition-toolbar input:focus-visible,.tuition-toolbar select:focus-visible,.tuition-filter select:focus-visible{outline:2px solid var(--green);outline-offset:2px}
.tuition-totals{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));border:1px solid var(--line);border-radius:12px;margin:20px 0}.tuition-totals>div{padding:16px;min-width:0}.tuition-totals>div+div{border-left:1px solid var(--line)}.tuition-totals span{display:block;font-size:13px;color:var(--muted)}.tuition-totals strong{display:block;margin-top:8px;font-size:22px;overflow-wrap:anywhere;font-variant-numeric:tabular-nums}.tuition-help{color:var(--muted);font-size:14px;line-height:1.6}.tuition-filter{max-width:270px;margin:20px 0}
.tuition-table-wrap{max-width:100%;overflow:auto;border:1px solid var(--line);border-radius:12px}.collection-table{width:100%;min-width:740px;border-collapse:collapse}.collection-table caption{text-align:left;padding:14px;font-size:14px;color:var(--muted)}.collection-table th{font-size:12px;text-transform:none;letter-spacing:0;color:var(--muted);background:var(--white)}.collection-table td{font-size:14px;vertical-align:top}.collection-table th,.collection-table td{padding:14px 12px}.collection-table td:nth-child(n+2):nth-child(-n+5),.collection-table th:nth-child(n+2):nth-child(-n+5){text-align:right;white-space:nowrap;font-variant-numeric:tabular-nums}.collection-table td:first-child{min-width:160px}.collection-table td:last-child{text-align:left;min-width:220px;font-weight:400}.collection-table small{display:block;margin-top:6px;color:var(--muted);font-size:12px;font-weight:400}.tuition-row-actions{display:flex;gap:8px;align-items:center;flex-wrap:wrap;margin-top:8px}.tuition-row-actions button{min-height:44px;font-size:13px}.tuition-status{display:inline-block;font-size:13px;font-weight:600;color:var(--muted)}.tuition-status.paid{color:var(--green)}.tuition-status.partial,.tuition-status.unpaid,.tuition-alert,.collection-table .tuition-alert{color:#a34720}.tuition-alert{font-size:14px;line-height:1.5}.tuition-preview{display:grid;gap:8px}.tuition-preview>p{display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap;padding:12px 0;margin:0;border-bottom:1px solid var(--line);font-size:14px}.tuition-preview span{font-variant-numeric:tabular-nums}.tuition-check{display:flex;gap:10px;align-items:center;font-size:14px;margin-bottom:18px;min-height:44px}.tuition-check input{width:22px;height:22px;accent-color:var(--green)}#paymentAllocation{padding:0 0 16px;font-size:14px}#paymentAllocation p{margin:6px 0}.tuition-history{padding:16px 0;border-bottom:1px solid var(--line);font-size:14px;overflow-wrap:anywhere}.tuition-history p{line-height:1.6;color:var(--muted);margin:8px 0}.tuition-history summary{cursor:pointer;min-height:44px;padding-top:10px}#tuitionSubmit[hidden]{display:none}
@media(max-width:1000px){.tuition-totals{grid-template-columns:1fr 1fr}.tuition-totals>div:nth-child(3){border-left:0}.tuition-totals>div:nth-child(n+3){border-top:1px solid var(--line)}}
@media(max-width:760px){.tuition-toolbar{align-items:stretch}.tuition-toolbar>*{width:100%}.tuition-toolbar label{min-width:0}.tuition-totals>div{padding:12px}.tuition-totals strong{font-size:19px}.collection-table{min-width:0;display:block}.collection-table caption{display:block}.collection-table thead{display:none}.collection-table tbody{display:block}.collection-table tr{display:grid;grid-template-columns:1fr 1fr;padding:16px;gap:10px;border-top:1px solid var(--line)}.collection-table td{padding:0;border:0!important;min-width:0!important;text-align:left!important}.collection-table td:first-child,.collection-table td:last-child{grid-column:1/-1}.collection-table td[data-label]{display:flex;flex-direction:column;gap:4px;font-weight:600}.collection-table td[data-label]::before{content:attr(data-label);font-weight:400;color:var(--muted);font-size:12px}.collection-table td:first-child{font-size:16px}.tuition-row-actions{gap:12px}.tuition-modes>*{flex:1}.tuition-totals span{font-size:12px}}
@media(max-width:760px){.tuition-toolbar{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.tuition-toolbar label{min-width:0}.tuition-toolbar>button{grid-column:1/-1}.tuition-toolbar input,.tuition-toolbar select{width:100%;box-sizing:border-box}}
@media(max-width:420px){.tuition-toolbar{grid-template-columns:minmax(0,1fr)}}

.tuition-student-total{display:block;margin-top:8px;font-size:13px;font-weight:600;color:var(--green);line-height:1.5}.tuition-total-due{background:var(--green-light)}.collection-table th small{font-weight:400;white-space:normal}
/* Compact payment controls and the requested four tuition figures. */
.collection-table th:last-child{text-align:left}.collection-table td:last-child{min-width:184px;white-space:normal}.collection-table td:first-child{min-width:145px}.collection-table th:nth-child(4){white-space:normal;min-width:110px}.collection-table .tuition-payment-total strong{color:var(--green);font-size:15px}.collection-table td small{white-space:normal;line-height:1.5}
.tuition-status{padding:3px 8px;border-radius:6px;background:var(--surface-soft);font-size:12px;line-height:1.5}.tuition-status.paid{background:var(--green-light)}.tuition-status.unpaid,.tuition-status.partial{background:#fff2e6;color:#8b461c}
.tuition-row-actions{gap:6px;margin-top:8px;flex-wrap:nowrap}.tuition-row-actions button{display:inline-flex;align-items:center;justify-content:center;gap:6px;min-height:36px;height:36px;border-radius:8px;font-family:inherit;font-weight:600;font-size:13px;line-height:1.2;cursor:pointer}.tuition-row-actions svg{width:17px;height:17px;flex-shrink:0}.tuition-pay-button{padding:0 10px;border:1px solid var(--green);background:var(--green);color:#fff}.tuition-icon-button{width:36px;min-width:36px;padding:0;border:1px solid var(--line);background:var(--white);color:var(--ink)}.tuition-pay-button:disabled{background:var(--surface-soft);color:var(--muted);border-color:var(--line);opacity:.7;cursor:default}.tuition-icon-button:hover{background:var(--surface-soft)}.tuition-row-actions button:focus-visible{outline:2px solid var(--green);outline-offset:3px}.tuition-toolbar .smart-date-control{min-width:0;width:100%}.tuition-toolbar .smart-date-native{width:1px!important;min-height:0!important;padding:0!important}
@media(max-width:760px){.tuition-row-actions button{height:44px;min-height:44px}.tuition-icon-button{width:44px;min-width:44px}.collection-table .tuition-payment-total{padding-top:8px;border-top:1px solid var(--line)!important}.collection-table .tuition-payment-total strong{font-size:17px}.collection-table td:last-child{margin-top:4px}}
.tuition-month-input{display:flex;position:relative;align-items:center;min-width:0}.tuition-month-input #tuitionMonth{padding-right:48px}.tuition-month-input>button{position:absolute;right:2px;top:2px;bottom:2px;width:42px;display:grid;place-items:center;border:0;border-radius:7px;background:transparent;color:var(--green);cursor:pointer}.tuition-month-input svg{width:21px;height:21px}.tuition-month-input>button:hover{background:var(--green-light)}
.tuition-month-dialog{width:min(360px,calc(100vw - 24px));padding:20px;max-height:calc(100dvh - 24px);overflow:auto}.tuition-month-dialog .dialog-head{align-items:center;margin-bottom:16px}.tuition-month-dialog h2{font-size:18px;margin:0}.tuition-year-navigation{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.tuition-year-navigation button{width:44px;height:44px;border:1px solid var(--line);border-radius:8px;background:var(--white);color:var(--ink);font-size:24px}.tuition-year-navigation strong{font-size:18px;font-variant-numeric:tabular-nums}.tuition-month-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.tuition-month-grid button{height:44px;border:1px solid var(--line);border-radius:8px;background:var(--white);color:var(--ink);font:inherit;font-size:14px;cursor:pointer}.tuition-month-grid button[aria-current]{background:var(--green);color:white;border-color:var(--green);font-weight:600}.tuition-month-grid button:not([aria-current]):hover{background:var(--surface-soft)}.tuition-current-month{display:block;min-height:44px;margin:12px auto 0}.tuition-month-dialog button:focus-visible,.tuition-month-input button:focus-visible,.payment-method-buttons button:focus-visible{outline:2px solid var(--green);outline-offset:3px}
.tuition-payment-meta{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.4fr);gap:16px;align-items:start}.payment-method-field>span{font-size:14px;font-weight:600}.payment-method-buttons{display:grid;grid-template-columns:1fr 1fr;gap:8px}.payment-method-buttons button{position:relative;display:flex;flex-direction:column;align-items:flex-start;gap:8px;padding:12px;min-height:88px;border:1px solid var(--line);border-radius:10px;background:var(--white);color:var(--ink);font-family:inherit;font-size:14px;font-weight:600;cursor:pointer;text-align:left}.payment-method-buttons svg{width:24px;height:24px}.payment-method-buttons button[aria-pressed=true]{background:var(--green-light);border-color:var(--green);color:var(--green)}.payment-method-buttons button:hover{border-color:var(--green)}.payment-method-buttons .method-check{position:absolute;top:10px;right:10px;visibility:hidden}.payment-method-buttons .method-check svg{width:16px;height:16px}.payment-method-buttons button[aria-pressed=true] .method-check{visibility:visible}
@media(max-width:600px){.tuition-payment-meta{grid-template-columns:1fr;gap:0}.payment-method-buttons button{min-height:82px}.tuition-month-dialog{padding:16px}}
/* Financial overview and compact, aligned collection ledger. */
.tuition-finance-overview{margin:22px 0 16px;border:1px solid var(--line);border-radius:14px;overflow:hidden;background:var(--white)}
.finance-overview-heading{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:16px 22px 0;min-height:88px}
.finance-overview-heading h2{margin:0;font-size:19px!important;letter-spacing:-.025em;line-height:1.4}
.finance-overview-heading p{margin:5px 0 0;font-size:13px;color:var(--muted)}
.finance-ledger-art{display:block;width:136px;height:98px;object-fit:contain;margin:-8px 0 -8px;filter:drop-shadow(0 5px 5px #173e2810);transition:transform .3s ease}
.tuition-finance-overview:hover .finance-ledger-art{transform:translateY(-2px)}
.tuition-finance-overview .tuition-totals{grid-template-columns:repeat(3,minmax(0,1fr));margin:12px 0 0;border:0;border-top:1px solid var(--line);border-radius:0}
.tuition-finance-overview .tuition-totals>div{padding:18px 20px;min-height:100px;background:transparent}
.tuition-finance-overview .tuition-totals .tuition-total-due{background:var(--green-dark);border-color:transparent;color:#fff}
.tuition-finance-overview .tuition-total-due span{color:#d3e5d9}
.tuition-finance-overview .tuition-totals strong{font-size:21px!important;line-height:1.35;letter-spacing:-.025em;margin-top:9px;color:var(--ink)}
.tuition-finance-overview .tuition-total-due strong{color:#fff}
.tuition-help{font-size:13px;line-height:1.65}
.tuition-table-wrap{border-radius:12px;background:var(--white)}
.collection-table{min-width:740px}
.collection-table caption{padding:16px 18px;text-align:left;font-size:13px;border-bottom:1px solid var(--line)}
.collection-table th{padding:12px 16px;background:var(--paper);font-size:12px!important;font-weight:500;line-height:1.5}
.collection-table th small{margin-top:2px;font-size:11px}
.collection-table td{vertical-align:middle;padding:15px 16px;font-size:13px!important;border-bottom:1px solid var(--line);font-variant-numeric:tabular-nums}
.collection-table tbody tr:last-child td{border-bottom:0}
.collection-table tbody tr:hover{background:var(--paper)}
.collection-table td:first-child{min-width:170px}
.collection-table td:first-child>b{font-size:14px;font-weight:600}
.tuition-student-meta{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-top:6px}
.collection-table .tuition-student-meta small{margin:0;font-size:12px;line-height:1.4}
.tuition-student-meta .tuition-status{padding:1px 6px;font-size:10px!important;border-radius:4px;line-height:1.6;font-weight:500}
.collection-table .tuition-payment-total strong{font-size:14px;color:var(--green-dark);font-weight:700}
.collection-table td:last-child{min-width:170px;width:170px}
.tuition-row-actions{margin:0;gap:4px;justify-content:flex-end}
.tuition-row-actions button{height:34px;min-height:34px;border-radius:7px;font-size:12px!important}
.tuition-pay-button{padding:0 10px;background:var(--green-light);color:var(--green-dark);border-color:transparent}
.tuition-pay-button:enabled:hover{background:var(--green);color:#fff}
.tuition-pay-button:disabled{background:transparent;border-color:transparent;color:var(--muted);opacity:.45}
.tuition-icon-button{width:32px;min-width:32px;border-color:transparent;background:transparent;color:var(--muted)}
.tuition-icon-button:hover{background:var(--green-light);color:var(--green)}
.collection-table th:last-child{text-align:right}
.dark .tuition-finance-overview .tuition-total-due{background:#234d3d}.dark .collection-table .tuition-payment-total strong{color:var(--green)}
@media(max-width:1100px){.tuition-finance-overview .tuition-totals{grid-template-columns:repeat(3,minmax(0,1fr))}.tuition-finance-overview .tuition-totals>div{padding:16px 18px}.tuition-finance-overview .tuition-totals>div:nth-child(3){border-left:1px solid var(--line)}.tuition-finance-overview .tuition-totals>div:nth-child(n+3){border-top:0}}
@media(max-width:760px){.finance-overview-heading{padding:14px 16px 0}.finance-overview-heading h2{font-size:17px!important}.finance-ledger-art{width:104px;height:86px}.tuition-finance-overview .tuition-totals>div{padding:14px 12px;min-height:96px}.tuition-finance-overview .tuition-totals strong{font-size:19px!important}.collection-table{min-width:0}.collection-table caption{padding:14px 16px}.collection-table tr{padding:16px;gap:12px}.collection-table td{padding:0;font-size:14px!important}.collection-table td:first-child{min-width:0}.collection-table .tuition-payment-total{padding-top:10px}.collection-table .tuition-payment-total strong{font-size:17px}.collection-table td:last-child{width:auto;min-width:0}.tuition-row-actions{justify-content:flex-start;gap:8px;margin-top:4px}.tuition-row-actions button{height:44px;min-height:44px;font-size:13px!important}.tuition-icon-button{width:44px;min-width:44px}.tuition-student-meta .tuition-status{font-size:11px!important}.tuition-student-meta{gap:8px}.collection-table tbody tr:hover{background:transparent}}
@media(prefers-reduced-motion:reduce){.finance-ledger-art{transition:none}.tuition-finance-overview:hover .finance-ledger-art{transform:none}}
/* Keep payment actions and mobile monetary labels intact. */
.tuition-row-actions .tuition-pay-button{flex-shrink:0;white-space:nowrap;min-width:88px}
.tuition-row-actions .tuition-icon-button{flex-shrink:0}
@media(max-width:760px){.collection-table td[data-label]{white-space:normal!important}.collection-table td[data-label]::before{white-space:normal;line-height:1.5;min-height:36px}.collection-table .tuition-payment-total{padding-top:0;border-top:0!important}.finance-overview-heading{gap:8px}.finance-overview-heading h2{font-size:16px!important}.finance-ledger-art{width:90px;flex-shrink:0}}

@media(max-width:600px){.tuition-finance-overview .tuition-totals{grid-template-columns:repeat(2,minmax(0,1fr))}.tuition-finance-overview .tuition-totals>.tuition-total-due{grid-column:1 / -1;display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:76px;border-left:0;border-top:1px solid var(--line)}.tuition-finance-overview .tuition-total-due strong{margin:0;text-align:right}.tuition-finance-overview .tuition-total-due span{max-width:50%}}
/* Finance motion and data-linked miniature doughnuts. */
.finance-art-scene{position:relative;display:grid;place-items:center;width:144px;height:104px;flex-shrink:0;isolation:isolate}
.finance-art-scene .finance-ledger-art{position:relative;z-index:1;margin:0;width:144px;height:104px;transform-origin:50% 70%;animation:ledger-float 5.6s ease-in-out infinite;will-change:transform}
.tuition-finance-overview:hover .finance-art-scene .finance-ledger-art{animation-play-state:running}
.finance-art-shadow{position:absolute;bottom:6px;left:30%;width:44%;height:7px;border-radius:50%;background:#193e2d16;filter:blur(3px);animation:ledger-shadow 5.6s ease-in-out infinite}
.finance-art-spark{position:absolute;z-index:2;width:7px;height:7px;background:#c6a66c;clip-path:polygon(50% 0,62% 38%,100% 50%,62% 62%,50% 100%,38% 62%,0 50%,38% 38%);animation:ledger-spark 5.6s ease-in-out infinite}
.spark-one{top:20%;right:10%}.spark-two{bottom:27%;left:13%;width:5px;height:5px;animation-delay:-2.8s;background:#7fa58b}
@keyframes ledger-float{0%,100%{transform:translateY(1px) rotate(-2deg)}50%{transform:translateY(-7px) rotate(2deg)}}
@keyframes ledger-shadow{0%,100%{transform:scaleX(1);opacity:.65}50%{transform:scaleX(.78);opacity:.32}}
@keyframes ledger-spark{0%,20%,80%,100%{opacity:.15;transform:scale(.65) rotate(0)}45%,60%{opacity:.8;transform:scale(1) rotate(22deg)}}
.tuition-finance-overview .tuition-totals>div{display:flex;align-items:center;gap:14px;padding:20px 18px}
.finance-metric-copy{min-width:0;flex:1}
.finance-chart{position:relative;width:48px;height:48px;flex:0 0 48px;color:var(--green)}
.finance-chart svg{width:48px;height:48px;display:block;overflow:visible;filter:drop-shadow(0 2px 1px #1a493216)}
.finance-chart circle{fill:none;stroke-width:5}
.finance-chart-track{stroke:var(--line)}.finance-chart-value{stroke:currentColor;stroke-linecap:butt}.finance-chart.previous{color:#aa8141}.finance-chart-debt{stroke:#d7b87d}
.tuition-finance-overview .finance-chart>span{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;gap:0;font-size:12px;font-weight:700;color:var(--green);font-variant-numeric:tabular-nums}
.finance-chart>span small{font-size:8px;margin-top:2px}.tuition-finance-overview .finance-chart.previous>span{color:#956b2d}
.tuition-total-due .finance-chart-track{stroke:#ffffff25}.tuition-total-due .finance-chart-value{stroke:#b3dbc1}.tuition-finance-overview .tuition-total-due .finance-chart>span{color:#fff}
.tuition-column-icon{display:inline-flex;align-items:center;vertical-align:middle;margin-right:6px;perspective:100px}
.tuition-column-icon .ui-icon{width:18px;height:18px;color:var(--green);stroke-width:1.8;transform:rotateY(-12deg) rotateX(8deg);filter:drop-shadow(0 1px 0 #fff) drop-shadow(1px 2px 1px #16422e26)}
.dark .tuition-column-icon .ui-icon{filter:drop-shadow(0 1px 0 #081e14) drop-shadow(1px 2px 1px #0005)}
@media(max-width:1100px){.tuition-finance-overview .tuition-totals>div{flex-direction:column;align-items:flex-start;gap:10px;padding:16px}.finance-chart{width:42px;height:42px;flex-basis:42px}.finance-chart svg{width:42px;height:42px}.finance-metric-copy{width:100%}.tuition-finance-overview .finance-chart>span{font-size:11px}}
@media(max-width:600px){.finance-art-scene{width:104px;height:90px}.finance-art-scene .finance-ledger-art{width:104px;height:90px}.tuition-finance-overview .tuition-totals>div{padding:14px 12px}.tuition-finance-overview .tuition-totals>.tuition-total-due{flex-direction:row;justify-content:flex-start;gap:14px}.tuition-finance-overview .tuition-total-due .finance-metric-copy{display:flex;align-items:center;justify-content:space-between;gap:10px}.tuition-finance-overview .tuition-total-due .finance-metric-copy>span{max-width:none}.tuition-finance-overview .tuition-total-due strong{font-size:18px!important}}
@media(max-width:360px){.tuition-finance-overview .tuition-total-due .finance-metric-copy{display:block}.tuition-finance-overview .tuition-total-due strong{text-align:left;margin-top:5px}}
@media(prefers-reduced-motion:reduce){.finance-art-scene .finance-ledger-art,.finance-art-shadow,.finance-art-spark{animation:none!important;will-change:auto}.tuition-finance-overview:hover .finance-art-scene .finance-ledger-art{transform:none}}
/* Align every ledger column centrally, keeping student identity left-aligned. */
@media(min-width:761px){.collection-table th:nth-child(n+2),.collection-table td:nth-child(n+2){text-align:center!important;vertical-align:middle}.collection-table td:nth-child(n+2) .tuition-row-actions{justify-content:center}.collection-table th:first-child,.collection-table td:first-child{text-align:left!important}}
@media(max-width:760px){.collection-table td[data-label]{text-align:center!important;align-items:center}.collection-table td:last-child .tuition-row-actions{justify-content:center}}
/* Unified filter/action toolbar and receipt controls. */
.tuition-toolbar{display:flex;justify-content:space-between;align-items:flex-end;gap:16px;flex-wrap:wrap}
.tuition-filter-group{display:flex;align-items:flex-end;gap:10px;flex:1 1 420px;min-width:0;flex-wrap:wrap}
.tuition-filter-group>label{flex:1 1 135px;min-width:120px;max-width:205px;gap:6px;font-size:12px}
.tuition-filter-group input,.tuition-filter-group select{width:100%;min-height:42px;padding:9px 11px;font-size:14px}
.tuition-action-group{display:flex;align-items:center;justify-content:flex-end;gap:8px;margin-left:auto;flex:0 1 auto;flex-wrap:wrap}
.tuition-action-group button{min-height:42px;padding:9px 12px;white-space:nowrap;font-size:13px!important}
.tuition-action-group .tuition-reopen-button{order:-1;background:transparent}
.tuition-old-debt{display:flex;align-items:center;gap:12px;padding:14px 16px;border:1px solid var(--line);border-radius:12px;background:var(--paper);margin:16px 0 20px;min-height:70px}
.tuition-old-debt>input{margin:0;width:20px;height:20px;min-height:20px;flex-shrink:0}.tuition-old-debt>span{flex:1;min-width:0;font-size:14px;font-weight:600}.tuition-old-debt small{display:block;color:var(--muted);font-size:12px;margin-top:5px;font-weight:400}.tuition-old-debt strong{color:var(--green);font-size:17px;white-space:nowrap;font-variant-numeric:tabular-nums}.tuition-old-debt:has(input:checked){border-color:var(--green);background:var(--green-light)}
.tuition-payment-meta{grid-template-columns:1fr 1fr;gap:16px;margin-top:18px;align-items:stretch}
.tuition-payment-meta>.field{padding:14px;border:1px solid var(--line);border-radius:12px;margin:0 0 18px;background:var(--white);align-content:start;gap:9px;min-width:0}
.tuition-payment-meta .field>label,.tuition-payment-meta .payment-method-field>span{font-size:13px;color:var(--muted);font-weight:600}
.tuition-payment-meta #paymentDate{min-height:44px;font-size:14px;border-radius:8px;border-color:var(--line);padding:10px 44px 10px 10px}
.tuition-payment-meta .smart-date-button{width:38px;height:38px;min-height:38px;color:var(--green)}
.tuition-payment-meta .date-shortcuts{margin:0;gap:6px}.tuition-payment-meta .date-shortcuts button{font-family:inherit;min-height:30px;padding:5px 10px;border:1px solid var(--line);border-radius:7px;background:var(--paper);color:var(--green);font-size:12px!important}
.tuition-payment-meta .payment-method-buttons{gap:8px}.tuition-payment-meta .payment-method-buttons button{display:flex;flex-direction:row;align-items:center;justify-content:center;gap:7px;min-height:44px;padding:10px 8px;border-radius:8px;font-size:13px!important;background:var(--white)}.tuition-payment-meta .payment-method-buttons button>svg{width:18px;height:18px}.tuition-payment-meta .payment-method-buttons [aria-pressed=true]{background:var(--green-light);border-color:var(--green);color:var(--green)}.tuition-payment-meta .method-check{display:none}
#paymentAllocation{border:1px solid var(--line);border-radius:10px;padding:10px 14px;background:var(--paper);font-size:13px}#paymentAllocation p{display:flex;justify-content:space-between;gap:12px;line-height:1.6;margin:5px 0}#paymentAllocation p:first-child{padding-bottom:8px;border-bottom:1px solid var(--line);margin-bottom:8px}
body[data-style=zodiac] .tuition-old-debt,body[data-style=zodiac] .tuition-payment-meta>.field{border-color:var(--zodiac-border);background:var(--zodiac-paper)}body[data-style=zodiac] .tuition-payment-meta .payment-method-buttons button{background:var(--zodiac-paper)}body[data-style=zodiac] .tuition-payment-meta .payment-method-buttons [aria-pressed=true]{background:var(--green-light)}
@media(max-width:1100px){.tuition-filter-group{flex-basis:100%}.tuition-filter-group>label{max-width:none;flex:1 1 130px}.tuition-action-group{width:100%;justify-content:flex-end}}
@media(max-width:760px){.tuition-toolbar{display:flex;gap:12px}.tuition-filter-group{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;width:100%}.tuition-filter-group>label{min-width:0;max-width:none;font-size:12px}.tuition-filter-group>label:last-child{grid-column:1/-1}.tuition-action-group{flex-wrap:nowrap;gap:8px}.tuition-action-group>button{flex:1;min-width:0;white-space:normal;min-height:44px}.tuition-payment-meta{grid-template-columns:1fr;gap:0}.tuition-old-debt{padding:12px;gap:10px;flex-wrap:wrap}.tuition-old-debt strong{font-size:16px}.tuition-old-debt small{font-size:11px}.tuition-payment-meta .payment-method-buttons button{min-height:44px}.tuition-payment-meta>.field{margin-bottom:12px}}
@media(max-width:360px){.tuition-filter-group{grid-template-columns:1fr}.tuition-filter-group>label:last-child{grid-column:auto}.tuition-old-debt strong{margin-left:30px}.tuition-action-group button{font-size:12px!important}}
@media(max-width:420px){.tuition-old-debt{display:grid;grid-template-columns:20px minmax(0,1fr);gap:8px 10px;align-items:center}.tuition-old-debt>input{grid-column:1;grid-row:1}.tuition-old-debt>span{grid-column:2;grid-row:1}.tuition-old-debt>strong{grid-column:2;grid-row:2;margin-left:0!important}.tuition-old-debt small{line-height:1.5}.tuition-payment-meta .payment-method-buttons button{font-size:12px!important}}