.server-browser {
      max-width: 1800px;
      margin: 0 auto;
      background-color: #2a2d32;
      border: 1px solid #4c4f56;
      box-shadow: 0 0 0 1px #000; /* subtle outer edge */
    }

    .browser-header {
      background: linear-gradient(#3a3e45, #31343a);
      padding: 6px 8px;
      border-bottom: 1px solid #181a1e;
      font-weight: bold;
      letter-spacing: 0.03em;
      text-transform: uppercase;
      font-size: 14px;
      color: #f0f0f0;
    }

    .browser-toolbar {
      padding: 6px 8px;
      border-bottom: 1px solid #181a1e;
      background-color: #26292f;
      display: flex;
      gap: 6px;
    }

    .browser-button {
      padding: 2px 10px;
      border: 1px solid #4c4f56;
      background: linear-gradient(#3a3f46, #2c2f35);
      color: #e0e0e0;
      font-size: 10px;
      cursor: pointer;
      text-shadow: 0 1px 0 #000;
    }

    .browser-button:hover {
      border-color: #6e737c;
      background: linear-gradient(#454a52, #33363e);
    }

    /* Core table styling */
    .server-table {
      width: 100%;
      border-collapse: collapse;
      table-layout: fixed;
      background-color: #25282e;
      border-top: 1px solid #4c4f56;
    }

    .server-table thead {
      background: linear-gradient(#40454d, #32363e);
      border-bottom: 1px solid #181a1e;
    }

    .server-table th,
    .server-table td {
      padding: 4px 6px;
      border-right: 1px solid #3c4047;
      font-size: 14px;
      white-space: nowrap;
      overflow: hidden;
      text-overflow: ellipsis;
    }

    .server-table th:last-child,
    .server-table td:last-child {
      border-right: none;
    }

    .server-table th {
      font-weight: normal;
      font-size: 14px;
      text-align: left;
	  vertical-align: middle;
      color: #f2f2f2;
    }

    /* Alternating row colors */
    .server-table tbody tr:nth-child(odd) {
      background-color: #23262c;
    }

    .server-table tbody tr:nth-child(even) {
      background-color: #1f2227;
    }

    /* Hover effect */
    .server-table tbody tr:hover {
      background-color: #313641;
    }

    /* Selected row (like when you click a server) */
    .server-table tbody tr.selected {
      background-color: #3b4230; /* slightly olive/green hint */
    }

    .server-table tbody tr.selected td {
      color: #f4f4f4;
    }

    /* Ping color (example of status color like old Steam) */
    .ping-good {
      color: #9fd35a;
    }

    .ping-ok {
      color: #f0e68c;
    }

    .ping-bad {
      color: #e57373;
    }

    /* Footer bar */
    .browser-footer {
      padding: 4px 8px;
      border-top: 1px solid #181a1e;
      background-color: #26292f;
      font-size: 10px;
      color: #c0c0c0;
      display: flex;
      justify-content: space-between;
    }