/* ===== Account Layout CSS ===== */
/* Most styling now handled by Tailwind in _Layout.cshtml <style> block */
/* This file kept for non-visual compatibility and vendor component overrides */
.language-switch-area {
  text-align: center;
  padding: 8px 10px;
}
.language-switch-area .language-icon {
  opacity: 0.4;
  transition: opacity 0.2s;
  margin: 0 2px;
}
.language-switch-area .language-icon:hover {
  opacity: 0.7;
}
.language-switch-area .language-icon-current {
  opacity: 1;
}
.content.tenant-change-box {
  padding: 16px;
  text-align: center;
}
.tenant-change-component {
  font-size: 0.875rem;
  color: #64748b;
}
.tenant-change-component a {
  color: #008B8B;
  text-decoration: none;
  font-weight: 600;
}
.tenant-change-component a:hover {
  color: #006d6d;
}
.btn + .btn {
  margin-left: 0px;
}
.checkbox span,
.radio span {
  margin-right: 0.75rem !important;
}
/* Validation error styling */
label.error {
  color: #ef4444;
  font-size: 0.8125rem;
  font-weight: 500;
  margin-top: 0.375rem;
  display: block;
  line-height: 1.4;
}
.dark label.error {
  color: #fca5a5 !important;
}
input.error,
select.error {
  border-color: #ef4444 !important;
  box-shadow: 0 0 0 2px rgba(239, 68, 68, 0.15);
}
.dark input.error,
.dark select.error {
  border-color: #f87171 !important;
  box-shadow: 0 0 0 2px rgba(248, 113, 113, 0.2);
}
/* External login divider */
.divider {
  display: flex;
  align-items: center;
  text-align: center;
  color: #94a3b8;
  font-size: 0.8125rem;
}
.divider::before,
.divider::after {
  content: '';
  flex: 1;
  border-bottom: 1px solid #e2e8f0;
}
.divider span {
  padding: 0 1rem;
}
/* Password strength meter compatibility */
.pwstrength-div .password-verdict {
  font-size: 0.75rem;
  margin-top: 0.25rem;
}
/* Hide Metronic login-specific CSS (injected by views but no longer needed) */
.login.login-1 {
  display: contents;
}