:root {
  --color-bg: #F6F8FB;
  --color-surface: #FFFFFF;
  --color-surface-2: #F1F5F9;
  --color-text: #0F172A;
  --color-text-secondary: #475569;
  --color-primary: #4F46E5;
  --color-secondary: #2563EB;
  --color-accent: #06B6D4;
  --color-border: #E2E8F0;
  --color-muted: #94A3B8;
  --color-success: #10B981;
  --color-warning: #F59E0B;
  --color-danger: #EF4444;

  --sidebar-bg: #FFFFFF;
  --sidebar-text: #334155;
  --sidebar-active: #EEF2FF;
  --sidebar-hover: #F1F5F9;

  --button-primary-bg: #4F46E5;
  --button-primary-text: #FFFFFF;
  --button-secondary-bg: #E2E8F0;
  --button-secondary-text: #1E293B;

  --input-bg: #FFFFFF;
  --input-border: #CBD5F5;
  --input-text: #0F172A;

  --card-bg: var(--color-surface);
  --card-border: var(--color-border);

  --shadow-sm: 0 1px 2px rgba(0,0,0,0.04);
  --shadow-md: 0 4px 10px rgba(0,0,0,0.06);
  --radius-sm: 6px;
  --radius-md: 12px;

  --color-surface-3: #E2E8F0;
  --color-heading: var(--color-text);
  --color-text-muted: var(--color-muted);
  --color-text-soft: #64748B;
  --color-primary-hover: #4338CA;
  --color-input-bg: var(--input-bg);
  --color-input-text: var(--input-text);
  --color-input-border: var(--input-border);
  --color-sidebar-bg: var(--sidebar-bg);
  --color-sidebar-text: var(--sidebar-text);
  --color-sidebar-muted: #64748B;
  --color-sidebar-active-bg: var(--sidebar-active);
  --color-sidebar-active-text: #FFFFFF;
  --color-card-bg: var(--card-bg);
  --color-card-text: var(--color-text);
  --color-card-muted: var(--color-muted);

  --influxo-primary: var(--color-primary);
  --influxo-secondary: var(--color-secondary);
  --influxo-accent: var(--color-accent);
  --influxo-gradient: var(--button-primary-bg);
  --influxo-bg-dark: var(--color-bg);
  --influxo-bg-soft: var(--color-surface);
  --influxo-surface: var(--card-bg);
  --influxo-surface-raised: var(--color-surface-2);
  --influxo-surface-3: var(--color-surface-3);
  --influxo-sidebar-bg: var(--sidebar-bg);
  --influxo-sidebar-text: var(--sidebar-text);
  --influxo-sidebar-muted: var(--color-sidebar-muted);
  --influxo-sidebar-active-bg: var(--sidebar-active);
  --influxo-sidebar-active-text: var(--color-sidebar-active-text);
  --influxo-text-primary: var(--color-text);
  --influxo-text-secondary: var(--color-text-secondary);
  --influxo-text-muted: var(--color-muted);
  --influxo-text-soft: var(--color-text-soft);
  --influxo-heading: var(--color-heading);
  --influxo-border: var(--color-border);
  --influxo-field-bg: var(--input-bg);
  --influxo-field-text: var(--input-text);
  --influxo-field-border: var(--input-border);
  --influxo-hover-bg: var(--sidebar-hover);
  --influxo-button-text: var(--button-primary-text);
  --influxo-danger: var(--color-danger);
  --influxo-success: var(--color-success);
  --influxo-warning: var(--color-warning);
  --influxo-panel-font: "Inter", "Segoe UI", system-ui, sans-serif;
  --influxo-glow: 0 0 20px color-mix(in srgb, var(--color-primary) 60%, transparent);

  --brand-primary: var(--color-primary);
  --brand-secondary: var(--color-secondary);
  --brand-accent: var(--color-accent);
  --brand-dark: var(--color-bg);
  --brand-light: var(--color-surface);
}
body {
  font-family: 'Inter', 'Segoe UI', system-ui, sans-serif;
  background: var(--color-bg);
  color: var(--color-text);
}

h1, h2, h3, h4, h5, h6,
.brand,
.influxo-heading {
  font-family: 'Orbitron', 'Inter', sans-serif;
  letter-spacing: 0.02em;
}

.btn-influxo-primary {
  background: var(--button-primary-bg);
  color: var(--button-primary-text);
  border-radius: var(--radius-sm);
  border: 0;
  box-shadow: var(--influxo-glow);
}

.btn-influxo-primary:hover {
  filter: brightness(0.95);
}

.btn-influxo-secondary {
  background: var(--button-secondary-bg);
  border: 1px solid var(--color-border);
  color: var(--color-text);
  box-shadow: none;
}

.card-influxo {
  background: var(--card-bg);
  border: 1px solid var(--card-border);
  border-radius: var(--radius-md);
  color: var(--color-text);
  box-shadow: var(--shadow-sm);
}

.card-influxo:hover {
  box-shadow: var(--shadow-md);
}

.input-influxo {
  background: var(--input-bg);
  border: 1px solid var(--input-border);
  border-radius: var(--radius-sm);
  color: var(--input-text);
}

.muted {
  color: var(--color-text-secondary);
}

.influxo-shell {
  background:
    radial-gradient(circle at top left, color-mix(in srgb, var(--color-primary) 20%, transparent), transparent 28%),
    radial-gradient(circle at top right, color-mix(in srgb, var(--color-accent) 12%, transparent), transparent 24%),
    var(--influxo-bg-dark);
  color: var(--color-text);
}

.influxo-ui .button,
.influxo-ui button {
  background: var(--button-primary-bg);
  color: var(--button-primary-text);
  border-radius: var(--radius-sm);
  border: 0;
  box-shadow: var(--influxo-glow);
}

.influxo-ui .button-secondary {
  background: var(--button-secondary-bg);
  border: 1px solid var(--color-border);
  color: var(--color-text);
  box-shadow: none;
}

.influxo-ui .card {
  background: var(--card-bg);
  border: 1px solid var(--color-border);
  border-radius: var(--radius-md);
  backdrop-filter: blur(10px);
  color: var(--color-text);
}

.influxo-ui .field input,
.influxo-ui .field select,
.influxo-ui .field textarea {
  background: var(--input-bg);
  border: 1px solid var(--color-border);
  color: var(--color-text);
}

.influxo-sidebar {
  background: var(--sidebar-bg);
  border-right: 1px solid var(--color-border);
}

.influxo-sidebar .brand {
  color: var(--color-text);
}

.influxo-sidebar .nav-links a {
  display: block;
  color: var(--color-text-secondary);
  padding: 10px 12px;
  border-radius: var(--radius-sm);
  border-left: 2px solid transparent;
}

