:root {
  --textner-primary: #4680FF;
  --textner-dark-text: #1B2733;
}

.textner-logo {
  display: inline-flex;
  align-items: baseline;
  font-family: 'Inter', system-ui, -apple-system, 'Segoe UI', Roboto, sans-serif;
  font-weight: 800;
  font-size: 2.825rem;
  line-height: 1;
  letter-spacing: -0.045em;
  text-decoration: none;
  user-select: none;
  transition: opacity 150ms ease;
}

.textner-logo:hover {
  opacity: 0.85;
}

.textner-logo__mark {
  color: var(--textner-primary);
}

.textner-logo__text {
  color: var(--textner-dark-text);
}

.textner-logo__dot {
  color: var(--textner-primary);
  margin-left: 1px;
}

/* Variante menor (navbar/sidenav do painel) */
.textner-logo--sm {
  font-size: 1.5rem;
}

/* ---- Logo dentro do sidenav escuro ----
   "t" = .app-brand-logo (sempre visível, inclusive colapsado)
   "extner." = .app-brand-text (some quando o sidenav colapsa) */
.textner-brand {
  display: inline-flex;
  align-items: baseline;
  font-family: 'Inter', system-ui, -apple-system, 'Segoe UI', Roboto, sans-serif;
  font-weight: 800;
  font-size: 1.5rem;
  line-height: 1;
  letter-spacing: -0.045em;
  text-decoration: none;
}
.textner-brand .textner-logo__mark { color: var(--textner-primary); }
.textner-brand .textner-logo__text { color: #fff; }
.textner-brand .textner-logo__dot  { color: var(--textner-primary); margin-left: 1px; }

/* "extner." encosta no "t" sem buraco */
.app-brand .app-brand-text.textner-brand { padding-left: 0; }

/* Colapsado: centraliza só o "t" na faixa estreita (igual aos ícones) */
.layout-collapsed:not(.layout-sidenav-hover):not(.layout-offcanvas):not(.layout-fixed-offcanvas)
  .layout-sidenav .app-brand-logo.textner-brand {
  width: 4.375rem;
  margin: 0;
  text-align: center;
  justify-content: center;
}