/* Kundenservice TECBA v1. Brand references: MARCA manual sintetizado. */
.tecba-app {
  --blue-1: 255 253 250;
  --blue-2: 255 247 239;
  --blue-3: 255 237 220;
  --blue-4: 255 222 195;
  --blue-5: 255 203 164;
  --blue-6: 253 179 130;
  --blue-7: 248 148 92;
  --blue-8: 243 116 62;
  --blue-9: 241 90 36;
  --blue-10: 211 65 18;
  --blue-11: 167 50 15;
  --blue-12: 88 34 16;
  --solid-blue: 255 222 195;
  --solid-blue-2: 255 247 239;
  --border-blue: 241, 90, 36, 0.5;
  --text-blue: 88 34 16;
}
.dark .tecba-app {
  --blue-1: 26 19 16;
  --blue-2: 37 24 18;
  --blue-3: 64 32 19;
  --blue-4: 84 38 20;
  --blue-5: 107 46 22;
  --blue-6: 137 57 25;
  --blue-7: 170 72 29;
  --blue-8: 206 90 36;
  --blue-9: 241 90 36;
  --blue-10: 247 147 30;
  --blue-11: 255 178 118;
  --blue-12: 255 229 210;
  --solid-blue: 84 38 20;
  --solid-blue-2: 37 24 18;
  --text-blue: 255 229 210;
}
.tecba-sidebar {
  --background-color: 0 0 0;
  --surface-1: 19 19 20;
  --surface-2: 26 26 28;
  --surface-active: 35 35 37;
  --slate-1: 13 13 14;
  --slate-2: 23 23 25;
  --slate-3: 35 35 38;
  --slate-4: 47 47 50;
  --slate-5: 58 58 62;
  --slate-6: 70 70 74;
  --slate-7: 83 83 88;
  --slate-8: 102 102 108;
  --slate-9: 135 134 141;
  --slate-10: 174 173 179;
  --slate-11: 205 205 211;
  --slate-12: 248 248 249;
  --border-weak: 43 43 46;
  --border-strong: 65 65 69;
  --border-container: 43 43 46;
  --button-color: 26 26 28;
  --solid-1: 19 19 20;
  --solid-2: 26 26 28;
  --solid-3: 35 35 37;
  --solid-active: 42 42 45;
  --card-color: 26 26 28;
  --alpha-1: 255, 255, 255, 0.04;
  --alpha-2: 255, 255, 255, 0.08;
  --alpha-3: 26, 26, 28, 0.96;
  background: #000;
  color: #E2E4E7;
  border-top: 3px solid #F15A24;
}
.tecba-sidebar-brand { flex-shrink: 0; padding: 15px 12px 12px; }
.tecba-logo-plate { background: #fff; padding: 9px 7px; border-radius: 7px; }
.tecba-logo-plate img { width: 100%; height: auto; display: block; }
.tecba-product-name {
  margin: 11px 0 0; color: #fff; font-size: 15px; line-height: 1.4;
  font-family: "Century Gothic", "Avenir Next", sans-serif; font-weight: 700;
  letter-spacing: -.3px; overflow-wrap: anywhere;
}
.tecba-product-name span { color: #F7931E; font-size: 11px; letter-spacing: .3px; }
.tecba-product-caption { margin: 3px 0 0; color: #AEADB3; font-size: 11px; }
.tecba-sidebar nav a.active,
.tecba-sidebar nav a.router-link-active {
  background: #F15A24 !important; color: #101010 !important;
  font-weight: 600;
}
.tecba-sidebar nav a.active span,
.tecba-sidebar nav a.router-link-active span { color: inherit; }
.tecba-sidebar button:hover, .tecba-sidebar nav a:hover { filter: brightness(1.08); }
.tecba-sidebar #sidebar-account-switcher { cursor: default; }
.tecba-sidebar img[src$="tecba-symbol.png"] { background: #fff; border-radius: 3px; }
.tecba-developer-credit {
  flex-shrink: 0; width: 100%; margin: 0; padding: 10px 12px;
  font-size: 10px; line-height: 1.55; color: #AEADB3; text-align: center;
  border-top: 1px solid #29292b; background: #000;
}
.tecba-login { position: relative; border-top: 6px solid #F15A24; padding-top: 64px; }
.tecba-login-heading { padding-inline: 24px; }
.tecba-login-heading img {
  box-sizing: content-box; width: 260px; max-width: calc(100vw - 96px);
  height: auto; background: white; padding: 20px 24px; border-radius: 12px;
}
.tecba-login-heading h2 {
  font-family: "Century Gothic", "Avenir Next", sans-serif;
  max-width: 640px; line-height: 1.25; font-weight: 700;
}
.tecba-login > section:has(form) { border: 1px solid rgb(var(--border-weak)); border-top: 3px solid #F7931E; border-radius: 14px; }
.tecba-login-credit { text-align: center; padding: 12px 20px 24px; color: rgb(var(--slate-11)); }
.tecba-login-credit p { margin: 0; font-size: 13px; font-weight: 600; }
.tecba-login-credit span { display: block; margin-top: 5px; font-size: 11px; }
/* Brand orange with dark text retains readable primary actions. Status colors retain their meaning. */
.tecba-app button.bg-n-brand, .tecba-app a.bg-n-brand { color: #111; }
.tecba-app .text-n-brand { color: rgb(var(--blue-11)); }
@media (max-width: 767px) {
  .tecba-login { padding-top: 32px; }
  .tecba-login-heading h2 { font-size: 24px; }
  .tecba-login > section:has(form) { margin-inline: 16px; padding: 28px 22px; }
}