.influxo-sidebar .nav-links a:hover {
  background: var(--input-bg);
  color: var(--color-text);
  box-shadow: 0 0 0 1px color-mix(in srgb, var(--color-text) 4%, transparent), var(--influxo-glow);
}

.influxo-sidebar .nav-links a[aria-current="page"] {
  color: var(--button-primary-text);
  background: var(--sidebar-active);
  border-left-color: var(--color-accent);
}

.influxo-topbar {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 18px;
  padding: 12px 14px;
  border: 1px solid var(--color-border);
  border-radius: var(--radius-md);
  background: var(--input-bg);
}

.influxo-logo {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  font-family: 'Orbitron', sans-serif;
  font-weight: 700;
  letter-spacing: .06em;
}

.influxo-admin-ui {
  --influxo-text-primary: var(--color-text);
  --influxo-text-secondary: var(--color-text-secondary);
  --influxo-text-muted: var(--color-muted);
  --influxo-text-soft: var(--color-text-soft);
  color: var(--color-text);
}

.influxo-admin-ui,
.influxo-admin-ui p,
.influxo-admin-ui span,
.influxo-admin-ui li,
.influxo-admin-ui label,
.influxo-admin-ui small {
  color: var(--color-text-secondary);
}

.influxo-admin-ui h1,
.influxo-admin-ui h2,
.influxo-admin-ui h3,
.influxo-admin-ui h4,
.influxo-admin-ui strong,
.influxo-admin-ui .card-title {
  color: var(--color-text);
}

.influxo-admin-ui .text-muted,
.influxo-admin-ui .muted,
.influxo-admin-ui .description,
.influxo-admin-ui .help-text {
  color: var(--color-muted) !important;
}

.influxo-admin-ui .card,
.influxo-admin-ui .card-influxo {
  background: var(--card-bg);
  border: 1px solid var(--card-border);
  color: var(--color-text-secondary);
}

.influxo-admin-ui .card h1,
.influxo-admin-ui .card h2,
.influxo-admin-ui .card h3,
.influxo-admin-ui .card-influxo h1,
.influxo-admin-ui .card-influxo h2,
.influxo-admin-ui .card-influxo h3 {
  color: var(--color-text);
}

.influxo-admin-ui .influxo-sidebar a {
  color: var(--color-text-secondary);
}

.influxo-admin-ui .influxo-sidebar a:hover,
.influxo-admin-ui .influxo-sidebar a.active,
.influxo-admin-ui .influxo-sidebar a[aria-current="page"] {
  color: var(--button-primary-text);
}

.influxo-admin-ui .influxo-topbar {
  color: var(--color-text-secondary);
}

.influxo-admin-ui .influxo-topbar strong,
.influxo-admin-ui .influxo-topbar .brand-title {
  color: var(--color-text);
}

/* Admin contrast hardening: keep this scope limited to platform/admin shell. */
.influxo-admin-ui a {
  color: var(--color-text-soft);
  text-underline-offset: 2px;
}

.influxo-admin-ui a:hover,
.influxo-admin-ui a:focus-visible {
  color: var(--button-primary-text);
}

.influxo-admin-ui button,
.influxo-admin-ui .button,
.influxo-admin-ui [type="button"],
.influxo-admin-ui [type="submit"] {
  color: var(--button-primary-text);
}

.influxo-admin-ui input,
.influxo-admin-ui select,
.influxo-admin-ui textarea {
  color: var(--color-text);
  background: var(--input-bg);
  border: 1px solid var(--input-border);
}

.influxo-admin-ui input::placeholder,
.influxo-admin-ui textarea::placeholder {
  color: var(--color-muted);
  opacity: 1;
}

.influxo-admin-ui input:focus,
.influxo-admin-ui select:focus,
.influxo-admin-ui textarea:focus {
  outline: none;
  border-color: var(--color-primary);
  box-shadow: 0 0 0 2px color-mix(in srgb, var(--color-primary) 15%, transparent);
}

.influxo-admin-ui table {
  color: var(--color-text-secondary);
}

.influxo-admin-ui th {
  color: var(--color-text-soft);
}

.influxo-admin-ui td {
  color: var(--color-text-secondary);
}

.influxo-admin-ui tbody tr:hover {
  background: var(--sidebar-hover);
}

.influxo-admin-ui .badge,
.influxo-admin-ui .tag,
.influxo-admin-ui .pill {
  color: var(--color-text);
  border-color: var(--color-border);
}

.influxo-admin-ui .alert,
.influxo-admin-ui .toast,
.influxo-admin-ui .notice,
.influxo-admin-ui .message {
  color: var(--color-text-secondary);
  background: var(--card-bg);
  border: 1px solid var(--input-border);
}

.influxo-admin-ui .alert strong,
.influxo-admin-ui .toast strong {
  color: var(--button-primary-text);
}

.influxo-logo img {
  height: 30px;
}

.influxo-login {
  background:
    radial-gradient(circle at top left, color-mix(in srgb, var(--color-primary) 24%, transparent), transparent 30%),
    radial-gradient(circle at bottom right, color-mix(in srgb, var(--color-accent) 16%, transparent), transparent 30%),
    var(--influxo-bg-dark);
}

.influxo-login .fluxa-auth-panel,
.influxo-login .fluxa-auth-hero,
.influxo-login .fluxa-auth-card {
  border-color: var(--color-border);
}

.influxo-landing-accent {
  background: var(--button-primary-bg);
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
  text-shadow: var(--influxo-glow);
}

