/* Payments preview follows the existing Junior theme. */
.payments-tabs{display:flex;gap:4px;padding:5px 20px 0;border-bottom:1px solid #dfe7e4;background:#fff;flex-shrink:0}.payments-tabs button{border:0;border-radius:6px 6px 0 0;padding:8px 12px;font-size:12px;color:#60796f;background:transparent}.payments-tabs button[aria-current=page]{background:#e6f1eb;color:#195e52;box-shadow:inset 0 -2px #227566;font-weight:650}
#workspace.payments-open .schedule-controls,#workspace.payments-open .board-wrap,#workspace.payments-open .week-nav,#workspace.payments-open #add-btn,#workspace.payments-test-schedule .schedule-controls,#workspace.payments-test-schedule .board-wrap,#workspace.payments-test-schedule .week-nav,#workspace.payments-test-schedule #add-btn{display:none!important}
.payments-page[hidden],.payments-schedule-demo[hidden]{display:none!important}.payments-page,.payments-schedule-demo{min-height:0;overflow:auto;padding-top:10px}.payments-heading{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:10px;flex-wrap:wrap}.payments-heading p{margin:4px 0 0}.payments-heading>button{padding:8px 12px;font-size:12px}
.payments-demo-notice{display:flex;align-items:center;gap:10px;flex-wrap:wrap;background:#fff8e9;color:#795d2e;border:1px solid #ecdfc2;border-radius:7px;padding:9px 12px;font-size:12px;margin-bottom:12px}.payments-demo-notice span{flex:1}.payments-demo-notice button{padding:6px 9px;font-size:12px;white-space:nowrap}
.payments-toolbar{display:flex;align-items:flex-end;gap:14px;flex-wrap:wrap;margin-bottom:12px}.payments-toolbar label{font-size:11px}.payments-toolbar input,.payments-toolbar select{padding:7px 10px;margin-top:4px;font-size:12px}.payments-toolbar label:first-child{width:260px;max-width:100%}.payments-toolbar select{width:160px}.payments-toolbar>span{padding-bottom:7px;margin-left:auto}
.payments-layout{display:grid;grid-template-columns:minmax(0,1fr) 310px;gap:16px;align-items:start}.payments-table-wrap{overflow:auto;border:1px solid #dce5e1;border-radius:8px;background:#fff}.payments-table{border-collapse:collapse;width:100%;font-size:12px;font-variant-numeric:tabular-nums}.payments-table th,.payments-table td{padding:10px 12px;border-bottom:1px solid #e4eae7;text-align:left}.payments-table thead th{background:#f0f5f2;color:#60796f;font-weight:500;font-size:11px;white-space:nowrap}.payments-table .amount{text-align:right;white-space:nowrap}.payments-family{background:#f5f8f6}.payments-family th{min-width:190px}.payments-family small{display:block;font-size:11px;color:#60796f;font-weight:400;margin-top:3px}.payments-family-label{color:#60796f;font-size:11px}.payments-child{padding:0;border:0;background:transparent;color:#227566;text-align:left;border-radius:3px;font-size:12px}.payments-child:hover{text-decoration:underline;background:transparent}.payments-selected{background:#edf5f1}.payments-deadline{white-space:nowrap}.payments-overdue{color:#a13e4c!important;font-weight:600}.payments-help{color:#60796f;font-size:11px;line-height:1.5;margin:10px 0}.payments-history{list-style:none;padding:0;margin:0}.payments-history li{padding:9px 0;border-bottom:1px solid #dfe7e3}.payments-history strong{display:block;font-size:12px;font-weight:550}.payments-history small{display:block;color:#60796f;font-size:11px;margin-top:4px;line-height:1.5}
#payments-detail{padding:15px;background:#fff;border:1px solid #dce5e1;border-radius:8px}#payments-detail h3{font-size:16px;margin:0}#payments-detail h4{font-size:12px;margin:18px 0 3px}#payments-detail .eyebrow{font-size:10px;letter-spacing:.6px;margin-bottom:6px}.payments-child-balance{font-size:20px;font-weight:650;margin:10px 0 4px}.payments-actions{display:flex;gap:6px;flex-wrap:wrap;margin-top:12px}.payments-actions button{padding:7px 9px;font-size:11px}.payments-operation{margin-top:14px;padding:12px;background:#f5f8f6;border-radius:7px}.payments-operation>strong{font-size:12px}.payments-operation label{font-size:11px;margin-top:10px}.payments-operation input,.payments-operation select{font-size:12px;padding:7px;margin-top:4px}.payments-operation .error{min-height:0;margin:8px 0}
.payments-example-board{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;max-width:850px}.payments-example-column{padding:12px;background:#fff;border:1px solid #dce5e1;border-radius:8px}.payments-example-column h3{font-size:13px;margin:0 0 12px}.payments-example-lesson.lesson{display:flex;flex-direction:column;gap:5px;padding:12px;margin:10px 0}.payments-example-lesson .card-name{margin:0;font-size:14px}.payments-example-lesson .card-time{font-size:12px}.payments-example-kind,.payments-example-link{font-size:11px;color:#60796f}.payments-example-link{margin-top:4px;color:#227566}.payments-schedule-badge{display:block;width:fit-content;font-size:11px;line-height:1.4;background:#f5efdc;color:#796329;padding:3px 6px;border-radius:4px}.payments-schedule-badge.payments-overdue{background:#fce9eb}
@media(max-width:1050px){.payments-layout{grid-template-columns:minmax(0,1fr) 270px;gap:10px}.payments-table th,.payments-table td{padding:9px 8px}}
@media(max-width:800px){.payments-tabs{padding-left:12px;padding-right:12px}.payments-layout{grid-template-columns:1fr}.payments-table{min-width:580px}.payments-page{overflow:visible}.payments-toolbar>span{margin-left:0}#payments-detail{margin-bottom:16px}}
@media(max-width:480px){.payments-example-board{grid-template-columns:1fr}.payments-demo-notice span{flex-basis:100%}.payments-toolbar label:first-child{width:100%}}