:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;--bg:var(--lightningcss-light,#fff)var(--lightningcss-dark,#17181c);--fg:var(--lightningcss-light,#111)var(--lightningcss-dark,#eaeaea);--surface:var(--lightningcss-light,#fff)var(--lightningcss-dark,#202226);--border:color-mix(in srgb, currentColor 15%, transparent);--muted:color-mix(in srgb, currentColor 55%, transparent);font-family:system-ui,sans-serif}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial}}*{box-sizing:border-box}body{margin:0;background:var(--bg);max-width:1200px;color:var(--fg);margin-inline:auto;padding:1.5rem}h1{margin:0 0 1rem;font-size:1.3rem}.topbar{justify-content:space-between;align-items:center;gap:.75rem;margin-bottom:1rem;display:flex}.page-title{margin:0}.topbar-right{align-items:center;gap:.75rem;display:flex}.identity{color:var(--muted);align-items:center;gap:.5rem;font-size:.85rem;display:flex}.avatar{border-radius:50%;width:24px;height:24px}.topbar-actions{align-items:center;gap:.5rem;display:flex}.logout-btn,.nav-btn{padding:.3rem .6rem;font-size:.8rem}.nav-btn.active{background:color-mix(in srgb, currentColor 12%, transparent)}.admin-table th,.admin-table td{white-space:normal}.admin-user-cell{align-items:center;gap:.5rem;display:flex}.admin-user-email{color:var(--muted);font-size:.78rem}.admin-checkbox-cell{text-align:center}.login-gate{text-align:center;max-width:28rem;margin:4rem auto}.login-hint{color:var(--muted);margin-bottom:1.25rem}.login-gate>div{justify-content:center;display:flex}.toolbar{flex-wrap:wrap;align-items:end;gap:.75rem;margin-bottom:1rem;display:flex}.field{flex-direction:column;gap:.25rem;font-size:.8rem;display:flex}.field label{color:var(--muted)}input,select,button{font:inherit;border:1px solid var(--border);color:inherit;background:0 0;border-radius:6px;padding:.4rem .5rem}input,select{min-width:8rem}select{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;background:var(--surface)}@media (prefers-color-scheme:dark){select{--lightningcss-light: ;--lightningcss-dark:initial}}select option{background:var(--surface);color:var(--fg)}button{cursor:pointer;font-weight:600}button:hover{background:color-mix(in srgb, currentColor 8%, transparent)}button:disabled{opacity:.5;cursor:default}.status{color:var(--muted);margin-bottom:.75rem;font-size:.85rem}.error{color:#d33}.request-status{color:var(--muted);white-space:nowrap;margin-left:.5rem;font-size:.8rem}.request-status.error{color:#d33}.pagination{align-items:center;gap:.75rem;margin:.75rem 0;display:flex}.pagination-page{color:var(--muted);font-size:.85rem}.table-wrap{width:100%;overflow-x:auto}table{table-layout:fixed;border-collapse:collapse;width:100%;font-size:.85rem}th,td{text-align:left;border-bottom:1px solid var(--border);white-space:nowrap;text-overflow:ellipsis;padding:.4rem .6rem;overflow:hidden}td.description{white-space:normal;overflow-wrap:break-word}td:has(.camera-request){white-space:normal;overflow:visible}.col-raven{width:11%}.col-ts{width:15%}.col-event{width:10%}.col-seg{width:7%}.col-duration{width:6%}.col-level{width:5%}.col-firmware{width:10%}.col-description{width:16%}.col-media{width:14%}.col-labels{width:9%}.col-actions{width:6%}.labels-cell{white-space:normal;overflow:visible}.label-toggles{flex-wrap:wrap;align-items:center;gap:.3rem;display:flex}.label-toggles.compact{flex-direction:column;align-items:stretch}.label-toggle{border:1px solid var(--border);color:inherit;cursor:pointer;white-space:nowrap;background:0 0;border-radius:6px;padding:.2rem .4rem;font-size:.72rem;font-weight:600}.label-toggle.active.false-positive{border-color:color-mix(in srgb, #c44 55%, var(--border));background:#cc444438}.label-toggle.active.true-positive{border-color:color-mix(in srgb, #2a8 55%, var(--border));background:#22aa8838}.label-toggle.active.flagged{border-color:color-mix(in srgb, #d90 55%, var(--border));background:#dd990038}.ts-cell{white-space:normal;overflow:visible}.ts-relative{color:var(--muted);font-size:.78rem}.raven-cell{white-space:normal;overflow:visible}.raven-id{font-weight:600}.raven-serial,.raven-uuid{font:inherit;color:var(--muted);cursor:pointer;text-align:left;background:0 0;border:none;margin:0;padding:0;font-family:ui-monospace,monospace;font-size:.78rem;display:block}.raven-serial:hover,.raven-uuid:hover{color:var(--fg);text-decoration:underline}.firmware-cell{white-space:normal;font-family:ui-monospace,monospace;font-size:.78rem;overflow:visible}.firmware-sub{color:var(--muted)}tr.has-media td{border-bottom:none}tr.media-row td{white-space:normal;padding-top:0}.media-strip{flex-wrap:wrap;gap:.4rem;padding-bottom:.5rem;display:flex}.media-thumb-btn{cursor:pointer;background:0 0;border:none;margin:0;padding:0;display:block;position:relative}.media-thumb-btn img{object-fit:cover;background:color-mix(in srgb, currentColor 6%, transparent);border-radius:4px;width:96px;height:72px;transition:transform .15s;display:block}.media-thumb-btn:hover img,.media-thumb-btn:focus-visible img{z-index:5;position:relative;transform:scale(1.5)}.media-modal-backdrop{z-index:1000;cursor:zoom-out;background:#000000bf;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.media-modal-img{object-fit:contain;cursor:default;border-radius:4px;max-width:90vw;max-height:90vh}.media-strip .video-thumb{border:1px solid var(--border);background:color-mix(in srgb, currentColor 6%, transparent);width:96px;height:72px;color:inherit;cursor:pointer;border-radius:4px;justify-content:center;align-items:center;padding:0;display:flex}.media-strip .video-thumb:hover{background:color-mix(in srgb, currentColor 12%, transparent)}.media-strip .video-thumb .play-icon{font-size:1.4rem}.media-loading{border:1px dashed var(--border);background:color-mix(in srgb, currentColor 6%, transparent);border-radius:4px;flex-direction:column;justify-content:center;align-items:center;gap:.3rem;width:96px;height:72px;display:flex}.media-loading-label{color:var(--muted);text-transform:uppercase;letter-spacing:.03em;font-size:.7rem}.spinner{border:2px solid var(--border);border-top-color:var(--fg);border-radius:50%;width:18px;height:18px;animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.event-link{color:inherit;text-decoration:none}.event-link:hover{text-decoration:underline}.actions-cell{white-space:nowrap;overflow:visible}.row-actions{justify-content:flex-end;align-items:center;gap:.3rem;display:flex}a.row-action,button.row-action{border:1px solid var(--border);width:1.85rem;min-width:0;height:1.85rem;color:inherit;background:0 0;border-radius:6px;justify-content:center;align-items:center;padding:0;font-weight:500;text-decoration:none;display:inline-flex}a.row-action:hover,button.row-action:hover{background:color-mix(in srgb, currentColor 8%, transparent)}.row-action svg{width:.95rem;height:.95rem;display:block}.event-detail-actions{justify-content:flex-end;align-items:center;gap:.75rem;margin-bottom:1rem;display:flex}.event-fields{grid-template-columns:8rem 1fr;gap:.5rem 1rem;margin:0 0 1.5rem;display:grid}.event-fields dt{color:var(--muted);font-size:.8rem}.event-fields dd{overflow-wrap:break-word;margin:0}.event-field-sub{color:var(--muted);font-family:ui-monospace,monospace;font-size:.78rem;display:block}.event-media-section h2{margin:0 0 .5rem;font-size:1rem}.camera-requests{flex-wrap:wrap;gap:1rem;margin-bottom:.75rem;display:flex}.camera-request{white-space:nowrap;align-items:center;gap:.4rem;display:flex}.camera-request+.camera-request{margin-top:.3rem}.camera-request button{text-transform:capitalize}.media-strip video{object-fit:contain;background:#000;border-radius:4px;width:240px;height:180px;display:block}