/* Central administrative theme layer. Scoped to admin/tenant shells only. */
.influxo-admin-ui {
  --influxo-menu-gap: 6px;
  --influxo-menu-padding-y: 8px;
  --influxo-menu-padding-x: 12px;
  --influxo-badge-neutral-bg: color-mix(in srgb, var(--color-surface-2, var(--influxo-surface-raised)) 86%, var(--color-text, var(--influxo-text-primary)) 14%);
  --influxo-badge-neutral-text: var(--color-text, var(--influxo-text-primary));
  --influxo-badge-neutral-border: var(--color-border, var(--influxo-border));
  --influxo-badge-warning-bg: color-mix(in srgb, var(--influxo-warning) 18%, var(--color-card-bg, var(--influxo-surface)) 82%);
  --influxo-badge-warning-text: var(--influxo-warning);
  --influxo-badge-warning-border: color-mix(in srgb, var(--influxo-warning) 34%, var(--color-border, var(--influxo-border)) 66%);
  --influxo-badge-info-bg: color-mix(in srgb, var(--color-primary, var(--influxo-primary)) 16%, var(--color-card-bg, var(--influxo-surface)) 84%);
  --influxo-badge-info-text: var(--color-primary, var(--influxo-primary));
  --influxo-badge-info-border: color-mix(in srgb, var(--color-primary, var(--influxo-primary)) 32%, var(--color-border, var(--influxo-border)) 68%);
  --influxo-badge-accent-bg: color-mix(in srgb, var(--color-accent, var(--influxo-accent)) 16%, var(--color-card-bg, var(--influxo-surface)) 84%);
  --influxo-badge-accent-text: var(--color-accent, var(--influxo-accent));
  --influxo-badge-accent-border: color-mix(in srgb, var(--color-accent, var(--influxo-accent)) 32%, var(--color-border, var(--influxo-border)) 68%);
  --influxo-badge-success-bg: color-mix(in srgb, var(--influxo-success) 16%, var(--color-card-bg, var(--influxo-surface)) 84%);
  --influxo-badge-success-text: var(--influxo-success);
  --influxo-badge-success-border: color-mix(in srgb, var(--influxo-success) 32%, var(--color-border, var(--influxo-border)) 68%);
  --influxo-badge-danger-bg: color-mix(in srgb, var(--influxo-danger) 14%, var(--color-card-bg, var(--influxo-surface)) 86%);
  --influxo-badge-danger-text: var(--influxo-danger);
  --influxo-badge-danger-border: color-mix(in srgb, var(--influxo-danger) 30%, var(--color-border, var(--influxo-border)) 70%);
  min-height: 100vh;
  color: var(--color-text);
  font-family: var(--influxo-panel-font, 'Inter', 'Segoe UI', system-ui, sans-serif);
}

.influxo-admin-ui.influxo-menu-compact {
  --influxo-menu-gap: 3px;
  --influxo-menu-padding-y: 7px;
  --influxo-menu-padding-x: 10px;
}

.influxo-admin-ui.influxo-menu-comfortable {
  --influxo-menu-gap: 5px;
  --influxo-menu-padding-y: 8px;
}

.influxo-admin-ui.influxo-shell {
  background: var(--color-bg);
  color: var(--color-text);
}

.influxo-admin-ui.influxo-theme-dark.influxo-shell {
  background:
    radial-gradient(circle at top left, color-mix(in srgb, var(--color-primary) 16%, transparent), transparent 28%),
    radial-gradient(circle at top right, color-mix(in srgb, var(--color-accent) 10%, transparent), transparent 24%),
    var(--influxo-bg-dark);
}

.influxo-admin-ui.influxo-theme-light.influxo-shell {
  background: var(--color-bg);
}

.influxo-admin-ui .shell {
  background: var(--button-secondary-bg);
}

.influxo-admin-ui,
.influxo-admin-ui p,
.influxo-admin-ui li,
.influxo-admin-ui label,
.influxo-admin-ui small,
.influxo-admin-ui td {
  color: var(--color-text);
}

.influxo-admin-ui .muted,
.influxo-admin-ui .text-muted,
.influxo-admin-ui .description,
.influxo-admin-ui .help-text,
.influxo-admin-ui .subtle,
.influxo-admin-ui figcaption {
  color: var(--color-muted) !important;
}

.influxo-admin-ui h1,
.influxo-admin-ui h2,
.influxo-admin-ui h3,
.influxo-admin-ui h4,
.influxo-admin-ui h5,
.influxo-admin-ui h6,
.influxo-admin-ui strong,
.influxo-admin-ui .influxo-heading,
.influxo-admin-ui .card-title {
  color: var(--color-text);
}

.influxo-admin-ui a {
  color: var(--color-secondary);
}

.influxo-admin-ui a:hover,
.influxo-admin-ui a:focus-visible {
  color: var(--color-accent);
}

.influxo-admin-ui .influxo-sidebar {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  min-width: 0;
  padding: 20px;
  background: var(--sidebar-bg);
  border-right: 1px solid var(--color-border);
  color: var(--sidebar-text);
}

.influxo-admin-ui .influxo-sidebar .muted,
.influxo-admin-ui .influxo-sidebar small {
  color: var(--color-sidebar-muted) !important;
}

.influxo-admin-ui .influxo-sidebar a {
  color: var(--sidebar-text);
}

.influxo-admin-ui .influxo-sidebar a:hover,
.influxo-admin-ui .influxo-sidebar a:focus-visible {
  color: var(--color-primary);
}

.influxo-admin-ui .influxo-sidebar .nav-links {
  display: grid !important;
  gap: var(--influxo-menu-gap) !important;
}

.influxo-admin-ui .influxo-sidebar .nav-links a {
  display: flex;
  align-items: center;
  min-height: 34px;
  padding: var(--influxo-menu-padding-y) var(--influxo-menu-padding-x);
  color: var(--sidebar-text);
  border-radius: var(--radius-sm);
  border-left: 2px solid transparent;
  line-height: 1.15;
}

.influxo-admin-ui .influxo-sidebar .nav-links a:hover,
.influxo-admin-ui .influxo-sidebar .nav-links a:focus-visible {
  background: var(--sidebar-hover);
  color: var(--color-primary);
  box-shadow: none;
}

.influxo-admin-ui .influxo-sidebar .nav-links a[aria-current="page"] {
  color: var(--color-primary);
  background: var(--sidebar-active);
  border-left-color: var(--color-primary);
  font-weight: 700;
}

.influxo-admin-ui .influxo-logo {
  color: var(--color-text);
}

.influxo-admin-ui .influxo-logo span {
  color: var(--color-text);
}

.influxo-admin-ui .influxo-topbar,
.influxo-admin-ui .card,
.influxo-admin-ui .card-influxo,
.influxo-admin-ui .panel,
.influxo-admin-ui .table-wrap {
  background: var(--card-bg);
  border: 1px solid var(--card-border);
  color: var(--color-text);
  box-shadow: var(--shadow-sm);
}

.influxo-admin-ui .card,
.influxo-admin-ui .card-influxo,
.influxo-admin-ui .panel {
  border-radius: var(--radius-md);
}

.influxo-admin-ui .influxo-topbar {
  border-radius: var(--radius-md);
  background: var(--color-surface);
  border-bottom: 1px solid var(--color-border);
}

.influxo-admin-ui .card:hover,
.influxo-admin-ui .card-influxo:hover,
.influxo-admin-ui .panel:hover {
  box-shadow: var(--shadow-md);
}

.influxo-admin-ui .grid > .card,
.influxo-admin-ui .card .card {
  background: var(--color-surface-2);
}

