/**
 * Globales App-Layout: hellgrauer Seitenhintergrund, gestreifte Tabellen hellblau/weiß.
 * Nur bei body.ci-app-shell (nicht Login/Register).
 */
body.ci-app-shell {
  --ci-shell-bg: #e9ecef;
  --ci-table-stripe-odd: #e3f2fd;
  --ci-table-stripe-even: #ffffff;
  background-color: var(--ci-shell-bg);
  min-height: 100vh;
}

body.ci-app-shell .tab-content-area {
  background-color: var(--ci-shell-bg) !important;
}

/* Bootstrap table-striped: ungerade = hellblau, gerade = weiß */
body.ci-app-shell .table-striped > tbody > tr:nth-of-type(odd) > * {
  --bs-table-accent-bg: var(--ci-table-stripe-odd);
  --bs-table-striped-bg: var(--ci-table-stripe-odd);
  color: inherit;
}

body.ci-app-shell .table-striped > tbody > tr:nth-of-type(even) > * {
  --bs-table-accent-bg: var(--ci-table-stripe-even);
  color: inherit;
}

body.ci-app-shell .table-striped > tbody > tr:hover > * {
  --bs-table-hover-bg: rgba(13, 110, 253, 0.08);
}