/* ==========================================================================
   AlfaCiclo 5.1.9 · selo institucional premium no modo escuro
   Esta camada não altera o modo claro.
   ========================================================================== */

html[data-theme="dark"] .auth-v7-label-institutional {
  position: relative;
  isolation: isolate;
  min-height: 34px !important;
  padding: 7px 13px !important;
  gap: 8px !important;
  border: 1px solid rgba(94, 234, 212, .28) !important;
  border-radius: 11px !important;
  background:
    linear-gradient(135deg, rgba(18, 63, 75, .78), rgba(12, 35, 55, .88)) !important;
  color: #8ff3e5 !important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.07),
    0 8px 22px rgba(0,0,0,.18),
    0 0 0 1px rgba(45,212,191,.035) !important;
  text-shadow: 0 0 14px rgba(94,234,212,.11);
  font-size: .68rem !important;
  font-weight: 850 !important;
  letter-spacing: .07em !important;
}

html[data-theme="dark"] .auth-v7-label-institutional::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: -1;
  border-radius: inherit;
  background: linear-gradient(90deg, rgba(94,234,212,.07), transparent 42%, rgba(56,189,248,.05));
  pointer-events: none;
}

html[data-theme="dark"] .auth-v7-label-institutional svg {
  width: 15px !important;
  height: 15px !important;
  color: #67e8d5 !important;
  filter: drop-shadow(0 0 6px rgba(94,234,212,.18));
}

html[data-theme="dark"] .auth-v7-label-institutional:hover {
  border-color: rgba(94,234,212,.38) !important;
  background: linear-gradient(135deg, rgba(19, 72, 82, .82), rgba(12, 38, 60, .90)) !important;
}

@media (max-width: 620px) {
  html[data-theme="dark"] .auth-v7-label-institutional {
    min-height: 31px !important;
    padding: 6px 10px !important;
    font-size: .62rem !important;
  }
}