إ.receipt-grid strong
/* K24 Kurdish fonts — place the two supplied font files in assets/fonts/ */
@font-face{
  font-family:'K24 Kurdish';
  src:url('assets/fonts/K24KurdishBold-Bold.ttf') format('truetype');
  font-weight:300 500;
  font-style:normal;
  font-display:swap;
}
@font-face{
  font-family:'K24 Kurdish';
  src:url('assets/fonts/K24KurdishBold-Bold.ttf') format('truetype');
  font-weight:600 900;
  font-style:normal;
  font-display:swap;
}
html,body,input,select,textarea,button,.btn,table,th,td{font-family:'K24 Kurdish',Tahoma,Arial,sans-serif!important}
h1,h2,h3,h4,h5,h6,strong,b,.sidebar a,.page-title,.stat-card p,th{font-family:'K24 Kurdish',Tahoma,Arial,sans-serif!important;font-weight:700}
body{font-weight:400}
input,select,textarea{font-weight:400}
.receipt-a5,.receipt-a5 *{font-family:'K24 Kurdish',Tahoma,Arial,sans-serif!important}
.receipt-brand h2,.receipt-title,.receipt-amount strong,.receipt-history h3,.receipt-summary-table th{font-weight:700}
@media print{body,.receipt-a5,.receipt-a5 *{font-family:'K24 Kurdish',Tahoma,Arial,sans-serif!important}}
*{box-sizing:border-box}body{margin:0;font-family:Tahoma,Arial,sans-serif;background:#f4f7fb;color:#14213d}.app{display:flex;min-height:100vh}.sidebar{width:260px;background:#102a43;color:white;padding:20px;position:fixed;top:0;bottom:0;overflow:auto}.sidebar h2{margin-top:0}.sidebar a{display:block;color:#e8f1ff;text-decoration:none;padding:10px;border-radius:10px;margin:4px 0}.sidebar a:hover{background:#1e4976}.content{margin-right:260px;padding:24px;width:calc(100% - 260px)}.card,.panel,.form-box{background:white;border-radius:16px;padding:18px;margin-bottom:18px;box-shadow:0 4px 16px #0001}.stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:15px}.stat-card{background:linear-gradient(135deg,#fff,#eaf3ff);border-radius:16px;padding:18px;box-shadow:0 4px 14px #0001}.stat-card p{font-size:24px;font-weight:bold;margin:5px 0}input,select,textarea{width:100%;padding:10px;border:1px solid #ccd6e0;border-radius:10px;margin:6px 0 12px}button,.btn{display:inline-block;border:0;background:#0b6bcb;color:#fff;padding:10px 16px;border-radius:10px;text-decoration:none;cursor:pointer}.danger{background:#c62828}.success{background:#e8f8ed;color:#087a2e;padding:10px;border-radius:10px}.error{background:#fdeaea;color:#b00020;padding:10px;border-radius:10px}table{width:100%;border-collapse:collapse;background:white;border-radius:14px;overflow:hidden}th,td{border-bottom:1px solid #edf1f5;padding:10px;text-align:right}th{background:#eef5ff}.grid-2{display:grid;grid-template-columns:1fr 1fr;gap:18px}.muted{opacity:.8}.receipt{max-width:800px;margin:auto;background:white;padding:30px;border:2px solid #102a43}.receipt h1,.receipt h2{text-align:center}.print-only{display:none}@media print{.sidebar,.no-print,button,.btn{display:none!important}.content{margin:0;width:100%;padding:0}.receipt{border:0}.print-only{display:block}}@media(max-width:800px){.sidebar{position:relative;width:100%;height:auto}.app{display:block}.content{margin:0;width:100%}.grid-2{grid-template-columns:1fr}}
.page-title{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:16px}.page-title h1{margin:0}.page-title p{margin:6px 0 0;color:#64748b}.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 18px}.full-width{grid-column:1/-1}.fee-preview{display:flex;flex-direction:column;justify-content:center;background:#eef7ff;border:1px solid #cfe5fb;border-radius:12px;padding:12px;margin-bottom:12px}.fee-preview strong{font-size:20px;margin-top:5px}.filter-grid{display:grid;grid-template-columns:2fr 1fr 1fr 1fr auto;gap:12px;align-items:end}.filter-actions{display:flex;gap:7px;margin-bottom:12px}.toolbar{display:flex;gap:8px;margin-bottom:12px}.secondary{background:#64748b}.success-btn{background:#14804a}.table-wrap{overflow:auto;border-radius:14px;box-shadow:0 4px 16px #0001}.student-cell{display:flex;align-items:center;gap:9px;min-width:170px}.student-cell img,.student-thumb{width:46px;height:46px;border-radius:50%;object-fit:cover;border:1px solid #d9e2ec}.student-cell small{display:block;color:#64748b;margin-top:4px}.action-group{display:flex;align-items:center;gap:5px;white-space:nowrap}.action-group form{margin:0}.btn.small{padding:7px 9px;font-size:12px}.empty-state{text-align:center;padding:30px;color:#64748b}@media(max-width:1050px){.filter-grid{grid-template-columns:1fr 1fr}.filter-actions{grid-column:1/-1}.form-grid{grid-template-columns:1fr}}@media print{.page-title .btn,.toolbar{display:none!important}}
.status-badge{display:inline-block;padding:5px 9px;border-radius:999px;font-size:12px;font-weight:bold}.status-paid{background:#dcfce7;color:#166534}.status-partial{background:#fef3c7;color:#92400e}.status-unpaid{background:#fee2e2;color:#991b1b}.report-filter-grid{display:grid;grid-template-columns:2fr repeat(5,1fr) auto;gap:10px;align-items:end}.receipt-actions{max-width:760px;margin:0 auto 12px;display:flex;justify-content:flex-end;gap:8px}.receipt-a5{width:148mm;min-height:200mm;margin:auto;background:#fff;border:1px solid #cbd5e1;padding:11mm;box-shadow:0 8px 30px #0002;position:relative}.receipt-brand{display:grid;grid-template-columns:72px 1fr 145px;gap:12px;align-items:center;border-bottom:2px solid #102a43;padding-bottom:10px}.receipt-logo img{width:65px;height:65px;object-fit:contain}.receipt-brand h2{margin:0 0 4px;font-size:22px}.receipt-brand p{margin:2px 0;font-size:11px}.receipt-meta{display:grid;gap:3px;text-align:left;font-size:10px}.receipt-meta strong{font-size:11px;overflow-wrap:anywhere}.receipt-title{text-align:center;font-size:24px;margin:16px 0;border:2px solid #102a43;border-radius:8px;padding:8px}.receipt-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}.receipt-grid>div{border:1px solid #dbe4ee;border-radius:7px;padding:8px}.receipt-grid span,.receipt-signatures span{display:block;font-size:11px;color:#64748b}.receipt-grid strong{display:block;margin-top:3px}.receipt-amount{margin:14px 0;background:#eef5ff;border:2px solid #0b6bcb;border-radius:10px;text-align:center;padding:12px}.receipt-amount span{display:block;font-size:13px}.receipt-amount strong{font-size:27px;display:block;margin-top:5px}.receipt-summary-table th,.receipt-summary-table td{text-align:center;border:1px solid #dbe4ee}.receipt-note{margin-top:12px;border:1px dashed #94a3b8;padding:8px;border-radius:8px}.receipt-note p{margin:5px}.receipt-signatures{display:grid;grid-template-columns:1fr 1fr;gap:40px;margin-top:24px;text-align:center}.receipt-signatures>div{border-top:1px solid #94a3b8;padding-top:8px}.receipt-footer{position:absolute;bottom:8mm;left:11mm;right:11mm;border-top:1px solid #cbd5e1;padding-top:6px;display:flex;justify-content:space-between;font-size:10px}.receipt-summary-table{width:100%}@media(max-width:1100px){.report-filter-grid{grid-template-columns:1fr 1fr}.report-filter-grid .filter-actions{grid-column:1/-1}}@media print{@page{size:A5 portrait;margin:0}.receipt-a5{width:148mm;min-height:210mm;border:0;box-shadow:none;margin:0;padding:10mm}.content{direction:rtl}.receipt-actions{display:none!important}}


/* Step 2.1: received installment history on A5 receipt */
.receipt-history{margin-top:14px}
.receipt-history h3{margin:0 0 7px;text-align:center;font-size:15px}
.receipt-history-table{width:100%;border-collapse:collapse;font-size:12px}
.receipt-history-table th,.receipt-history-table td{border:1px solid #555;padding:6px 5px;text-align:center}
.receipt-history-table th{background:#f1f3f5;font-weight:700}
@media print{
  .receipt-history-table th{background:#eee!important;-webkit-print-color-adjust:exact;print-color-adjust:exact}
  .receipt-history-table{page-break-inside:avoid}
}

/* Step 2.2 — compact, professional, single-page A5 receipt */
.receipt-a5{
  width:148mm;
  min-height:0;
  margin:0 auto;
  padding:7mm 8mm;
  background:#fff;
  border:1px solid #9aa9ba;
  border-radius:3mm;
  box-shadow:0 8px 28px #0002;
  color:#172033;
  font-size:11px;
  line-height:1.35;
  position:relative;
}
.receipt-brand{
  display:grid;
  grid-template-columns:18mm minmax(0,1fr) 38mm;
  gap:3mm;
  align-items:center;
  border-bottom:1.5px solid #172033;
  padding-bottom:3mm;
}
.receipt-logo{display:flex;align-items:center;justify-content:center}
.receipt-logo img{width:16mm;height:16mm;object-fit:contain}
.receipt-brand h2{margin:0 0 1mm;font-size:16px;line-height:1.15}
.receipt-brand p{margin:.4mm 0;font-size:8.5px;line-height:1.25}
.receipt-brand .brand-address{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.receipt-meta{
  display:grid;
  grid-template-columns:auto;
  gap:.5mm;
  text-align:right;
  font-size:8px;
  border-right:1px solid #d7dee7;
  padding-right:2.5mm;
}
.receipt-meta span{color:#607086}
.receipt-meta strong{font-size:9px;line-height:1.2;overflow-wrap:anywhere}
.receipt-title{
  text-align:center;
  font-size:16px;
  line-height:1.2;
  margin:3mm 0;
  padding:2mm;
  border:1px solid #172033;
  border-radius:2mm;
  letter-spacing:0;
}
.receipt-grid{display:grid;grid-template-columns:1fr 1fr;gap:1.5mm 2mm}
.receipt-grid>div{
  display:grid;
  grid-template-columns:31mm 1fr;
  align-items:center;
  gap:1mm;
  min-height:8mm;
  border:1px solid #d7dee7;
  border-radius:1.5mm;
  padding:1.5mm 2mm;
}
.receipt-grid span,.receipt-signatures span{font-size:8.5px;color:#607086}
.receipt-grid strong{margin:0;font-size:10px;line-height:1.2;overflow-wrap:anywhere}
.receipt-amount{
  display:flex;
  justify-content:space-between;
  align-items:center;
  margin:2.5mm 0;
  padding:2mm 3mm;
  background:#f3f7fb;
  border:1.5px solid #1d5d8f;
  border-radius:2mm;
}
.receipt-amount span{font-size:10px}
.receipt-amount strong{font-size:16px;line-height:1;margin:0}
.receipt-summary-table{table-layout:fixed;font-size:9px;border-radius:0;overflow:visible}
.receipt-summary-table th,.receipt-summary-table td{
  padding:1.6mm 1mm;
  text-align:center;
  border:1px solid #cbd5df;
  line-height:1.2;
}
.receipt-summary-table th{font-size:8px;background:#eef3f7}
.receipt-summary-table td{font-size:9.5px;font-weight:700}
.receipt-note{
  display:grid;
  grid-template-columns:1fr 1.4fr;
  gap:2mm;
  margin-top:2.5mm;
  padding:1.8mm 2.2mm;
  border:1px dashed #8b9bad;
  border-radius:1.5mm;
}
.receipt-note p{margin:0;font-size:9px;line-height:1.3}
.receipt-history{margin-top:2.5mm}
.receipt-history h3{margin:0 0 1.5mm;text-align:center;font-size:11px;line-height:1.2}
.receipt-history-table{width:100%;table-layout:fixed;border-collapse:collapse;font-size:8.5px;border-radius:0;overflow:visible}
.receipt-history-table th,.receipt-history-table td{
  border:1px solid #aeb9c5;
  padding:1.15mm .8mm;
  text-align:center;
  line-height:1.15;
  overflow-wrap:anywhere;
}
.receipt-history-table th{background:#eef3f7;font-size:8px;font-weight:700}
.receipt-history-table th:nth-child(1),.receipt-history-table td:nth-child(1){width:7mm}
.receipt-history-table th:nth-child(2),.receipt-history-table td:nth-child(2){width:34mm}
.receipt-history-table th:nth-child(3),.receipt-history-table td:nth-child(3){width:25mm}
.receipt-history-table th:nth-child(4),.receipt-history-table td:nth-child(4){width:24mm}
.receipt-signatures{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:18mm;
  margin-top:4mm;
  text-align:center;
}
.receipt-signatures>div{border-top:1px solid #8b9bad;padding-top:1.5mm;min-height:13mm}
.receipt-signatures strong{font-size:9px}
.receipt-signatures p{font-size:8.5px;margin:2mm 0 0}
.receipt-footer{
  position:static;
  margin-top:2.5mm;
  border-top:1px solid #cbd5df;
  padding-top:1.5mm;
  display:flex;
  justify-content:space-between;
  gap:4mm;
  font-size:8px;
  color:#607086;
}
/* Reduce vertical rhythm automatically when the receipt contains many received installments. */
.receipt-a5.history-count-7 .receipt-history-table th,.receipt-a5.history-count-7 .receipt-history-table td,
.receipt-a5.history-count-8 .receipt-history-table th,.receipt-a5.history-count-8 .receipt-history-table td,
.receipt-a5.history-count-9 .receipt-history-table th,.receipt-a5.history-count-9 .receipt-history-table td,
.receipt-a5.history-count-10 .receipt-history-table th,.receipt-a5.history-count-10 .receipt-history-table td{
  padding:.75mm .6mm;font-size:7.5px
}
@media print{
  @page{size:A5 portrait;margin:0}
  html,body{width:148mm;height:210mm;margin:0!important;padding:0!important;background:#fff!important}
  body{font-family:Tahoma,Arial,sans-serif!important;-webkit-print-color-adjust:exact;print-color-adjust:exact}
  .app{display:block!important;width:148mm!important;min-height:210mm!important;margin:0!important;padding:0!important}
  .sidebar,.no-print,.receipt-actions,button,.btn{display:none!important}
  .content{display:block!important;width:148mm!important;height:210mm!important;margin:0!important;padding:0!important;overflow:hidden!important;direction:rtl}
  .receipt-a5{
    width:148mm!important;
    height:210mm!important;
    min-height:210mm!important;
    max-height:210mm!important;
    margin:0!important;
    padding:6mm 7mm!important;
    border:0!important;
    border-radius:0!important;
    box-shadow:none!important;
    overflow:hidden!important;
    page-break-inside:avoid!important;
    break-inside:avoid-page!important;
  }
  .receipt-brand{grid-template-columns:17mm minmax(0,1fr) 37mm;gap:2.5mm;padding-bottom:2.5mm}
  .receipt-logo img{width:15mm;height:15mm}
  .receipt-brand h2{font-size:14px}
  .receipt-brand p{font-size:7.5px}
  .receipt-title{font-size:14px;margin:2.3mm 0;padding:1.6mm}
  .receipt-grid{gap:1.2mm 1.6mm}
  .receipt-grid>div{min-height:7mm;padding:1.1mm 1.6mm;grid-template-columns:28mm 1fr}
  .receipt-grid span{font-size:7.5px}.receipt-grid strong{font-size:9px}
  .receipt-amount{margin:2mm 0;padding:1.7mm 2.5mm}.receipt-amount strong{font-size:14px}
  .receipt-summary-table th,.receipt-summary-table td{padding:1.25mm .8mm}
  .receipt-note{margin-top:2mm;padding:1.3mm 1.8mm}.receipt-note p{font-size:8px}
  .receipt-history{margin-top:2mm}.receipt-history h3{font-size:10px;margin-bottom:1.2mm}
  .receipt-history-table th,.receipt-history-table td{padding:.9mm .65mm;font-size:7.8px}
  .receipt-signatures{margin-top:3mm}.receipt-signatures>div{min-height:11mm;padding-top:1.2mm}
  .receipt-footer{margin-top:1.8mm;padding-top:1.2mm;font-size:7.2px}
}


/* Step 2.3 — true Fit-to-Page for one A5 portrait sheet, keeping the same receipt style */
.receipt-fit{
  width:100%;
  transform-origin:top right;
}
@media print{
  @page{size:A5 portrait;margin:0}
  html,body,.app,.content{
    width:148mm!important;
    height:210mm!important;
    max-width:148mm!important;
    max-height:210mm!important;
    margin:0!important;
    padding:0!important;
    overflow:hidden!important;
  }
  .receipt-a5{
    width:148mm!important;
    height:210mm!important;
    min-height:210mm!important;
    max-height:210mm!important;
    padding:5mm 6mm!important;
    margin:0!important;
    overflow:hidden!important;
    box-sizing:border-box!important;
  }
  .receipt-fit{
    width:100%;
    transform-origin:top right;
    page-break-inside:avoid!important;
    break-inside:avoid-page!important;
  }
}

/* Step 2.10 — Khabat logo branding and institute color palette */
:root{
  --khabat-blue:#07699d;
  --khabat-blue-dark:#034a73;
  --khabat-cyan:#10afd1;
  --khabat-orange:#ff8b2b;
  --khabat-orange-dark:#df6f12;
  --khabat-soft-blue:#eaf7fc;
  --khabat-soft-orange:#fff3e8;
  --khabat-ink:#12354a;
}
body{
  background:linear-gradient(135deg,#f4fbfe 0%,#f8fafc 55%,#fff8f1 100%);
  color:var(--khabat-ink);
}
.sidebar{
  background:linear-gradient(180deg,var(--khabat-blue-dark) 0%,var(--khabat-blue) 62%,#087eaa 100%);
  border-left:4px solid var(--khabat-orange);
  box-shadow:-6px 0 22px rgba(3,74,115,.18);
}
.sidebar-brand{display:flex;align-items:center;gap:11px;padding-bottom:14px;margin-bottom:10px;border-bottom:1px solid rgba(255,255,255,.22)}
.sidebar-brand img{width:58px;height:58px;object-fit:contain;background:#fff;border-radius:50%;padding:2px;border:2px solid rgba(255,255,255,.9);box-shadow:0 5px 15px #0003}
.sidebar-brand h2{margin:0;font-size:20px;color:#fff}
.sidebar-brand small{display:block;margin-top:4px;color:#d9f6ff;font-size:10px;line-height:1.4}
.sidebar-user{padding:7px 10px;background:rgba(255,255,255,.1);border-radius:9px;margin:8px 0 12px}
.sidebar a{border-right:3px solid transparent;transition:.18s ease}
.sidebar a:hover{background:rgba(16,175,209,.25);border-right-color:var(--khabat-orange);transform:translateX(-2px)}
.sidebar .logout-link{margin-top:14px;background:rgba(255,139,43,.18);border:1px solid rgba(255,184,112,.55)}
button,.btn{background:linear-gradient(135deg,var(--khabat-blue),var(--khabat-cyan));box-shadow:0 3px 9px rgba(7,105,157,.2)}
button:hover,.btn:hover{filter:brightness(.95)}
.danger{background:linear-gradient(135deg,#b42318,#dc2626)}
.secondary{background:linear-gradient(135deg,#526b7a,#6f8794)}
.success-btn{background:linear-gradient(135deg,#137c63,#1da77f)}
.card,.panel,.form-box{border-top:3px solid var(--khabat-cyan)}
.stat-card{background:linear-gradient(135deg,#fff 0%,var(--khabat-soft-blue) 72%,#fff7ef 100%);border:1px solid #d5edf5;border-right:5px solid var(--khabat-orange)}
.stat-card h3{color:var(--khabat-blue-dark)}
.stat-card p{color:var(--khabat-blue)}
th{background:linear-gradient(180deg,#e8f7fc,#dff1f8);color:var(--khabat-blue-dark);border-bottom:2px solid #b9e1ed}
input:focus,select:focus,textarea:focus{outline:none;border-color:var(--khabat-cyan);box-shadow:0 0 0 3px rgba(16,175,209,.14)}
.page-title h1,h1,h2{color:var(--khabat-blue-dark)}
.fee-preview{background:linear-gradient(135deg,var(--khabat-soft-blue),var(--khabat-soft-orange));border-color:#bfe5ef}
.status-paid{background:#dff8ee;color:#0c6b50}.status-partial{background:#fff0df;color:#a14e09}.status-unpaid{background:#fde8e8;color:#9b1c1c}

/* Login branding */
.login-page{min-height:100vh;display:grid;place-items:center;padding:24px;background:radial-gradient(circle at 20% 15%,rgba(16,175,209,.22),transparent 32%),radial-gradient(circle at 85% 80%,rgba(255,139,43,.22),transparent 30%),linear-gradient(135deg,#eefaff,#fff8f1)}
.login-card{width:min(420px,100%);margin:0!important;text-align:center;border-top:5px solid var(--khabat-orange);box-shadow:0 18px 45px rgba(3,74,115,.18)}
.login-logo{width:110px;height:110px;object-fit:contain;margin:-4px auto 8px;display:block;filter:drop-shadow(0 6px 7px rgba(3,74,115,.18))}
.login-card h2{margin:5px 0}.login-subtitle{margin:0 0 16px;color:#527184;font-size:13px}

/* Receipt palette — keeps the existing compact A5 layout */
.receipt-a5{border-color:var(--khabat-blue);color:var(--khabat-ink);background:linear-gradient(180deg,#fff 0%,#fff 88%,#f7fcfe 100%)}
.receipt-brand{border-bottom-color:var(--khabat-blue)}
.receipt-logo img{border-radius:50%;filter:drop-shadow(0 2px 3px rgba(3,74,115,.18))}
.receipt-brand h2{color:var(--khabat-blue-dark)}
.receipt-meta{border-right-color:#a9dce9}
.receipt-meta span{color:var(--khabat-blue)}
.receipt-title{color:#fff;border-color:var(--khabat-blue);background:linear-gradient(90deg,var(--khabat-blue-dark),var(--khabat-blue),var(--khabat-cyan));box-shadow:inset 0 -3px 0 rgba(255,139,43,.85)}
.receipt-grid>div{border-color:#c8e8f1;background:#fbfeff}
.receipt-grid span{color:var(--khabat-blue)}
.receipt-amount{background:linear-gradient(135deg,var(--khabat-soft-blue),var(--khabat-soft-orange));border-color:var(--khabat-orange)}
.receipt-amount span{color:var(--khabat-blue-dark)}
.receipt-amount strong{color:var(--khabat-orange-dark)}
.receipt-summary-table th,.receipt-history-table th{background:linear-gradient(180deg,#dff5fb,#caebf4);color:var(--khabat-blue-dark)}
.receipt-summary-table th,.receipt-summary-table td,.receipt-history-table th,.receipt-history-table td{border-color:#8fcbdc}
.receipt-note{border-color:var(--khabat-orange);background:#fffaf5}
.receipt-history h3{color:var(--khabat-blue-dark);border-bottom:1px solid #b9e3ee;padding-bottom:1mm}
.receipt-signatures>div{border-top-color:var(--khabat-blue)}
.receipt-footer{border-top-color:var(--khabat-orange);color:var(--khabat-blue-dark)}
@media print{
  .receipt-title,.receipt-amount,.receipt-summary-table th,.receipt-history-table th{
    -webkit-print-color-adjust:exact!important;print-color-adjust:exact!important;
  }
}


/* Step 2.10B - forced visible branding */
:root{--khabat-blue:#06669f;--khabat-blue-dark:#034a73;--khabat-cyan:#10afd0;--khabat-orange:#ff8b2b;--khabat-bg:#eef8fc}
body{background:linear-gradient(135deg,#f8fcff 0%,var(--khabat-bg) 100%)}
.sidebar{background:linear-gradient(180deg,var(--khabat-blue-dark) 0%,var(--khabat-blue) 58%,#0789ad 100%)!important;border-left:4px solid var(--khabat-orange)}
.sidebar a:hover,.sidebar a:focus{background:rgba(16,175,208,.28)!important;border-right:3px solid var(--khabat-orange)}
button,.btn{background:linear-gradient(135deg,var(--khabat-blue),var(--khabat-cyan))!important}
.stat-card{border-top:4px solid var(--khabat-cyan);background:linear-gradient(135deg,#fff,#e8f8fd)!important}
th{background:linear-gradient(135deg,#dff5fb,#edf9fc)!important;color:var(--khabat-blue-dark)}
.card,.panel,.form-box{border-top:3px solid rgba(16,175,208,.55)}
.receipt-a5{border:2px solid var(--khabat-blue)!important;background:linear-gradient(180deg,#fff 0%,#fbfeff 100%)!important}
.receipt-brand{border-bottom:2px solid var(--khabat-blue)!important}
.receipt-title{background:linear-gradient(135deg,var(--khabat-blue),var(--khabat-cyan))!important;color:#fff!important;border-color:var(--khabat-blue-dark)!important}
.receipt-amount{background:#fff5ea!important;border-color:var(--khabat-orange)!important}
.receipt-amount strong{color:var(--khabat-orange)!important}
.receipt-history-table th,.receipt-summary-table th{background:#dff5fb!important;color:var(--khabat-blue-dark)!important}
@media print{.receipt-title,.receipt-history-table th,.receipt-summary-table th,.receipt-amount{-webkit-print-color-adjust:exact!important;print-color-adjust:exact!important}}


/* Step 2.12 — emphasized paid amount, amount in words, and unified receipt footer */
.receipt-amount{
  padding:2.4mm 3mm!important;
  margin:2.4mm 0!important;
}
.receipt-amount span{font-size:10px!important;font-weight:700}
.receipt-amount strong{font-size:18px!important;line-height:1.15;margin-top:1mm!important}
.receipt-amount-words{
  margin:1mm 0 0;
  padding-top:1mm;
  border-top:1px dashed rgba(3,74,115,.28);
  font-size:9px;
  line-height:1.35;
  color:var(--khabat-blue-dark,#034a73);
  font-weight:700;
}
.receipt-footer-full{
  position:static!important;
  display:block!important;
  margin-top:3mm!important;
  padding-top:2mm!important;
}
.receipt-footer-signatures{
  display:grid;
  grid-template-columns:1fr 1fr 1fr;
  gap:3mm;
  text-align:center;
}
.receipt-footer-signatures>div{
  min-height:12mm;
  padding:1.5mm 1mm;
  border:1px solid #b8dce7;
  border-radius:1.5mm;
  background:#fbfeff;
}
.receipt-footer-signatures span{display:block;font-size:7.5px;color:#547181;margin-bottom:1mm}
.receipt-footer-signatures strong{display:block;font-size:8.5px;color:var(--khabat-blue-dark,#034a73)}
.receipt-footer-contact{
  display:flex;
  justify-content:space-between;
  gap:4mm;
  margin-top:1.5mm;
  padding-top:1.3mm;
  border-top:1px solid var(--khabat-orange,#ff8b2b);
  font-size:7.2px;
  line-height:1.25;
  color:var(--khabat-blue-dark,#034a73);
}
@media print{
  .receipt-amount{padding:2mm 2.5mm!important;margin:2mm 0!important}
  .receipt-amount strong{font-size:17px!important}
  .receipt-amount-words{font-size:8px!important;margin-top:.8mm;padding-top:.8mm}
  .receipt-footer-full{margin-top:2.2mm!important;padding-top:1.5mm!important}
  .receipt-footer-signatures{gap:2mm}
  .receipt-footer-signatures>div{min-height:9.5mm;padding:1mm .7mm}
  .receipt-footer-signatures span{font-size:6.8px;margin-bottom:.7mm}
  .receipt-footer-signatures strong{font-size:7.6px}
  .receipt-footer-contact{font-size:6.6px;margin-top:1mm;padding-top:1mm}
}

/* Step 2.13 — A5 LANDSCAPE receipt, fit to exactly one page */
.receipt-a5{
  width:210mm!important;
  min-height:148mm!important;
  max-width:210mm!important;
  margin:0 auto!important;
  padding:5mm 7mm!important;
  box-sizing:border-box!important;
}
.receipt-brand{
  grid-template-columns:20mm minmax(0,1fr) 46mm!important;
  gap:3mm!important;
  padding-bottom:2mm!important;
}
.receipt-logo img{width:18mm!important;height:18mm!important}
.receipt-brand h2{font-size:15px!important;margin:0 0 .5mm!important}
.receipt-brand p{font-size:7.5px!important;margin:.2mm 0!important}
.receipt-meta{font-size:7.5px!important;gap:.5mm!important}
.receipt-meta strong{font-size:8.5px!important}
.receipt-title{font-size:14px!important;margin:1.6mm 0!important;padding:1.1mm 2mm!important}
.receipt-grid{
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  gap:1.2mm!important;
}
.receipt-grid>div{
  min-height:6.2mm!important;
  padding:1mm 1.4mm!important;
  display:grid!important;
  grid-template-columns:22mm minmax(0,1fr)!important;
  align-items:center!important;
}
.receipt-grid span{font-size:7px!important}
.receipt-grid strong{font-size:8.5px!important;margin:0!important}
.receipt-amount{
  margin:1.5mm 0!important;
  padding:1.4mm 2mm!important;
}
.receipt-amount span{font-size:8.5px!important}
.receipt-amount strong{font-size:18px!important;margin:.5mm 0!important}
.receipt-amount-words{font-size:8px!important;margin:.5mm 0 0!important;padding-top:.5mm!important}
.receipt-summary-table th,.receipt-summary-table td{padding:.9mm .7mm!important}
.receipt-summary-table th{font-size:7px!important}
.receipt-summary-table td{font-size:8.5px!important}
.receipt-note{
  margin-top:1.3mm!important;
  padding:.8mm 1.3mm!important;
  display:grid!important;
  grid-template-columns:1fr 1.5fr!important;
  gap:2mm!important;
}
.receipt-note p{font-size:7.4px!important;margin:0!important}
.receipt-history{margin-top:1.3mm!important}
.receipt-history h3{font-size:9px!important;margin:0 0 .8mm!important;padding-bottom:.6mm!important}
.receipt-history-table th,.receipt-history-table td{
  padding:.65mm .6mm!important;
  font-size:7.2px!important;
  line-height:1.1!important;
}
.receipt-history-table th{font-size:7px!important}
.receipt-history-table th:nth-child(1),.receipt-history-table td:nth-child(1){width:8mm!important}
.receipt-history-table th:nth-child(2),.receipt-history-table td:nth-child(2){width:48mm!important}
.receipt-history-table th:nth-child(3),.receipt-history-table td:nth-child(3){width:30mm!important}
.receipt-history-table th:nth-child(4),.receipt-history-table td:nth-child(4){width:28mm!important}
.receipt-footer-full{margin-top:1.4mm!important;padding-top:1mm!important}
.receipt-footer-signatures{gap:2mm!important}
.receipt-footer-signatures>div{min-height:8.5mm!important;padding:.8mm .7mm!important}
.receipt-footer-signatures span{font-size:6.5px!important;margin-bottom:.4mm!important}
.receipt-footer-signatures strong{font-size:7.3px!important}
.receipt-footer-contact{font-size:6.4px!important;margin-top:.7mm!important;padding-top:.7mm!important}

@media print{
  @page{size:A5 landscape;margin:0!important}
  html,body,.app,.content{
    width:210mm!important;
    height:148mm!important;
    min-width:210mm!important;
    min-height:148mm!important;
    max-width:210mm!important;
    max-height:148mm!important;
    margin:0!important;
    padding:0!important;
    overflow:hidden!important;
    background:#fff!important;
  }
  .app{display:block!important}
  .sidebar,.no-print,.receipt-actions,button,.btn{display:none!important}
  .content{display:block!important;direction:rtl!important}
  .receipt-a5{
    width:210mm!important;
    height:148mm!important;
    min-height:148mm!important;
    max-height:148mm!important;
    margin:0!important;
    padding:4mm 6mm!important;
    border:0!important;
    border-radius:0!important;
    box-shadow:none!important;
    overflow:hidden!important;
    page-break-inside:avoid!important;
    break-inside:avoid-page!important;
  }
  .receipt-fit{
    width:100%!important;
    height:auto!important;
    transform-origin:top right!important;
    page-break-inside:avoid!important;
    break-inside:avoid-page!important;
  }
  .receipt-brand{grid-template-columns:18mm minmax(0,1fr) 44mm!important}
  .receipt-logo img{width:16mm!important;height:16mm!important}
  .receipt-brand h2{font-size:13px!important}
  .receipt-title{font-size:12px!important;margin:1.2mm 0!important;padding:.8mm!important}
  .receipt-grid>div{min-height:5.5mm!important;padding:.7mm 1mm!important;grid-template-columns:20mm 1fr!important}
  .receipt-grid span{font-size:6.3px!important}.receipt-grid strong{font-size:7.7px!important}
  .receipt-amount{margin:1.1mm 0!important;padding:1mm 1.5mm!important}
  .receipt-amount strong{font-size:16px!important}
  .receipt-amount-words{font-size:7px!important}
  .receipt-summary-table th,.receipt-summary-table td{padding:.65mm .5mm!important}
  .receipt-note{margin-top:1mm!important;padding:.6mm 1mm!important}
  .receipt-note p{font-size:6.8px!important}
  .receipt-history{margin-top:1mm!important}
  .receipt-history h3{font-size:8px!important;margin-bottom:.6mm!important}
  .receipt-history-table th,.receipt-history-table td{padding:.45mm .45mm!important;font-size:6.7px!important}
  .receipt-footer-full{margin-top:1mm!important;padding-top:.7mm!important}
  .receipt-footer-signatures>div{min-height:7.2mm!important;padding:.5mm!important}
  .receipt-footer-signatures span{font-size:5.9px!important}
  .receipt-footer-signatures strong{font-size:6.6px!important}
  .receipt-footer-contact{font-size:5.8px!important;margin-top:.5mm!important;padding-top:.5mm!important}
}

/* Universal PDF / Excel export buttons */
.universal-export-toolbar{display:flex;gap:8px;flex-wrap:wrap;margin:10px 0;align-items:center;}
.pdf-export-btn,.excel-export-btn{cursor:pointer;}
@media print{.universal-export-toolbar,.pdf-export-btn,.excel-export-btn{display:none!important;}}

/* =========================================================
   KHABAT ERP — PREMIUM UI REDESIGN 2026
   Visual-only layer. Functional PHP/database logic untouched.
   ========================================================= */
:root{
  --kh-navy:#082f49;
  --kh-navy-2:#0b4568;
  --kh-blue:#0b7da7;
  --kh-blue-2:#109ac3;
  --kh-orange:#f28c28;
  --kh-bg:#f4f7fb;
  --kh-card:#ffffff;
  --kh-text:#102a43;
  --kh-muted:#6b7f93;
  --kh-border:#dce7ef;
  --kh-soft:#eef6fa;
  --kh-success:#16835a;
  --kh-danger:#d84a4a;
  --kh-shadow:0 12px 34px rgba(8,47,73,.08);
  --kh-shadow-sm:0 5px 18px rgba(8,47,73,.08);
  --kh-radius:18px;
}

html{scroll-behavior:smooth}
body{
  background:
    radial-gradient(circle at 12% 8%, rgba(16,154,195,.07), transparent 28%),
    radial-gradient(circle at 92% 86%, rgba(242,140,40,.05), transparent 30%),
    var(--kh-bg)!important;
  color:var(--kh-text)!important;
  font-size:14px;
  line-height:1.65;
}
.app{min-height:100vh;background:transparent}

/* SIDEBAR */
.sidebar{
  width:286px!important;
  padding:22px 16px 20px!important;
  background:linear-gradient(180deg,#072f49 0%,#075b7e 58%,#0a8eb1 100%)!important;
  border-left:1px solid rgba(255,255,255,.12);
  box-shadow:-10px 0 34px rgba(2,29,48,.15);
  z-index:1200;
  scrollbar-width:thin;
  scrollbar-color:rgba(255,255,255,.25) transparent;
}
.sidebar::-webkit-scrollbar{width:5px}.sidebar::-webkit-scrollbar-thumb{background:rgba(255,255,255,.23);border-radius:10px}
.sidebar-brand{
  display:flex;align-items:center;gap:12px;
  padding:4px 6px 18px;margin-bottom:14px;
  border-bottom:1px solid rgba(255,255,255,.18);
}
.sidebar-brand img{
  width:62px;height:62px;object-fit:contain;
  border-radius:18px;background:#fff;padding:5px;
  box-shadow:0 9px 22px rgba(0,0,0,.16);
}
.sidebar-brand h2{font-size:19px;margin:0 0 2px;color:#fff;letter-spacing:.2px}
.sidebar-brand small{font-size:10px;color:rgba(255,255,255,.72)}
.sidebar-user{
  opacity:1!important;margin:0 4px 16px!important;padding:11px 12px;
  background:rgba(255,255,255,.11);border:1px solid rgba(255,255,255,.12);
  color:#fff;border-radius:13px;text-align:center;font-weight:700;
  backdrop-filter:blur(10px);
}
.sidebar-user small{color:rgba(255,255,255,.75)}
.sidebar-nav{display:flex;flex-direction:column;gap:3px}
.sidebar a{
  color:rgba(255,255,255,.90)!important;
  padding:10px 12px!important;margin:0!important;border-radius:11px!important;
  font-size:13px;transition:.18s ease;position:relative;
  border:1px solid transparent;
}
.sidebar a:before{
  content:'•';display:inline-grid;place-items:center;width:20px;height:20px;
  margin-left:8px;color:rgba(255,255,255,.52);font-size:14px;
}
.sidebar a:hover{
  background:rgba(255,255,255,.13)!important;color:#fff!important;
  border-color:rgba(255,255,255,.12);transform:translateX(-2px);
}
.sidebar a.active{
  background:#fff!important;color:var(--kh-navy)!important;
  box-shadow:0 8px 20px rgba(0,0,0,.12);font-weight:800;
}
.sidebar a.active:before{color:var(--kh-orange)}
.sidebar .logout-link{margin-top:12px!important;background:rgba(128,0,0,.16)!important;border:1px solid rgba(255,255,255,.12)}
.sidebar .logout-link:hover{background:#b43737!important;color:white!important}

/* MAIN AREA */
.content{
  margin-right:286px!important;width:calc(100% - 286px)!important;
  padding:30px 32px 48px!important;min-height:100vh;
}
.content>h1:first-child{
  font-size:28px;margin:0 0 22px;color:var(--kh-navy);letter-spacing:-.2px;
}
.page-title{
  padding:0 2px 4px;margin-bottom:20px!important;
}
.page-title h1{font-size:28px;color:var(--kh-navy)}
.page-title p{color:var(--kh-muted)!important;font-size:13px}

/* Cards / panels */
.card,.panel,.form-box{
  border:1px solid rgba(11,125,167,.10)!important;
  border-radius:var(--kh-radius)!important;
  box-shadow:var(--kh-shadow)!important;
  padding:22px!important;margin-bottom:22px!important;
  background:rgba(255,255,255,.96)!important;
}
.panel>h2,.card>h2,.form-box>h2{font-size:19px;color:var(--kh-navy);margin-top:0}

/* Dashboard */
.stats{
  grid-template-columns:repeat(auto-fit,minmax(205px,1fr))!important;
  gap:16px!important;margin-bottom:24px;
}
.stat-card{
  position:relative;overflow:hidden;
  min-height:125px;padding:20px 18px!important;
  border:1px solid rgba(11,125,167,.10);
  border-radius:18px!important;
  background:linear-gradient(145deg,#fff 0%,#f6fbfd 100%)!important;
  box-shadow:var(--kh-shadow-sm)!important;
  transition:.2s ease;
}
.stat-card:before{
  content:'';position:absolute;right:0;top:0;width:5px;height:100%;
  background:linear-gradient(var(--kh-blue),var(--kh-blue-2));
}
.stat-card:after{
  content:'';position:absolute;left:-26px;bottom:-32px;width:98px;height:98px;
  border-radius:50%;background:rgba(11,125,167,.055);
}
.stat-card:hover{transform:translateY(-3px);box-shadow:0 16px 34px rgba(8,47,73,.12)!important}
.stat-card h3{margin:0 0 10px;color:var(--kh-muted);font-size:13px;font-weight:700}
.stat-card p{font-size:24px!important;color:var(--kh-navy);margin:0!important;position:relative;z-index:1}
.stats .stat-card:nth-child(3n+2):before{background:linear-gradient(#f28c28,#f5aa54)}
.stats .stat-card:nth-child(3n):before{background:linear-gradient(#17865e,#2fb47c)}
.final-balance-card{border:1px solid rgba(11,125,167,.16)!important;background:linear-gradient(135deg,#eaf8fd,#fff)!important}

/* Forms */
label{display:block;color:#334e68;font-size:12px;font-weight:700;margin-bottom:3px}
input,select,textarea{
  background:#fbfdff!important;border:1px solid #cfdde7!important;
  border-radius:12px!important;padding:11px 13px!important;
  color:#16324a;transition:.18s ease;outline:none!important;
  box-shadow:none!important;
}
input:hover,select:hover,textarea:hover{border-color:#abc9d8!important}
input:focus,select:focus,textarea:focus{
  border-color:var(--kh-blue)!important;background:#fff!important;
  box-shadow:0 0 0 4px rgba(11,125,167,.09)!important;
}
textarea{min-height:100px;resize:vertical}
.form-grid{gap:4px 18px!important}.grid-2{gap:18px!important}
.filter-grid,.report-filter-grid{
  background:linear-gradient(180deg,#fff,#fbfdff);border-radius:14px;
}
.filter-actions{align-items:center}.filter-actions .btn,.filter-actions button{margin-top:0}

/* Buttons */
button,.btn{
  background:linear-gradient(135deg,var(--kh-blue),#0b91bd)!important;
  color:#fff!important;border:none!important;border-radius:11px!important;
  padding:10px 15px!important;font-size:12px;font-weight:800;
  box-shadow:0 5px 14px rgba(11,125,167,.18);
  transition:transform .16s ease,box-shadow .16s ease,filter .16s ease;
}
button:hover,.btn:hover{transform:translateY(-1px);box-shadow:0 8px 18px rgba(11,125,167,.25);filter:brightness(1.03)}
button:active,.btn:active{transform:translateY(0)}
.btn.small{padding:7px 10px!important;font-size:11px!important;border-radius:9px!important}
.secondary{background:linear-gradient(135deg,#63788b,#4e6578)!important}
.success-btn{background:linear-gradient(135deg,#16835a,#20a06e)!important}
.danger,.btn.danger{background:linear-gradient(135deg,#d84a4a,#b52f37)!important}
.toolbar{gap:9px!important;flex-wrap:wrap}

/* Tables */
.table-wrap{
  border:1px solid var(--kh-border);border-radius:16px!important;
  box-shadow:var(--kh-shadow-sm)!important;background:#fff;
}
table{
  border-collapse:separate!important;border-spacing:0!important;
  border-radius:16px!important;background:#fff!important;
}
th,td{padding:12px 11px!important;border-bottom:1px solid #e9f0f4!important;vertical-align:middle}
th{
  background:linear-gradient(180deg,#e7f6fa,#dff1f6)!important;
  color:#0a5675!important;font-size:12px;font-weight:800!important;
  border-bottom:1px solid #b9dce7!important;
}
tbody tr{transition:background .15s ease}
tbody tr:hover{background:#f7fbfd!important}
tbody tr:last-child td{border-bottom:0!important}
.student-cell img,.student-thumb{width:44px!important;height:44px!important;border:2px solid #fff!important;box-shadow:0 0 0 1px #d7e6ee}
.action-group{gap:6px!important}
.empty-state{padding:42px!important;color:#7a8fa2!important}

/* badges + informational states */
.status-badge{padding:6px 10px!important;border-radius:999px!important;font-size:11px!important}
.success,.error{border-radius:12px!important;padding:12px 14px!important;border:1px solid transparent}
.success{background:#ecfaf2!important;color:#14704d!important;border-color:#c8ecd9}
.error{background:#fff0f0!important;color:#b8323b!important;border-color:#ffd3d5}
.muted{color:var(--kh-muted)!important;opacity:1!important}

/* Modal polish */
.modal,.modal-overlay,[id$='Modal']{
  backdrop-filter:blur(4px);
}
.modal-content,.modal-box,.dr-modal-box{
  border-radius:20px!important;border:1px solid rgba(255,255,255,.5)!important;
  box-shadow:0 30px 80px rgba(8,47,73,.22)!important;
}

/* Login */
.login-page{
  min-height:100vh;display:grid;place-items:center;padding:28px;
  background:
    radial-gradient(circle at 18% 18%,rgba(242,140,40,.22),transparent 28%),
    radial-gradient(circle at 82% 76%,rgba(16,154,195,.28),transparent 28%),
    linear-gradient(135deg,#05283f 0%,#075a7c 52%,#0b8daf 100%)!important;
}
.login-card{
  width:min(430px,94vw)!important;padding:34px!important;border-radius:24px!important;
  border:1px solid rgba(255,255,255,.45)!important;background:rgba(255,255,255,.96)!important;
  box-shadow:0 34px 90px rgba(0,0,0,.23)!important;text-align:center;
}
.login-logo{width:90px!important;height:90px;object-fit:contain;background:#fff;border-radius:24px;padding:7px;box-shadow:0 10px 28px rgba(8,47,73,.15)}
.login-card h2{font-size:25px;color:var(--kh-navy);margin:15px 0 4px}.login-subtitle{color:var(--kh-muted);margin:0 0 20px}
.login-card form{text-align:right}.login-card button{width:100%;margin-top:8px;padding:12px!important}

/* Native horizontal scrollbar */
.table-wrap::-webkit-scrollbar{height:8px}.table-wrap::-webkit-scrollbar-track{background:#eef4f7}.table-wrap::-webkit-scrollbar-thumb{background:#a9c6d3;border-radius:10px}

/* Mobile menu button injected by JS */
.khabat-mobile-menu{
  display:none;position:fixed;right:14px;top:14px;z-index:1500;
  width:44px;height:44px;padding:0!important;border-radius:13px!important;
  align-items:center;justify-content:center;font-size:20px;
}
.sidebar-backdrop{display:none}

/* Desktop page breathing room */
@media(min-width:1400px){.content{padding-left:42px!important;padding-right:42px!important}}

/* Responsive */
@media(max-width:1050px){
  .sidebar{transform:translateX(105%);transition:transform .22s ease;width:min(310px,88vw)!important;position:fixed!important}
  .sidebar.sidebar-open{transform:translateX(0)}
  .content{margin-right:0!important;width:100%!important;padding:76px 16px 32px!important}
  .khabat-mobile-menu{display:flex!important}
  .sidebar-backdrop{position:fixed;inset:0;background:rgba(3,22,35,.48);z-index:1100;backdrop-filter:blur(2px)}
  .sidebar-backdrop.show{display:block}
  .stats{grid-template-columns:repeat(2,minmax(0,1fr))!important}
}
@media(max-width:650px){
  body{font-size:13px}.content{padding-left:10px!important;padding-right:10px!important}
  .stats{grid-template-columns:1fr!important}.stat-card{min-height:108px}
  .card,.panel,.form-box{padding:15px!important;border-radius:15px!important}
  .page-title{align-items:flex-start;flex-direction:column}.page-title h1{font-size:23px}
  .toolbar{width:100%}.toolbar .btn,.toolbar button{flex:1;text-align:center;white-space:nowrap}
  th,td{padding:9px 8px!important;font-size:11px}
}

/* Print should stay clean and unchanged */
@media print{
  body{background:#fff!important}
  .khabat-mobile-menu,.sidebar-backdrop{display:none!important}
  .card,.panel,.form-box,.table-wrap{box-shadow:none!important}
}


/* =========================================================
   KHABAT ERP - GLOBAL LARGE & READABLE FONT OVERRIDE
   Added by ChatGPT
   ========================================================= */
html {
    font-size: 18px !important;
}
body {
    font-size: 18px !important;
    line-height: 1.65 !important;
}
body, input, select, textarea, button {
    font-size: 18px !important;
}
h1, .h1, .page-title h1 {
    font-size: 34px !important;
    line-height: 1.35 !important;
}
h2, .h2, .page-title h2 {
    font-size: 28px !important;
    line-height: 1.4 !important;
}
h3, .h3 {
    font-size: 23px !important;
    line-height: 1.45 !important;
}
h4, .h4 {
    font-size: 20px !important;
}
p, span, div {
    line-height: 1.6;
}
label, .form-label {
    font-size: 17px !important;
    font-weight: 700 !important;
}
input, select, textarea, .form-control, .form-select {
    font-size: 17px !important;
    min-height: 46px;
}
button, .btn, a.btn {
    font-size: 16px !important;
    font-weight: 700 !important;
}
table, .table {
    font-size: 16px !important;
}
table th, .table th {
    font-size: 16px !important;
    font-weight: 800 !important;
    padding: 14px 12px !important;
}
table td, .table td {
    font-size: 16px !important;
    padding: 13px 12px !important;
    line-height: 1.55 !important;
}
.sidebar, .sidebar a, .sidebar button,
aside, aside a, nav a {
    font-size: 17px !important;
}
.sidebar .nav-link, .sidebar-menu a, .menu a {
    font-size: 17px !important;
    line-height: 1.5 !important;
}
.card-title {
    font-size: 20px !important;
}
.card-text, .card-body {
    font-size: 17px !important;
}
small, .small, .text-muted {
    font-size: 14px !important;
}
.modal-title {
    font-size: 24px !important;
}
.modal-body {
    font-size: 17px !important;
}
.badge {
    font-size: 14px !important;
}
@media (max-width: 768px) {
    html, body { font-size: 17px !important; }
    h1, .h1, .page-title h1 { font-size: 29px !important; }
    h2, .h2, .page-title h2 { font-size: 25px !important; }
    table, .table, table th, table td, .table th, .table td {
        font-size: 15px !important;
    }
}


/* KHABAT FONT FIX V2 - FORCE LARGE READABLE TYPE */
html body,
html body * {
    font-size: 18px !important;
}

html body {
    font-size: 18px !important;
    line-height: 1.65 !important;
}

html body h1,
html body .page-title h1,
html body .student-title,
html body .dash-title {
    font-size: 34px !important;
    line-height: 1.35 !important;
}

html body h2,
html body .modal-title {
    font-size: 27px !important;
}

html body h3,
html body .card-title,
html body .table-toolbar h3,
html body .filter-head h3 {
    font-size: 22px !important;
}

html body .sidebar a,
html body .sidebar button,
html body aside a,
html body nav a {
    font-size: 18px !important;
}

html body label,
html body .form-label {
    font-size: 17px !important;
}

html body input,
html body select,
html body textarea,
html body .form-control,
html body .form-select {
    font-size: 17px !important;
    min-height: 48px !important;
}

html body button,
html body .btn,
html body a.btn,
html body .pro-btn,
html body .hero-btn {
    font-size: 16px !important;
}

html body table,
html body .table {
    font-size: 16px !important;
}

html body table th,
html body .table th,
html body .student-pro-page table th {
    font-size: 16px !important;
    padding: 15px 12px !important;
}

html body table td,
html body .table td,
html body .student-pro-page table td {
    font-size: 16px !important;
    padding: 14px 12px !important;
    line-height: 1.55 !important;
}

html body .student-name,
html body .student-pro-page .student-name {
    font-size: 17px !important;
}

html body .code-chip,
html body .status-pill,
html body .action-wrap a,
html body .action-wrap button,
html body small,
html body .small {
    font-size: 14px !important;
}

/* Keep icons from becoming excessively large */
html body i[class*="fa"],
html body .material-icons {
    font-size: 18px !important;
}

@media (max-width: 768px) {
    html body, html body * { font-size: 16px !important; }
    html body h1, html body .page-title h1, html body .student-title, html body .dash-title {font-size:28px !important;}
    html body table th, html body table td {font-size:15px !important;}
}


/* KHABAT K24 BOLD GLOBAL FALLBACK */
@font-face{
    font-family:'K24GlobalBold';
    src:url('assets/fonts/K24KurdishBold-Bold.ttf') format('truetype');
    font-weight:400 900;
    font-style:normal;
    font-display:swap;
}
html,body,body *,button,input,select,textarea,table,th,td,label,a,span,div,p,
h1,h2,h3,h4,h5,h6,small,strong,b{
    font-family:'K24GlobalBold',Tahoma,sans-serif !important;
}