/* tables.css — CMS content tables
   style.css ke BAAD load hona zaroori hai.
   Kad Cabs — v2 */

/* parent chain: grid/flex children ko sikudne do */
.wrap,
.rt-page,
.rt-shell,
.cms-layout,
.cms-layout > *,
.cms-body,
.cms-aside,
main,
article{min-width:0}

/* ---- wrapper ---- */
.cms-body .tbl-wrap,
.tbl-wrap{
  display:block;
  width:100%;
  max-width:100%;
  min-width:0;
  overflow-x:auto;
  overflow-y:hidden;
  -webkit-overflow-scrolling:touch;
  margin:18px 0 26px;
  border:1px solid var(--line);
  border-radius:10px;
  background:
    linear-gradient(90deg,#fff 30%,rgba(255,255,255,0)) left/28px 100% no-repeat,
    linear-gradient(90deg,rgba(255,255,255,0),#fff 70%) right/28px 100% no-repeat,
    radial-gradient(farthest-side at 0 50%,rgba(15,34,66,.13),transparent) left/12px 100% no-repeat,
    radial-gradient(farthest-side at 100% 50%,rgba(15,34,66,.13),transparent) right/12px 100% no-repeat;
  background-attachment:local,local,scroll,scroll;
}

/* ---- table ----
   width:100%  → desktop par poori chaudai
   min-width   → mobile par scroll                      */
.cms-body .tbl-wrap > table,
.tbl-wrap > table{
  width:100%;
  min-width:600px;
  max-width:none;
  border-collapse:collapse;
  font-size:15px;
  margin:0;
}

.cms-body .tbl-wrap th,
.tbl-wrap thead th{
  background:var(--blue);
  color:#fff;
  text-align:left;
  padding:12px 14px;
  font-weight:600;
  font-size:14px;
  white-space:nowrap;
  border:0;
}

.cms-body .tbl-wrap td,
.tbl-wrap td{
  padding:11px 14px;
  border:0;
  border-top:1px solid var(--line);
  color:var(--slate);
  white-space:nowrap;
}

.tbl-wrap tbody tr:nth-child(even) td{background:var(--mist)}

.tbl-wrap td:first-child{
  font-weight:600;
  color:var(--ink);
  white-space:normal;
  min-width:170px;
}

.tbl-wrap td.num,
.tbl-wrap thead th.num{
  text-align:right;
  font-variant-numeric:tabular-nums;
}

/* ---- chhoti tables: 3 column ya kam ----
   wrapper par class add karo: <div class="tbl-wrap tbl-sm">  */
.tbl-wrap.tbl-sm > table{min-width:420px}
@media(min-width:900px){
  .tbl-wrap.tbl-sm{max-width:660px}
}

/* ---- scrollbar ---- */
.tbl-wrap::-webkit-scrollbar{height:7px}
.tbl-wrap::-webkit-scrollbar-track{background:var(--mist)}
.tbl-wrap::-webkit-scrollbar-thumb{background:#B9CBE6;border-radius:4px}

/* ---- note under table ---- */
.tbl-note{
  font-size:14px;
  color:var(--steel);
  margin:-18px 0 26px;
}

/* ---- mobile ---- */
@media(max-width:640px){
  .tbl-wrap > table{font-size:14px;min-width:540px}
  .tbl-wrap.tbl-sm > table{min-width:380px}
  .tbl-wrap thead th,
  .tbl-wrap td{padding:9px 11px}
  .tbl-wrap td:first-child{min-width:150px}
}