/* v18.1 - Toppers page + clean A4 export after CSS split */
.toppers-page{padding:0 0 24px;}
.toppers-hero{display:flex;justify-content:space-between;align-items:center;gap:18px;background:linear-gradient(135deg,#073b32,#0b684f);color:#fff;border-radius:30px;padding:24px;margin:0 0 20px;box-shadow:0 20px 52px rgba(16,33,31,.16);position:relative;overflow:hidden;}
.toppers-hero:before{content:"\f521";font-family:'Font Awesome 6 Free';font-weight:900;position:absolute;left:30px;top:-20px;font-size:140px;opacity:.07;}
.toppers-hero .section-eyebrow{color:#f4d38a!important;background:rgba(255,255,255,.10);border-color:rgba(255,255,255,.16);}
.toppers-hero h2{margin:10px 0;font-size:clamp(1.5rem,3vw,2.5rem);font-weight:950;line-height:1.45;}
.toppers-hero p{margin:0;color:rgba(255,255,255,.84);line-height:1.9;max-width:760px;font-weight:750;}
.toppers-actions,.toppers-bottom-actions{display:flex;gap:10px;flex-wrap:wrap;justify-content:center;align-items:center;}
.toppers-actions{justify-content:flex-end;}
.toppers-bottom-actions{margin:22px auto 4px;}
.action-button--gold,.action-button--primary{background:linear-gradient(135deg,#a86700,#d6a43f)!important;color:#fff!important;text-decoration:none!important;}
.podium-wrap{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin:20px 0;align-items:end;}
.podium-card{background:#fff;border:1px solid #d8eadf;border-radius:28px;padding:18px;text-align:center;box-shadow:0 18px 45px rgba(16,33,31,.09);position:relative;overflow:hidden;min-height:245px;display:flex;flex-direction:column;align-items:center;justify-content:center;}
.podium-card:before{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(214,164,63,.18),transparent 55%);}
.podium-first{min-height:286px;order:2;border-color:rgba(214,164,63,.5);}.podium-second{order:1}.podium-third{order:3}
.podium-medal{position:relative;z-index:1;width:88px;height:88px;border-radius:50%;display:grid;place-items:center;margin-bottom:12px;background:linear-gradient(135deg,#d6a43f,#ffe39d);color:#5b3b00;box-shadow:0 14px 30px rgba(214,164,63,.25);}
.podium-second .podium-medal{background:linear-gradient(135deg,#b8c0cc,#f3f4f6);color:#344054}.podium-third .podium-medal{background:linear-gradient(135deg,#b66a2b,#ffd1a8);color:#5a2a09}.podium-medal i{font-size:1.6rem}.podium-medal span{font-size:.8rem;font-weight:950}
.podium-card h3{position:relative;z-index:1;margin:0 0 8px;color:#073b32;line-height:1.7;font-size:1.08rem;font-weight:950}.podium-card p{position:relative;z-index:1;color:#60756f;font-weight:850;margin:0 0 10px}.podium-card strong{position:relative;z-index:1;color:#9a6600;font-size:1.35rem;margin-bottom:10px}.podium-card a{position:relative;z-index:1;text-decoration:none;color:#fff;background:#0a6b4f;border-radius:999px;padding:8px 16px;font-weight:950}
.toppers-table-card{background:#fff;border:1px solid #d8eadf;border-radius:28px;padding:18px;box-shadow:0 18px 45px rgba(16,33,31,.08);}
.toppers-table-card__head{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-bottom:14px;}.toppers-table-card__head h3{margin:0 0 7px;color:#073b32;font-size:1.35rem}.toppers-table-card__head p{margin:0;color:#60756f;font-weight:750}.toppers-count-badge{display:inline-flex;align-items:center;gap:8px;border-radius:999px;background:#fff7df;border:1px solid #f0d690;color:#744d00;padding:9px 13px;font-weight:950;white-space:nowrap}
.toppers-table-wrap{overflow-x:auto;border:1px solid #d8eadf;border-radius:20px;}.toppers-table{width:100%;min-width:850px;border-collapse:separate;border-spacing:0;background:#fff;}.toppers-table th{background:#edf8f2;color:#073b32;font-weight:950;padding:13px 12px;text-align:right;border-bottom:1px solid #d8eadf;white-space:nowrap}.toppers-table td{padding:12px;border-bottom:1px solid #edf4ef;font-weight:800;color:#344844;vertical-align:middle}.toppers-table tr:last-child td{border-bottom:0}.toppers-table a{color:#073b32;text-decoration:none;font-weight:950}.toppers-table a:hover{color:#0b684f;text-decoration:underline}.toppers-table tr.is-podium-row td{background:#fff7df!important;color:#5b3b00!important}.row-index,.rank-number,.table-pill,.percent-pill{display:inline-flex;align-items:center;justify-content:center;border-radius:999px;font-weight:950;white-space:nowrap}.row-index{min-width:32px;background:#f2f7f4;color:#526964;padding:5px 9px}.rank-number{min-width:54px;background:#fff7df;color:#8a5a00;border:1px solid #f0d690;padding:6px 10px}.table-pill{background:#edf8f2;color:#073b32;border:1px solid #cbe8db;padding:6px 10px}.percent-pill{background:#0a6b4f;color:#fff;padding:6px 10px}.topper-card-btn{width:42px;height:42px;border:0;border-radius:14px;background:#fff7df;color:#9a6400;display:inline-grid;place-items:center;cursor:pointer;font-size:1rem;box-shadow:inset 0 0 0 1px #f0d690}.topper-card-btn:hover{background:#c9982e;color:#fff}
.toppers-a4-exports{position:fixed!important;left:-100000px!important;top:0!important;width:1px!important;height:1px!important;overflow:hidden!important;pointer-events:none!important;}
.toppers-a4-export{position:fixed;left:-100000px;top:0;width:794px!important;height:1123px!important;min-height:1123px!important;background:#fff!important;color:#10211f!important;padding:30px!important;z-index:-9999;overflow:hidden!important;direction:rtl;font-family:var(--site-font-family,'IBM Plex Sans Arabic',Tahoma,Arial,sans-serif)!important;box-sizing:border-box!important;-webkit-font-smoothing:antialiased!important;text-rendering:geometricPrecision!important;}
.toppers-a4-export.is-capturing{left:0!important;z-index:999999!important;display:block!important;pointer-events:none!important;}
.toppers-a4-frame{position:relative!important;height:100%!important;padding:22px!important;border:2px solid #0a5f4e!important;border-radius:30px!important;background:#fff!important;box-shadow:inset 0 0 0 6px rgba(214,164,63,.08)!important;overflow:hidden!important;box-sizing:border-box!important;}
.toppers-a4-watermark{position:absolute;inset:0;display:grid;place-items:center;pointer-events:none;z-index:0;opacity:.04}.toppers-a4-watermark img{width:410px;height:410px;object-fit:contain;filter:grayscale(20%)}
.toppers-a4-header{position:relative!important;z-index:1;display:grid!important;grid-template-columns:84px 1fr 84px!important;align-items:center!important;gap:14px!important;margin:0 0 14px!important;padding:16px!important;border-radius:24px!important;background:#0a5f4e!important;background-image:radial-gradient(circle at 18% 20%,rgba(255,255,255,.16),transparent 28%),radial-gradient(circle at 88% 18%,rgba(244,211,138,.20),transparent 26%)!important;border:1.5px solid rgba(214,164,63,.65)!important;color:#fff!important;text-align:center!important;box-shadow:0 14px 32px rgba(7,59,50,.16)!important;overflow:hidden!important;}
.toppers-a4-header img{width:78px!important;height:78px!important;object-fit:contain!important;object-position:center!important;padding:5px!important;border-radius:18px!important;background:#fff!important;border:1px solid rgba(255,255,255,.45)!important;box-shadow:0 10px 22px rgba(0,0,0,.12)!important}.toppers-a4-header span{display:block;color:#f6d98b!important;font-weight:950!important;font-size:12px!important;margin-bottom:4px}.toppers-a4-header h2{color:#fff!important;font-size:25px!important;line-height:1.32!important;margin:4px 0!important;font-weight:950!important;text-shadow:0 1px 1px rgba(0,0,0,.18)!important}.toppers-a4-header h3{color:rgba(255,255,255,.94)!important;font-size:17px!important;line-height:1.42!important;margin:0 0 4px!important;font-weight:950!important}.toppers-a4-header p{color:rgba(255,255,255,.88)!important;font-size:12px!important;margin:0!important;font-weight:800!important}
.toppers-a4-meta{position:relative;z-index:1;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:7px;margin:0 0 12px}.toppers-a4-meta span{display:flex;align-items:center;justify-content:center;gap:5px;min-height:32px;padding:6px 7px;border-radius:13px;background:#fff8e5;color:#6f5300;border:1px solid #ecd599;box-shadow:0 7px 18px rgba(111,83,0,.07);font-size:10.4px;font-weight:950;text-align:center;line-height:1.35}.toppers-a4-meta span:nth-child(n+5){display:none!important;}
.toppers-a4-table{position:relative;z-index:1;width:100%!important;table-layout:fixed!important;border-collapse:separate!important;border-spacing:0!important;border:1px solid #d7e5dd!important;border-radius:16px!important;overflow:hidden!important;background:#fff!important;font-size:9.4px!important;line-height:1.24!important}.toppers-a4-table th{background:#0a5f4e!important;color:#fff!important;padding:6px 4px!important;border:1px solid #0a5f4e!important;font-weight:950!important;text-align:center!important}.toppers-a4-table td{padding:5px 4px!important;border:1px solid #dfebe5!important;background:#fff!important;color:#17342d!important;font-weight:800!important;vertical-align:middle!important;overflow:hidden!important;text-overflow:ellipsis!important}.toppers-a4-table tr:nth-child(even) td{background:#f8fcfa!important}.toppers-a4-table tr.topper-a4-medal-row td{background:#fff6dc!important;color:#5c4200!important}.toppers-a4-table th:nth-child(1),.toppers-a4-table td:nth-child(1){width:6%!important;text-align:center!important}.toppers-a4-table th:nth-child(2),.toppers-a4-table td:nth-child(2){width:10%!important;text-align:center!important}.toppers-a4-table th:nth-child(3),.toppers-a4-table td:nth-child(3){width:25%!important;text-align:right!important}.toppers-a4-table th:nth-child(4),.toppers-a4-table td:nth-child(4){width:11%!important;text-align:center!important}.toppers-a4-table th:nth-child(5),.toppers-a4-table td:nth-child(5){width:18%!important;text-align:right!important}.toppers-a4-table th:nth-child(6),.toppers-a4-table td:nth-child(6){width:12%!important;text-align:right!important}.toppers-a4-table th:nth-child(7),.toppers-a4-table td:nth-child(7){width:11%!important;text-align:center!important}.toppers-a4-table th:nth-child(8),.toppers-a4-table td:nth-child(8){width:7%!important;text-align:center!important}.toppers-a4-rank{background:#0f4d79!important;color:#fff!important;min-width:30px!important;height:24px!important;border-radius:999px!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;font-size:9px!important;font-weight:950!important}.toppers-a4-footer{position:absolute!important;right:28px!important;left:28px!important;bottom:16px!important;display:flex!important;align-items:center!important;justify-content:space-between!important;gap:12px!important;border-top:1px solid #d9e8e1!important;padding-top:8px!important;color:#60756f!important;font-size:11px!important;font-weight:950!important}
.toppers-a4-export[data-rows="1"] .toppers-a4-table,.toppers-a4-export[data-rows="2"] .toppers-a4-table,.toppers-a4-export[data-rows="3"] .toppers-a4-table,.toppers-a4-export[data-rows="4"] .toppers-a4-table,.toppers-a4-export[data-rows="5"] .toppers-a4-table{font-size:12px!important;line-height:1.55!important}.toppers-a4-export[data-rows="1"] .toppers-a4-table td,.toppers-a4-export[data-rows="2"] .toppers-a4-table td,.toppers-a4-export[data-rows="3"] .toppers-a4-table td,.toppers-a4-export[data-rows="4"] .toppers-a4-table td,.toppers-a4-export[data-rows="5"] .toppers-a4-table td{padding:10px 8px!important}.toppers-a4-export[data-rows="6"] .toppers-a4-table,.toppers-a4-export[data-rows="7"] .toppers-a4-table,.toppers-a4-export[data-rows="8"] .toppers-a4-table,.toppers-a4-export[data-rows="9"] .toppers-a4-table{font-size:10.8px!important;line-height:1.42!important}.toppers-a4-export[data-rows="6"] .toppers-a4-table td,.toppers-a4-export[data-rows="7"] .toppers-a4-table td,.toppers-a4-export[data-rows="8"] .toppers-a4-table td,.toppers-a4-export[data-rows="9"] .toppers-a4-table td{padding:7px 6px!important}.toppers-a4-export[data-rows="14"] .toppers-a4-table{font-size:8.9px!important;line-height:1.2!important}.toppers-a4-export[data-rows="14"] .toppers-a4-table td{padding:4px 3px!important}
.topper-congrats-export{position:fixed;left:-100000px;top:0;width:900px;height:1200px;background:#fff;overflow:hidden;z-index:-1;direction:rtl;font-family:var(--site-font-family,'IBM Plex Sans Arabic',Tahoma,Arial,sans-serif)}.topper-congrats-frame{position:absolute;inset:34px;border:8px double #d6a43f;border-radius:34px;padding:42px;background:linear-gradient(180deg,#fff,#f8fcfa)}.topper-congrats-watermark{position:absolute;inset:0;display:grid;place-items:center;opacity:.055}.topper-congrats-watermark img{width:520px}.topper-congrats-head{display:flex;align-items:center;justify-content:space-between;gap:20px}.topper-congrats-head img{width:100px;height:100px;object-fit:contain;border-radius:24px;background:#fff;border:1px solid #e3f1ea;padding:8px}.topper-congrats-head div{text-align:center;color:#073b32}.topper-congrats-head span{display:block;color:#667085;font-weight:900}.topper-congrats-head strong{font-size:1.45rem}.topper-congrats-medal{margin:46px auto 20px;width:max-content;display:flex;align-items:center;gap:10px;background:linear-gradient(135deg,#fff4cf,#f6d47b);border:1px solid #f1d078;color:#6f4c00;border-radius:999px;padding:14px 28px;font-weight:950;font-size:1.2rem}.topper-congrats-medal i{font-size:1.8rem}.topper-congrats-export h2{text-align:center;font-size:3.2rem;line-height:1.35;color:#073b32;margin:18px 0}.topper-congrats-export p{text-align:center;color:#344844;font-size:1.35rem;line-height:2;max-width:700px;margin:0 auto 28px}.topper-congrats-info{display:grid;grid-template-columns:repeat(2,1fr);gap:14px;margin-top:28px}.topper-congrats-info span{background:#fff;border:1px solid #e1f0e8;border-radius:20px;padding:18px;color:#667085;font-size:1.1rem;line-height:1.7}.topper-congrats-info b{color:#073b32}.topper-congrats-export footer{position:absolute;bottom:46px;right:70px;left:70px;text-align:center;border-top:1px solid #dfeee7;padding-top:18px;color:#667085;font-weight:900}
@media(max-width:850px){.toppers-hero{flex-direction:column;align-items:stretch;border-radius:24px;padding:18px}.toppers-actions{justify-content:stretch}.toppers-actions .action-button,.toppers-bottom-actions .action-button{width:100%;min-width:0}.podium-wrap{grid-template-columns:1fr}.podium-first,.podium-second,.podium-third{order:initial;min-height:220px}.toppers-table-card{padding:14px;border-radius:24px}.toppers-table-card__head{flex-direction:column;align-items:stretch}.toppers-count-badge{width:max-content;max-width:100%}.toppers-table{min-width:760px}}
@media print{.toppers-actions,.toppers-bottom-actions{display:none!important}}

/* =========================================================
   Qalubia Toppers Pages Redesign v2.0
   Scope: top-students / school toppers / edara toppers / governorate toppers
   Purpose: modern Qalubia identity, unified tables, better pagination and cards
   ========================================================= */

:root{
  --q-top-green:#075f48;
  --q-top-green-2:#0b7a5c;
  --q-top-green-3:#0f9b73;
  --q-top-blue:#0d3c61;
  --q-top-gold:#d8a83f;
  --q-top-gold-2:#fff3cf;
  --q-top-ink:#10231f;
  --q-top-muted:#60756f;
  --q-top-line:#dbe9e2;
  --q-top-soft:#f4fbf7;
  --q-top-card:#ffffff;
  --q-top-shadow:0 22px 60px rgba(7,59,50,.12);
  --q-top-shadow-soft:0 12px 30px rgba(7,59,50,.08);
}

.toppers-page{
  position:relative!important;
  padding:0 0 34px!important;
  isolation:isolate!important;
}
.toppers-page:before{
  content:"";
  position:absolute;
  inset:-16px -12px auto -12px;
  height:260px;
  z-index:-1;
  pointer-events:none;
  background:
    radial-gradient(circle at 12% 18%,rgba(216,168,63,.18),transparent 26%),
    radial-gradient(circle at 86% 8%,rgba(15,155,115,.14),transparent 28%),
    linear-gradient(180deg,rgba(244,251,247,.92),rgba(255,255,255,0));
  border-radius:0 0 38px 38px;
}

/* Hero */
.toppers-hero{
  display:grid!important;
  grid-template-columns:minmax(0,1fr) auto!important;
  align-items:center!important;
  gap:22px!important;
  margin:0 0 24px!important;
  padding:30px!important;
  border-radius:34px!important;
  color:#fff!important;
  position:relative!important;
  overflow:hidden!important;
  border:1px solid rgba(255,255,255,.16)!important;
  background:
    radial-gradient(circle at 13% 10%,rgba(255,243,207,.22),transparent 30%),
    radial-gradient(circle at 88% 22%,rgba(255,255,255,.12),transparent 26%),
    linear-gradient(135deg,#062d26 0%,var(--q-top-green) 48%,var(--q-top-blue) 100%)!important;
  box-shadow:0 30px 80px rgba(6,45,38,.24)!important;
}
.toppers-hero:before{
  content:"\f521"!important;
  font-family:"Font Awesome 6 Free"!important;
  font-weight:900!important;
  position:absolute!important;
  left:26px!important;
  top:-34px!important;
  font-size:170px!important;
  line-height:1!important;
  color:#fff!important;
  opacity:.07!important;
  transform:rotate(-10deg)!important;
}
.toppers-hero:after{
  content:"";
  position:absolute;
  inset:auto -60px -120px auto;
  width:260px;
  height:260px;
  border-radius:50%;
  background:rgba(216,168,63,.18);
  filter:blur(4px);
}
.toppers-hero > *{position:relative;z-index:1;}
.toppers-hero .section-eyebrow{
  display:inline-flex!important;
  align-items:center!important;
  gap:8px!important;
  width:max-content!important;
  max-width:100%!important;
  padding:8px 13px!important;
  border-radius:999px!important;
  color:#ffe6a3!important;
  background:rgba(255,255,255,.11)!important;
  border:1px solid rgba(255,255,255,.20)!important;
  font-weight:950!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.12)!important;
}
.toppers-hero h2{
  margin:14px 0 8px!important;
  color:#fff!important;
  font-size:clamp(1.65rem,3.2vw,2.65rem)!important;
  line-height:1.35!important;
  font-weight:950!important;
  letter-spacing:-.02em!important;
  text-shadow:0 2px 10px rgba(0,0,0,.16)!important;
}
.toppers-hero p{
  margin:0!important;
  color:rgba(255,255,255,.86)!important;
  max-width:820px!important;
  line-height:1.95!important;
  font-size:1rem!important;
  font-weight:750!important;
}
.toppers-actions,
.toppers-bottom-actions{
  display:flex!important;
  align-items:center!important;
  justify-content:flex-end!important;
  gap:10px!important;
  flex-wrap:wrap!important;
}
.toppers-actions .action-button,
.toppers-bottom-actions .action-button{
  min-height:46px!important;
  padding:11px 16px!important;
  border-radius:16px!important;
  border:1px solid rgba(255,255,255,.18)!important;
  text-decoration:none!important;
  font-weight:950!important;
  box-shadow:0 12px 26px rgba(0,0,0,.14)!important;
  transition:transform .18s ease, box-shadow .18s ease, filter .18s ease!important;
}
.toppers-actions .action-button:hover,
.toppers-bottom-actions .action-button:hover{
  transform:translateY(-2px)!important;
  box-shadow:0 18px 34px rgba(0,0,0,.18)!important;
  filter:saturate(1.08)!important;
}
.toppers-actions .action-button--soft{
  background:rgba(255,255,255,.12)!important;
  color:#fff!important;
  backdrop-filter:blur(10px)!important;
}
.toppers-actions .action-button--primary,
.toppers-bottom-actions .action-button--primary,
.toppers-bottom-actions .action-button--gold{
  background:linear-gradient(135deg,#c58922,#e6bf60)!important;
  color:#10312b!important;
  border-color:rgba(255,232,165,.55)!important;
}

/* Podium */
.podium-wrap{
  display:grid!important;
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  gap:18px!important;
  margin:22px 0 24px!important;
  align-items:end!important;
}
.podium-card{
  min-width:0!important;
  min-height:248px!important;
  padding:20px!important;
  border-radius:30px!important;
  background:
    linear-gradient(180deg,rgba(255,255,255,.96),rgba(250,254,252,.96))!important;
  border:1px solid rgba(7,95,72,.14)!important;
  box-shadow:var(--q-top-shadow-soft)!important;
  text-align:center!important;
  position:relative!important;
  overflow:hidden!important;
  display:grid!important;
  align-content:center!important;
  justify-items:center!important;
  gap:8px!important;
}
.podium-card:before{
  content:""!important;
  position:absolute!important;
  inset:0!important;
  background:
    radial-gradient(circle at 50% 0%,rgba(216,168,63,.22),transparent 42%),
    linear-gradient(180deg,rgba(244,251,247,.85),rgba(255,255,255,0))!important;
  pointer-events:none!important;
}
.podium-card:after{
  content:"";
  position:absolute;
  right:18px;
  left:18px;
  bottom:0;
  height:5px;
  border-radius:999px 999px 0 0;
  background:linear-gradient(90deg,var(--q-top-green),var(--q-top-gold));
}
.podium-card > *{position:relative;z-index:1;}
.podium-first{
  order:2!important;
  min-height:292px!important;
  border-color:rgba(216,168,63,.56)!important;
  box-shadow:0 24px 65px rgba(116,77,0,.14)!important;
}
.podium-second{order:1!important;}
.podium-third{order:3!important;}
.podium-medal{
  width:88px!important;
  height:88px!important;
  border-radius:26px!important;
  margin:0 0 8px!important;
  display:grid!important;
  place-items:center!important;
  background:linear-gradient(135deg,#ffd76d,#d8a83f)!important;
  color:#543500!important;
  box-shadow:0 16px 32px rgba(216,168,63,.28)!important;
  transform:rotate(3deg)!important;
}
.podium-medal i{font-size:1.7rem!important;}
.podium-medal span{font-size:.82rem!important;font-weight:950!important;}
.podium-second .podium-medal{background:linear-gradient(135deg,#e9edf2,#aeb8c4)!important;color:#344054!important;}
.podium-third .podium-medal{background:linear-gradient(135deg,#ffd0a3,#bd6e32)!important;color:#5b2c0b!important;}
.podium-card h3{
  margin:0!important;
  color:var(--q-top-green)!important;
  font-size:1.1rem!important;
  font-weight:950!important;
  line-height:1.65!important;
}
.podium-card p{
  margin:0!important;
  color:var(--q-top-muted)!important;
  font-weight:850!important;
  line-height:1.7!important;
}
.podium-card strong{
  color:#8a5a00!important;
  font-size:1.36rem!important;
  font-weight:950!important;
}
.podium-card a{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:7px!important;
  margin-top:4px!important;
  padding:9px 16px!important;
  border-radius:999px!important;
  color:#fff!important;
  background:linear-gradient(135deg,var(--q-top-green),var(--q-top-green-2))!important;
  text-decoration:none!important;
  font-weight:950!important;
  box-shadow:0 12px 24px rgba(7,95,72,.18)!important;
}

/* Toppers table card */
.toppers-table-card{
  background:rgba(255,255,255,.96)!important;
  border:1px solid var(--q-top-line)!important;
  border-radius:30px!important;
  padding:20px!important;
  box-shadow:var(--q-top-shadow)!important;
  overflow:hidden!important;
  position:relative!important;
}
.toppers-table-card:before{
  content:"";
  position:absolute;
  inset:0 0 auto 0;
  height:5px;
  background:linear-gradient(90deg,var(--q-top-green),var(--q-top-gold),var(--q-top-blue));
}
.toppers-table-card__head{
  display:flex!important;
  align-items:flex-start!important;
  justify-content:space-between!important;
  gap:14px!important;
  margin:0 0 16px!important;
  padding-top:6px!important;
}
.toppers-table-card__head h3{
  margin:0 0 7px!important;
  color:var(--q-top-green)!important;
  font-size:clamp(1.25rem,2.2vw,1.65rem)!important;
  line-height:1.45!important;
  font-weight:950!important;
}
.toppers-table-card__head h3 i{color:var(--q-top-gold)!important;margin-inline-end:6px!important;}
.toppers-table-card__head p{
  margin:0!important;
  color:var(--q-top-muted)!important;
  font-weight:750!important;
  line-height:1.8!important;
}
.toppers-count-badge{
  display:inline-flex!important;
  align-items:center!important;
  gap:8px!important;
  padding:10px 14px!important;
  border-radius:999px!important;
  background:var(--q-top-gold-2)!important;
  color:#694700!important;
  border:1px solid #efd68d!important;
  box-shadow:0 10px 22px rgba(105,71,0,.08)!important;
  font-weight:950!important;
  white-space:nowrap!important;
}
.toppers-count-badge i{color:#b57e16!important;}

.toppers-table-wrap{
  width:100%!important;
  overflow-x:auto!important;
  border:1px solid var(--q-top-line)!important;
  border-radius:24px!important;
  background:#fff!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.86)!important;
}
.toppers-table{
  width:100%!important;
  table-layout:auto!important;
  border-collapse:separate!important;
  border-spacing:0!important;
  background:#fff!important;
  min-width:0!important;
}
.toppers-table th,
.toppers-table td{
  width:auto!important;
  min-width:0!important;
  max-width:none!important;
  text-align:right!important;
  vertical-align:middle!important;
  background-image:none!important;
}
.toppers-table thead th{
  position:sticky!important;
  top:0!important;
  z-index:1!important;
  padding:14px 13px!important;
  background:linear-gradient(180deg,#f4fbf7,#eaf6f0)!important;
  color:var(--q-top-green)!important;
  border-bottom:1px solid var(--q-top-line)!important;
  font-weight:950!important;
  white-space:nowrap!important;
}
.toppers-table tbody td{
  padding:13px!important;
  color:#2f4540!important;
  border-bottom:1px solid #eaf3ee!important;
  font-weight:850!important;
  line-height:1.65!important;
  background:#fff!important;
}
.toppers-table tbody tr:nth-child(even) td{background:#fbfefc!important;}
.toppers-table tbody tr:hover td{
  background:#f3fbf7!important;
}
.toppers-table tbody tr.is-podium-row td,
.toppers-table tbody tr.is-podium-row:nth-child(even) td,
.toppers-table tbody tr.is-podium-row:nth-child(odd) td{
  background:#fff8df!important;
  color:#573c00!important;
}
.toppers-table tbody tr:last-child td{border-bottom:0!important;}
.toppers-table a:not(.topper-card-btn){
  display:inline-flex!important;
  align-items:center!important;
  gap:7px!important;
  color:var(--q-top-green)!important;
  text-decoration:none!important;
  font-weight:950!important;
  border-radius:999px!important;
  transition:color .16s ease, background .16s ease, transform .16s ease!important;
}
.toppers-table a:not(.topper-card-btn):hover{
  color:#fff!important;
  background:var(--q-top-green)!important;
  padding-inline:8px!important;
  transform:translateY(-1px)!important;
  text-decoration:none!important;
}
.toppers-student-link:before{
  content:"\f19d";
  font-family:"Font Awesome 6 Free";
  font-weight:900;
  color:var(--q-top-gold);
}
.row-index,
.rank-number,
.table-pill,
.percent-pill{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:6px!important;
  width:auto!important;
  min-width:0!important;
  max-width:none!important;
  border-radius:999px!important;
  padding:6px 10px!important;
  font-weight:950!important;
  white-space:nowrap!important;
  line-height:1.25!important;
}
.row-index{background:#f1f7f4!important;color:#516862!important;border:1px solid #e2eee8!important;}
.rank-number{background:var(--q-top-gold-2)!important;color:#704b00!important;border:1px solid #efd68d!important;}
.table-pill{background:#ecf8f2!important;color:var(--q-top-green)!important;border:1px solid #c9e7da!important;}
.percent-pill{background:linear-gradient(135deg,var(--q-top-green),var(--q-top-green-2))!important;color:#fff!important;border:1px solid rgba(255,255,255,.15)!important;box-shadow:0 7px 16px rgba(7,95,72,.14)!important;}
.toppers-table td[data-label="بطاقة تهنئة"]{text-align:center!important;}
.topper-card-btn{
  width:auto!important;
  min-width:46px!important;
  height:42px!important;
  padding:0 14px!important;
  border:0!important;
  border-radius:16px!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:7px!important;
  cursor:pointer!important;
  color:#5f3f00!important;
  background:
    radial-gradient(circle at 20% 15%,rgba(255,255,255,.75),transparent 34%),
    linear-gradient(135deg,#fff4c8,#d8a83f)!important;
  box-shadow:0 12px 24px rgba(216,168,63,.22), inset 0 0 0 1px rgba(130,86,0,.16)!important;
  font-size:1rem!important;
  font-weight:950!important;
  transition:transform .18s ease, box-shadow .18s ease, filter .18s ease!important;
}
.topper-card-btn:after{
  content:"تهنئة";
  font-size:.82rem;
  font-weight:950;
}
.topper-card-btn:hover{
  transform:translateY(-2px) scale(1.02)!important;
  filter:saturate(1.1)!important;
  box-shadow:0 18px 32px rgba(216,168,63,.28), inset 0 0 0 1px rgba(130,86,0,.18)!important;
}
.topper-card-btn i{animation:qTopGiftPulse 1.8s ease-in-out infinite;}
@keyframes qTopGiftPulse{0%,100%{transform:scale(1)}50%{transform:scale(1.14) rotate(-5deg)}}

/* Pagination on toppers pages */
.toppers-page .pagination,
.pagination{
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:8px!important;
  flex-wrap:wrap!important;
  margin:22px auto!important;
  padding:10px!important;
  border-radius:24px!important;
}
.toppers-page .pagination a,
.toppers-page .pagination span,
.pagination a,
.pagination span,
.pagination button{
  min-width:42px!important;
  height:42px!important;
  padding:0 13px!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  border-radius:15px!important;
  border:1px solid var(--q-top-line)!important;
  background:#fff!important;
  color:var(--q-top-green)!important;
  text-decoration:none!important;
  font-weight:950!important;
  box-shadow:0 8px 18px rgba(7,59,50,.06)!important;
}
.toppers-page .pagination .active,
.toppers-page .pagination span.current,
.pagination .active,
.pagination span.current{
  background:linear-gradient(135deg,var(--q-top-green),var(--q-top-green-2))!important;
  color:#fff!important;
  border-color:transparent!important;
  box-shadow:0 14px 26px rgba(7,95,72,.18)!important;
}
.toppers-page .pagination a:hover,
.pagination a:hover,
.pagination button:hover{
  background:#f3fbf7!important;
  transform:translateY(-1px)!important;
}
.toppers-page .pagination select,
.pagination select{
  min-height:42px!important;
  border-radius:15px!important;
  border:1px solid var(--q-top-line)!important;
  padding:0 12px!important;
  color:var(--q-top-green)!important;
  font-weight:900!important;
  background:#fff!important;
}

/* Bottom actions */
.toppers-bottom-actions{
  margin:24px auto 0!important;
  justify-content:center!important;
}

/* Mobile cards */
@media(max-width:900px){
  .toppers-hero{grid-template-columns:1fr!important;padding:22px!important;border-radius:28px!important;}
  .toppers-actions{justify-content:stretch!important;}
  .toppers-actions .action-button,.toppers-bottom-actions .action-button{width:100%!important;justify-content:center!important;}
  .podium-wrap{grid-template-columns:1fr!important;gap:12px!important;}
  .podium-first,.podium-second,.podium-third{order:initial!important;min-height:220px!important;}
  .toppers-table-card{padding:15px!important;border-radius:26px!important;}
  .toppers-table-card__head{display:grid!important;grid-template-columns:1fr!important;}
  .toppers-count-badge{width:max-content!important;max-width:100%!important;}
  .toppers-table-wrap{overflow:visible!important;border:0!important;background:transparent!important;box-shadow:none!important;}
  .toppers-table{display:block!important;width:100%!important;min-width:0!important;background:transparent!important;border:0!important;}
  .toppers-table thead{display:none!important;}
  .toppers-table tbody{display:grid!important;gap:12px!important;width:100%!important;}
  .toppers-table tr{
    display:grid!important;
    width:100%!important;
    border:1px solid var(--q-top-line)!important;
    border-radius:24px!important;
    overflow:hidden!important;
    background:#fff!important;
    box-shadow:var(--q-top-shadow-soft)!important;
  }
  .toppers-table tbody tr.is-podium-row{border-color:#efd68d!important;}
  .toppers-table td{
    display:flex!important;
    align-items:center!important;
    justify-content:space-between!important;
    gap:14px!important;
    width:100%!important;
    min-width:0!important;
    max-width:none!important;
    padding:11px 13px!important;
    border:0!important;
    border-bottom:1px solid #edf4ef!important;
    background:#fff!important;
    text-align:left!important;
  }
  .toppers-table td:last-child{border-bottom:0!important;}
  .toppers-table td:before{
    content:attr(data-label)!important;
    flex:0 0 auto!important;
    color:var(--q-top-green)!important;
    font-size:.78rem!important;
    font-weight:950!important;
    text-align:right!important;
  }
  .toppers-table td[data-label="اسم الطالب"]{
    background:linear-gradient(135deg,#f8fcfa,#fff8df)!important;
    align-items:flex-start!important;
  }
  .toppers-table td[data-label="اسم الطالب"] a{font-size:.95rem!important;line-height:1.65!important;}
  .toppers-table a:not(.topper-card-btn){white-space:normal!important;overflow-wrap:anywhere!important;text-align:right!important;}
  .toppers-table td[data-label="بطاقة تهنئة"]{justify-content:space-between!important;}
  .topper-card-btn{width:auto!important;min-width:110px!important;}
  .pagination a,.pagination span,.pagination button{min-width:38px!important;height:38px!important;border-radius:13px!important;}
}

@media(max-width:520px){
  .toppers-hero{padding:18px!important;border-radius:24px!important;}
  .toppers-hero h2{font-size:1.55rem!important;}
  .toppers-hero p{font-size:.93rem!important;}
  .podium-card{border-radius:24px!important;padding:16px!important;}
  .podium-medal{width:74px!important;height:74px!important;border-radius:22px!important;}
  .toppers-table-card__head h3{font-size:1.2rem!important;}
}