/* Scroll area */
.ka-table-container {
  width: 100%;
  height: 300px;
  overflow: auto;            /* scroll X and Y */
  border: 1px solid #ddd;
  border-radius: 2px;
  background: #fff;
}

/* Table: fixed layout so header/body widths match exactly */
.ka-table {
  border-collapse: separate;
  border-spacing: 0;
  width: max-content;        /* grows with columns */
  min-width: 100%;           /* but at least full container width */
  table-layout: fixed;       /* CRITICAL for alignment */
  font-size: 10px;           /* your preference */
}

/* Cells */
.ka-table th,
.ka-table td {
  padding: 2px 2px;
  border: 1px solid #e5e7eb;
  text-align: center;
  background: #fff;
  overflow: hidden;
}

/* Let headers wrap (better on small widths), keep body on one line */
.ka-table thead th { 
  position: sticky;
  top: 0;
  z-index: 5;               /* above body cells */
  background: #fff;
  white-space: normal;      /* allow wrapping for headers */
  text-overflow: clip;      /* no ellipsis on headers */
  background-color:lemonchiffon;
}
.ka-table tbody td {
  white-space: nowrap;      /* keep rows short; change to normal if you prefer wrapping */
  text-overflow: ellipsis;
}

/* Sticky first column for both header and body */
.ka-table .sticky-col {
  position: sticky;
  left: 0;
  z-index: 6;               /* above normal cells, below .tl-cell */
  background: #fff;
  text-align: left;
}

/* Top-left header cell should be above everything */
.ka-table .tl-cell {
  z-index: 7 !important;
background-color:lemonchiffon;
}

.indicator-title {
    font-size: 1em;   /* Matches India Indicators */
    color: blue;      /* Same dark blue tone */
    margin: 0.4em 0 0.6em;
    font-weight: bold;
}