/* SISO admin neutral dark adapter for the native Hi.Events Mantine theme seam. */
:root[data-mantine-color-scheme='dark'] {
  --siso-canvas: #141514;
  --siso-surface: #202020;
  --siso-raised: #2a2a2a;
  --siso-text: #e0e0e0;
  --siso-muted: #9e9e9e;
  --siso-border: #3a3a3a;
  --siso-action: #ffa726;
  --siso-focus: #60a5fa;

  --mantine-color-scheme: dark;
  --mantine-color-body: var(--siso-canvas);
  --mantine-color-text: var(--siso-text);
  --mantine-color-bright: var(--siso-text);
  --mantine-color-dimmed: var(--siso-muted);
  --mantine-color-placeholder: var(--siso-muted);
  --mantine-color-default: var(--siso-raised);
  --mantine-color-default-hover: #333333;
  --mantine-color-default-color: var(--siso-text);
  --mantine-color-default-border: var(--siso-border);
  --mantine-color-disabled: var(--siso-raised);
  --mantine-color-disabled-color: var(--siso-muted);
  --mantine-color-disabled-border: var(--siso-border);
  --mantine-color-anchor: var(--siso-focus);
  --mantine-color-primary-filled: var(--siso-action);
  --mantine-color-primary-filled-hover: #ffb74d;
  --mantine-primary-color-filled: var(--siso-action);
  --mantine-primary-color-filled-hover: #ffb74d;
  --mantine-primary-color-contrast: #141514;
  --mantine-color-dark-0: var(--siso-text);
  --mantine-color-dark-1: #c2c2c2;
  --mantine-color-dark-2: var(--siso-muted);
  --mantine-color-dark-3: #777777;
  --mantine-color-dark-4: var(--siso-border);
  --mantine-color-dark-5: #333333;
  --mantine-color-dark-6: var(--siso-raised);
  --mantine-color-dark-7: var(--siso-surface);
  --mantine-color-dark-8: #1a1a1a;
  --mantine-color-dark-9: var(--siso-canvas);
  --mantine-color-gray-0: #f5f5f5;
  --mantine-color-gray-1: #e0e0e0;
  --mantine-color-gray-2: #c2c2c2;
  --mantine-color-gray-3: #9e9e9e;
  --mantine-color-gray-4: #777777;
  --mantine-color-gray-5: #5a5a5a;
  --mantine-color-gray-6: var(--siso-border);
  --mantine-color-gray-7: #303030;
  --mantine-color-gray-8: var(--siso-raised);
  --mantine-color-gray-9: var(--siso-surface);
  --mantine-color-blue-4: var(--siso-focus);
  --mantine-color-blue-6: var(--siso-focus);
  --mantine-color-blue-filled: var(--siso-focus);
  --mantine-color-blue-filled-hover: #93c5fd;
  --mantine-color-primary-0: #fff3e0;
  --mantine-color-primary-1: #ffe0b2;
  --mantine-color-primary-2: #ffcc80;
  --mantine-color-primary-3: #ffb74d;
  --mantine-color-primary-4: #ffa726;
  --mantine-color-primary-5: #ffa726;
  --mantine-color-primary-6: #ffa726;
  --mantine-color-primary-7: #fb8c00;
  --mantine-color-primary-8: #f57c00;
  --mantine-color-primary-9: #ef6c00;
}

:root[data-mantine-color-scheme='dark'] body {
  background-color: var(--siso-canvas);
  color: var(--siso-text);
}

:root[data-mantine-color-scheme='dark'] :where(button, [role='button'], input, textarea, select):focus-visible {
  outline: 2px solid var(--siso-focus);
  outline-offset: 2px;
}

/* 10 Sep 2026 (SISO): the shell sidebar paints
   background: linear-gradient(180deg, var(--mantine-color-primary-9), var(--mantine-color-secondary-9))
   with color: #fff. --mantine-color-secondary-9 is never defined in the build, so
   the gradient declaration is invalid: the sidebar loses its background but keeps
   white text, rendering the nav white-on-white and unreadable in light mode.

   The sidebar rules ship in lazy-loaded chunks that are appended to the document
   AFTER this stylesheet, so a plain :root definition here is overridden. Target
   the element directly with !important so the background cannot be dropped again
   by chunk order. Purple pair matches Hi.Events branding. */
[class*="_sidebar_"] {
  background: linear-gradient(180deg, #4c1d95, #2e1065) !important;
}
:root {
  --mantine-color-secondary-9: #2e1065;
  --hi-shell-background: linear-gradient(180deg, #4c1d95, #2e1065);
}

/* 10 Sep 2026 (SISO): hide the Stripe Connect onboarding card.

   This install runs app.saas_mode_enabled=false, so it takes DIRECT Stripe
   charges - live keys are already configured and a real payment cleared
   (order 6, GBP 0.30, 28 Aug 2026). Stripe Connect is not part of that path.

   CreateStripeConnectAccountHandler throws SaasModeEnabledException whenever
   saas mode is off, which CreateStripeConnectAccountAction maps to HTTP 403.
   So POST /api/accounts/1/stripe/connect can only ever 403 here: the button
   is dead by construction, and it told the client their payments were not set
   up when they already were. Hidden rather than left as a trap. */
[class*="_sidebarFooter"] [class*="_calloutBox"] {
  display: none !important;
}

/* 10 Sep 2026 (SISO): the sidebar logo shipped as a placeholder "big B"
   (a black rounded rect with a letter). Swapped for the client's own grass
   logo and given room to breathe. */
[class*="_sidebar_"] [class*="_logo_"] img,
[class*="_sidebar_"] [class*="_logo_"] svg {
  width: auto !important;
  max-width: 160px !important;
  height: auto !important;
  max-height: 84px !important;
  object-fit: contain !important;
}
[class*="_sidebar_"] [class*="_logo_"] {
  padding: 16px 0 14px !important;
}