/* SBR Air V0 — All Jobs slide-in panel rules from index.html 948–1031. Compatibility exception E3 (README.md): scoped to BOTH modes because the panel markup is body-level and present in both. */
/* ── Jobs Slide-in Panel ───────────────────────────────────────────── */
body.mode-admin .jobs-slidein, body.mode-worker .jobs-slidein {
  position: fixed;
  top: 0; right: -100%;
  width: 92%;
  height: 100vh;
  background: var(--lxb-0f1e2e,#0f1e2e);
  border-left: 1px solid var(--lxl-wlo,rgba(255,255,255,0.1));
  z-index: 10200;
  display: flex;
  flex-direction: column;
  transition: right 0.35s cubic-bezier(0.4,0,0.2,1);
  box-shadow: -8px 0 32px var(--lxl-shadow,rgba(0,0,0,0.5));
}
body.mode-admin .jobs-slidein.open, body.mode-worker .jobs-slidein.open { right: 0; }
body.mode-admin .jobs-slidein-overlay, body.mode-worker .jobs-slidein-overlay {
  position: fixed;
  inset: 0;
  background: transparent;
  z-index: -1;
  pointer-events: none;
  display: none;
}
body.mode-admin .jobs-slidein-overlay.open, body.mode-worker .jobs-slidein-overlay.open {
  display: block;
  background: var(--lxb-scrim,rgba(0,0,0,0.5));
  z-index: 10199;
  pointer-events: all;
}
body.mode-admin .jsi-header, body.mode-worker .jsi-header {
  padding: 16px 20px;
  border-bottom: 1px solid var(--lxl-wlo,rgba(255,255,255,0.08));
  display: flex;
  align-items: center;
  gap: 12px;
  flex-shrink: 0;
}
body.mode-admin .jsi-tabs, body.mode-worker .jsi-tabs {
  display: flex;
  gap: 0;
  border-bottom: 1px solid var(--lxl-wlo,rgba(255,255,255,0.08));
  padding: 0 20px;
  flex-shrink: 0;
  overflow-x: auto;
}
body.mode-admin .jsi-tab, body.mode-worker .jsi-tab {
  padding: 10px 16px;
  font-size: var(--lxf-12,12px);
  font-weight: 500;
  color: var(--lxc-7a90a8,#7a90a8);
  border: none;
  background: transparent;
  cursor: pointer;
  border-bottom: 2px solid transparent;
  white-space: nowrap;
  font-family: inherit;
  transition: all 0.15s;
}
body.mode-admin .jsi-tab.active, body.mode-worker .jsi-tab.active {
  color: var(--lxc-00c896,#00c896);
  border-bottom-color: #00c896;
  font-weight: var(--lxw-7,700);
}
body.mode-admin .jsi-body, body.mode-worker .jsi-body {
  flex: 1;
  overflow-y: auto;
  overscroll-behavior: contain;
  padding: 16px 20px;
}
body.mode-admin .jsi-job-row, body.mode-worker .jsi-job-row {
  display: flex;
  align-items: flex-start;
  gap: 10px;
  padding: 12px 14px;
  background: var(--lxb-wlo,rgba(255,255,255,0.03));
  border: 1px solid var(--lxl-wlo,rgba(255,255,255,0.07));
  border-radius: var(--lxr-10,10px);
  margin-bottom: 8px;
  cursor: pointer;
  transition: background 0.15s;
}
body.mode-admin .jsi-job-row:hover, body.mode-worker .jsi-job-row:hover { background: var(--lxb-wlo,rgba(255,255,255,0.06)); }