/* ═══ SELLIORA — shared chrome for every university section ═════════
   Scoped to .uni-sec so it lifts Admissions, Order book and Ledger to
   the same treatment the Universities section already has.            */

.uni-sec .card{
  border:1px solid var(--bd);border-radius:14px;padding:18px;
}

/* ── section heading ── */
.uni-sec .usec-title{
  display:flex;align-items:center;gap:10px;flex-wrap:wrap;
  font-size:15px;font-weight:650;color:var(--t);
  letter-spacing:-.01em;margin-bottom:16px;
}
.uni-sec .usec-ti{
  width:30px;height:30px;border-radius:8px;flex-shrink:0;
  display:flex;align-items:center;justify-content:center;
  background:var(--pl);color:var(--p);
}
.uni-sec .usec-ti svg{width:16px;height:16px}
.uni-sec .usec-tt{flex-shrink:0}
.uni-sec .usec-title > span:not(.usec-ti):not(.usec-tt){
  font-size:11.5px !important;font-weight:400 !important;color:var(--t3) !important;
  line-height:1.5;min-width:0;
}
.uni-sec .usec-title .btn{margin-left:auto;flex-shrink:0}

/* ── filter toolbar ── */
.uni-sec .usec-bar{
  display:flex !important;gap:9px;flex-wrap:wrap;align-items:center;
  margin-bottom:16px !important;padding-bottom:16px;
  border-bottom:1px solid var(--bd);
}
.uni-sec .usec-search{max-width:300px;flex:1 1 220px}
.uni-sec .usec-search input{height:40px;padding:0 38px 0 38px;font-size:13px;border-radius:10px}
.uni-sec .usec-search .usi{left:13px;width:16px;height:16px}
.uni-sec .usec-search .usx{right:11px}

.uni-sec .usec-sel,
.uni-sec .usec-in{
  height:40px;padding:0 12px;font-size:12.5px;font-family:inherit;
  color:var(--t);background:var(--s);
  border:1px solid var(--bd2);border-radius:10px;
  transition:border-color .15s,box-shadow .15s;
}
.uni-sec .usec-sel{cursor:pointer;padding-right:30px}
.uni-sec .usec-in[type="date"]{max-width:150px}
.uni-sec .usec-in[type="number"]{max-width:140px}
.uni-sec .usec-sel:hover,.uni-sec .usec-in:hover{border-color:var(--pm)}
.uni-sec .usec-sel:focus,.uni-sec .usec-in:focus{
  outline:none;border-color:var(--p);box-shadow:0 0 0 3px var(--pl);
}

/* ── ledger payout cluster ── */
.uni-sec .usec-payout{
  display:flex !important;align-items:center;gap:8px;flex-wrap:wrap;
  margin-left:auto;padding:7px 9px 7px 13px;
  background:var(--s2);border:1px solid var(--bd);border-radius:11px;
}
.uni-sec .usec-payout-l{
  font-size:11px;font-weight:700;letter-spacing:.04em;text-transform:uppercase;
  color:var(--t3);white-space:nowrap;
}
.uni-sec .usec-payout .usec-in{height:34px;background:var(--s)}
.uni-sec .usec-payout .btn{height:34px}

/* ── tables: one look across all four sections ── */
.uni-sec table{
  width:100%;border-collapse:collapse;font-size:12.5px;
}
.uni-sec table th{
  text-align:left;padding:10px 12px;white-space:nowrap;
  font-size:10.5px;font-weight:700;letter-spacing:.05em;text-transform:uppercase;
  color:var(--t3);background:var(--s2);
  border-bottom:1px solid var(--bd);
}
.uni-sec table th:first-child{border-top-left-radius:9px}
.uni-sec table th:last-child{border-top-right-radius:9px}
.uni-sec table td{
  padding:11px 12px;border-bottom:1px solid var(--bd);color:var(--t);
  vertical-align:middle;
}
.uni-sec table tbody tr{transition:background .12s}
.uni-sec table tbody tr:hover{background:var(--s2)}
.uni-sec table tbody tr:last-child td{border-bottom:none}

/* money columns line up when digits change */
.uni-sec table td:nth-last-child(-n+4){font-variant-numeric:tabular-nums}

.uni-sec .pill{border-radius:6px;font-weight:600}

@media(max-width:820px){
  .uni-sec .card{padding:14px}
  .uni-sec .usec-search{max-width:none;flex-basis:100%}
  .uni-sec .usec-sel,.uni-sec .usec-in{flex:1 1 140px}
  .uni-sec .usec-payout{margin-left:0;width:100%}
}
@media(prefers-reduced-motion:reduce){
  .uni-sec table tbody tr,.uni-sec .usec-sel,.uni-sec .usec-in{transition:none}
}