/* Delta · ajustes visuais somente para o tema escuro do login */
.login-card-shell .card-glow {
  padding-top: clamp(150px, 8vw, 178px) !important;
}

.login-card-shell .card-glow::before {
  content: "DELTA";
  position: absolute;
  left: 50%;
  top: clamp(22px, 1.7vw, 30px);
  width: min(78%, 260px);
  transform: translateX(-50%);
  padding-top: 48px;
  text-align: center;
  z-index: 2;
  pointer-events: none;
  background: url("/login_ui/delta-symbol.png") top center / 42px auto no-repeat;
  color: #21170d;
  font-family: Georgia, "Times New Roman", serif;
  font-size: 25px;
  font-weight: 700;
  line-height: 1;
  letter-spacing: .32em;
  text-indent: .32em;
  text-shadow: 0 1px 0 rgba(255,255,255,.72);
}

.login-card-shell .card-glow::after {
  content: "SISTEMA DE INTELIGÊNCIA ARTIFICIAL\A CORPORATIVA\A by DGT";
  white-space: pre;
  position: absolute;
  left: 50%;
  top: clamp(99px, 5.4vw, 116px);
  width: min(78%, 260px);
  transform: translateX(-50%);
  padding-bottom: 20px;
  z-index: 2;
  pointer-events: none;
  border-bottom: 1px solid rgba(150, 104, 39, .25);
  color: rgba(54, 48, 43, .68);
  font-family: "DM Sans", "Segoe UI", Arial, sans-serif;
  font-size: 10px;
  font-weight: 800;
  line-height: 1.35;
  letter-spacing: .18em;
  text-align: center;
}

.login-card-shell .card-glow > div:last-child > div:first-child {
  border-bottom: 0 !important;
  padding-bottom: 6px !important;
  margin-bottom: 16px !important;
}

