:root{--sv-bg: #f4f7fb;--sv-navy: #0f2742;--sv-nav-active: #1e3a5f;--sv-blue: #1d4ed8;--sv-green: #16a34a;--sv-amber: #f59e0b;--sv-red: #dc2626;--sv-line: #e5e7eb;--sv-text: #111827;--sv-muted: #6b7280;--sv-card: #ffffff;color:var(--sv-text);background:var(--sv-bg);font-family:Inter,Segoe UI,Arial,sans-serif}*{box-sizing:border-box}body{margin:0;background:var(--sv-bg)}button,input,select{font:inherit}h1,h2,p{margin:0}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.45}.login-screen{min-height:100vh;display:grid;place-items:center;padding:24px;background:var(--sv-bg)}.login-panel,.panel{background:var(--sv-card);border:1px solid var(--sv-line);border-radius:8px;box-shadow:0 14px 34px #0f274214}.login-panel{width:min(420px,100%);padding:24px;display:grid;gap:16px}.login-panel h1{font-size:24px}.login-panel p{color:var(--sv-muted)}.brand-row{display:flex;gap:12px;align-items:center}.brand-mark{display:grid;place-items:center;width:44px;height:44px;border-radius:8px;background:var(--sv-green);color:#fff;font-weight:800;letter-spacing:0}.app-shell{display:grid;grid-template-columns:248px minmax(0,1fr);min-height:100vh}.sidebar{background:var(--sv-navy);color:#eef5fb;padding:24px 18px;display:flex;flex-direction:column;gap:26px}.sidebar-brand strong{display:block;font-size:18px}.sidebar small{color:#9fb2c8;display:block;margin-top:2px}.sidebar nav{display:grid;gap:8px}.sidebar nav button,.logout-button{border:0;color:#dbe6f2;background:transparent;border-radius:8px;min-height:42px;padding:0 12px;display:flex;align-items:center;gap:10px;text-align:left}.nav-label{min-width:0;flex:1}.nav-badge{min-width:22px;height:22px;border-radius:999px;background:var(--sv-red);color:#fff;display:inline-grid;place-items:center;padding:0 7px;font-size:11px;font-weight:800;line-height:1;box-shadow:0 0 0 2px var(--sv-navy)}.sidebar nav button.active,.sidebar nav button:hover{background:var(--sv-nav-active);color:#fff}.nav-dot{width:7px;height:7px;border-radius:999px;background:#64748b;flex:0 0 auto}.sidebar nav button.active .nav-dot{background:var(--sv-green)}.logout-button{margin-top:auto}.content{min-width:0;padding:0 28px 28px;display:grid;gap:22px;align-content:start}.page-header{min-height:76px;margin:0 -28px;padding:0 28px;background:#fff;border-bottom:1px solid var(--sv-line);display:flex;align-items:center;justify-content:space-between;gap:18px}.page-header h1{font-size:24px;line-height:1.15;font-weight:800;color:var(--sv-text)}.page-header p{margin-top:4px;color:var(--sv-muted);font-size:13px}.top-actions{display:flex;align-items:center;gap:10px;min-width:0}.search-pill{width:230px;min-height:38px;border-radius:999px;background:#eef2f7;color:var(--sv-muted);padding:0 12px;display:flex;align-items:center;gap:8px}.search-pill input{border:0;background:transparent;min-height:auto;padding:0;outline:0;width:100%}.site-pill,.user-pill,.badge{border-radius:999px;display:inline-flex;align-items:center;justify-content:center;white-space:nowrap}.site-pill{background:#dbeafe;color:var(--sv-blue);min-height:32px;padding:0 12px;font-weight:700;font-size:13px}.user-pill{gap:7px;background:#dcfce7;color:var(--sv-green);min-height:34px;padding:0 12px;font-weight:700;font-size:13px}.icon-button{width:36px;height:36px;border:1px solid var(--sv-line);border-radius:999px;background:#fff;color:var(--sv-muted);display:grid;place-items:center}.dashboard-grid{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:16px}.kpi-grid{grid-column:1 / -1;display:grid;grid-template-columns:repeat(5,minmax(150px,1fr));gap:16px}.industrial-strip{grid-column:1 / -1;display:grid;grid-template-columns:1.3fr .85fr .85fr;gap:16px}.plant-map-card,.health-rail-card,.escalation-card{min-height:150px;background:#0f2742;color:#fff;border-radius:8px;padding:18px;box-shadow:0 14px 34px #0f27422e}.overline{display:block;color:#9fb2c8;font-size:11px;font-weight:800;text-transform:uppercase;margin-bottom:6px}.plant-map-card{display:grid;grid-template-columns:210px 1fr;gap:18px;align-items:center}.plant-map-card strong,.health-rail-card strong,.escalation-card strong{display:block;font-size:28px}.plant-map{display:grid;grid-template-columns:repeat(6,1fr);gap:8px}.plant-map i{min-height:38px;border-radius:8px;border:1px solid rgba(255,255,255,.16)}.plant-map .safe{background:#16a34a}.plant-map .warn{background:#f59e0b}.plant-map .danger{background:#dc2626}.health-rail-card,.escalation-card{display:grid;align-content:center;gap:10px}.health-rail{height:10px;border-radius:999px;background:#ffffff29;overflow:hidden}.health-rail span{display:block;height:100%;border-radius:inherit;background:#16a34a}.health-rail-card small{color:#c8d7e8}.escalation-steps{display:grid;grid-template-columns:repeat(3,1fr);gap:6px}.escalation-steps span{border:1px solid rgba(255,255,255,.18);border-radius:8px;padding:8px 6px;text-align:center;color:#c8d7e8;font-size:12px;font-weight:800}.escalation-steps .active{background:#f59e0b;color:#111827}.escalation-steps .critical{background:#dc2626;color:#fff}.metric{min-height:126px;padding:18px;background:#fff;border:1px solid var(--sv-line);border-top:4px solid var(--sv-blue);border-radius:8px;box-shadow:0 12px 26px #0f274212;display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.metric span{color:var(--sv-muted);display:block;font-size:13px;font-weight:700}.metric strong{display:block;margin-top:12px;font-size:34px;line-height:1;color:var(--sv-text)}.metric small{display:block;margin-top:9px;color:var(--sv-muted);font-size:12px}.metric svg{color:var(--sv-blue)}.metric.red{border-top-color:var(--sv-red)}.metric.red svg{color:var(--sv-red)}.metric.green{border-top-color:var(--sv-green)}.metric.green svg{color:var(--sv-green)}.metric.amber{border-top-color:var(--sv-amber)}.metric.amber svg{color:var(--sv-amber)}.metric.blue{border-top-color:var(--sv-blue)}.panel{padding:18px;min-width:0}.module-stack{display:grid;gap:16px}.table-toolbar{display:flex;align-items:center;justify-content:space-between;gap:14px}.bulk-action-bar{display:flex;align-items:center;flex-wrap:wrap;gap:10px}.bulk-action-bar strong{margin-right:auto}.violation-filter-panel{display:grid;gap:12px}.filter-grid{display:grid;grid-template-columns:repeat(5,minmax(150px,1fr));gap:10px}.filter-grid label{min-width:0}.filter-grid label,.filter-grid select,.filter-grid input{width:100%}.filter-actions{display:flex;align-items:center;justify-content:space-between;gap:12px;color:var(--sv-muted);font-size:12px;font-weight:800}.error-panel{color:var(--sv-red);background:#fee2e2;border-color:#fecaca;font-weight:700}.panel-title{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:18px}.panel-title h2,.panel h2{font-size:16px;font-weight:800}.panel-title span{background:#eef2f7;color:var(--sv-muted);border-radius:999px;padding:6px 10px;font-size:12px;font-weight:700}.trend-panel,.incident-panel{grid-column:span 6}.status-panel,.risk-panel,.ppe-panel,.ai-panel{grid-column:span 3}.ppe-mix{display:grid;gap:12px}.ppe-mix div{display:grid;grid-template-columns:1fr auto;gap:6px 10px;align-items:center}.ppe-mix span{text-transform:capitalize;color:var(--sv-muted);font-size:12px;font-weight:800}.ppe-mix strong{font-size:13px}.ppe-mix i{grid-column:1 / -1;height:8px;background:#eaf0f6;border-radius:999px;overflow:hidden}.ppe-mix b{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--sv-green),var(--sv-blue))}.trend-chart{height:270px;display:grid;grid-template-columns:38px minmax(0,1fr);gap:12px}.trend-scale{display:grid;grid-template-rows:auto 1fr auto;align-items:start;color:var(--sv-muted);font-size:11px;font-weight:800;padding-top:18px;padding-bottom:28px;text-align:right}.trend-scale span:nth-child(2){align-self:center}.trend-plot{position:relative;display:grid;grid-template-columns:repeat(6,minmax(44px,1fr));gap:14px;align-items:end;padding:18px 4px 0}.trend-grid{position:absolute;top:18px;right:0;bottom:28px;left:0;display:grid;grid-template-rows:repeat(3,1fr);pointer-events:none}.trend-grid i{border-top:1px dashed #d7e0eb}.trend-column{position:relative;z-index:1;height:100%;min-width:0;display:grid;grid-template-rows:22px minmax(0,1fr) 22px;justify-items:center;align-items:end}.trend-column strong{color:var(--sv-text);font-size:12px;line-height:1}.trend-column span{width:min(54px,70%);min-height:8px;border-radius:8px 8px 2px 2px;background:linear-gradient(180deg,#38bdf8 0%,var(--sv-blue) 62%,#1e3a5f 100%);box-shadow:0 10px 20px #1d4ed833;transition:height .18s ease}.trend-column small{align-self:end;color:var(--sv-muted);font-size:12px;font-weight:800}.donut-wrap{position:relative;width:168px;height:168px;margin:10px auto 16px;display:grid;place-items:center}.donut-wrap svg{width:168px;height:168px;transform:rotate(-90deg)}.donut-track,.donut-progress{fill:none;stroke-width:14}.donut-track{stroke:#eaf0f6}.donut-progress{stroke:var(--sv-green);stroke-linecap:round}.donut-wrap strong{position:absolute;font-size:32px}.legend-row{display:flex;justify-content:center;gap:18px;color:var(--sv-muted);font-size:12px}.legend-dot{display:inline-block;width:9px;height:9px;border-radius:999px;margin-right:6px}.green-dot{background:var(--sv-green)}.amber-dot{background:var(--sv-amber)}.risk-matrix{display:grid;grid-template-columns:repeat(5,1fr);gap:8px}.risk-matrix span{aspect-ratio:1;border-radius:8px}.risk-matrix .low{background:#dcfce7}.risk-matrix .medium{background:#fef3c7}.risk-matrix .high{background:#fee2e2}.risk-matrix .critical{background:var(--sv-red)}.two-column{display:grid;grid-template-columns:minmax(0,1fr) 380px;gap:16px;align-items:start}.person-management{display:grid;gap:16px}.person-camera-preview{border:1px solid var(--sv-line);border-radius:10px;overflow:hidden;background:#0b1726}.person-camera-preview-header{padding:10px 12px;background:#fff;display:flex;align-items:center;justify-content:space-between;gap:10px}.person-camera-preview-header>div{display:grid;gap:3px}.person-camera-preview-header span{color:var(--sv-muted);font-size:12px}.person-camera-preview-frame{aspect-ratio:16 / 10;min-height:210px;display:grid;place-items:center;color:#cbd5e1}.person-camera-preview-frame img{width:100%;height:100%;display:block;object-fit:contain}.person-camera-preview-message{padding:22px;display:grid;justify-items:center;gap:10px;text-align:center;color:#cbd5e1;font-size:12px}.person-attribute-manager{display:grid;gap:16px}.person-attribute-form{display:grid;grid-template-columns:180px minmax(180px,1fr) 100px auto auto auto;gap:10px;align-items:center}.person-attribute-groups{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.person-attribute-group{border:1px solid var(--sv-line);border-radius:10px;overflow:hidden}.person-attribute-group h3{margin:0;padding:12px 14px;background:#f8fafc;border-bottom:1px solid var(--sv-line);font-size:14px}.person-attribute-row{min-height:58px;padding:9px 12px;display:flex;align-items:center;justify-content:space-between;gap:12px;border-bottom:1px solid var(--sv-line)}.person-attribute-row:last-child{border-bottom:0}.person-attribute-row>span{display:grid;gap:3px}.person-attribute-row small{color:var(--sv-muted)}.form-grid{display:grid;gap:10px}label{display:grid;gap:6px;color:#374151;font-size:13px;font-weight:700}.form-hint{margin-top:-4px;color:var(--sv-muted);font-size:12px;line-height:1.4}label.inline{display:flex;align-items:center}.info-label,.metric-label{display:inline-flex!important;align-items:center;gap:5px}.info-tip{position:relative;display:inline-flex;align-items:center;justify-content:center;width:19px;height:19px;flex:0 0 19px;border:1px solid #1d4ed8;border-radius:999px;background:#2563eb;color:#fff;box-shadow:0 1px 3px #2563eb3d;cursor:help;outline:none}.info-tip>svg{width:13px;height:13px;color:#fff!important;stroke:#fff!important;stroke-width:2.8}.info-tip:hover,.info-tip:focus-visible{color:#fff;border-color:#1e3a8a;background:#1e40af;box-shadow:0 0 0 3px #2563eb29}.info-tooltip{position:fixed;z-index:10000;width:max-content;max-width:min(300px,78vw);padding:9px 11px;border-radius:8px;background:#0f2742;color:#fff;box-shadow:0 12px 30px #0f274247;font-size:12px;font-weight:600;line-height:1.45;letter-spacing:0;text-align:left;text-transform:none;white-space:normal;pointer-events:none;opacity:1;visibility:visible}.info-tooltip:after{content:"";position:absolute;left:50%;border:5px solid transparent;transform:translate(-50%)}.info-tooltip-portal.above{transform:translate(-50%,-100%)}.info-tooltip-portal.above:after{top:100%;border-top-color:#0f2742}.info-tooltip-portal.below{transform:translate(-50%)}.info-tooltip-portal.below:after{bottom:100%;border-bottom-color:#0f2742}.overline .info-tip{vertical-align:middle}input,select,textarea{border:1px solid var(--sv-line);border-radius:8px;min-height:40px;padding:8px 10px;background:#fff;color:var(--sv-text)}textarea{min-height:86px;resize:vertical}.primary-button{border:0;border-radius:8px;background:var(--sv-blue);color:#fff;min-height:40px;padding:0 14px;font-weight:800;display:inline-flex;align-items:center;justify-content:center;gap:8px}.secondary-button{border:1px solid var(--sv-line);border-radius:8px;background:#fff;color:var(--sv-text);min-height:40px;padding:0 14px;font-weight:800;display:inline-flex;align-items:center;justify-content:center;gap:8px}.compact-button{min-height:32px;padding:0 10px;font-size:12px}.button-row{display:flex;align-items:center;flex-wrap:wrap;gap:10px}.form-row{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.camera-module{display:grid;gap:16px}.camera-toolbar{display:flex;align-items:center;justify-content:space-between;gap:14px}.webcam-results{display:grid;gap:10px}.webcam-row{border:1px solid var(--sv-line);border-radius:8px;padding:12px;display:flex;align-items:center;justify-content:space-between;gap:12px;background:#fbfdff}.webcam-row span{display:block;margin-top:4px;color:var(--sv-muted);font-size:13px}.group-tabs{display:flex;gap:8px;overflow-x:auto;padding-bottom:2px}.group-tabs button{border:1px solid var(--sv-line);border-radius:999px;background:#fff;min-height:34px;padding:0 13px;color:var(--sv-muted);font-weight:800;white-space:nowrap}.group-tabs button.active{background:#dbeafe;color:var(--sv-blue);border-color:#bfdbfe}.camera-layout{display:grid;grid-template-columns:minmax(0,1fr) 420px;gap:16px;align-items:start}.camera-grid{display:grid;grid-template-columns:repeat(2,minmax(240px,1fr));gap:16px}.camera-card{background:#fff;border:1px solid var(--sv-line);border-radius:8px;box-shadow:0 12px 26px #0f274212;overflow:hidden}.stream-frame{aspect-ratio:16 / 10;background:#0b1726;color:#93a4b8;display:grid;place-items:center;overflow:hidden}.stream-frame.large{min-height:380px}.stream-frame img{width:100%;height:100%;object-fit:cover;display:block}.camera-card-body{padding:12px;display:flex;justify-content:space-between;gap:12px}.camera-error{margin:0 12px 12px;border:1px solid #fecaca;border-radius:8px;background:#fee2e2;color:var(--sv-red);padding:8px 10px;font-size:12px;line-height:1.4;overflow-wrap:anywhere}.camera-card-body span{display:block;margin-top:4px;color:var(--sv-muted);font-size:13px}.camera-source{max-width:100%;overflow-wrap:anywhere;font-family:Consolas,Courier New,monospace}.camera-config-line{border-top:1px solid var(--sv-line);border-bottom:1px solid var(--sv-line);padding:10px 12px;display:flex;flex-wrap:wrap;gap:8px}.camera-config-line span{background:#eef2f7;color:#475569;border-radius:999px;padding:5px 8px;font-size:12px;font-weight:800}.camera-card>button{border:0;background:#fff;width:100%;min-height:42px;display:flex;align-items:center;justify-content:center;gap:8px;font-weight:800;color:var(--sv-blue)}.camera-stream-link{border-top:1px solid var(--sv-line);min-height:36px;display:flex;align-items:center;justify-content:center;color:var(--sv-muted);font-size:12px;font-weight:800;text-decoration:none}.camera-stream-link:hover{color:var(--sv-blue);background:#f8fafc}.camera-form{position:sticky;top:16px}.ppe-checklist{border:1px solid var(--sv-line);border-radius:8px;padding:12px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px 12px}.ppe-checklist legend{padding:0 6px;color:var(--sv-muted);font-size:12px;font-weight:800}.ppe-confidence-fieldset{border:1px solid var(--sv-line);border-radius:8px;padding:12px;display:grid;gap:10px}.ppe-confidence-fieldset legend{padding:0 6px;color:var(--sv-muted);font-size:12px;font-weight:800}.confidence-config{display:grid;gap:14px}.ppe-confidence-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.ppe-confidence-grid label{min-width:0}.ppe-confidence-grid span{display:block;margin-bottom:6px;color:var(--sv-muted);font-size:12px;font-weight:800}.ppe-confidence-grid input{width:100%}.sample-layout{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(360px,.8fr);gap:16px;align-items:start}.sample-player{display:grid;gap:14px}.row-card{border:1px solid var(--sv-line);border-radius:8px;padding:12px;display:grid;gap:6px;margin-top:10px;background:#fbfdff}.row-card span,.muted,.page-header p{color:var(--sv-muted)}.row-card button{justify-self:start;border:1px solid var(--sv-line);background:#fff;border-radius:8px;min-height:32px;padding:0 10px}.ok,.success-text{color:var(--sv-green)}.bad,.error{color:var(--sv-red)}.table-panel{overflow:auto}table{width:100%;border-collapse:collapse;min-width:640px}th,td{border-bottom:1px solid var(--sv-line);padding:12px 10px;text-align:left;vertical-align:middle}th{color:var(--sv-muted);font-size:11px;text-transform:uppercase;letter-spacing:0}td{font-size:13px}.clickable-table-row{cursor:pointer;transition:background .12s ease,box-shadow .12s ease}.clickable-table-row:hover,.clickable-table-row:focus-visible{background:#eff6ff}.clickable-table-row:focus-visible{outline:2px solid var(--sv-blue);outline-offset:-2px}.clickable-table-row:hover td:first-child,.clickable-table-row:focus-visible td:first-child{color:var(--sv-blue);font-weight:800}.badge{min-height:24px;padding:0 9px;font-size:12px;font-weight:800;text-transform:capitalize}.badge.green{background:#dcfce7;color:#15803d}.badge.amber{background:#fef3c7;color:#b45309}.badge.red{background:#fee2e2;color:var(--sv-red)}.badge.neutral{background:#eef2f7;color:#475569}.pagination{display:flex;align-items:center;justify-content:space-between;gap:12px;padding-top:14px;color:var(--sv-muted);font-size:13px}.pagination div{display:flex;gap:8px}.pagination button{border:1px solid var(--sv-line);background:#fff;border-radius:8px;min-height:34px;padding:0 12px;color:var(--sv-text);font-weight:700}.empty-cell{color:var(--sv-muted);text-align:center;padding:28px}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1000;background:#0f172a94;display:grid;place-items:center;padding:24px}.modal-panel{width:min(1040px,100%);max-height:min(760px,calc(100vh - 48px));overflow:auto;background:#fff;border:1px solid var(--sv-line);border-radius:8px;box-shadow:0 24px 80px #0f172a47;padding:18px}.modal-header{display:flex;align-items:flex-start;justify-content:space-between;gap:14px;margin-bottom:16px}.violation-detail-page{display:grid;gap:16px}.violation-detail-header{margin-bottom:0;background:#fff}.violation-detail-actions{display:grid;grid-template-columns:minmax(180px,1fr) auto minmax(230px,.8fr) minmax(230px,.8fr);gap:14px;align-items:end}.violation-detail-actions>div:first-child{display:grid;gap:4px;align-self:center}.violation-detail-actions>div:first-child span{color:var(--sv-muted);font-size:12px}.violation-detail-actions>p{grid-column:1 / -1;margin:0}.violation-action-field{display:grid;grid-template-columns:minmax(130px,1fr) auto;gap:8px;align-items:end}.violation-detail-page>.person-profile-section{margin-top:0}.violation-detail-grid{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(300px,.8fr);gap:18px}.violation-image-frame{min-height:360px;background:#0b1726;border-radius:8px;overflow:hidden;display:grid;place-items:center}.violation-image-frame img{width:100%;height:100%;object-fit:contain;display:block}.detail-list{margin:0;display:grid;gap:10px}.detail-list div{border:1px solid var(--sv-line);border-radius:8px;padding:10px 12px;background:#fbfdff}.detail-list dt{color:var(--sv-muted);font-size:11px;font-weight:800;text-transform:uppercase}.detail-list dd{margin:5px 0 0;color:var(--sv-text);font-size:13px;overflow-wrap:anywhere}.person-profile-section{margin-top:18px;display:grid;gap:12px}.section-title-row{display:flex;align-items:center;justify-content:space-between;gap:12px}.section-title-row h3{margin:0;font-size:16px}.section-title-row span{color:var(--sv-muted);font-size:12px;font-weight:800}.person-profile-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.person-profile-card{border:1px solid var(--sv-line);border-radius:8px;background:#fbfdff;padding:12px;display:grid;gap:10px}.person-profile-card>div{display:flex;align-items:center;justify-content:space-between;gap:10px}.person-profile-card dl{margin:0;display:grid;gap:8px}.person-profile-card dl div{display:grid;gap:3px}.person-profile-card dt{color:var(--sv-muted);font-size:11px;font-weight:800;text-transform:uppercase}.person-profile-card dd{margin:0;color:var(--sv-text);font-size:13px;overflow-wrap:anywhere}.ppe-confidence-report{border:1px solid var(--sv-line);border-radius:8px;overflow:auto;background:#fbfdff}.ppe-confidence-report table{margin:0}.ppe-confidence-report th,.ppe-confidence-report td{white-space:nowrap}.ppe-confidence-report.compact{background:#fff}.ppe-confidence-report.compact th,.ppe-confidence-report.compact td{padding:7px 8px;font-size:12px}.loading{padding:32px}@media(max-width:1180px){.kpi-grid{grid-template-columns:repeat(2,minmax(150px,1fr))}.industrial-strip,.plant-map-card,.camera-layout,.sample-layout{grid-template-columns:1fr}.camera-form{position:static}.trend-panel,.incident-panel,.status-panel,.risk-panel,.ppe-panel,.ai-panel{grid-column:span 6}.filter-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:860px){.app-shell,.two-column{grid-template-columns:1fr}.sidebar{min-height:auto}.content{padding:0 16px 20px}.page-header{margin:0 -16px;padding:14px 16px;min-height:auto;align-items:flex-start;flex-direction:column}.top-actions{width:100%;flex-wrap:wrap}.search-pill{width:100%}.dashboard-grid,.kpi-grid,.industrial-strip{grid-template-columns:1fr}.camera-toolbar,.table-toolbar,.bulk-action-bar,.filter-actions,.webcam-row{align-items:stretch;flex-direction:column}.person-attribute-form,.person-attribute-groups{grid-template-columns:1fr}.person-attribute-row{align-items:flex-start;flex-direction:column}.bulk-action-bar strong{margin-right:0}.camera-grid,.form-row,.ppe-confidence-grid,.ppe-checklist,.filter-grid{grid-template-columns:1fr}.stream-frame.large{min-height:240px}.modal-backdrop{padding:12px}.violation-detail-grid{grid-template-columns:1fr}.violation-detail-actions{grid-template-columns:1fr;align-items:stretch}.violation-detail-actions>p{grid-column:auto}.violation-action-field,.person-profile-grid{grid-template-columns:1fr}.violation-image-frame{min-height:240px}.trend-panel,.incident-panel,.status-panel,.risk-panel,.ppe-panel,.ai-panel{grid-column:1}}