/* GRID UPDATES */

/* === Modernize desktop table surface === */
@media (min-width: 1200px) {
    .grid-header {
        white-space: nowrap;
        background-color: #37c74f;
        color: grey;
        font-weight: bold;
    }
}

  .grid-header{
    /* replace hard green header with softer neutral */
   background: #0e2776;                /* matches site hover vibe */
    color: #ffffff;
    border-bottom: 1px solid rgba(0,0,0,.08);
  }

  .grid-header .grid-cell{
    padding-top: 14px;
    padding-bottom: 14px;
    font-weight: 900;
    font-size: 13px;
  }

  .grid-row{
    border: none;                        /* grid.css adds border at desktop :contentReference[oaicite:2]{index=2} */
    border-bottom: 1px solid rgba(0,0,0,.06);
  }

  .grid-row:nth-of-type(even){
    background-color: #fafbfc;           /* softer zebra than #FdFdFd :contentReference[oaicite:3]{index=3} */
  }

  .grid-row:hover,
  .grid-row:nth-of-type(even):hover{
    background-color: rgba(0,115,174,.06); /* subtle brand hover */
  }

@media (min-width: 1200px) {
  .grid-container{
    /* grid.css already sets overflow:auto on desktop :contentReference[oaicite:5]{index=5} */
    max-height: 70vh;   /* adjust; makes sticky header useful */
  }

  .grid-header{
    position: sticky;
    top: 0;
    z-index: 5;
  }