.elementor-54663 .elementor-element.elementor-element-d3c0d41{--display:flex;}/* Start custom CSS for html, class: .elementor-element-ba9bdf7 *//* ==========================
   GLOBAL
========================== */
body {
  margin: 0;
  padding: 0;
  font-family: "Inter", Arial, sans-serif;
  background: #ffffff;
  color: #111;
}

/* ==========================
   HEADER BANNER
========================== */
.banner {
  padding: 16px;
  border-radius: 10px;
  background: linear-gradient(90deg, #6a11cb, #2575fc);
  color: #fff;
  font-weight: 700;
  margin-bottom: 18px;
}
.banner .title { font-size: 20px; }
.banner .subtitle { font-size: 13px; opacity: .92; }

/* ==========================
   SEARCH BAR
========================== */
#table-search-input {
  width: 100%;
  padding: 12px;
  border: 2px solid #000;
  border-radius: 10px;
  font-size: 15px;
  margin-bottom: 15px;
}

/* ==========================
   FILTER RESULTS
========================== */
.filtered-wrap {
  max-height: 260px;
  overflow: auto;
  border: 1px solid #ddd;
  border-radius: 8px;
  background: #fafafa;
  padding: 10px;
  margin-bottom: 20px;
}

/* ==========================
   TABLE WRAPPER
========================== */
.table-wrap {
  border: 1px solid #ddd;
  border-radius: 10px;
  overflow: hidden;
}

/* ==========================
   DESKTOP TABLE
========================== */
table {
  width: 100%;
  border-collapse: collapse;
}

thead th {
  background: linear-gradient(90deg, #6a11cb, #2575fc);
  padding: 12px;
  color: #fff;
  font-size: 14px;
  text-align: left;
}

tbody td {
  padding: 12px;
  border-bottom: 1px solid #eee;
  font-size: 14px;
}

/* ==========================
   BADGES (TOPPER)
========================== */
.badge {
  padding: 4px 8px;
  border-radius: 14px;
  font-size: 11px;
  font-weight: 700;
  color: #fff;
  margin-right: 6px;
}

.badge.top1 { background:#ff8800; }
.badge.top2 { background:#7a79ff; }
.badge.top3 { background:#00cfff; }
.badge.top10 { background:#dfeaff; color:#002 !important; }

/* ==========================
   TOPPER SHINING ANIMATION
========================== */
@keyframes shineFlow {
  0% { background-position:0% 50%; }
  100% { background-position:100% 50%; }
}

.rank-top-1,
.rank-top-2,
.rank-top-3 {
  color:#fff !important;
  font-weight:700;
  background-size:300% 300%;
  animation:shineFlow 4s linear infinite;
  text-shadow:0 1px 2px rgba(0,0,0,0.6);
}

.rank-top-1 { background-image: linear-gradient(90deg,#ff8a00,#e52e71,#ff8a00); }
.rank-top-2 { background-image: linear-gradient(90deg,#4158D0,#C850C0,#FFCC70); }
.rank-top-3 { background-image: linear-gradient(90deg,#00F260,#0575E6,#00F260); }

.rank-top-10 {
  background: linear-gradient(90deg,#eef4ff,#f8fbff);
  font-weight:700;
  color:#002 !important;
}

/* ==========================
   REMOVE HOVER
========================== */
tbody tr:hover {
  background:none !important;
  transform:none !important;
  box-shadow:none !important;
}

/* ==========================
   MOBILE / TABLET VIEW
   (Tip 14 FIXED)
========================== */
@media (max-width: 820px) {

  thead { display:none; }
  table, tbody, tr, td { display:block; width:100%; }

  tr {
    margin-bottom:15px;
    border:1px solid #eee;
    border-radius:10px;
    background:#fff;
    padding-top:8px;
  }

  /* --- MOBILE TOP LINE --- */
  tr td:first-child {
    font-size:17px;
    font-weight:800;
    padding:10px 14px;
    border:none;
    background:none !important;
  }

  tr td:last-child {
    font-size:17px;
    font-weight:800;
    padding:10px 14px;
    border:none;
    text-align:right;
    background:none !important;
  }

  tr td:first-child::before,
  tr td:last-child::before { display:none; }

  /* --- OTHER FIELDS BELOW --- */
  td {
    padding:10px 14px;
    border-bottom:1px solid #eee;
    font-size:15px;
  }

  td::before {
    content: attr(data-label) ": ";
    font-weight:700;
    color:#444;
    margin-right:6px;
  }

  td:last-child::before { display:none; }

  /* --- TOPPER WHITE TEXT SAFE --- */
  .rank-top-1 td,
  .rank-top-2 td,
  .rank-top-3 td {
    color:#fff !important;
    text-shadow:0 1px 2px rgba(0,0,0,0.7);
  }

  .rank-top-10 td {
    color:#002 !important;
  }
}/* End custom CSS */