:root{
      /* bluish-green palette (same as other page) */
      --header-bg:#e6fbff;
      --header-txt:#055160;

      --menubar-bg:#dff6f4;
      --menubar-active-bg:#0076a8;
      --menubar-active-txt:#ffffff;
      --menubar-hover-bg:#bdeeea;

      --dropdown-bg:#e9fbf9;
      --dropdown-border:rgba(0,118,168,.18);

      --footer-bg:#f1f4f8;
      --footer-txt:#7a8a99;
    }

    body{
      background:#f6fafd;
      padding-top:.12rem!important;
      padding-bottom:0!important;
    }

    /* Logo (same as other page) */
    .glekko-logo-row{
      display:flex;
      align-items:flex-start;
      margin-bottom:.12rem;
      margin-top:.03rem;
      min-height:2.3rem;
      max-width:100vw;
    }
    .glekko-logo-img{
      display:block;
      height:3rem;
      max-width:10rem;
      width:auto;
      border-radius:.45rem;
      margin-top:.05rem;
      margin-bottom:.04rem;
    }

    /* Menu shell (same as other page) */
    .manager-menu-bar-row{
      margin-top:0;
      margin-bottom:.47rem;
      padding-left:.11rem;
      padding-right:0;
      width:100%;
      display:flex;
      align-items:center;
    }
    .menu-shell{
      width:100%;
      background:var(--menubar-bg);
      border-radius:.55rem;
      padding:.15rem .12rem;
      box-shadow:0 1px 3px rgba(0,90,140,.05);
    }

    .navbar .navbar-nav{ align-items:flex-start; } /* left align */
    .navbar .nav-link,
    .navbar .dropdown-item{
      font-size:.9em;
      font-weight:600;
      letter-spacing:.01em;
      line-height:1.1;
      white-space:nowrap;
    }
    .navbar .nav-link{
      color:#036b91;
      border-radius:.36rem;
      padding:.36rem 1.05rem;
      transition:color .13s, background .13s;
    }
    .navbar .nav-link:hover,
    .navbar .nav-link:focus{
      background:var(--menubar-hover-bg);
      color:#025c7b;
    }
    .navbar .nav-link.active,
    .navbar .show > .nav-link.dropdown-toggle{
      background:var(--menubar-active-bg);
      color:var(--menubar-active-txt);
      box-shadow:0 1px 4px rgba(0,60,110,.14);
    }
    .navbar .dropdown-menu{
      background:var(--dropdown-bg);
      border:1px solid var(--dropdown-border);
      border-radius:.55rem;
      padding:.35rem;
      box-shadow:0 6px 18px rgba(0,60,110,.12);
      min-width:18rem;
      text-align:left;
    }
    .navbar .dropdown-item{
      color:#025c7b;
      border-radius:.42rem;
      padding:.5rem .65rem;
      transition:background .13s, color .13s;
    }
    .navbar .dropdown-item:hover,
    .navbar .dropdown-item:focus{
      background:var(--menubar-hover-bg);
      color:#024e68;
    }
    .menu-icon{
      margin-right:.45rem;
      color:#046e38;
    }

    /* Desktop hover open; mobile click handled by Bootstrap JS */
    @media (min-width: 992px){
      .navbar .dropdown:hover > .dropdown-menu{ display:block; }
      .navbar .dropdown:hover > .dropdown-toggle{
        background:var(--menubar-hover-bg);
        color:#025c7b;
      }
    }

    /* Summary + Search row (same pattern as other page) */
    .main-top-summary-row{
      width:100%;
      display:flex;
      flex-wrap:wrap;
      justify-content:space-between;
      align-items:center;
      margin-bottom:.9rem;
      gap:.14rem;
    }
    .manager-summary-card{
      background:#e6f7ff;
      border-radius:10px;
      padding:.53rem .73rem .52rem .73rem;
      flex:3 1 215px;
      min-width:143px;
      font-size:75%;
      box-shadow:0 2px 12px rgba(86,148,180,.07);
    }
    .manager-summary-card h1{
      color:#055160;
      font-weight:700;
      font-size:1.05rem;
      margin-bottom:.1rem;
    }
    .manager-summary-card p{
      margin:.08rem 0 0 0;
      font-size:1em;
    }

    .search-holder-inline{
      display:flex;
      align-items:center;
      gap:.13rem;
      margin-left:auto;
      justify-content:flex-end;
      min-width:240px;
    }
    .search-holder-inline label{
      font-size:.75em;
      font-weight:500;
      color:#155472;
      margin-right:.13em;
      margin-bottom:0;
      white-space:nowrap;
      align-self:center;
    }

    .search-input-group{
      position:relative;
      display:flex;
      align-items:stretch;
      width:min(420px, 100%);
    }
    .search-input-group .form-control{
      border-right:0;
      box-shadow:none;
      font-size:.85em;
    }
    .search-input-group .btn{
      border-left:0;
      background:var(--header-bg);
      color:var(--header-txt);
      border:1px solid #ced4da;
    }

    /* Dropdown results */
    .dropdown-results{
      position:absolute;
      background:#fff;
      border:1px solid #cfd8e3;
      border-top:none;
      max-height:240px;
      overflow-y:auto;
      width:100%;
      z-index:2000;
      top:100%;
      left:0;
      border-bottom-left-radius:.5rem;
      border-bottom-right-radius:.5rem;
      box-shadow:0 8px 22px rgba(0,60,110,.12);
    }
    .result-item{
      padding:8px 12px;
      cursor:pointer;
      color:#2f2e2e;
      font-size:.95em;
      font-weight:600;
      display:flex;
      gap:.5rem;
      align-items:center;
    }
    .result-item:hover{
      background-color:#f1f7ff;
      color:#2f2e2e;
    }
    .result-type{
      width:1.4rem;
      text-align:center;
      color:#046e38;
      flex:0 0 auto;
    }

    /* Cards grid (from your page; kept) */
    .popular-manager-grid{
      display:grid;
      grid-template-columns:1fr;
      gap:1rem;
    }
    @media (min-width:768px){
      .popular-manager-grid{ grid-template-columns:1fr 1fr; }
    }
    @media (min-width:1200px){
      .popular-manager-grid{ grid-template-columns:1fr 1fr 1fr; }
    }
    .manager-card{
      border:1px solid #dbe7f5;
      border-radius:.7rem;
      overflow:hidden;
      background:#fff;
      box-shadow:0 2px 12px rgba(86,148,180,.06);
      transition:box-shadow .2s;
      display:flex;
      flex-direction:column;
      min-height:100%;
    }
    .manager-card:hover{ box-shadow:0 6px 20px rgba(86,148,180,.12); }
    .manager-card-header{
      background:var(--header-bg);
      color:var(--header-txt);
      padding:.7rem 1.25rem;
      font-weight:700;
      font-size:1rem;
    }
    .manager-card-body{
      padding:1.1rem 1.25rem .7rem;
      display:flex;
      flex-direction:column;
      gap:.25rem;
      flex:1 1 auto;
    }
    .manager-icon{
      display:block;
      width:100px;
      height:100px;
      object-fit:cover;
      margin:0 auto 1rem auto;
      border-radius:50%;
      background:#f8fafc;
      border:2px solid #e8e8e8;
      box-shadow:0 1px 3px #e5eef4;
    }
    .manager-row{
      display:flex;
      align-items:center;
      margin-bottom:.2rem;
      gap:.35rem;
      flex-wrap:wrap;
    }
    .manager-label{
      min-width:110px;
      color:#666;
      font-size:.95em;
      flex-shrink:0;
    }
    .manager-content{
      font-family:Georgia, serif;
      font-weight:600;
      color:#393939;
      font-size:.99em;
    }
    .holdings-list{
      color:#055160;
      letter-spacing:.01em;
      font-size:.96em;
      font-family:Georgia, serif;
      font-weight:600;
    }
    .manager-card-footer{
      padding:.7rem 1.25rem 1rem;
    }
    .manager-card-footer .btn{ width:100%; }
    .manager-card .badge{
      background:#43B02A;
      color:#fff;
      font-size:.78em;
      margin-left:.5em;
    }

    /* Footer (match other page) */
    .glekko-footer{
      background:var(--footer-bg);
      color:var(--footer-txt);
      font-size:.67em;
      text-align:center;
      padding:.21rem 0 .18rem 0;
      margin-top:.67rem;
      border-top:1px solid #d4e0eb;
      letter-spacing:.07em;
    }
    .glekko-footer a{
      color:#237dbc;
      text-decoration:none;
      margin:0 .7em;
      font-weight:500;
      font-size:1em;
    }
    .glekko-footer a:hover{ text-decoration:underline; }

    /* TABLE manager detail page start*/
    .holdings-table-css{
      background:#fff;
      border-radius:.6rem;
      box-shadow:0 1px 6px #d5d9de;
      margin-bottom:5px;
      margin-top:1px;
      width:100%;
    }
    .css-table{
      width:100%;
      display:grid;
      grid-template-columns:2fr 1.1fr 1.4fr 0.8fr 1.2fr 1fr 1fr 1.3fr 1fr 0.9fr;
      font-size:.82em;
    }
    .css-table-header,.css-table-row{ display:contents; }
    .css-table-cell{
      padding:.21em .13em;
      border-bottom:1px solid #e5ecf4;
      background:#fff;
      text-align:left;
      font-size:inherit;
      vertical-align:middle;
    }
    .css-table-header .css-table-cell{
      background:var(--header-bg);
      color:var(--header-txt);
      font-weight:700;
      border-bottom:2px solid #b3e4ff;
      font-size:1em;
      cursor:pointer;
      user-select:none;
      display:flex;
      align-items:center;
      justify-content:space-between;
      gap:0.5em;
    }
    .css-table-header .css-table-cell.sortable:hover{
      background:var(--header-hover-bg, #0066cc);
    }
    .css-table-header .sort-icon{
      font-size:0.75em;
      font-weight:bold;
      transition:opacity 0.2s ease;
    }
    .css-table-row:hover .css-table-cell{ background:#ecf4ff; }
    .css-table .positive{ color:#43B02A; font-weight:600; }
    .css-table .negative{ color:#DA291C; font-weight:600; }

    .pagination-controls{
      display:flex;
      justify-content:flex-end;
      align-items:center;
      gap:.16em;
      margin-top:4px;
      margin-bottom:6px;
    }
    .pagination-controls button{
      border:none;
      background:var(--header-bg);
      color:var(--header-txt);
      padding:.21em .59em;
      border-radius:5px;
      font-weight:600;
      cursor:pointer;
      min-width:20px;
      font-size:91%;
    }
    .pagination-controls button:disabled{
      background:#f5faff;
      color:#b5bbc3;
      cursor:default;
    }

    @media (max-width:1150px){
      .css-table{
        font-size:.75em;
        grid-template-columns:1.5fr 0.9fr 1.08fr 0.85fr 1fr 0.9fr 0.8fr 0.93fr 0.82fr 0.75fr;
      }
    }
    @media (max-width:850px){
      .css-table{
        font-size:.68em;
        grid-template-columns:1.2fr 0.7fr 0.82fr 0.65fr 0.82fr 0.7fr 0.7fr 0.65fr 0.63fr 0.62fr;
      }
    }
    @media (max-width:768px){
      .css-table{
        font-size:.70em;
        grid-template-columns:1.5fr 0.8fr 0.95fr 0.55fr 0.9fr 0.7fr 0.7fr 0.6fr 0.6fr 0.55fr;
      }
    }
    @media (max-width:650px){
      .glekko-logo-img{ height:1.7rem; }
      .css-table{ grid-template-columns:1fr; font-size:1em; }
      .css-table-header,.css-table-row{ display:block; }
      .css-table-cell{
        display:block;
        border-bottom:none;
        padding:.36em .50em .07em .50em;
      }
      .css-table-header .css-table-cell{
        border-bottom:2px solid #b3e4ff;
        background:#e5f2fa;
        color:var(--header-txt);
      }
      .css-table-row{
        margin-bottom:3px;
        background:#f7fbff;
        border-radius:6px;
      }
      .manager-summary-card{ margin-bottom:.12rem; }
      .main-top-summary-row{ gap:.10rem; }
    }
    /* TABLE manager detail page end*/
    /* TABLE OWNERS detail page start*/
    .owners-table-css {
            background: #fff;
            border-radius: 0.6rem;
            box-shadow: 0 1px 6px 0 #d5d9de;
            margin-bottom: 5px;
            margin-top: 1px;
            width: 100%;
        }
    .css-owners-table {
            width: 100%;
            display: grid;
            grid-template-columns: 2fr 1.1fr 1.4fr 1fr 1.2fr 1fr 1fr;
            font-size: 0.82em;
        }
    @media (max-width: 1150px) {
            .css-owners-table {
                font-size: 0.75em;
                grid-template-columns: 1.5fr 0.9fr 1.08fr 0.85fr 1fr 0.9fr 0.8fr;
            }
        }  
    @media (max-width: 850px) {
            .css-owners-table {
                font-size: 0.68em;
                grid-template-columns: 1.2fr 0.7fr 0.82fr 0.65fr 0.82fr 0.7fr 0.7fr;
            }
        }  
    /* TABLE Largest Buys start*/
    .largest-buys-table-css {
            background: #fff;
            border-radius: 0.6rem;
            box-shadow: 0 1px 6px 0 #d5d9de;
            margin-bottom: 5px;
            margin-top: 1px;
            width: 100%;
        }
    .css-largest-buys-table {
            width: 100%;
            display: grid;
            grid-template-columns: 0.9fr 2fr 1.4fr 1.2fr 1fr 1.2fr 0.9fr 1fr;
            font-size: 0.82em;
        }
    @media (max-width: 1150px) {
            .css-largest-buys-table {
                font-size: 0.75em;
                grid-template-columns: 0.85fr 1.8fr 1.2fr 1.1fr 0.9fr 1fr 0.8fr 0.9fr;
            }
        }  
    @media (max-width: 850px) {
            .css-largest-buys-table {
                font-size: 0.68em;
                grid-template-columns: 0.7fr 1.2fr 0.9fr 0.85fr 0.7fr 0.85fr 0.65fr 0.7fr;
            }
        }