/* Multi-Entity custom tab nav � fully independent of Bootstrap tab JS */

          .me-tabs-nav {

            display: flex;

            flex-wrap: wrap;

            list-style: none;

            padding: 0;

            margin: 0 0 16px;

            border-bottom: 2px solid rgb(148,163,184,0.15);

            gap: 0;

          }

          .me-tabs-nav li { margin-bottom: -2px; }


          .me-tab-link {

            display: inline-flex;

            align-items: center;

            gap: 7px;

            padding: 10px 18px;

            text-decoration: none;

            color: #94a3b8;

            font-size: 0.88rem;

            font-weight: 500;

            border-bottom: 3px solid transparent;

            border-radius: 6px 6px 0 0;

            background: transparent;

            transition: color 0.18s, border-color 0.18s, background 0.18s;

            cursor: pointer;

            white-space: nowrap;

          }


          .me-tab-link:hover {

            color: #60a5fa;

            background: rgb(96,165,250,0.07);

            border-bottom-color: rgb(96,165,250,0.35);

          }


          .me-tab-link.active {

            color: #3b82f6;

            font-weight: 700;

            border-bottom-color: #3b82f6;

            background: rgb(59,130,246,0.09);

          }

          .me-tab-link i { font-size: 0.83rem; }

          .me-tab-pane { display: none; }

          .me-tab-pane.active { display: block; }