.bases-panel { padding:22px; }
.bases-filter { padding-bottom:22px; border-bottom:1px solid var(--border); }
.bases-server-field { display:grid; gap:7px; width:300px; max-width:100%; font-size:12px; font-weight:500; }
.bases-server-field .select { min-height:44px; width:100%; background:var(--surface); }
.bases-heading { margin:22px 0 16px; }
.bases-table { table-layout:fixed; }
.bases-table th:first-child { width:54%; }
.bases-table th,.bases-table td { display:table-cell!important; overflow-wrap:anywhere; }
.bases-table .bases-number { text-align:right; font-variant-numeric:tabular-nums; }
.bases-table td.bases-number { font-weight:600; }
.bases-table td.bases-blocked { color:var(--muted); font-weight:400; }
.bases-table tbody tr:last-child td { border-bottom:0; }
.bases-note { color:var(--muted); font-size:11px; margin:14px 0 0; padding-top:14px; border-top:1px solid var(--border); }
.bases-warning { color:#945500; background:#fbf4e9; border-radius:8px; padding:10px 12px; font-size:12px; }
@media(max-width:600px) {
  .bases-panel { padding:16px 10px; }
  .bases-filter { padding:0 4px 18px; }
  .bases-server-field { width:100%; }
  .bases-server-field .select { font-size:16px; }
  .bases-heading { margin:18px 4px 12px; }
  .bases-heading h2 { font-size:14px; }
  .bases-table { font-size:12px; }
  .bases-table th { font-size:10px; letter-spacing:0; }
  .bases-table th:first-child { width:40%; }
  .bases-table th:nth-child(2) { width:25%; }
  .bases-table th:nth-child(3) { width:35%; }
  .bases-table th,.bases-table td { padding-left:5px; padding-right:5px; }
  .bases-note { margin-right:4px; margin-left:4px; }
}