.breadcrumb a{color:var(--muted);text-decoration:none}.camera-summary{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:18px}.camera-metric{display:flex;gap:13px;padding:17px;background:#fff;border:1px solid var(--line);border-radius:10px}.camera-icon{display:grid;place-items:center;flex:0 0 auto;width:37px;height:37px;border-radius:9px;font-size:18px}.camera-icon.green{background:var(--green-soft);color:var(--green)}.camera-icon.amber{background:var(--amber-soft);color:var(--amber)}.camera-icon.gray{background:#f0f2f5;color:#8993a3}.camera-icon.violet{background:var(--violet-soft);color:var(--violet)}.camera-metric p{margin:0 0 4px;color:#778399;font-size:12px}.camera-metric strong{display:block;font-size:22px;line-height:1}.camera-metric small{display:block;margin-top:5px;color:#96a0af;font-size:10px}.camera-subtitle{margin:5px 0 0;color:#8792a5;font-size:12px}.filter-group{display:flex;gap:5px}.filter{padding:7px 9px;border:1px solid var(--line);border-radius:6px;background:#fff;color:#6c778b;font:inherit;font-size:11px;font-weight:700;cursor:pointer}.filter:hover,.filter.is-selected{border-color:#cbc6ff;background:var(--violet-soft);color:var(--violet)}.camera-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:13px}.camera-card{overflow:hidden;border:1px solid #e5e8ee;border-radius:9px;background:#fff}.camera-visual{position:relative;display:grid;place-items:center;height:104px;background:linear-gradient(135deg,#eef2f7,#dfe7ef);color:#9caabc;font-size:35px}.camera-visual.attention{background:linear-gradient(135deg,#fff6e6,#f8ead2);color:#cfad78}.availability{position:absolute;right:10px;bottom:10px;width:10px;height:10px;border:2px solid #fff;border-radius:50%;box-shadow:0 1px 4px #17213933}.availability.available{background:var(--green)}.availability.attention{background:var(--amber)}.camera-data{display:flex;justify-content:space-between;gap:8px;padding:12px 12px 11px}.camera-data strong{display:block;color:#344056;font-size:12px}.camera-data small{display:block;margin-top:4px;color:#8b95a6;font-size:10px}.camera-data .status{white-space:nowrap;font-size:10px}.camera-footer{display:flex;justify-content:space-between;align-items:center;padding:9px 12px;border-top:1px solid #edf0f4;color:#8994a7;font-size:10px}.camera-action{border:0;background:transparent;color:var(--violet);font:inherit;font-weight:750;cursor:pointer}.security-note{display:flex;gap:13px;align-items:flex-start;margin-top:18px;padding:16px 18px;border:1px solid #dce5f2;border-radius:10px;background:#f9fbff}.security-note>span{display:grid;place-items:center;width:25px;height:25px;border-radius:7px;background:var(--blue-soft);color:var(--blue);font-size:16px}.security-note strong{display:block;color:#40516a;font-size:12px}.security-note p{margin:4px 0 0;color:#718096;font-size:12px;line-height:1.43}@media(max-width:1050px){.camera-summary{grid-template-columns:repeat(2,1fr)}.camera-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:720px){.camera-summary,.camera-grid{grid-template-columns:1fr}.panel-heading{align-items:start;flex-direction:column}.filter-group{width:100%}.filter{flex:1}.camera-visual{height:120px}}