/* Atlética FATEC — white-label (sem branding de terceiros) */
:root {
  --af-red: #89190e;
  --af-white: #ffffff;
  --af-black: #121212;
  --af-green: #1a5e3e;
  --af-red-hover: #a22114;
  --promo-banner-height: 0px !important;
}

/* Hide vendor chrome: powered-by, pro banner, logos de terceiros */
[class*="_poweredBy_"],
[class*="_poweredByText_"],
[class*="_wrapper_1u45e_"],
[class*="_logoWrapper_45te1_"],
[class*="_logo_45te1_"],
img[src*="logo-Bw8O3-n3"],
img[src*="about-logo-"],
a[href*="planka.app"],
a[href*="planka.cloud"],
a[href*="planka.group"],
a[href*="github.com/plankanban"],
a[href*="/pro?ref="] {
  display: none !important;
}

/* Login shell */
body#app,
#app {
  background: var(--af-black) !important;
}

[class*="_login_45te1_"],
[class*="_form_45te1_"] {
  color: var(--af-black);
}

[class*="_cover_45te1_"],
[class*="_cover_"][class*="45te1"] {
  background-color: var(--af-black) !important;
}

[class*="_coverOverlay_"] {
  background: color-mix(in srgb, var(--af-black) 55%, transparent) !important;
}

/* Título Atlética no login (substitui o logo removido) */
[class*="_formTitle_"] {
  display: block !important;
  color: var(--af-red) !important;
  letter-spacing: 0.08em !important;
  text-transform: uppercase !important;
  font-size: 1.6rem !important;
}

[class*="_logo_jdrq3_"] {
  color: var(--af-white) !important;
  letter-spacing: 0.12em !important;
  text-transform: uppercase !important;
}

/* Top bar */
[class*="_wrapper_jdrq3_"] {
  background: color-mix(in srgb, var(--af-black) 88%, var(--af-red)) !important;
  border-bottom: 1px solid color-mix(in srgb, var(--af-red) 55%, transparent);
}

/* Accentos → Atlética */
#app .ui.primary.button,
#app .ui.primary.buttons .button,
#app .ui.primary.button:focus {
  background-color: var(--af-red) !important;
  background-image: none !important;
  color: var(--af-white) !important;
}

#app .ui.primary.button:hover,
#app .ui.primary.buttons .button:hover {
  background-color: #a22114 !important;
  color: var(--af-white) !important;
}

#app .ui.positive.button,
#app .ui.positive.buttons .button {
  background-color: var(--af-green) !important;
  background-image: none !important;
  color: var(--af-white) !important;
}

#app .ui.positive.button:hover {
  background-color: #247a52 !important;
}

#app a,
#app .ui.button.basic {
  --link: var(--af-green);
}

#app .ui.toggle.checkbox input:checked ~ .box:before,
#app .ui.toggle.checkbox input:checked ~ label:before {
  background-color: var(--af-green) !important;
}

[class*="_version_1qs1d_"],
[class*="_wrapper_1qs1d_"] {
  color: #9ca3af !important;
}

#app .ui.inverted.menu {
  background: transparent !important;
}