@import url("/css/app-dashboard-theme.css?v=20260821f");

:root {
  --scanner-font-display: "Space Grotesk", "Avenir Next", Avenir, system-ui, sans-serif;
  --scanner-font-body: "Manrope", "Avenir Next", Avenir, system-ui, sans-serif;
  --scanner-font-mono: "Geist Mono", "SFMono-Regular", Consolas, monospace;
  --scanner-bg: #070a10;
  --scanner-surface: #0b111b;
  --scanner-surface-raised: #111925;
  --scanner-control: #060b13;
  --scanner-text: #f4f8fc;
  --scanner-copy: #c9d5e1;
  --scanner-muted: #9aa6b5;
  --scanner-rule: rgba(226, 232, 240, 0.15);
  --scanner-rule-strong: rgba(87, 220, 233, 0.34);
  --scanner-cyan: #57dce9;
  --scanner-cyan-bright: #81e8f0;
  --scanner-success: #67d5a6;
  --scanner-warning: #f3c96b;
  --scanner-danger: #ff8d9a;
}

html,
body {
  background: var(--scanner-bg);
}

body.scanner-control-center {
  min-width: 320px;
  min-height: 100vh;
  margin: 0;
  padding: 12px;
  background: var(--scanner-bg) !important;
  color: var(--scanner-text);
  font-family: var(--scanner-font-body);
  font-size: 14px;
}

.scanner-control-center .hidden {
  display: none !important;
}

.scanner-control-center #mainWrapper {
  width: 100%;
  min-height: calc(100vh - 24px);
  padding-top: 80px;
}

.scanner-control-center .scanner-topbar {
  position: fixed !important;
  inset: 12px 12px auto;
  z-index: 100;
  width: auto !important;
  min-height: 64px !important;
  margin: 0 !important;
  padding: 0 22px !important;
  border: 1px solid var(--scanner-rule) !important;
  border-radius: 8px !important;
  background: var(--scanner-surface) !important;
}

.scanner-control-center .scanner-topbar-session {
  display: flex;
  align-items: center;
  gap: 8px;
  margin-left: auto;
}

.scanner-control-center .scanner-topbar-email {
  color: var(--scanner-muted);
  font-family: var(--scanner-font-mono);
  font-size: 11px;
}

.scanner-control-center .scanner-topbar-signout {
  padding: 0 12px;
  border: 1px solid var(--scanner-rule);
  border-radius: 6px;
  background: var(--scanner-surface-raised);
  color: var(--scanner-copy);
  font-size: 12px;
}

.scanner-control-center .sidebar {
  position: fixed !important;
  top: 92px !important;
  bottom: 12px !important;
  left: 12px !important;
  z-index: 90 !important;
  width: 260px !important;
  min-height: 0 !important;
  padding: 18px 14px !important;
  overflow-y: auto !important;
  border: 1px solid var(--scanner-rule) !important;
  border-radius: 8px !important;
  background: var(--scanner-surface) !important;
}

.scanner-control-center .scanner-sidebar-nav {
  display: grid;
  gap: 14px;
}

.scanner-control-center .dashboard-brand {
  margin-bottom: 18px;
}

.scanner-control-center .sidebar-update-card {
  margin-top: 18px !important;
}

.scanner-control-center .scanner-main {
  container-name: scanner-content;
  min-width: 0;
  min-height: calc(100vh - 104px);
  margin-left: 276px;
  padding: 20px 24px 40px;
  border: 1px solid var(--scanner-rule);
  border-radius: 8px;
  background: var(--scanner-bg);
  color: var(--scanner-text);
  overflow: hidden;
}

.scanner-control-center #scannerContent {
  width: 100%;
  max-width: none;
  margin: 0;
}

.scanner-control-center #scannerContent > * + * {
  margin-top: 16px;
}

.scanner-control-center .scanner-page-header {
  align-items: flex-end !important;
  margin: 0 0 20px !important;
  padding-bottom: 18px;
  border-bottom: 1px solid var(--scanner-rule);
}

.scanner-control-center .page-title {
  margin: 0;
  color: var(--scanner-text);
  font-family: var(--scanner-font-display);
  font-size: 28px;
  font-weight: 600;
  line-height: 1.08;
  letter-spacing: -0.025em;
}