.influxo-admin-ui .status {
  background: color-mix(in srgb, var(--influxo-success) 14%, var(--influxo-surface));
  border: 1px solid color-mix(in srgb, var(--influxo-success) 28%, var(--influxo-border));
  color: var(--color-text);
}

.influxo-admin-ui .field input,
.influxo-admin-ui .field select,
.influxo-admin-ui .field textarea,
.influxo-admin-ui input,
.influxo-admin-ui select,
.influxo-admin-ui textarea {
  background: var(--input-bg);
  border: 1px solid var(--input-border);
  color: var(--input-text);
  border-radius: var(--radius-sm);
}

.influxo-admin-ui input[type="color"] {
  min-height: 42px;
  padding: 4px;
}

.influxo-admin-ui input::placeholder,
.influxo-admin-ui textarea::placeholder {
  color: var(--color-muted);
  opacity: 1;
}

.influxo-admin-ui input:focus,
.influxo-admin-ui select:focus,
.influxo-admin-ui textarea:focus {
  outline: none;
  border-color: var(--color-primary);
  box-shadow: 0 0 0 2px color-mix(in srgb, var(--color-primary) 15%, transparent);
}

.influxo-admin-ui table {
  width: 100%;
  border-collapse: collapse;
  color: var(--color-text);
}

.influxo-admin-ui th,
.influxo-admin-ui td {
  border-bottom: 1px solid var(--color-border);
  padding: 12px 10px;
  text-align: left;
}

.influxo-admin-ui th {
  color: var(--color-text);
  background: var(--color-surface-2);
  font-weight: 800;
}

.influxo-admin-ui tbody tr:hover {
  background: color-mix(in srgb, var(--color-surface-2) 62%, var(--color-surface) 38%);
}

.influxo-admin-ui .button,
.influxo-admin-ui button,
.influxo-admin-ui [type="button"],
.influxo-admin-ui [type="submit"] {
  background: var(--button-primary-bg);
  color: var(--button-primary-text);
  border: 0;
  box-shadow: none;
}

.influxo-admin-ui .button:hover,
.influxo-admin-ui button:hover,
.influxo-admin-ui [type="button"]:hover,
.influxo-admin-ui [type="submit"]:hover {
  filter: brightness(0.95);
}

.influxo-admin-ui .button-secondary,
.influxo-admin-ui a.button-secondary {
  background: var(--button-secondary-bg);
  border: 1px solid var(--color-border);
  color: var(--button-secondary-text);
}

.influxo-admin-ui .button-secondary:hover,
.influxo-admin-ui a.button-secondary:hover {
  background: var(--sidebar-hover);
  color: var(--button-secondary-text);
}

.influxo-admin-ui .pill,
.influxo-admin-ui .badge,
.influxo-admin-ui .tag {
  background: color-mix(in srgb, var(--influxo-primary) 16%, var(--influxo-surface));
  border: 1px solid color-mix(in srgb, var(--influxo-primary) 28%, var(--influxo-border));
  color: var(--color-primary);
  border-radius: 999px;
  font-size: 0.82rem;
  font-weight: 700;
  line-height: 1;
  padding: 0.28rem 0.58rem;
}

.influxo-admin-ui .influxo-access-banner {
  display: flex;
  justify-content: space-between;
  gap: 16px;
  align-items: flex-start;
  flex-wrap: wrap;
  margin-bottom: 18px;
  padding: 16px 18px;
  border-radius: var(--radius-md);
  border: 1px solid color-mix(in srgb, var(--influxo-accent) 28%, var(--influxo-border));
  background: color-mix(in srgb, var(--influxo-accent) 12%, var(--influxo-surface));
  color: var(--color-text);
}

.influxo-admin-ui .alert,
.influxo-admin-ui .toast,
.influxo-admin-ui .notice,
.influxo-admin-ui .message {
  color: var(--color-text);
  background: var(--card-bg);
  border: 1px solid var(--color-border);
}

.influxo-admin-ui .influxo-card,
.influxo-admin-ui .influxo-panel,
.influxo-admin-ui .influxo-order-card,
.influxo-admin-ui .influxo-stat-card {
  background: var(--color-card-bg, var(--influxo-surface));
  border: 1px solid var(--color-border, var(--influxo-border));
  color: var(--color-card-text, var(--influxo-text-primary));
}

.influxo-admin-ui .influxo-muted {
  color: var(--color-text-muted, var(--influxo-text-muted)) !important;
}

.influxo-admin-ui .influxo-field,
.influxo-admin-ui .influxo-field input,
.influxo-admin-ui .influxo-field select,
.influxo-admin-ui .influxo-field textarea {
  background: var(--color-input-bg, var(--influxo-field-bg));
  color: var(--color-input-text, var(--influxo-field-text));
  border-color: var(--color-input-border, var(--influxo-field-border));
}

.influxo-admin-ui .influxo-badge {
  display: inline-flex;
  align-items: center;
  border-radius: 999px;
  border: 1px solid var(--influxo-badge-neutral-border);
  background: var(--influxo-badge-neutral-bg);
  color: var(--influxo-badge-neutral-text);
}

.influxo-admin-ui .tenant-orders-badge {
  display: inline-flex;
  align-items: center;
  border-radius: 999px;
  border: 1px solid var(--influxo-badge-neutral-border);
  background: var(--influxo-badge-neutral-bg) !important;
  color: var(--influxo-badge-neutral-text) !important;
}

.influxo-admin-ui .tenant-orders-badge.is-status-new,
.influxo-admin-ui .tenant-orders-badge.is-in-store {
  background: var(--influxo-badge-warning-bg) !important;
  color: var(--influxo-badge-warning-text) !important;
  border-color: var(--influxo-badge-warning-border) !important;
}

.influxo-admin-ui .tenant-orders-badge.is-info,
.influxo-admin-ui .tenant-orders-badge.is-delivery {
  background: var(--influxo-badge-info-bg) !important;
  color: var(--influxo-badge-info-text) !important;
  border-color: var(--influxo-badge-info-border) !important;
}

.influxo-admin-ui .tenant-orders-badge.is-accent {
  background: var(--influxo-badge-accent-bg) !important;
  color: var(--influxo-badge-accent-text) !important;
  border-color: var(--influxo-badge-accent-border) !important;
}

.influxo-admin-ui .tenant-orders-badge.is-finalized,
.influxo-admin-ui .tenant-orders-badge.is-pickup {
  background: var(--influxo-badge-success-bg) !important;
  color: var(--influxo-badge-success-text) !important;
  border-color: var(--influxo-badge-success-border) !important;
}

