.application-breadcrumbs a{color:var(--text-mid);font-weight:600;text-decoration:none}
.application-breadcrumbs a:hover{color:var(--brand)}
.store-header-status{display:inline-flex;min-height:32px;align-items:center;gap:8px;border:1px solid var(--border);padding:5px 10px;color:var(--text-mid);font-family:var(--mono);font-size:9px;font-weight:700;letter-spacing:.1em;text-transform:uppercase}
.store-header-status span{width:8px;height:8px;border-radius:50%;background:var(--live);box-shadow:var(--glow)}
.store-header-status.attention{color:#f0a044}
.store-header-status.attention span{background:#f0a044;box-shadow:none}
.store-header-status.offline{color:var(--danger)}
.store-header-status.offline span{background:var(--danger);box-shadow:none}
.store-main{width:min(1440px,100%);margin:0 auto;padding:28px 28px 70px}
.store-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:28px}
.store-heading h1{margin:7px 0 0;color:var(--text-hi);font-family:var(--mono);font-size:clamp(30px,3vw,42px);line-height:1;letter-spacing:.07em;text-transform:uppercase}
.store-primary-action,.store-secondary-action{display:inline-flex;min-height:46px;align-items:center;justify-content:center;border-radius:var(--r-sm);padding:10px 16px;font-size:13px;font-weight:700;text-decoration:none}
.store-primary-action{border:1px solid var(--brand);background:var(--brand-soft);color:var(--brand)}
.store-primary-action:hover{background:var(--brand);color:var(--on-brand)}
.store-secondary-action{border:1px solid var(--border-hi);background:var(--panel-2);color:var(--text-hi)}
.store-secondary-action:hover{border-color:var(--brand);color:var(--brand)}
.store-health{display:grid;margin-top:24px;grid-template-columns:repeat(4,minmax(0,1fr));border:1px solid var(--border);background:var(--panel-2)}
.store-health article{display:flex;min-height:76px;flex-direction:column;justify-content:center;padding:13px 16px}
.store-health article+article{border-left:1px solid var(--border)}
.store-health span{color:var(--text-lo);font-family:var(--mono);font-size:8px;font-weight:700;letter-spacing:.12em;text-transform:uppercase}
.store-health strong{margin-top:5px;color:var(--text-hi);font-family:var(--mono);font-size:18px;line-height:1.1}
.store-health .live-value{color:var(--live);text-shadow:var(--glow)}
.store-section-heading,.store-wall-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:18px}
.store-section-heading h2,.store-wall-heading h2{margin:6px 0 0;color:var(--text-hi);font-size:24px;line-height:1.1}
.store-section-heading>a{display:inline-flex;min-height:44px;align-items:center;color:var(--brand);font-family:var(--mono);font-size:9px;font-weight:700;letter-spacing:.1em;text-decoration:none;text-transform:uppercase}
.store-recent{margin-top:28px}
.store-events{display:grid;margin-top:13px;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}
.store-event{display:grid;min-width:0;grid-template-columns:116px minmax(0,1fr);border:1px solid var(--border-hi);background:var(--panel);color:var(--text-hi);text-decoration:none}
.store-event:hover{border-color:var(--brand)}
.store-event img{width:116px;height:82px;object-fit:cover;filter:saturate(.78) brightness(.8)}
.store-event-copy{display:flex;min-width:0;flex-direction:column;justify-content:center;padding:10px}
.store-event-kind{color:var(--brand);font-family:var(--mono);font-size:8px;font-weight:700;letter-spacing:.12em;text-transform:uppercase}
.store-event strong{overflow:hidden;margin-top:4px;font-size:13px;text-overflow:ellipsis;white-space:nowrap}
.store-event time{margin-top:5px;color:var(--text-lo);font-family:var(--mono);font-size:9px}
.store-wall{margin-top:32px}
.preview-mode,.camera-density{display:flex;border:1px solid var(--border);border-radius:var(--r-sm);overflow:hidden}
.preview-mode button,.camera-density button{display:flex;min-height:44px;align-items:center;justify-content:center;border:0;background:var(--panel-2);padding:8px 12px;color:var(--text-mid);font-family:var(--mono);font-size:9px;font-weight:700;letter-spacing:.09em;text-transform:uppercase}
.preview-mode button+button,.camera-density button+button{border-left:1px solid var(--border)}
.preview-mode button.is-active,.camera-density button.is-active{background:var(--brand-soft);color:var(--brand);box-shadow:inset 0 -2px var(--brand)}
.store-wall-controls{display:flex;margin-top:14px;align-items:center;justify-content:space-between;gap:14px}
.camera-groups{display:flex;min-width:0;align-items:center;border:1px solid var(--border);border-radius:var(--r-sm);overflow-x:auto}
.camera-groups button{min-height:44px;border:0;background:var(--panel-2);padding:8px 13px;color:var(--text-mid);font-family:var(--mono);font-size:9px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;white-space:nowrap}
.camera-groups button+button{border-left:1px solid var(--border)}
.camera-groups button.is-active{background:var(--brand-soft);color:var(--brand);box-shadow:inset 0 -2px var(--brand)}
.camera-density{display:none;flex:none}
.camera-density .rr-icon{width:19px;height:19px}
.store-camera-grid{display:grid;margin-top:12px;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
.store-camera{position:relative;display:block;min-width:0;aspect-ratio:16/9;overflow:hidden;border:1px solid var(--border-hi);background:#000;color:var(--text-hi);text-decoration:none}
.store-camera:hover{border-color:var(--brand)}
.store-camera img{display:block;width:100%;height:100%;object-fit:cover;filter:saturate(.82) brightness(.83);transition:filter .15s ease}
.store-camera:hover img{filter:saturate(.95) brightness(.96)}
.store-camera-top{position:absolute;inset:8px 8px auto;display:flex;align-items:center;justify-content:space-between;gap:8px}
.store-camera-name,.store-camera-mode{display:inline-flex;min-height:27px;align-items:center;background:rgba(2,4,3,.88);padding:4px 7px;font-family:var(--mono);font-size:9px;font-weight:700;letter-spacing:.05em;text-transform:uppercase}
.store-camera-name{gap:7px;overflow:hidden;max-width:72%;text-overflow:ellipsis;white-space:nowrap}
.store-camera-name span{width:7px;height:7px;flex:none;border-radius:50%;background:var(--live);box-shadow:var(--glow)}
.store-camera-mode{color:var(--text-mid)}
.store-camera-foot{position:absolute;inset:auto 8px 8px;display:flex;align-items:center;justify-content:space-between;gap:8px;color:#c9d7ce;font-family:var(--mono);font-size:9px;text-transform:uppercase;text-shadow:0 1px 3px #000}
.store-camera-status{color:var(--live)}
.store-camera.offline img,.store-camera.disabled img{filter:grayscale(.8) brightness(.42)}
.store-camera.offline .store-camera-name span{background:var(--danger);box-shadow:none}
.store-camera.offline .store-camera-status{color:var(--danger)}
.store-camera.disabled{cursor:not-allowed;opacity:.68}
.store-camera.disabled .store-camera-name span{background:var(--pending);box-shadow:none}
.store-camera.disabled .store-camera-status{color:var(--pending)}
.store-camera[data-preview-mode="snapshots"] .store-camera-mode{color:var(--text-lo)}
.store-state-panel{min-height:330px;margin-top:12px;border:1px dashed var(--border-hi);background:var(--panel-2);padding:64px 24px;text-align:center}
.store-state-panel[hidden]{display:none}
.store-state-panel h2{margin:8px 0 0;color:var(--text-hi);font-size:26px}
.store-state-panel p:not(.page-eyebrow){max-width:560px;margin:12px auto 20px;color:var(--text-mid);line-height:1.65}
.store-state-panel .store-secondary-action{margin:0 auto}

@media (max-width:1080px){
  .store-events{grid-template-columns:repeat(2,minmax(0,1fr))}
  .store-camera-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media (max-width:720px){
  .store-main{padding:22px 12px calc(82px + env(safe-area-inset-bottom))}
  .store-heading{display:block}
  .store-heading h1{font-size:29px;letter-spacing:.05em}
  .store-heading .store-primary-action{width:100%;margin-top:18px}
  .store-health{grid-template-columns:repeat(4,minmax(0,1fr))}
  .store-health article{min-height:72px;padding:9px 7px}
  .store-health span{font-size:7px;letter-spacing:.08em}
  .store-health strong{font-size:15px}
  .store-header-status{display:none}
  .store-section-heading>a{font-size:8px}
  .store-events{display:flex;overflow-x:auto;scroll-snap-type:x mandatory}
  .store-event{width:270px;flex:none;scroll-snap-align:start}
  .store-wall-heading{align-items:flex-start}
  .preview-mode button{padding-inline:9px;font-size:11px;letter-spacing:.035em}
  .store-wall-controls{align-items:stretch}
  .camera-groups{flex:1}
  .camera-density{display:flex}
  .camera-density button{width:46px;padding:0}
  .store-camera-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:5px}
  .store-camera-grid.one-column{grid-template-columns:1fr}
  .store-camera-top{inset:6px 6px auto}
  .store-camera-name,.store-camera-mode{min-height:24px;padding:3px 5px;font-size:8px}
  .store-camera-foot{inset:auto 6px 6px;font-size:8px}
}
@media (max-width:420px){
  .store-section-heading h2,.store-wall-heading h2{font-size:21px}
  .store-event{width:248px;grid-template-columns:104px minmax(0,1fr)}
  .store-event img{width:104px;height:78px}
  .store-wall-heading{display:block}
  .preview-mode{margin-top:12px}
  .preview-mode button{flex:1}
  .camera-groups button{padding-inline:10px;font-size:11px;letter-spacing:.035em}
  .store-camera-name{max-width:68%}
}
@media (max-width:340px){
  .store-main{padding-left:10px;padding-right:10px}
  .store-health strong{font-size:14px}
  .camera-groups button{padding-inline:8px}
}