.cameras-hero{background:linear-gradient(135deg,#dc2626 0%,#991b1b 100%);color:white;padding:2rem 1rem;text-align:center}.cameras-hero .back-link{display:inline-flex;align-items:center;gap:0.5rem;color:white;text-decoration:none;opacity:0.8;margin-bottom:1rem;font-size:0.9rem}.cameras-hero .back-link:hover{opacity:1}.cameras-hero .back-link .v2-icon{width:1rem;height:1rem}.cameras-hero h1{font-size:2rem;font-weight:700;margin-bottom:0.5rem;display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:0.5rem}.cameras-hero h1 .v2-icon{width:2rem;height:2rem}.cameras-hero p{opacity:0.9;margin:0}.cameras-container{max-width:1400px;margin:0 auto;padding:1.5rem 1rem}.stats-bar{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:1rem;padding:1rem 1.25rem;background:var(--bs-body-bg);border-radius:12px;margin-bottom:1rem;box-shadow:0 2px 10px rgba(0,0,0,0.08);border:1px solid var(--bs-border-color)}.stats-bar .count{font-size:1.5rem;font-weight:700;color:#dc2626}.stats-bar .label{color:var(--bs-secondary-color);font-size:0.9rem}.category-filters{display:flex;flex-direction:column;gap:0.5rem;margin-bottom:1rem;padding:0.75rem 1rem;background:var(--bs-body-bg);border-radius:10px;border:1px solid var(--bs-border-color)}.category-filter-label{font-size:0.85rem;font-weight:600;color:var(--bs-body-color);margin-bottom:0}.category-filter-buttons{display:flex;flex-wrap:wrap;align-items:stretch;gap:0.5rem;margin:0;padding:0}.category-filter-btn{display:inline-flex;align-items:center;justify-content:center;gap:0.4rem;padding:0.5rem 0.8rem;border-radius:20px;font-size:0.8rem;font-weight:500;cursor:pointer;transition:all 0.2s ease;border:2px solid transparent;user-select:none;white-space:nowrap;height:36px;box-sizing:border-box}.category-filter-btn .cat-dot{width:12px;height:12px;border-radius:50%;flex-shrink:0}.category-filter-btn .cat-count{font-size:0.75rem;opacity:0.8}.category-filter-btn.police{background:rgba(2,136,209,0.15);color:#0288D1;border-color:rgba(2,136,209,0.3)}.category-filter-btn.police .cat-dot{background:#0288D1}.category-filter-btn.police:hover{background:rgba(2,136,209,0.25)}.category-filter-btn.police.inactive{background:rgba(2,136,209,0.05);color:#9ca3af;border-color:transparent}.category-filter-btn.police.inactive .cat-dot{background:#9ca3af}.category-filter-btn.drone{background:rgba(156,39,176,0.15);color:#9C27B0;border-color:rgba(156,39,176,0.3)}.category-filter-btn.drone .cat-dot{background:#9C27B0}.category-filter-btn.drone:hover{background:rgba(156,39,176,0.25)}.category-filter-btn.drone.inactive{background:rgba(156,39,176,0.05);color:#9ca3af;border-color:transparent}.category-filter-btn.drone.inactive .cat-dot{background:#9ca3af}.category-filter-btn.section-control{background:rgba(230,81,0,0.15);color:#E65100;border-color:rgba(230,81,0,0.3)}.category-filter-btn.section-control .cat-dot{background:#E65100}.category-filter-btn.section-control:hover{background:rgba(230,81,0,0.25)}.category-filter-btn.section-control.inactive{background:rgba(230,81,0,0.05);color:#9ca3af;border-color:transparent}.category-filter-btn.section-control.inactive .cat-dot{background:#9ca3af}.category-filter-btn.redlight{background:rgba(219,68,54,0.15);color:#DB4436;border-color:rgba(219,68,54,0.3)}.category-filter-btn.redlight .cat-dot{background:#DB4436}.category-filter-btn.redlight:hover{background:rgba(219,68,54,0.25)}.category-filter-btn.redlight.inactive{background:rgba(219,68,54,0.05);color:#9ca3af;border-color:transparent}.category-filter-btn.redlight.inactive .cat-dot{background:#9ca3af}.category-filter-btn.speed{background:rgba(249,168,37,0.15);color:#F9A825;border-color:rgba(249,168,37,0.3)}.category-filter-btn.speed .cat-dot{background:#F9A825}.category-filter-btn.speed:hover{background:rgba(249,168,37,0.25)}.category-filter-btn.speed.inactive{background:rgba(249,168,37,0.05);color:#9ca3af;border-color:transparent}.category-filter-btn.speed.inactive .cat-dot{background:#9ca3af}.category-filter-btn.customs{background:rgba(9,113,56,0.15);color:#097138;border-color:rgba(9,113,56,0.3)}.category-filter-btn.customs .cat-dot{background:#097138}.category-filter-btn.customs:hover{background:rgba(9,113,56,0.25)}.category-filter-btn.customs.inactive{background:rgba(9,113,56,0.05);color:#9ca3af;border-color:transparent}.category-filter-btn.customs.inactive .cat-dot{background:#9ca3af}[data-theme="dark"] .category-filters{background:var(--bs-dark-bg-subtle)}[data-theme="dark"] .category-filter-btn.inactive{color:#6b7280}.map-container{position:relative;height:600px;border-radius:16px;overflow:hidden;box-shadow:0 4px 20px rgba(0,0,0,0.1);border:1px solid var(--bs-border-color)}#camerasMap{height:100%;width:100%}.map-fullview-btn{position:absolute;top:10px;right:10px;z-index:1000;background:var(--bs-body-bg,#fff);border:1px solid var(--bs-border-color,#dee2e6);border-radius:8px;padding:8px 12px;cursor:pointer;display:flex;align-items:center;gap:6px;font-size:0.85rem;font-weight:500;color:var(--bs-body-color,#212529);box-shadow:0 2px 6px rgba(0,0,0,0.15);transition:all 0.2s ease}.map-fullview-btn:hover{background:var(--bs-tertiary-bg,#f8f9fa);box-shadow:0 4px 12px rgba(0,0,0,0.2)}.map-fullview-btn .v2-icon{width:18px;height:18px}.map-container.fullscreen{position:fixed !important;top:0 !important;left:0 !important;right:0 !important;bottom:0 !important;width:100vw !important;height:100vh !important;max-width:none !important;max-height:none !important;z-index:9999 !important;border-radius:0 !important;border:none !important;margin:0 !important}.map-container.fullscreen .map-fullview-btn{top:15px;right:15px}body.map-fullscreen-active{overflow:hidden !important}.map-actions-bar{display:flex;justify-content:flex-end;padding:0.75rem 0}.map-legend{margin-top:1rem;padding:1rem;background:var(--bs-body-bg);border-radius:10px;border:1px solid var(--bs-border-color);display:flex;flex-wrap:wrap;gap:1rem}.legend-item{display:inline-flex;align-items:center;gap:0.5rem;font-size:0.85rem;color:var(--bs-secondary-color)}.legend-dot{width:14px;height:14px;border-radius:50%}.legend-dot.police{background:#0288D1}.legend-dot.drone{background:#9C27B0}.legend-dot.section-control{background:#E65100}.legend-dot.redlight{background:#DB4436}.legend-dot.speed{background:#F9A825}.legend-dot.customs{background:#097138}.find-nearest-bar{display:flex;align-items:center;gap:1rem;padding:0.75rem 1rem;background:linear-gradient(135deg,rgba(220,38,38,0.1) 0%,rgba(153,27,27,0.1) 100%);border-radius:10px;margin-bottom:1rem;border:1px solid rgba(220,38,38,0.2);flex-wrap:wrap}.find-nearest-btn{display:inline-flex;align-items:center;gap:0.5rem;padding:0.6rem 1.2rem;background:linear-gradient(135deg,#dc2626 0%,#991b1b 100%);color:white;border:none;border-radius:8px;font-size:0.9rem;font-weight:600;cursor:pointer;transition:all 0.2s}.find-nearest-btn:hover{transform:translateY(-1px);box-shadow:0 4px 12px rgba(220,38,38,0.4)}.find-nearest-btn:disabled{opacity:0.7;cursor:not-allowed}.find-nearest-btn .v2-icon{width:1rem;height:1rem}.find-nearest-info{font-size:0.85rem;color:var(--bs-secondary-color)}.report-camera-btn{display:inline-flex;align-items:center;gap:0.5rem;padding:0.6rem 1.2rem;background:linear-gradient(135deg,#f97316 0%,#ea580c 100%);color:white;border:none;border-radius:8px;font-size:0.9rem;font-weight:600;cursor:pointer;transition:all 0.2s;margin-left:auto}.report-camera-btn:hover{transform:translateY(-1px);box-shadow:0 4px 12px rgba(249,115,22,0.4)}.report-camera-btn .v2-icon{width:1rem;height:1rem}.nearest-results-panel{display:none;background:var(--bs-body-bg);border:1px solid var(--bs-border-color);border-radius:10px;padding:1rem;margin-bottom:1rem;box-shadow:0 4px 15px rgba(0,0,0,0.1)}.nearest-results-panel.show{display:block}.nearest-results-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:0.75rem;padding-bottom:0.5rem;border-bottom:1px solid var(--bs-border-color)}.nearest-results-title{font-weight:600;color:#dc2626}.close-nearest-btn{background:none;border:none;color:var(--bs-secondary-color);cursor:pointer;padding:0.25rem}.nearest-item{display:flex;align-items:center;justify-content:space-between;padding:0.5rem 0;border-bottom:1px solid var(--bs-border-color-translucent)}.nearest-item:last-child{border-bottom:none}.nearest-item-info{flex:1}.nearest-item-name{font-weight:500;font-size:0.9rem}.nearest-item-distance{font-size:0.8rem;color:var(--bs-secondary-color);display:flex;align-items:center;gap:0.25rem}.nearest-item-distance .v2-icon{width:0.8rem;height:0.8rem}.nearest-item-btn{display:inline-flex;align-items:center;gap:0.25rem;padding:0.4rem 0.8rem;background:#dc2626;color:white;text-decoration:none;border-radius:6px;font-size:0.75rem;font-weight:500}.nearest-item-btn:hover{background:#b91c1c;color:white}@media (max-width:768px){.cameras-hero h1{font-size:1.5rem}.map-container{height:450px}.stats-bar{flex-direction:column;text-align:center}.category-filters{justify-content:center}.find-nearest-bar{justify-content:center}.find-nearest-info{display:none}.report-camera-btn{margin-left:0}}[data-theme="dark"] .stats-bar{background:#1f2937;border-color:#374151}