.influxo-admin-ui .tenant-orders-badge.is-canceled {
  background: var(--influxo-badge-danger-bg) !important;
  color: var(--influxo-badge-danger-text) !important;
  border-color: var(--influxo-badge-danger-border) !important;
}

.influxo-admin-ui.influxo-theme-light .tenant-orders-badge.is-new {
  background: color-mix(in srgb, var(--color-primary) 12%, var(--card-bg)) !important;
  color: var(--color-primary) !important;
  border-color: color-mix(in srgb, var(--color-primary) 28%, var(--color-border)) !important;
}

.influxo-admin-ui.influxo-theme-dark .tenant-orders-badge.is-new {
  background: color-mix(in srgb, var(--color-primary) 28%, var(--card-bg)) !important;
  color: var(--color-text) !important;
  border-color: color-mix(in srgb, var(--color-primary) 35%, var(--color-border)) !important;
}

.influxo-admin-ui .tenant-order-status-button {
  width: 100%;
  min-height: 54px;
  border: 1px solid var(--color-border);
  border-radius: 16px;
  font-weight: 800;
  cursor: pointer;
  box-shadow: none;
}

.influxo-admin-ui.influxo-theme-light .tenant-order-status-button.is-confirmed,
.influxo-admin-ui.influxo-theme-light .tenant-order-status-button.is-delivery {
  background: color-mix(in srgb, var(--color-primary) 12%, var(--card-bg)) !important;
  border-color: color-mix(in srgb, var(--color-primary) 28%, var(--color-border)) !important;
  color: var(--color-primary) !important;
}

.influxo-admin-ui.influxo-theme-light .tenant-order-status-button.is-preparing {
  background: color-mix(in srgb, var(--color-accent) 12%, var(--card-bg)) !important;
  border-color: color-mix(in srgb, var(--color-accent) 28%, var(--color-border)) !important;
  color: var(--color-accent) !important;
}

.influxo-admin-ui.influxo-theme-light .tenant-order-status-button.is-waiting {
  background: color-mix(in srgb, var(--color-warning) 12%, var(--card-bg)) !important;
  border-color: color-mix(in srgb, var(--color-warning) 28%, var(--color-border)) !important;
  color: var(--color-warning) !important;
}

.influxo-admin-ui.influxo-theme-light .tenant-order-status-button.is-finalized {
  background: color-mix(in srgb, var(--color-success) 12%, var(--card-bg)) !important;
  border-color: color-mix(in srgb, var(--color-success) 28%, var(--color-border)) !important;
  color: var(--color-success) !important;
}

.influxo-admin-ui.influxo-theme-light .tenant-order-status-button.is-canceled {
  background: color-mix(in srgb, var(--color-danger) 12%, var(--card-bg)) !important;
  border-color: color-mix(in srgb, var(--color-danger) 28%, var(--color-border)) !important;
  color: var(--color-danger) !important;
}

.influxo-admin-ui.influxo-theme-dark .tenant-order-status-button {
  color: var(--button-primary-text) !important;
}

.influxo-admin-ui.influxo-theme-dark .tenant-order-status-button.is-confirmed,
.influxo-admin-ui.influxo-theme-dark .tenant-order-status-button.is-delivery {
  background: color-mix(in srgb, var(--color-primary) 28%, var(--color-card-bg)) !important;
  border-color: color-mix(in srgb, var(--color-primary) 48%, var(--color-border)) !important;
}

.influxo-admin-ui.influxo-theme-dark .tenant-order-status-button.is-preparing {
  background: color-mix(in srgb, var(--color-accent) 24%, var(--color-card-bg)) !important;
  border-color: color-mix(in srgb, var(--color-accent) 42%, var(--color-border)) !important;
}

.influxo-admin-ui.influxo-theme-dark .tenant-order-status-button.is-waiting {
  background: color-mix(in srgb, var(--influxo-warning) 22%, var(--color-card-bg)) !important;
  border-color: color-mix(in srgb, var(--influxo-warning) 40%, var(--color-border)) !important;
}

.influxo-admin-ui.influxo-theme-dark .tenant-order-status-button.is-finalized {
  background: color-mix(in srgb, var(--influxo-success) 20%, var(--color-card-bg)) !important;
  border-color: color-mix(in srgb, var(--influxo-success) 38%, var(--color-border)) !important;
}

.influxo-admin-ui.influxo-theme-dark .tenant-order-status-button.is-canceled {
  background: color-mix(in srgb, var(--influxo-danger) 22%, var(--color-card-bg)) !important;
  border-color: color-mix(in srgb, var(--influxo-danger) 40%, var(--color-border)) !important;
}

/* Dark mode hard override: keeps light browser/plugin defaults from leaking into admin panels. */
.influxo-admin-ui.influxo-theme-dark {
  --bg: var(--color-bg);
  --panel: var(--card-bg);
  --ink: var(--color-text);
  --muted: var(--color-text-secondary);
  --line: var(--color-border);
  --brand: var(--color-primary);
  --brand-strong: var(--color-primary-hover);
  background: var(--color-bg) !important;
  color: var(--color-text) !important;
}

.influxo-admin-ui.influxo-theme-dark.influxo-shell {
  background:
    radial-gradient(circle at top left, color-mix(in srgb, var(--color-primary) 14%, transparent), transparent 30%),
    radial-gradient(circle at top right, color-mix(in srgb, var(--color-accent) 10%, transparent), transparent 26%),
    var(--color-bg) !important;
}

.influxo-admin-ui.influxo-theme-dark .shell {
  background: var(--color-bg) !important;
  color: var(--color-text) !important;
}

.influxo-admin-ui.influxo-theme-dark .influxo-sidebar {
  background: var(--sidebar-bg) !important;
  border-right-color: var(--color-border) !important;
  color: var(--sidebar-text) !important;
}

.influxo-admin-ui.influxo-theme-dark .influxo-sidebar,
.influxo-admin-ui.influxo-theme-dark .influxo-sidebar p,
.influxo-admin-ui.influxo-theme-dark .influxo-sidebar span,
.influxo-admin-ui.influxo-theme-dark .influxo-sidebar small {
  color: var(--sidebar-text) !important;
}

.influxo-admin-ui.influxo-theme-dark .influxo-sidebar .muted,
.influxo-admin-ui.influxo-theme-dark .influxo-sidebar .description,
.influxo-admin-ui.influxo-theme-dark .influxo-sidebar .help-text {
  color: var(--color-sidebar-muted) !important;
}

.influxo-admin-ui.influxo-theme-dark .influxo-sidebar a,
.influxo-admin-ui.influxo-theme-dark .influxo-sidebar .nav-links a {
  color: var(--sidebar-text) !important;
}