.scanner-control-center .page-desc {
  max-width: 70ch;
  margin: 7px 0 0;
  color: var(--scanner-muted);
  font-size: 13px;
  line-height: 1.55;
}

.scanner-control-center :where(button, a, input, select, textarea) {
  min-height: 44px;
  border-radius: 6px !important;
  font-family: var(--scanner-font-body);
}

.scanner-control-center :where(button, a, input, select, textarea):focus-visible {
  outline: 2px solid var(--scanner-cyan) !important;
  outline-offset: 2px !important;
}

.scanner-control-center .topbar-root,
.scanner-control-center .topbar-crumb,
.scanner-control-center .topbar-sep,
.scanner-control-center .sidebar-item,
.scanner-control-center .sidebar-update-card,
.scanner-control-center .dashboard-brand,
.scanner-control-center .view-scan-btn,
.scanner-control-center #prUrl {
  min-height: 0;
}

.scanner-control-center button {
  border: 1px solid var(--scanner-rule);
  background: var(--scanner-surface-raised);
  color: var(--scanner-text);
  font-size: 12px;
  font-weight: 650;
  cursor: pointer;
}

.scanner-control-center button:hover:not(:disabled),
.scanner-control-center .dashboard-button:hover {
  border-color: var(--scanner-rule-strong) !important;
  color: var(--scanner-cyan-bright) !important;
}

.scanner-control-center button:disabled {
  cursor: not-allowed;
  opacity: 0.52;
}

.scanner-control-center :where(input[type="text"], select, textarea) {
  border: 1px solid var(--scanner-rule) !important;
  background: var(--scanner-control) !important;
  color: var(--scanner-text) !important;
  box-shadow: none !important;
}

.scanner-control-center :where(input[type="text"], select, textarea)::placeholder {
  color: var(--scanner-muted) !important;
}

.scanner-control-center .panel,
.scanner-control-center .bg-card,
.scanner-control-center .bg-surface,
.scanner-control-center .bg-\[\#111118\],
.scanner-control-center .bg-\[\#0d0d14\] {
  border-color: var(--scanner-rule) !important;
  background: var(--scanner-surface) !important;
  color: var(--scanner-text) !important;
  box-shadow: none !important;
}

.scanner-control-center .scanner-connection-panel {
  display: grid;
  justify-items: start;
  max-width: none !important;
  min-height: 244px;
  margin: 0 !important;
  padding: 24px !important;
  text-align: left !important;
}

.scanner-control-center .scanner-connection-panel > div:first-child {
  display: none !important;
}

.scanner-control-center .scanner-connection-panel h2 {
  margin: 0;
  color: var(--scanner-text) !important;
  font-family: var(--scanner-font-display);
  font-size: 20px !important;
  font-weight: 600;
  letter-spacing: -0.02em;
}

.scanner-control-center .scanner-connection-panel p {
  max-width: 76ch;
  margin: 10px 0 0 !important;
  color: var(--scanner-muted) !important;
  font-size: 13px !important;
  line-height: 1.6 !important;
}

.scanner-control-center .scanner-connection-panel > div:not(:first-child) {
  width: 100%;
  margin: 16px 0 0 !important;
  padding: 12px 14px !important;
  border: 1px solid var(--scanner-rule-strong) !important;
  border-radius: 6px !important;
  background: rgba(87, 220, 233, 0.06) !important;
}

.scanner-control-center #connectGitHubBtn {
  justify-self: start;
  margin-top: 18px;
  padding: 0 16px !important;
  border-color: var(--scanner-rule-strong) !important;
  background: var(--scanner-cyan) !important;
  color: #071013 !important;
}

.scanner-control-center .scanner-repository-workspace {
  display: grid;
  grid-template-columns: minmax(0, 1.25fr) minmax(320px, 0.75fr);
  grid-template-areas:
    "repo-header repo-header"
    "repo-search history"
    "repos history";
  align-items: start;
  gap: 14px 16px;
}

.scanner-control-center .scanner-repository-workspace.hidden {
  display: none !important;
}

.scanner-control-center .scanner-repository-header {
  grid-area: repo-header;
  min-height: 66px;
  margin: 0 !important;
  padding: 14px 16px;
  border: 1px solid var(--scanner-rule);
  border-radius: 6px;
  background: var(--scanner-surface);
}

