# Такт — white-label overlay for CRM shell
@import url("https://fonts.googleapis.com/css2?family=Manrope:wght@400;500;600;700&family=Unbounded:wght@500;600;700&display=swap");

:root,
html,
html.light,
html.dark,
body {
  --takt-signal: #7c5cff;
  --takt-signal-deep: #6344e8;
  --takt-graphite: #0a0b0f;

  --theme-dark-background-secondary: #0a0b0f !important;
  --theme-light-background-secondary: #f4f5f7 !important;

  --t-color-blue-1: #16131f !important;
  --t-color-blue-2: #1c1830 !important;
  --t-color-blue-3: #2a2248 !important;
  --t-color-blue-4: #3b2f6b !important;
  --t-color-blue-5: #4e3d8f !important;
  --t-color-blue-6: #6344e8 !important;
  --t-color-blue-7: #7c5cff !important;
  --t-color-blue-8: #8f74ff !important;
  --t-color-blue-9: #7c5cff !important;
  --t-color-blue-10: #6a4ef0 !important;
  --t-color-blue-11: #b7a6ff !important;
  --t-color-blue-12: #ebe6ff !important;

  --t-color-indigo-6: #6344e8 !important;
  --t-color-indigo-7: #7c5cff !important;
  --t-color-indigo-8: #8f74ff !important;
  --t-color-indigo-9: #7c5cff !important;
  --t-color-indigo-10: #6a4ef0 !important;

  font-family: "Manrope", system-ui, sans-serif !important;
}

html.dark,
html.dark body,
body.dark {
  --t-background-primary: #0a0b0f !important;
  --t-background-secondary: #101218 !important;
  --t-background-tertiary: #161922 !important;
  --t-background-quaternary: #1c2030 !important;
  background-color: #0a0b0f !important;
}

h1,
h2,
[class*="PageHeader"] h1,
[class*="PageTitle"],
[class*="Heading1"],
[class*="Title"] {
  font-family: "Unbounded", "Manrope", system-ui, sans-serif !important;
  letter-spacing: -0.03em;
}

button,
input,
textarea,
select,
a,
span,
p,
label,
li {
  font-family: "Manrope", system-ui, sans-serif !important;
}

a[href="https://twenty.com"],
a[href="https://twenty.com/"] {
  display: none !important;
}

:focus-visible {
  outline-color: #7c5cff !important;
}

/* Auth / onboarding: kill Twenty launcher mark, show Такт */
a[href="/welcome"],
a[href="/"],
a[href="/welcome/"] {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 40px !important;
  height: 40px !important;
  min-width: 40px !important;
  min-height: 40px !important;
  margin: 0 0 1rem !important;
  border-radius: 10px !important;
  overflow: hidden !important;
  background: #0a0b0f url("/brand/favicon.svg") center / 78% no-repeat !important;
  border: 1px solid color-mix(in oklab, #7c5cff 35%, transparent) !important;
  box-shadow: none !important;
}
a[href="/welcome"] > *,
a[href="/"] > *,
a[href="/welcome/"] > * {
  opacity: 0 !important;
  visibility: hidden !important;
  pointer-events: none !important;
}

/* Workspace letter badge next to logo (Twenty overlay) — hide on onboarding */
a[href="/welcome"] + *,
a[href="/welcome"] ~ [class*="sztoge"] {
  display: none !important;
}

div[style*="android-launchericon"],
div[style*="ios/192"],
div[style*="/images/icons/"] {
  background-image: url("/brand/favicon.svg") !important;
  background-size: contain !important;
  background-repeat: no-repeat !important;
  background-position: center !important;
  background-color: #0a0b0f !important;
}