.influxo-admin-ui.influxo-theme-dark .influxo-sidebar a:hover,
.influxo-admin-ui.influxo-theme-dark .influxo-sidebar a:focus-visible,
.influxo-admin-ui.influxo-theme-dark .influxo-sidebar .nav-links a:hover,
.influxo-admin-ui.influxo-theme-dark .influxo-sidebar .nav-links a:focus-visible {
  background: var(--sidebar-hover) !important;
  color: var(--color-text) !important;
}

.influxo-admin-ui.influxo-theme-dark .influxo-sidebar a.active,
.influxo-admin-ui.influxo-theme-dark .influxo-sidebar a[aria-current="page"],
.influxo-admin-ui.influxo-theme-dark .influxo-sidebar .nav-links a[aria-current="page"] {
  background: var(--sidebar-active) !important;
  color: var(--color-sidebar-active-text) !important;
  border-left-color: var(--color-primary) !important;
}

.influxo-admin-ui.influxo-theme-dark .card,
.influxo-admin-ui.influxo-theme-dark .card-influxo,
.influxo-admin-ui.influxo-theme-dark .panel,
.influxo-admin-ui.influxo-theme-dark .box,
.influxo-admin-ui.influxo-theme-dark .content-card,
.influxo-admin-ui.influxo-theme-dark .table-wrap,
.influxo-admin-ui.influxo-theme-dark .modal,
.influxo-admin-ui.influxo-theme-dark .modal-content,
.influxo-admin-ui.influxo-theme-dark .dropdown,
.influxo-admin-ui.influxo-theme-dark .dropdown-menu,
.influxo-admin-ui.influxo-theme-dark .popover,
.influxo-admin-ui.influxo-theme-dark .influxo-topbar {
  background: var(--card-bg) !important;
  border-color: var(--card-border) !important;
  color: var(--color-text) !important;
  box-shadow: var(--shadow-sm) !important;
}

.influxo-admin-ui.influxo-theme-dark .card:hover,
.influxo-admin-ui.influxo-theme-dark .card-influxo:hover,
.influxo-admin-ui.influxo-theme-dark .panel:hover {
  box-shadow: var(--shadow-md) !important;
}

.influxo-admin-ui.influxo-theme-dark .influxo-topbar {
  background: var(--color-surface) !important;
  border-bottom-color: var(--color-border) !important;
}

.influxo-admin-ui.influxo-theme-dark .grid > .card,
.influxo-admin-ui.influxo-theme-dark .card .card,
.influxo-admin-ui.influxo-theme-dark .panel .card {
  background: var(--color-surface-2) !important;
}

.influxo-admin-ui.influxo-theme-dark h1,
.influxo-admin-ui.influxo-theme-dark h2,
.influxo-admin-ui.influxo-theme-dark h3,
.influxo-admin-ui.influxo-theme-dark h4,
.influxo-admin-ui.influxo-theme-dark h5,
.influxo-admin-ui.influxo-theme-dark h6,
.influxo-admin-ui.influxo-theme-dark .influxo-heading,
.influxo-admin-ui.influxo-theme-dark .card-title,
.influxo-admin-ui.influxo-theme-dark strong {
  color: var(--color-heading) !important;
}

.influxo-admin-ui.influxo-theme-dark p,
.influxo-admin-ui.influxo-theme-dark span,
.influxo-admin-ui.influxo-theme-dark label,
.influxo-admin-ui.influxo-theme-dark small,
.influxo-admin-ui.influxo-theme-dark li,
.influxo-admin-ui.influxo-theme-dark td,
.influxo-admin-ui.influxo-theme-dark th,
.influxo-admin-ui.influxo-theme-dark code {
  color: var(--color-text) !important;
}

.influxo-admin-ui.influxo-theme-dark .muted,
.influxo-admin-ui.influxo-theme-dark .text-muted,
.influxo-admin-ui.influxo-theme-dark .description,
.influxo-admin-ui.influxo-theme-dark .help-text,
.influxo-admin-ui.influxo-theme-dark .subtle,
.influxo-admin-ui.influxo-theme-dark figcaption {
  color: var(--color-text-secondary) !important;
}

.influxo-admin-ui.influxo-theme-dark a {
  color: var(--color-secondary) !important;
}

.influxo-admin-ui.influxo-theme-dark a:hover,
.influxo-admin-ui.influxo-theme-dark a:focus-visible {
  color: var(--color-accent) !important;
}

.influxo-admin-ui.influxo-theme-dark input,
.influxo-admin-ui.influxo-theme-dark select,
.influxo-admin-ui.influxo-theme-dark textarea,
.influxo-admin-ui.influxo-theme-dark .field input,
.influxo-admin-ui.influxo-theme-dark .field select,
.influxo-admin-ui.influxo-theme-dark .field textarea {
  background: var(--input-bg) !important;
  border-color: var(--input-border) !important;
  color: var(--input-text) !important;
  border-radius: var(--radius-sm) !important;
}

.influxo-admin-ui.influxo-theme-dark input:focus,
.influxo-admin-ui.influxo-theme-dark select:focus,
.influxo-admin-ui.influxo-theme-dark textarea:focus {
  border-color: var(--color-primary) !important;
  box-shadow: 0 0 0 2px color-mix(in srgb, var(--color-primary) 22%, transparent) !important;
}

.influxo-admin-ui.influxo-theme-dark input::placeholder,
.influxo-admin-ui.influxo-theme-dark textarea::placeholder {
  color: var(--color-text-secondary) !important;
  opacity: 1 !important;
}

.influxo-admin-ui.influxo-theme-dark select option {
  background: var(--input-bg);
  color: var(--input-text);
}

.influxo-admin-ui.influxo-theme-dark table {
  background: var(--card-bg) !important;
  color: var(--color-text) !important;
}

.influxo-admin-ui.influxo-theme-dark thead,
.influxo-admin-ui.influxo-theme-dark tbody,
.influxo-admin-ui.influxo-theme-dark tr,
.influxo-admin-ui.influxo-theme-dark td,
.influxo-admin-ui.influxo-theme-dark th {
  border-color: var(--color-border) !important;
}

.influxo-admin-ui.influxo-theme-dark th {
  background: var(--color-surface-2) !important;
  color: var(--color-heading) !important;
}

.influxo-admin-ui.influxo-theme-dark tbody tr:hover {
  background: color-mix(in srgb, var(--color-surface-2) 72%, var(--color-surface) 28%) !important;
}

.influxo-admin-ui.influxo-theme-dark .button,
.influxo-admin-ui.influxo-theme-dark button,
.influxo-admin-ui.influxo-theme-dark [type="button"],
.influxo-admin-ui.influxo-theme-dark [type="submit"] {
  background: var(--button-primary-bg) !important;
  color: var(--button-primary-text) !important;
  border-radius: var(--radius-sm) !important;
}