.scanner-control-center .scanner-repository-header h2,
.scanner-control-center #stateScanResults h2 {
  margin: 0;
  color: var(--scanner-text) !important;
  font-family: var(--scanner-font-display);
  font-size: 18px !important;
  font-weight: 600;
  letter-spacing: -0.015em;
}

.scanner-control-center #ghUserBadge {
  min-height: 28px;
  padding: 0 9px !important;
  border: 1px solid var(--scanner-rule) !important;
  border-radius: 4px !important;
  background: var(--scanner-control) !important;
  color: var(--scanner-copy) !important;
  font-family: var(--scanner-font-mono);
  font-size: 10px !important;
}

.scanner-control-center #disconnectGitHubBtn {
  padding: 0 12px !important;
  color: var(--scanner-copy) !important;
}

.scanner-control-center #stateRepoList > .mb-4 {
  grid-area: repo-search;
  margin: 0 !important;
}

.scanner-control-center #repoSearch {
  width: 100%;
  height: 44px;
  padding: 0 14px 0 40px !important;
  font-size: 13px !important;
}

.scanner-control-center #repoGrid {
  grid-area: repos;
  display: grid !important;
  grid-template-columns: 1fr !important;
  gap: 1px !important;
  margin: 0 !important;
  overflow: hidden;
  border: 1px solid var(--scanner-rule);
  border-radius: 6px;
  background: var(--scanner-rule);
}

.scanner-control-center #repoGrid:empty {
  display: none !important;
}

.scanner-control-center #repoGrid > div {
  min-height: 70px;
  padding: 13px 15px !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: var(--scanner-surface) !important;
}

.scanner-control-center #repoGrid p {
  margin: 0;
}

.scanner-control-center #repoGrid .scan-repo-btn {
  min-width: 68px;
  margin-left: 12px !important;
  padding: 0 12px !important;
  border-color: var(--scanner-rule-strong) !important;
  background: rgba(87, 220, 233, 0.08) !important;
  color: var(--scanner-cyan-bright) !important;
}

.scanner-control-center #repoEmpty {
  grid-area: repos;
  margin: 0;
  padding: 28px 16px !important;
  border: 1px solid var(--scanner-rule);
  border-radius: 6px;
  background: var(--scanner-surface);
}

.scanner-control-center #stateRepoList > .mt-8 {
  grid-area: history;
  margin: 0 !important;
}

.scanner-control-center #stateRepoList > .mt-8 > h3 {
  min-height: 48px;
  margin: 0 !important;
  padding: 15px 16px;
  border: 1px solid var(--scanner-rule);
  border-bottom: 0;
  border-radius: 6px 6px 0 0;
  background: var(--scanner-surface);
  color: var(--scanner-text);
  font-family: var(--scanner-font-display);
  font-size: 15px !important;
}

.scanner-control-center #scanHistoryTable {
  overflow: auto !important;
  border: 1px solid var(--scanner-rule) !important;
  border-radius: 0 0 6px 6px !important;
  background: var(--scanner-surface) !important;
}

.scanner-control-center #scanHistoryTable table,
.scanner-control-center #findingsTable,
.scanner-control-center #allowlistTable {
  width: 100%;
  border-collapse: collapse;
}

.scanner-control-center th {
  color: var(--scanner-muted) !important;
  font-family: var(--scanner-font-mono);
  font-size: 9px !important;
  font-weight: 600 !important;
  letter-spacing: 0.06em;
  text-transform: uppercase;
}

.scanner-control-center td {
  border-bottom: 1px solid var(--scanner-rule);
  color: var(--scanner-copy) !important;
  font-size: 11px !important;
}

.scanner-control-center #scanHistoryTable th,
.scanner-control-center #scanHistoryTable td {
  padding: 11px 12px !important;
}

.scanner-control-center #scanHistoryEmpty,
.scanner-control-center #findingsEmpty,
.scanner-control-center #allowlistEmpty {
  padding: 28px 16px !important;
  color: var(--scanner-muted) !important;
  font-size: 12px !important;
}

.scanner-control-center #stateScanResults > .flex:first-child {
  min-height: 66px;
  margin-bottom: 14px !important;
  padding: 12px 14px;
  border: 1px solid var(--scanner-rule);
  border-radius: 6px;
  background: var(--scanner-surface);
}