[data-theme="dark"] {
  --page-bg:
    radial-gradient(circle at top right, rgba(227, 27, 35, .10), transparent 35%),
    radial-gradient(circle at top left, rgba(30, 64, 175, .10), transparent 35%),
    linear-gradient(180deg, rgba(8, 13, 20, .99) 0%, rgba(11, 17, 26, .99) 48%, #0e1621 100%) !important;
  --gold: #d4a853;
  --ink-art: #e31b23;
  --office-bg:
    linear-gradient(180deg, rgba(8,13,20,.56), rgba(11,17,26,.22)),
    radial-gradient(ellipse 84% 42% at 50% 28%, rgba(227,27,35,.08), transparent 66%) !important;
  --office-bd: rgba(148,163,184,.16);
  --ink-strong: #f8fafc;
  --txt-soft: rgba(203, 213, 225, .76);
}

[data-theme="light"] .login-card-shell .card-glow::before {
  color: #201810;
  text-shadow: 0 1px 0 rgba(255,255,255,.8);
}

[data-theme="dark"] .login-card-shell .card-glow::before {
  color: #f5efe7;
  text-shadow: 0 0 14px rgba(0,0,0,.42);
  filter: drop-shadow(0 0 8px rgba(218,37,29,.18));
}

[data-theme="light"] .login-card-shell .card-glow::after {
  border-bottom-color: rgba(150, 104, 39, .28);
  color: rgba(42, 36, 30, .62);
}

[data-theme="dark"] .login-card-shell .card-glow::after {
  border-bottom-color: rgba(148, 163, 184, .18);
  color: rgba(203, 213, 225, .62);
}

[data-theme="dark"] .layout::after {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 0;
  pointer-events: none;
  background:
    linear-gradient(90deg, rgba(8,13,20,.08), transparent 34%, transparent 76%, rgba(8,13,20,.10)),
    linear-gradient(180deg, rgba(255,255,255,.018), rgba(8,13,20,.16));
}

[data-theme="dark"] .bg-predio {
  opacity: .84 !important;
  mix-blend-mode: normal !important;
  filter: saturate(1.02) contrast(1.02) brightness(1.02) drop-shadow(0 0 14px rgba(30,64,175,.08)) !important;
  background-image:
    linear-gradient(90deg, rgba(255,255,255,.020) 0%, rgba(255,255,255,.038) 43%, rgba(255,255,255,.020) 100%),
    linear-gradient(180deg, rgba(255,255,255,.018) 0%, rgba(255,255,255,.034) 54%, rgba(255,255,255,.014) 100%),
    linear-gradient(90deg, rgba(255,255,255,.025) 0%, rgba(255,255,255,.045) 43%, rgba(255,255,255,.025) 100%),
    linear-gradient(180deg, rgba(255,255,255,.025) 0%, rgba(255,255,255,.045) 54%, rgba(255,255,255,.018) 100%),
    url("/login_ui/predio-grupo-lider-gemini-wide.webp?v=wide2") !important;
  background-size: 120% auto !important;
  background-position: center 58% !important;
}

[data-theme="dark"] .login-corner-brand {
  padding-right: 54px;
}

[data-theme="dark"] .login-corner-brand::before {
  content: "";
  position: absolute;
  right: 0;
  top: 2px;
  width: 42px;
  height: 42px;
  background: url("/login_ui/delta-symbol.png") center / contain no-repeat;
  filter: drop-shadow(0 0 10px rgba(218,37,29,.35));
}

[data-theme="dark"] .login-corner-brand div:first-child {
  color: rgba(248,250,252,.88) !important;
}

[data-theme="dark"] .login-corner-brand div:last-child {
  background: linear-gradient(90deg, rgba(148,163,184,.12), rgba(227,27,35,.70)) !important;
}

[data-theme="dark"] .brand-col::after {
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
  background: linear-gradient(90deg, rgba(0,0,0,.04), transparent 65%);
}

[data-theme="dark"] .logo-float div:nth-child(2) {
  background-image: linear-gradient(180deg, #ff5f66 0%, #e31b23 54%, #b8141b 100%) !important;
}

[data-theme="dark"] .logo-float div:nth-child(3),
[data-theme="dark"] .intro-title .it1,
[data-theme="dark"] .intro-title .it2 {
  color: rgba(255,255,255,.72) !important;
}

[data-theme="dark"] .intro-title .it2 {
  color: rgba(255,255,255,.46) !important;
}

[data-theme="dark"] .brand-col > svg circle,
[data-theme="dark"] .brand-col > svg ellipse,
[data-theme="dark"] .card-col > svg circle,
[data-theme="dark"] .card-col > svg ellipse,
[data-theme="dark"] .center-panel > svg circle,
[data-theme="dark"] .center-panel > svg ellipse {
  fill: rgba(255,255,255,.82) !important;
  stroke: rgba(255,255,255,.36) !important;
}

[data-theme="dark"] .brand-col > svg line,
[data-theme="dark"] .brand-col > svg path,
[data-theme="dark"] .card-col > svg line,
[data-theme="dark"] .card-col > svg path,
[data-theme="dark"] .center-panel > svg line,
[data-theme="dark"] .center-panel > svg path {
  stroke: rgba(255,255,255,.18) !important;
}

/* Delta login compact pass - 2026-06-13
   Reduz o card de acesso em aproximadamente 30% sem alterar autenticacao. */
.card-col {
  flex-basis: 24% !important;
  min-width: 294px !important;
  gap: clamp(10px, 2vh, 22px) !important;
  padding: 2vh 1vw !important;
}

.login-card-shell {
  max-width: clamp(224px, 13.65vw, 364px) !important;
}

.login-card-shell .card-glow {
  border-radius: 16px !important;
  padding: clamp(104px, 5.6vw, 125px) clamp(17px, 1.02vw, 27px) clamp(15px, .95vw, 24px) !important;
}

.login-card-shell .card-glow::before {
  top: clamp(15px, 1.2vw, 21px) !important;
  width: min(72%, 190px) !important;
  padding-top: 35px !important;
  background-size: 31px auto !important;
  font-size: 18px !important;
  letter-spacing: .24em !important;
  text-indent: .24em !important;
}

.login-card-shell .card-glow::after {
  top: clamp(69px, 3.78vw, 82px) !important;
  width: min(72%, 190px) !important;
  padding-bottom: 13px !important;
  font-size: 7.6px !important;
  line-height: 1.25 !important;
  letter-spacing: .13em !important;
}

.login-card-shell .card-glow > div:last-child > div:first-child {
  padding-bottom: 4px !important;
  margin-bottom: 10px !important;
}

.login-card-shell h2 {
  font-size: clamp(18px, .9vw, 23px) !important;
  margin-bottom: 5px !important;
}

.login-card-shell p {
  font-size: 11px !important;
  line-height: 1.38 !important;
}

.login-card-shell label {
  font-size: 7.8px !important;
  margin-bottom: 4px !important;
}

.login-card-shell .field-input {
  height: 35px !important;
  border-radius: 7px !important;
  padding: 0 34px 0 11px !important;
  font-size: 12px !important;
}

.login-card-shell .submit-btn {
  min-height: 38px !important;
  height: 38px !important;
  border-radius: 8px !important;
  font-size: 11.5px !important;
  margin-top: 9px !important;
  gap: 7px !important;
}

.login-card-shell .submit-btn svg {
  width: 12px !important;
  height: 12px !important;
}

.login-card-shell .trust-badge {
  min-height: 27px !important;
  padding: 5px 7px !important;
  border-radius: 8px !important;
  gap: 5px !important;
  font-size: 8.3px !important;
}

.login-card-shell .trust-badge svg {
  width: 9px !important;
  height: 9px !important;
}

[data-theme="dark"] .login-card-shell .card-glow {
  background: linear-gradient(145deg, rgba(18,26,36,.88), rgba(11,17,26,.80)) !important;
  border-color: rgba(148,163,184,.14) !important;
  box-shadow: 0 18px 45px rgba(0,0,0,.35), inset 0 1px 0 rgba(255,255,255,.045) !important;
}

[data-theme="dark"] .login-card-shell .field-input {
  background: rgba(21,31,43,.72) !important;
  border-color: rgba(148,163,184,.16) !important;
  color: #f8fafc !important;
}

[data-theme="dark"] .login-card-shell .field-input:focus-within {
  border-color: rgba(227,27,35,.52) !important;
  box-shadow: 0 0 0 3px rgba(227,27,35,.14) !important;
}

[data-theme="dark"] .login-card-shell .submit-btn {
  background: linear-gradient(90deg, #e31b23, #b8141b) !important;
  box-shadow: 0 18px 45px rgba(0,0,0,.35), 0 0 20px rgba(227,27,35,.18) !important;
}

[data-theme="dark"] .login-card-shell .trust-badge {
  background: rgba(21,31,43,.54) !important;
  border-color: rgba(148,163,184,.14) !important;
  color: #cbd5e1 !important;
}


/* ===== Fundo do predio: NUNCA renderizar aos poucos (08/07/2026) =====
   O .bg-predio fica invisivel ate a imagem estar 100% baixada e decodificada
   (classe .bg-pronta adicionada pelo delta-bg-loader.js) — aparece tudo junto.
   visibility (e nao opacity) para respeitar as opacidades por tema. */
.bg-predio:not(.bg-pronta) { visibility: hidden !important; }