/* CELAR 0.25 — student commerce and institutional supplier lots. */
.commerce-page{max-width:1300px;margin:auto}.commerce-hero{display:flex;justify-content:space-between;gap:20px;align-items:center;margin:6px 0 20px}.commerce-hero h2{font-size:clamp(23px,2.8vw,32px);margin:4px 0 8px;color:#153d53}.commerce-hero p{font-size:13px;color:#647b8a;line-height:1.6;max-width:760px}
.commerce-summary{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.commerce-summary>div{display:flex;flex-direction:column;gap:10px;border:1px solid #d8e6e1;background:#fff;border-radius:12px;padding:16px 15px;min-width:0}.commerce-summary>div small{color:#637b88;font-size:11px;line-height:1.35}.commerce-summary strong{font-size:clamp(16px,1.8vw,22px);font-weight:800;color:#23465d;overflow-wrap:anywhere}.commerce-summary strong small{font-size:10px;font-weight:600}.commerce-summary>div:nth-child(1){background:#f1f9f3;border-color:#c3dfcb}.commerce-summary>div:nth-child(1) strong{color:#276344}.commerce-summary>div>span{font-size:11px;color:#8a6737}.commerce-summary-note{font-size:11px;color:#718592;margin:10px 0 21px;line-height:1.5}
.commerce-tabs{display:flex;gap:9px;flex-wrap:wrap;border-bottom:1px solid #dce9e3;padding-bottom:10px;margin-bottom:18px}.commerce-tab{border:1px solid #d4e1df;border-radius:10px;padding:12px 17px;font-size:13px;font-weight:750;font-family:inherit;background:#fff;color:#32566b;cursor:pointer}.commerce-tab:hover{background:#eff8f3}.commerce-tab.is-active{background:#23704f;border-color:#23704f;color:#fff}.commerce-tab:focus-visible,.commerce-student-btn:focus-visible{outline:3px solid #e3b858;outline-offset:3px}.commerce-pane[hidden],.commerce-entry form[hidden],.commerce-placeholder[hidden],.commerce-payment[hidden]{display:none!important}.commerce-student-grid{display:grid;grid-template-columns:minmax(280px,.95fr) minmax(320px,1.05fr);gap:17px;align-items:start}.commerce-students,.commerce-entry{padding:23px;border-radius:14px;min-width:0}.commerce-page h3{font-size:18px;color:#18435a;margin:0 0 17px}.commerce-step{display:inline-grid;place-items:center;background:#e6f2eb;color:#246646;border-radius:9px;width:30px;height:30px;margin-right:8px;font-size:13px}
.commerce-page label:not(.commerce-confirm):not(.commerce-choice label){display:block;color:#34536b;font-size:12px;font-weight:750;margin-bottom:14px}.commerce-page label>input:not([type=radio]):not([type=checkbox]),.commerce-page label>select{display:block;width:100%;margin-top:7px;background:#fff;border:1px solid #cddde4;border-radius:9px;padding:11px 12px;color:#1e4359;font-size:13px}.commerce-student-list{max-height:530px;overflow:auto;border:1px solid #dfe9ec;border-radius:11px}.commerce-student-btn{display:flex;width:100%;border:0;border-bottom:1px solid #e8eef0;background:#fff;color:#204359;align-items:center;gap:12px;text-align:left;padding:12px;cursor:pointer}.commerce-student-btn:last-child{border-bottom:0}.commerce-student-btn:hover{background:#f3faf5}.commerce-student-btn.is-selected{background:#e8f7ef;box-shadow:inset 3px 0 #2e8058}.commerce-student-btn[hidden],#com-no-results[hidden]{display:none!important}.commerce-student-btn>span:nth-child(2){flex:1;min-width:0;display:grid;gap:4px}.commerce-student-btn strong{font-size:13px;overflow-wrap:anywhere}.commerce-student-btn small,.commerce-count{font-size:11px;color:#77909c}.commerce-initial{width:36px;height:36px;display:grid;place-items:center;flex:none;border-radius:10px;color:#35607a;background:#e8f1f4;font-weight:850}.commerce-arrow{font-size:24px;color:#44936a}.commerce-placeholder{border:1px dashed #b9d4c2;border-radius:12px;padding:42px 24px;text-align:center;background:#f7fbf8;color:#446c56}.commerce-placeholder strong{font-size:15px}.commerce-placeholder p{font-size:12px;line-height:1.55;max-width:310px;margin:9px auto 0}
.commerce-selected{background:#ebf7ef;border:1px solid #c4e2cd;border-radius:10px;padding:13px 14px;margin:0 0 17px;display:grid;gap:6px;position:relative}.commerce-selected small{color:#547b63;font-size:10px}.commerce-selected strong{color:#20573e;font-size:15px;padding-right:90px}.commerce-selected button{position:absolute;right:9px;top:14px;border:0;background:transparent;color:#256749;font-size:11px;font-weight:800;cursor:pointer;text-decoration:underline}.commerce-pair{display:grid;grid-template-columns:1fr 1fr;gap:0 14px}.commerce-choice{display:grid;grid-template-columns:1fr 1fr;gap:9px;padding:0;border:0;margin:18px 0}.commerce-choice legend{font-size:12px;font-weight:800;color:#31546a;margin-bottom:9px}.commerce-choice label{display:flex;align-items:flex-start;gap:10px;border:1px solid #d4e3e3;border-radius:10px;padding:13px;cursor:pointer;background:#fff;font-size:12px;color:#31516a}.commerce-choice label:has(input:checked){border-color:#66a783;background:#f0f9f3;box-shadow:inset 0 0 0 1px #66a783}.commerce-choice input{flex:none;width:17px;height:17px;accent-color:#247a4e;margin:2px 0 0}.commerce-choice label span{display:grid;gap:5px}.commerce-choice label strong{font-weight:750}.commerce-choice label small{font-size:10px;color:#728897;line-height:1.35}.commerce-payment{background:#f4faf7;border-radius:11px;border-left:3px solid #6db18a;padding:16px;margin:10px 0 13px}.commerce-confirm{display:flex!important;align-items:flex-start;gap:10px;color:#245c43!important;font-size:12px!important;font-weight:650!important;cursor:pointer;line-height:1.5;margin:8px 0!important}.commerce-confirm input{flex:none;width:17px;height:17px;accent-color:#257e50;margin-top:3px}.commerce-help{font-size:11px;color:#6e8592;line-height:1.55;margin:15px 0}.commerce-submit{width:100%;padding:13px}.commerce-success{background:#eff8f1;border:1px solid #bddbc5;border-radius:10px;color:#246143;padding:12px 15px;font-weight:700;margin-bottom:17px;font-size:13px}
.commerce-history,.commerce-supplier-history{padding:22px;min-width:0}.commerce-page table{width:100%}.commerce-page table th,.commerce-page table td{font-size:11px;vertical-align:middle}.commerce-history .section-head h3,.commerce-supplier-history h3{margin-bottom:6px}.commerce-filters{display:flex;gap:12px;align-items:end;flex-wrap:wrap;margin:15px 0}.commerce-filters label{max-width:270px}.commerce-filters button{margin-bottom:14px}.commerce-status{display:inline-block;border-radius:20px;padding:5px 8px;font-size:10px;font-weight:800;white-space:nowrap}.commerce-status.is-paid{color:#23613d;background:#e6f5e9}.commerce-status.is-partial{color:#806018;background:#fff4d7}.commerce-status.is-pending{color:#8b4d32;background:#fff0e7}.commerce-purchases{display:grid;grid-template-columns:minmax(320px,.9fr) minmax(350px,1.1fr);gap:15px;align-items:start}.commerce-supplier-form{padding:22px;border-radius:14px}.commerce-supplier-form>p{font-size:12px;line-height:1.5}.commerce-supplier-form .commerce-choice{grid-template-columns:1fr 1fr}.commerce-footer-help{font-size:11px;color:#718694;line-height:1.6;margin:25px 0 5px}
@media(max-width:1100px){.commerce-summary{grid-template-columns:repeat(2,minmax(0,1fr))}.commerce-student-grid,.commerce-purchases{grid-template-columns:1fr}.commerce-student-list{max-height:350px}}@media(max-width:650px){.commerce-hero{display:block}.commerce-hero a{margin-top:8px}.commerce-summary{gap:8px}.commerce-summary>div{padding:12px 10px}.commerce-summary strong{font-size:16px}.commerce-tabs{display:grid;grid-template-columns:1fr 1fr}.commerce-tab{padding:12px 8px;font-size:11px}.commerce-students,.commerce-entry,.commerce-history,.commerce-supplier-form,.commerce-supplier-history{padding:15px}.commerce-pair,.commerce-choice,.commerce-supplier-form .commerce-choice{grid-template-columns:1fr}.commerce-page table{min-width:750px}.commerce-filters{align-items:stretch}}

.commerce-installments{margin:15px 0 8px}.commerce-installments[hidden]{display:none}.commerce-installments .btn{width:100%;font-size:12px}

.commerce-quick-search{max-width:420px;margin:13px 0 12px!important}.commerce-quick-search input{max-width:420px}.commerce-page tr[hidden]{display:none!important}