.scanner-control-center #scanResultBackBtn {
  width: 44px;
  min-width: 44px;
  padding: 0 !important;
}

.scanner-control-center #scanResultRepo {
  margin: 3px 0 0;
  color: var(--scanner-muted) !important;
  font-family: var(--scanner-font-mono);
  font-size: 10px !important;
}

.scanner-summary-strip {
  display: grid !important;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 1px !important;
  margin-bottom: 14px !important;
  overflow: hidden;
  border: 1px solid var(--scanner-rule);
  border-radius: 6px;
  background: var(--scanner-rule);
}

.scanner-summary-strip > div {
  min-height: 92px;
  padding: 14px 15px !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: var(--scanner-surface) !important;
}

.scanner-summary-strip p:first-child {
  margin: 0 !important;
  color: var(--scanner-muted) !important;
  font-family: var(--scanner-font-mono);
  font-size: 9px !important;
  font-weight: 600;
  text-transform: uppercase;
}

.scanner-summary-strip p:last-child {
  margin: 10px 0 0 !important;
  color: var(--scanner-text) !important;
  font-family: var(--scanner-font-mono);
  font-size: 25px !important;
  line-height: 1;
}

.scanner-control-center #sumActive {
  color: var(--scanner-danger) !important;
}

.scanner-control-center #sumRevoked {
  color: var(--scanner-success) !important;
}

.scanner-control-center #scanSpinner,
.scanner-control-center #scanProgress > div,
.scanner-control-center #migrationProgress > div {
  margin-bottom: 14px !important;
  padding: 18px !important;
  border: 1px solid var(--scanner-rule) !important;
  border-radius: 6px !important;
  background: var(--scanner-surface) !important;
}

.scanner-control-center #scanProgressBar {
  background: var(--scanner-cyan) !important;
}

.scanner-control-center #scanProgressShimmer {
  display: none !important;
}

.scanner-control-center #findingsSection > div:first-child,
.scanner-control-center #migrationResults > div,
.scanner-control-center #envChecklist > div,
.scanner-control-center #storeKeysSection,
.scanner-control-center #platformInstructions {
  border-radius: 6px !important;
  background: var(--scanner-surface) !important;
  box-shadow: none !important;
}

.scanner-control-center #findingsSection > div:first-child {
  border: 1px solid var(--scanner-rule) !important;
}

.scanner-control-center #findingsSection > div:first-child > div:first-child {
  min-height: 58px;
  padding: 12px 14px !important;
  border-bottom: 1px solid var(--scanner-rule) !important;
}

.scanner-control-center #allowlistPanel {
  border-bottom: 1px solid var(--scanner-rule) !important;
  background: var(--scanner-control) !important;
}

.scanner-control-center #allowlistPanel > div {
  padding: 16px !important;
}

.scanner-control-center #allowlistPanel label {
  display: block;
  margin-bottom: 5px !important;
  color: var(--scanner-muted) !important;
  font-size: 10px !important;
}

.scanner-control-center #allowlistPanel :where(input, select) {
  min-height: 40px;
}

.scanner-control-center #gitHistorySection > div:first-child,
.scanner-control-center #migrationGitWarning > div {
  border: 1px solid rgba(243, 201, 107, 0.34) !important;
  border-radius: 6px !important;
  background: rgba(243, 201, 107, 0.07) !important;
}

.scanner-control-center #prActions {
  margin-top: 14px;
}

.scanner-control-center #migrateBtn,
.scanner-control-center #mergePrLink,
.scanner-control-center #createPrBtn,
.scanner-control-center #bulkCreatePrBtn,
.scanner-control-center #prSubmitBtn {
  border-color: var(--scanner-rule-strong) !important;
  background: var(--scanner-cyan) !important;
  color: #071013 !important;
}

.scanner-control-center .scanner-merge-pr-link {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  min-height: 52px;
  padding: 0 18px;
  border: 1px solid var(--scanner-rule-strong);
  border-radius: 6px;
  color: #071013;
  font-size: 15px;
  font-weight: 650;
  text-decoration: none;
}

.scanner-control-center .scanner-merge-pr-link[aria-disabled="true"] {
  pointer-events: none;
  opacity: 0.52;
}

.scanner-control-center .step-pending .step-label,
.scanner-control-center .step-pending .step-icon {
  color: var(--scanner-muted) !important;
}

