.camera-dashboard{max-width:1700px}.camera-toolbar{display:flex;justify-content:space-between;align-items:center;margin:26px 0 12px;padding:16px 18px;background:#fff;border:1px solid #e2e8f0;border-radius:9px}.camera-toolbar>div{display:grid}.camera-toolbar span{color:#64748b;font-size:12px}.camera-toolbar label{display:flex;align-items:center;gap:9px;color:#64748b}.camera-toolbar select{padding:8px 30px 8px 10px;border:1px solid #dbe3eb;background:#fff;border-radius:6px}.camera-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.camera-card{background:#111827;border:1px solid #263245;border-radius:10px;overflow:hidden;color:#fff}.camera-card.focused{grid-column:1/-1}.camera-feed{position:relative;aspect-ratio:16/9;background:#05080c;display:grid;place-items:center;overflow:hidden;width:100%;padding:0;border:0;color:inherit;cursor:zoom-in}.camera-feed img{width:100%;height:100%;object-fit:contain}.camera-live{position:absolute;left:14px;top:14px;background:#dc2626d9;padding:4px 8px;border-radius:4px;font:700 10px ui-monospace}.camera-ai{position:absolute;right:14px;top:14px;background:#059669d9;padding:4px 8px;border-radius:4px;font:700 10px ui-monospace}.camera-meta{display:flex;justify-content:space-between;align-items:center;padding:13px 15px}.camera-meta div{display:grid}.camera-meta span{font-size:11px;color:#94a3b8}.camera-meta em{font:10px ui-monospace;color:#34d399}.camera-loading{grid-column:1/-1;padding:80px;text-align:center;background:#fff;border:1px solid #e2e8f0;color:#64748b}.rule-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.rule-grid article{display:grid;padding:16px;background:#f8fafc;border:1px solid #e2e8f0;border-radius:7px}.rule-grid span{font-size:11px;color:#64748b;margin:5px 0 12px}.rule-grid em{font:10px ui-monospace;color:#0d9488}.camera-viewer{position:fixed;z-index:1000;inset:0;background:#020617f2;display:grid;grid-template-rows:auto 1fr;padding:18px}.camera-viewer-head{display:flex;align-items:center;justify-content:space-between;color:#fff;padding:4px 6px 14px}.camera-viewer-head>div{display:grid}.camera-viewer-head span{font-size:11px;color:#94a3b8}.camera-viewer-head button{border:1px solid #475569;background:#111827;color:#fff;border-radius:50%;width:42px;height:42px;font-size:25px;cursor:pointer}.camera-viewer-body{min-height:0;display:grid;place-items:center}.camera-viewer-body img{display:block;max-width:100%;max-height:calc(100vh - 92px);width:auto;height:auto;object-fit:contain;background:#000}@media(max-width:900px){.camera-grid{grid-template-columns:1fr}.rule-grid{grid-template-columns:1fr 1fr}.camera-toolbar{align-items:flex-start;gap:15px}.camera-viewer{padding:8px}}
.camera-events-panel{margin-top:22px}.camera-events{display:grid;gap:8px;max-height:min(70vh,760px);overflow-y:auto;overscroll-behavior:contain;padding-right:8px;scrollbar-gutter:stable}.camera-event{display:grid;grid-template-columns:10px minmax(0,1fr) auto auto;gap:14px;align-items:center;padding:13px 15px;border:1px solid #e2e8f0;border-radius:8px;background:#f8fafc}.event-marker{width:8px;height:8px;border-radius:50%;background:#2dd4bf;box-shadow:0 0 10px #2dd4bf}.camera-event>div{display:grid;min-width:0}.camera-event span{font-size:11px;color:#64748b}.camera-event em{font:10px ui-monospace;color:#0f766e}.camera-event a{font-size:12px;font-weight:700;color:#0d9488}.event-no-link,.event-empty{font-size:12px;color:#94a3b8}.event-empty{padding:24px;text-align:center}@media(max-width:700px){.camera-events{max-height:62vh;padding-right:4px}.camera-event{grid-template-columns:10px minmax(0,1fr) auto;gap:9px;padding:11px}.camera-event>a,.camera-event>.event-no-link{grid-column:2/-1}.camera-event em{white-space:nowrap}}
.camera-calibration{display:flex;align-items:center;gap:10px;padding:12px 16px;background:#07131d;border-top:1px solid #1d3445;color:#b8c8d3;flex-wrap:wrap}.camera-calibration button{border:1px solid #2e6472;background:#102535;color:#eafcff;padding:8px 12px;cursor:pointer}.camera-calibration button:hover{border-color:#35d7cf}.camera-calibration em{font-style:normal;color:#54d9c8;font-size:13px}