/* Stany proxy monitorów. Motyw ma `--green` w odcieniu niebieskim, więc
   „sprawne" dostaje własną, jednoznaczną zieleń — kolor jest tu nośnikiem
   informacji, a nie ozdobą. */
:root{--proxy-ok:#3ecf8e;--proxy-ok-bg:#0f2e22;--proxy-bad-bg:#2b1316;--proxy-new-bg:#2e2512}

.proxy-legend{display:flex;flex-wrap:wrap;gap:8px;align-items:center}
.proxy-counts{display:flex;flex-wrap:wrap;gap:8px;align-items:center}

.proxy-chip{display:inline-flex;align-items:center;gap:7px;border:1px solid var(--line);
  border-radius:999px;padding:5px 11px;font-size:12px;color:var(--muted);white-space:nowrap}
.proxy-chip i{width:8px;height:8px;border-radius:50%;flex:none}

.proxy-chip.used{border-color:#1f6b4d;background:var(--proxy-ok-bg);color:var(--proxy-ok)}
.proxy-chip.used i{background:var(--proxy-ok);box-shadow:0 0 10px var(--proxy-ok)}

.proxy-chip.blocked{border-color:#7c3138;background:var(--proxy-bad-bg);color:var(--red)}
.proxy-chip.blocked i{background:var(--red);box-shadow:0 0 10px var(--red)}

.proxy-chip.unused{border-color:#6d5620;background:var(--proxy-new-bg);color:var(--amber)}
.proxy-chip.unused i{background:var(--amber);box-shadow:0 0 10px var(--amber)}

/* Wyzerowany licznik nie ma krzyczeć kolorem — zostaje sam kształt. */
.proxy-chip.zero{border-color:var(--line);background:transparent;color:var(--muted)}
.proxy-chip.zero i{background:#3c4c5c;box-shadow:none}

/* Pasek na krawędzi wiersza: stan czytelny także bez rozróżniania barw. */
.proxy-row td:first-child{border-left:3px solid transparent}
.proxy-row.used td:first-child{border-left-color:var(--proxy-ok)}
.proxy-row.blocked td:first-child{border-left-color:var(--red)}
.proxy-row.unused td:first-child{border-left-color:var(--amber)}
.proxy-row.blocked{background:#ff667308}

.proxy-card{margin-bottom:18px}
.proxy-card .card-head{flex-wrap:wrap;gap:12px}

@media(max-width:620px){
  .proxy-legend,.proxy-counts{gap:6px}
  .proxy-chip{padding:4px 9px;font-size:11px}
}

/* Filtr ma jeden select — siatka z `logs.html` (4 kolumny) rozjeżdżałaby go
   na całą szerokość. */
.proxy-filters{grid-template-columns:minmax(180px,260px) auto auto auto;justify-content:start}

/* Ślad po wygasłej blokadzie — informacja, nie alarm, więc bez koloru stanu. */
.proxy-restored{color:var(--amber);opacity:.85;font-size:11px}

/* Blokada ręczna — mocniejsza od automatycznej, więc wypełniona, nie obrysowana. */
.proxy-chip.manual{border-color:#8c2f38;background:#3a1419;color:#ff9aa3}
.proxy-chip.manual i{background:#ff9aa3;box-shadow:0 0 10px #ff6673}
.proxy-row.manual td:first-child{border-left-color:#ff9aa3}
.proxy-row.manual{background:#ff667312}

.proxy-pick{width:38px;text-align:center}
.proxy-pick input{width:16px;height:16px;accent-color:var(--green);cursor:pointer}
.proxy-actions{display:flex;flex-wrap:wrap;gap:10px;align-items:center;
  padding:14px 16px;border-top:1px solid var(--line)}
.proxy-actions .muted{font-size:12px;flex:1;min-width:220px}

/* Adres z błędami poniżej progu — róż, bo to ostrzeżenie, a nie awaria.
   Zielony byłby tu kłamstwem: ten adres za chwilę wyleci z puli. */
.proxy-chip.warning{border-color:#a4527a;background:#33182a;color:#ff9ecb}
.proxy-chip.warning i{background:#ff9ecb;box-shadow:0 0 10px #ff9ecb}
.proxy-row.warning td:first-child{border-left-color:#ff9ecb}
.proxy-row.warning{background:#ff9ecb0d}
.proxy-errors{color:#ff9ecb;font-weight:700}

/* Raport do wymiany */
.proxy-report-form{margin-bottom:18px}
.proxy-shops{display:flex;flex-wrap:wrap;gap:8px;padding:14px 16px}
.proxy-shop{display:inline-flex;align-items:center;gap:7px;border:1px solid var(--line);
  background:#0e151d;border-radius:999px;padding:6px 12px;font-size:12px;cursor:pointer}
.proxy-shop:hover{border-color:#557187}
.proxy-shop input{width:15px;height:15px;accent-color:var(--green);cursor:pointer}
.proxy-shop:has(input:checked){border-color:#276a98;background:var(--green2);color:var(--green)}
.proxy-min{display:inline-flex;align-items:center;gap:8px;font-size:13px;color:var(--muted)}
.proxy-min input{width:72px;background:#0e151d;color:var(--text);border:1px solid var(--line);
  border-radius:8px;padding:7px 9px;text-align:center}
.proxy-dump{width:100%;border:0;border-top:1px solid var(--line);background:#080d12;
  color:var(--text);padding:14px 16px;font-size:12px;resize:vertical;outline:none}