.scanner-control-center .step-active .step-label,
.scanner-control-center .step-active .step-icon {
  color: var(--scanner-cyan) !important;
}

.scanner-control-center .step-done .step-label,
.scanner-control-center .step-done .step-icon {
  color: var(--scanner-success) !important;
}

.scanner-control-center .env-checkbox:checked + label,
.scanner-control-center .env-task-cb:checked + label {
  text-decoration: line-through;
  opacity: 0.65;
}

.scanner-control-center #bulkActionBar {
  right: 24px;
  bottom: 24px;
  left: auto !important;
  z-index: 110;
  padding: 10px 12px !important;
  border: 1px solid var(--scanner-rule-strong) !important;
  border-radius: 6px !important;
  background: var(--scanner-surface-raised) !important;
  transform: none !important;
  box-shadow: 0 14px 36px rgba(0, 0, 0, 0.28) !important;
}

.scanner-control-center :where(#prModal, #revokeGuideModal, #sessionExpired) {
  padding: 20px;
  background: rgba(3, 6, 10, 0.88) !important;
}

.scanner-control-center :where(#prModal, #revokeGuideModal, #sessionExpired) > div {
  border: 1px solid var(--scanner-rule) !important;
  border-radius: 8px !important;
  background: var(--scanner-surface) !important;
  box-shadow: 0 20px 52px rgba(0, 0, 0, 0.36) !important;
}

.scanner-control-center #revokeGuideModal > div {
  width: min(760px, 100%);
}

.scanner-control-center #revokeGuideModal [class*="rounded-xl"],
.scanner-control-center #prModal [class*="rounded-xl"] {
  border-radius: 6px !important;
}

.scanner-control-center #toast {
  top: 88px !important;
  right: 20px !important;
}

.scanner-control-center #toastInner {
  border: 1px solid var(--scanner-rule-strong) !important;
  border-radius: 6px !important;
  background: var(--scanner-surface-raised) !important;
  color: var(--scanner-copy) !important;
  box-shadow: 0 14px 34px rgba(0, 0, 0, 0.26) !important;
}

.scanner-control-center .text-white,
.scanner-control-center h1,
.scanner-control-center h2,
.scanner-control-center h3,
.scanner-control-center h4 {
  color: var(--scanner-text) !important;
}

.scanner-control-center :where(.text-gray-200, .text-gray-300, .text-gray-400, p, label) {
  color: var(--scanner-copy) !important;
}

.scanner-control-center :where(.text-gray-500, .text-gray-600) {
  color: var(--scanner-muted) !important;
}

.scanner-control-center :where(.text-brand, .text-\[\#22d3ee\], .text-\[\#06b6d4\]) {
  color: var(--scanner-cyan-bright) !important;
}

.scanner-control-center .text-green-400 {
  color: var(--scanner-success) !important;
}

.scanner-control-center :where(.text-red-200, .text-red-300, .text-red-400) {
  color: var(--scanner-danger) !important;
}

.scanner-control-center :where(.text-yellow-200, .text-yellow-300, .text-yellow-400, .text-orange-200, .text-orange-300) {
  color: var(--scanner-warning) !important;
}

.scanner-control-center .rounded-2xl,
.scanner-control-center .rounded-xl,
.scanner-control-center .rounded-lg {
  border-radius: 6px !important;
}

.scanner-control-center pre,
.scanner-control-center .font-mono {
  font-family: var(--scanner-font-mono) !important;
}

.scanner-control-center pre {
  max-width: 100%;
  border: 1px solid var(--scanner-rule) !important;
  border-radius: 6px !important;
  background: var(--scanner-control) !important;
  color: var(--scanner-success) !important;
  font-size: 11px !important;
  line-height: 1.55;
}

/* Canonical shell placement. These selectors intentionally outrank the legacy
   scanner compatibility rules injected by the shared authenticated shell. */
html[data-app-theme="flight"] body.scanner-control-center #mainWrapper {
  display: block !important;
  width: 100% !important;
  min-height: calc(100vh - 24px) !important;
  margin: 0 !important;
  padding: 80px 0 0 !important;
}

html[data-app-theme="flight"] body.scanner-control-center .scanner-topbar {
  position: fixed !important;
  inset: 12px 12px auto !important;
  width: auto !important;
  margin: 0 !important;
}

