/* Arkkan BI white-label (served by the brand proxy, not part of Metabase) */
:root {
  --ark-brand: #0a406b;
  --ark-brand-hover: #0d5288;
  --ark-brand-soft: #e3edf5;
  --ark-teal: #009592;
  --mb-color-brand: var(--ark-brand) !important;
  --mb-color-core-brand: var(--ark-brand) !important;
  --mb-color-core-brand-hover: var(--ark-brand-hover) !important;
  --mb-color-text-brand: var(--ark-brand) !important;
  --mb-color-text-brand-hover: var(--ark-brand-hover) !important;
  --mb-color-text-brand-strong: var(--ark-brand) !important;
  --mb-color-text-brand-strong-hover: var(--ark-brand-hover) !important;
  --mb-color-icon-brand: var(--ark-brand) !important;
  --mb-color-border-brand: var(--ark-brand) !important;
  --mb-color-background-brand: var(--ark-brand) !important;
  --mb-color-button-filled-brand-default: var(--ark-brand) !important;
  --mb-color-button-filled-brand-hover: var(--ark-brand-hover) !important;
  --mb-color-input-focus: var(--ark-brand) !important;
  --mb-color-focus: #b8d3e6 !important;
  --mb-color-brand-light: #3b6d93 !important;
  --mb-color-brand-lighter: var(--ark-brand-soft) !important;
  --mb-color-illustration-secondary-brand: var(--ark-teal) !important;
  --mb-color-illustration-tertiary-brand: #97d9ea !important;
  --mb-color-logo-primary: var(--ark-brand) !important;
  --mantine-primary-color-filled: var(--ark-brand) !important;
  --mantine-primary-color-filled-hover: var(--ark-brand-hover) !important;
  --mantine-primary-color-light: var(--ark-brand-soft) !important;
  --mantine-primary-color-light-hover: #d0e0ec !important;
  --mantine-primary-color-light-color: var(--ark-brand) !important;
}
/* dark scheme: lighter navy/teal so text and links stay readable */
[data-mantine-color-scheme="dark"] {
  --ark-brand: #4a9fd8;
  --ark-brand-hover: #6db3e3;
  --ark-brand-soft: #173c58;
  --mb-color-focus: #1f4f73 !important;
  --mb-color-brand-light: #2c6a96 !important;
  --mantine-primary-color-light-hover: #1d4a6c !important;
}
/* Metabase mark -> Arkkan mark (same 212x256 aspect, so every size keeps its layout) */
svg[data-testid="main-logo"] {
  background: url("/arkkan/mark.png") center / contain no-repeat !important;
  color: transparent !important;
}
svg[data-testid="main-logo"] > * { display: none !important; }
[data-mantine-color-scheme="dark"] svg[data-testid="main-logo"] {
  background-image: url("/arkkan/mark_dark.png") !important;
}
/* paid-plan upsell cards, banners, pills */
[data-testid^="upsell-"] { display: none !important; }
/* vendor landscape illustration on the login page */
[data-testid="login-page"] svg[viewBox="0 0 3333 640"] { display: none !important; }