.influxo-admin-ui.influxo-theme-dark .button:hover,
.influxo-admin-ui.influxo-theme-dark button:hover,
.influxo-admin-ui.influxo-theme-dark [type="button"]:hover,
.influxo-admin-ui.influxo-theme-dark [type="submit"]:hover {
  filter: brightness(1.08) !important;
}

.influxo-admin-ui.influxo-theme-dark .button-secondary,
.influxo-admin-ui.influxo-theme-dark a.button-secondary {
  background: var(--button-secondary-bg) !important;
  border-color: var(--color-border) !important;
  color: var(--button-secondary-text) !important;
}

.influxo-admin-ui.influxo-theme-dark .pill,
.influxo-admin-ui.influxo-theme-dark .badge,
.influxo-admin-ui.influxo-theme-dark .tag,
.influxo-admin-ui.influxo-theme-dark .influxo-badge {
  background: color-mix(in srgb, var(--color-primary) 18%, var(--card-bg)) !important;
  border-color: color-mix(in srgb, var(--color-primary) 34%, var(--color-border)) !important;
  color: var(--color-primary) !important;
  border-radius: 999px !important;
}

.influxo-admin-ui.influxo-theme-dark .status,
.influxo-admin-ui.influxo-theme-dark .alert,
.influxo-admin-ui.influxo-theme-dark .toast,
.influxo-admin-ui.influxo-theme-dark .notice,
.influxo-admin-ui.influxo-theme-dark .message,
.influxo-admin-ui.influxo-theme-dark .influxo-access-banner {
  background: var(--color-surface-2) !important;
  border-color: var(--color-border) !important;
  color: var(--color-text) !important;
}

.influxo-admin-ui.influxo-theme-dark .badge-success,
.influxo-admin-ui.influxo-theme-dark .status-success,
.influxo-admin-ui.influxo-theme-dark .is-success {
  background: color-mix(in srgb, var(--color-success) 16%, var(--card-bg)) !important;
  border-color: color-mix(in srgb, var(--color-success) 34%, var(--color-border)) !important;
  color: var(--color-success) !important;
}

.influxo-admin-ui.influxo-theme-dark .badge-warning,
.influxo-admin-ui.influxo-theme-dark .status-warning,
.influxo-admin-ui.influxo-theme-dark .is-warning {
  background: color-mix(in srgb, var(--color-warning) 14%, var(--card-bg)) !important;
  border-color: color-mix(in srgb, var(--color-warning) 32%, var(--color-border)) !important;
  color: var(--color-warning) !important;
}

.influxo-admin-ui.influxo-theme-dark .badge-danger,
.influxo-admin-ui.influxo-theme-dark .status-danger,
.influxo-admin-ui.influxo-theme-dark .is-danger {
  background: color-mix(in srgb, var(--color-danger) 16%, var(--card-bg)) !important;
  border-color: color-mix(in srgb, var(--color-danger) 34%, var(--color-border)) !important;
  color: var(--color-danger) !important;
}

/* Light mode hard override: keeps legacy dark branding rules from leaking into admin panels. */
.influxo-admin-ui.influxo-theme-light {
  --bg: var(--color-bg);
  --panel: var(--color-surface);
  --ink: var(--color-text);
  --muted: var(--color-text-muted);
  --line: var(--color-border);
  --brand: var(--color-primary);
  --brand-strong: var(--color-primary-hover);
  background: var(--color-bg) !important;
  color: var(--color-text) !important;
}

.influxo-admin-ui.influxo-theme-light.influxo-shell {
  background: var(--color-bg) !important;
}

.influxo-admin-ui.influxo-theme-light .shell {
  background: var(--button-secondary-bg) !important;
  color: var(--color-text) !important;
}

.influxo-admin-ui.influxo-theme-light .influxo-sidebar {
  background: var(--color-sidebar-bg) !important;
  border-right-color: var(--color-border) !important;
  color: var(--sidebar-text) !important;
}

.influxo-admin-ui.influxo-theme-light .influxo-sidebar,
.influxo-admin-ui.influxo-theme-light .influxo-sidebar p,
.influxo-admin-ui.influxo-theme-light .influxo-sidebar span,
.influxo-admin-ui.influxo-theme-light .influxo-sidebar small {
  color: var(--sidebar-text) !important;
}

.influxo-admin-ui.influxo-theme-light .influxo-sidebar .muted,
.influxo-admin-ui.influxo-theme-light .influxo-sidebar .description,
.influxo-admin-ui.influxo-theme-light .influxo-sidebar .help-text {
  color: var(--color-sidebar-muted) !important;
}

.influxo-admin-ui.influxo-theme-light .influxo-sidebar a,
.influxo-admin-ui.influxo-theme-light .influxo-sidebar .nav-links a {
  color: var(--sidebar-text) !important;
}

.influxo-admin-ui.influxo-theme-light .influxo-sidebar a:hover,
.influxo-admin-ui.influxo-theme-light .influxo-sidebar a:focus-visible,
.influxo-admin-ui.influxo-theme-light .influxo-sidebar .nav-links a:hover,
.influxo-admin-ui.influxo-theme-light .influxo-sidebar .nav-links a:focus-visible {
  background: var(--sidebar-hover) !important;
  color: var(--color-primary) !important;
}

.influxo-admin-ui.influxo-theme-light .influxo-sidebar a.active,
.influxo-admin-ui.influxo-theme-light .influxo-sidebar a[aria-current="page"],
.influxo-admin-ui.influxo-theme-light .influxo-sidebar .active > a,
.influxo-admin-ui.influxo-theme-light .influxo-sidebar .nav-links a[aria-current="page"] {
  background: var(--sidebar-active) !important;
  color: var(--color-primary) !important;
  border-left-color: var(--color-primary) !important;
}

.influxo-admin-ui.influxo-theme-light .influxo-sidebar a.active svg,
.influxo-admin-ui.influxo-theme-light .influxo-sidebar a[aria-current="page"] svg,
.influxo-admin-ui.influxo-theme-light .influxo-sidebar .active > a svg,
.influxo-admin-ui.influxo-theme-light .influxo-sidebar .nav-links a[aria-current="page"] svg {
  color: var(--color-primary) !important;
}