html[data-app-theme="flight"] body.scanner-control-center .sidebar.enterprise-app-sidebar {
  position: fixed !important;
  inset: 92px auto 12px 12px !important;
  width: 260px !important;
  min-height: 0 !important;
  margin: 0 !important;
}

html[data-app-theme="flight"] body.scanner-control-center .scanner-main {
  width: auto !important;
  min-height: calc(100vh - 104px) !important;
  margin: 0 80px 0 276px !important;
  padding: 20px 24px 40px !important;
  border-radius: 8px !important;
}

@media (max-width: 1080px) {
  .scanner-control-center .sidebar {
    width: 218px !important;
  }

  .scanner-control-center .scanner-main {
    margin-left: 234px;
  }

  html[data-app-theme="flight"] body.scanner-control-center .sidebar.enterprise-app-sidebar {
    width: 218px !important;
  }

  html[data-app-theme="flight"] body.scanner-control-center .scanner-main {
    margin: 0 72px 0 234px !important;
  }
}

@media (max-width: 860px) {
  body.scanner-control-center {
    padding: 8px;
  }

  .scanner-control-center .scanner-topbar {
    inset: 8px 8px auto;
  }

  .scanner-control-center #mainWrapper {
    padding-top: 8px;
  }

  .scanner-control-center .sidebar {
    display: flex !important;
    position: static !important;
    width: 100% !important;
    min-height: 0 !important;
    margin: 76px 0 0 !important;
    padding: 14px !important;
    overflow: hidden !important;
  }

  .scanner-control-center .scanner-sidebar-nav {
    display: flex;
    flex-wrap: wrap;
    gap: 6px 8px;
  }

  .scanner-control-center .scanner-sidebar-nav .sidebar-group {
    display: contents !important;
  }

  .scanner-control-center .scanner-sidebar-nav .sidebar-head,
  .scanner-control-center .sidebar-update-card {
    display: none !important;
  }

  .scanner-control-center .scanner-sidebar-nav .sidebar-item {
    flex: 0 0 auto;
  }

  .scanner-control-center .scanner-main {
    min-height: calc(100vh - 92px);
    margin-left: 0;
    padding: 18px 16px 32px;
  }

  html[data-app-theme="flight"] body.scanner-control-center #mainWrapper {
    padding-top: 8px !important;
  }

  html[data-app-theme="flight"] body.scanner-control-center .scanner-topbar {
    inset: 8px 8px auto !important;
  }

  html[data-app-theme="flight"] body.scanner-control-center .sidebar.enterprise-app-sidebar {
    display: flex !important;
    position: static !important;
    inset: auto !important;
    width: 100% !important;
    min-height: 0 !important;
    margin: 76px 0 0 !important;
    padding: 14px !important;
  }

  html[data-app-theme="flight"] body.scanner-control-center .scanner-main {
    margin: 0 !important;
    padding: 18px 16px 32px !important;
  }

  .scanner-repository-workspace {
    grid-template-columns: 1fr;
    grid-template-areas:
      "repo-header"
      "repo-search"
      "repos"
      "history";
  }

  .scanner-control-center .scanner-topbar-email,
  .scanner-control-center .topbar-sep,
  .scanner-control-center .topbar-crumb {
    display: none !important;
  }
}

@media (prefers-reduced-motion: reduce) {
  .scanner-control-center :where(button, a, input, select, textarea) {
    scroll-behavior: auto !important;
    transition: none !important;
  }
}

@media (max-width: 620px) {
  .scanner-control-center .scanner-main {
    padding: 16px 12px 28px;
  }

  html[data-app-theme="flight"] body.scanner-control-center .scanner-main {
    padding: 16px 12px 28px !important;
  }

  .scanner-control-center .scanner-page-header {
    align-items: flex-start !important;
  }

  .scanner-control-center .page-actions {
    width: 100%;
    justify-content: flex-start !important;
  }

  .scanner-summary-strip {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .scanner-control-center #bulkActionBar {
    right: 12px;
    bottom: 12px;
    left: 12px !important;
    flex-wrap: wrap;
  }

  .scanner-control-center :where(#prModal, #revokeGuideModal, #sessionExpired) {
    padding: 8px;
  }
}