/* zasoby/kamery.css — Kamery online (TASK-209, robot_2). Kolory ze zmiennych styl.css. */
.kam-filtry{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin:0 0 14px}
.kam-filtry input[type=search]{flex:1 1 240px;min-width:0}
.kam-filtry select{max-width:100%}
.kam-teraz{display:flex;gap:6px;align-items:center;font-size:14.5px}
.kam-siatka{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:14px;margin:12px 0 18px}
.kam-kafel{background:var(--karta);border:1px solid var(--linia);border-radius:14px;overflow:hidden;display:flex;flex-direction:column;box-shadow:var(--cien)}
.kam-obraz{position:relative;display:block;aspect-ratio:16/9;background:#0d1626}
.kam-obraz img{width:100%;height:100%;object-fit:cover;display:block}
.kam-brak-obrazu{display:grid;place-items:center;height:100%;font-size:40px;opacity:.6}
.kam-obraz .kam-status{position:absolute;left:8px;top:8px}
.kam-opis{padding:10px 14px 14px;display:flex;flex-direction:column;gap:4px;flex:1}
.kam-opis h3{margin:0;font-size:16.5px}.kam-opis h3 a{color:var(--tekst);text-decoration:none}
.kam-opis .meta{margin:0 0 6px;font-size:13px}
.kam-opis .przycisk{margin-top:auto;align-self:flex-start}
.kam-status{display:inline-flex;align-items:center;gap:6px;font:700 11.5px var(--sans);letter-spacing:.4px;padding:3px 9px;border-radius:99px;background:rgba(13,22,38,.85);color:#fff}
.kam-status.kam-blad{background:#a4262c}.kam-status.kam-uwaga{background:#7a5a12}
.kam-status.kam-live{background:#c0392b}
.kam-status.kam-live i{width:8px;height:8px;border-radius:50%;background:#fff;animation:kam-puls 1.4s infinite}
@keyframes kam-puls{50%{opacity:.25}}
@media (prefers-reduced-motion:reduce){.kam-status.kam-live i{animation:none}}
.kam-strona{max-width:1000px;margin:0 auto}
.kam-strona .transmisja{max-width:100%}
.kam-akcje{display:flex;gap:8px;flex-wrap:wrap;margin:8px 0 16px}.kam-akcje form{display:flex;gap:8px;flex-wrap:wrap}
.kam-siatka-info{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:14px;margin-bottom:18px}
.kam-siatka-info .karta + .karta{margin-top:0}
.kam-dane{display:grid;grid-template-columns:max-content 1fr;gap:6px 14px;margin:0}.kam-dane dt{font-weight:600}.kam-dane dd{margin:0}
.kam-glowna{margin:26px 0}.kam-obiekt{margin:18px 0}
.kam-admin-menu{margin-top:0}