.influxo-admin-ui.influxo-theme-light .card,
.influxo-admin-ui.influxo-theme-light .card-influxo,
.influxo-admin-ui.influxo-theme-light .panel,
.influxo-admin-ui.influxo-theme-light .box,
.influxo-admin-ui.influxo-theme-light .content-card,
.influxo-admin-ui.influxo-theme-light .table-wrap,
.influxo-admin-ui.influxo-theme-light .influxo-topbar {
  background: var(--color-card-bg) !important;
  border-color: var(--color-border) !important;
  color: var(--color-card-text) !important;
  box-shadow: var(--shadow-sm) !important;
}

.influxo-admin-ui.influxo-theme-light .card:hover,
.influxo-admin-ui.influxo-theme-light .card-influxo:hover,
.influxo-admin-ui.influxo-theme-light .panel:hover {
  box-shadow: var(--shadow-md) !important;
}

.influxo-admin-ui.influxo-theme-light .grid > .card,
.influxo-admin-ui.influxo-theme-light .card .card,
.influxo-admin-ui.influxo-theme-light .panel .card {
  background: var(--color-surface) !important;
}

.influxo-admin-ui.influxo-theme-light h1,
.influxo-admin-ui.influxo-theme-light h2,
.influxo-admin-ui.influxo-theme-light h3,
.influxo-admin-ui.influxo-theme-light h4,
.influxo-admin-ui.influxo-theme-light h5,
.influxo-admin-ui.influxo-theme-light h6,
.influxo-admin-ui.influxo-theme-light .influxo-heading,
.influxo-admin-ui.influxo-theme-light .card-title,
.influxo-admin-ui.influxo-theme-light strong {
  color: var(--color-heading) !important;
}

.influxo-admin-ui.influxo-theme-light p,
.influxo-admin-ui.influxo-theme-light span,
.influxo-admin-ui.influxo-theme-light label,
.influxo-admin-ui.influxo-theme-light small,
.influxo-admin-ui.influxo-theme-light li,
.influxo-admin-ui.influxo-theme-light td,
.influxo-admin-ui.influxo-theme-light th,
.influxo-admin-ui.influxo-theme-light code {
  color: var(--color-text) !important;
}

.influxo-admin-ui.influxo-theme-light .muted,
.influxo-admin-ui.influxo-theme-light .text-muted,
.influxo-admin-ui.influxo-theme-light .description,
.influxo-admin-ui.influxo-theme-light .help-text,
.influxo-admin-ui.influxo-theme-light .subtle,
.influxo-admin-ui.influxo-theme-light figcaption {
  color: var(--color-text-muted) !important;
}

.influxo-admin-ui.influxo-theme-light a {
  color: var(--color-primary) !important;
}

.influxo-admin-ui.influxo-theme-light a:hover,
.influxo-admin-ui.influxo-theme-light a:focus-visible {
  color: var(--color-primary-hover) !important;
}

.influxo-admin-ui.influxo-theme-light input,
.influxo-admin-ui.influxo-theme-light select,
.influxo-admin-ui.influxo-theme-light textarea,
.influxo-admin-ui.influxo-theme-light .field input,
.influxo-admin-ui.influxo-theme-light .field select,
.influxo-admin-ui.influxo-theme-light .field textarea {
  background: var(--color-input-bg) !important;
  border-color: var(--color-input-border) !important;
  color: var(--color-input-text) !important;
  border-radius: var(--radius-sm) !important;
}

.influxo-admin-ui.influxo-theme-light input:focus,
.influxo-admin-ui.influxo-theme-light select:focus,
.influxo-admin-ui.influxo-theme-light textarea:focus {
  border-color: var(--color-primary) !important;
  box-shadow: 0 0 0 2px color-mix(in srgb, var(--color-primary) 15%, transparent) !important;
}

.influxo-admin-ui.influxo-theme-light input::placeholder,
.influxo-admin-ui.influxo-theme-light textarea::placeholder {
  color: var(--color-text-soft) !important;
  opacity: 1 !important;
}

.influxo-admin-ui.influxo-theme-light table {
  background: var(--color-card-bg) !important;
  color: var(--color-text) !important;
}

.influxo-admin-ui.influxo-theme-light thead,
.influxo-admin-ui.influxo-theme-light tbody,
.influxo-admin-ui.influxo-theme-light tr,
.influxo-admin-ui.influxo-theme-light td,
.influxo-admin-ui.influxo-theme-light th {
  border-color: var(--color-border) !important;
}

.influxo-admin-ui.influxo-theme-light th {
  background: var(--color-surface-2) !important;
  color: var(--color-heading) !important;
}

.influxo-admin-ui.influxo-theme-light tbody tr:hover {
  background: color-mix(in srgb, var(--color-surface-2) 62%, var(--color-surface) 38%) !important;
}

.influxo-admin-ui.influxo-theme-light .button,
.influxo-admin-ui.influxo-theme-light button,
.influxo-admin-ui.influxo-theme-light [type="button"],
.influxo-admin-ui.influxo-theme-light [type="submit"] {
  background: var(--button-primary-bg) !important;
  color: var(--button-primary-text) !important;
  border-radius: var(--radius-sm) !important;
}

.influxo-admin-ui.influxo-theme-light .button:hover,
.influxo-admin-ui.influxo-theme-light button:hover,
.influxo-admin-ui.influxo-theme-light [type="button"]:hover,
.influxo-admin-ui.influxo-theme-light [type="submit"]:hover {
  filter: brightness(0.95) !important;
}

.influxo-admin-ui.influxo-theme-light a.button:not(.button-secondary) {
  color: var(--button-primary-text) !important;
}

.influxo-admin-ui.influxo-theme-light .button-secondary,
.influxo-admin-ui.influxo-theme-light a.button-secondary {
  background: var(--button-secondary-bg) !important;
  border-color: var(--color-border) !important;
  color: var(--button-secondary-text) !important;
}

.influxo-admin-ui.influxo-theme-light .pill,
.influxo-admin-ui.influxo-theme-light .badge,
.influxo-admin-ui.influxo-theme-light .tag {
  background: var(--sidebar-active) !important;
  border-color: color-mix(in srgb, var(--color-primary) 28%, var(--color-border)) !important;
  color: var(--color-primary) !important;
  border-radius: 999px !important;
  font-size: 0.82rem !important;
  font-weight: 700 !important;
  line-height: 1 !important;
  padding: 0.28rem 0.58rem !important;
}

.influxo-admin-ui.influxo-theme-light .status,
.influxo-admin-ui.influxo-theme-light .alert,
.influxo-admin-ui.influxo-theme-light .toast,
.influxo-admin-ui.influxo-theme-light .notice,
.influxo-admin-ui.influxo-theme-light .message,
.influxo-admin-ui.influxo-theme-light .influxo-access-banner {
  background: var(--color-surface) !important;
  border-color: var(--color-border) !important;
  color: var(--color-text) !important;
}