/* ScheduleAI – chirurgischer UI-Fix: Chat/Gruppeninfo, Header-Icons, Login/Register
   Diese Datei wird absichtlich zuletzt geladen und überschreibt alte blaue/gestreckte Regeln. */
:root {
  --sui-bg-0: #07111f;
  --sui-bg-1: rgba(9, 18, 34, .92);
  --sui-card: rgba(255,255,255,.064);
  --sui-card-soft: rgba(255,255,255,.045);
  --sui-border: rgba(222,236,255,.13);
  --sui-border-soft: rgba(222,236,255,.08);
  --sui-text: #edf6ff;
  --sui-muted: rgba(237,246,255,.66);
  --sui-mint: #74f7df;
  --sui-gold: #ffd98a;
  --sui-shadow: 0 18px 45px rgba(0,0,0,.26);
}

/* --------------------------------------------------
   Header: Glocke, Profil, Einstellungen wieder kompakt, klickbar, nicht gestreckt
-------------------------------------------------- */
.portal-header {
  position: relative !important;
  overflow: visible !important;
  isolation: isolate !important;
}
.portal-actions.compact.icon-toolbar,
.portal-actions.icon-toolbar,
.icon-toolbar {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: flex-end !important;
  gap: 10px !important;
  width: auto !important;
  min-width: 0 !important;
  padding: 6px !important;
  overflow: visible !important;
  position: relative !important;
  z-index: 9500 !important;
  background: rgba(255,255,255,.035) !important;
  border: 1px solid rgba(222,236,255,.08) !important;
  border-radius: 20px !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.035) !important;
}
.header-widget,
.notification-widget,
.profile-widget,
.settings-widget {
  position: relative !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  flex: 0 0 44px !important;
  width: 44px !important;
  min-width: 44px !important;
  max-width: 44px !important;
  height: 44px !important;
  min-height: 44px !important;
  max-height: 44px !important;
  overflow: visible !important;
  z-index: 9600 !important;
}
.portal-actions .icon-action-btn,
.icon-action-btn,
.notification-bell-btn,
.profile-btn,
.settings-btn,
.admin-icon-btn {
  appearance: none !important;
  display: inline-grid !important;
  place-items: center !important;
  flex: 0 0 44px !important;
  width: 44px !important;
  min-width: 44px !important;
  max-width: 44px !important;
  height: 44px !important;
  min-height: 44px !important;
  max-height: 44px !important;
  padding: 0 !important;
  margin: 0 !important;
  border-radius: 15px !important;
  font-size: 18px !important;
  line-height: 1 !important;
  color: var(--sui-text) !important;
  -webkit-text-fill-color: var(--sui-text) !important;
  background:
    radial-gradient(circle at 28% 12%, rgba(255,255,255,.12), transparent 31%),
    linear-gradient(145deg, rgba(255,255,255,.09), rgba(255,255,255,.035)) !important;
  border: 1px solid rgba(222,236,255,.13) !important;
  box-shadow: 0 12px 28px rgba(0,0,0,.18), inset 0 1px 0 rgba(255,255,255,.05) !important;
  transform: none !important;
  transition: transform .14s ease, border-color .16s ease, background .16s ease, box-shadow .16s ease !important;
  overflow: visible !important;
}
.portal-actions .icon-action-btn:hover,
.icon-action-btn:hover,
.notification-bell-btn:hover,
.profile-btn:hover,
.settings-btn:hover,
.admin-icon-btn:hover {
  transform: translateY(-1px) !important;
  border-color: rgba(116,247,223,.26) !important;
  background:
    radial-gradient(circle at 28% 12%, rgba(116,247,223,.10), transparent 31%),
    linear-gradient(145deg, rgba(255,255,255,.11), rgba(255,255,255,.045)) !important;
  box-shadow: 0 16px 34px rgba(0,0,0,.22), inset 0 1px 0 rgba(255,255,255,.065) !important;
}
.portal-actions .icon-action-btn:active,
.icon-action-btn:active,
.notification-bell-btn:active,
.profile-btn:active,
.settings-btn:active,
.admin-icon-btn:active {
  transform: translateY(0) scale(.985) !important;
  box-shadow: 0 8px 18px rgba(0,0,0,.18), inset 0 1px 0 rgba(255,255,255,.045) !important;
}
.icon-action-btn::before,
.icon-action-btn::after,
.notification-bell-btn::before,
.notification-bell-btn::after,
.profile-btn::before,
.profile-btn::after,
.settings-btn::before,
.settings-btn::after,
.admin-icon-btn::before,
.admin-icon-btn::after {
  content: none !important;
  display: none !important;
}
.notification-badge {
  position: absolute !important;
  top: -6px !important;
  right: -6px !important;
  min-width: 18px !important;
  height: 18px !important;
  padding: 0 5px !important;
  border-radius: 999px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  font-size: 11px !important;
  font-weight: 900 !important;
  color: #07111f !important;
  -webkit-text-fill-color: #07111f !important;
  background: linear-gradient(135deg, var(--sui-gold), var(--sui-mint)) !important;
  border: 1px solid rgba(255,255,255,.58) !important;
  box-shadow: 0 8px 20px rgba(0,0,0,.28) !important;
}
.header-popover,
.notification-popover,
.profile-popover,
.settings-popover {
  position: absolute !important;
  top: calc(100% + 12px) !important;
  right: 0 !important;
  left: auto !important;
  width: min(380px, calc(100vw - 28px)) !important;
  min-width: min(320px, calc(100vw - 28px)) !important;
  max-width: calc(100vw - 28px) !important;
  max-height: min(72vh, 640px) !important;
  overflow: auto !important;
  padding: 14px !important;
  border-radius: 24px !important;
  color: var(--sui-text) !important;
  -webkit-text-fill-color: var(--sui-text) !important;
  background:
    radial-gradient(circle at 12% -10%, rgba(116,247,223,.075), transparent 36%),
    linear-gradient(145deg, rgba(10,20,36,.985), rgba(5,11,23,.985)) !important;
  border: 1px solid rgba(222,236,255,.16) !important;
  box-shadow: 0 28px 80px rgba(0,0,0,.54), inset 0 1px 0 rgba(255,255,255,.045) !important;
  backdrop-filter: blur(14px) !important;
  -webkit-backdrop-filter: blur(14px) !important;
  z-index: 100000 !important;
  transform: none !important;
}
.header-popover[hidden],
.notification-popover[hidden],
.profile-popover[hidden],
.settings-popover[hidden] {
  display: none !important;
}
.notification-popover-head,
.profile-popover-head {
  background: transparent !important;
  border: 0 !important;
  border-bottom: 1px solid rgba(222,236,255,.10) !important;
  border-radius: 0 !important;
  padding: 0 0 12px 0 !important;
  margin: 0 0 12px 0 !important;
}
.notification-popover .subtle,
.profile-popover .subtle,
.settings-popover .subtle {
  color: var(--sui-muted) !important;
  -webkit-text-fill-color: var(--sui-muted) !important;
}
.notification-popover .notification-item,
.notification-popover .summary-item,
.notification-popover .empty-state,
.profile-popover .profile-data-row,
.profile-card-mini {
  color: var(--sui-text) !important;
  -webkit-text-fill-color: var(--sui-text) !important;
  background: rgba(255,255,255,.052) !important;
  border: 1px solid rgba(222,236,255,.10) !important;
  border-radius: 16px !important;
  box-shadow: none !important;
}
.settings-popover .settings-menu-item,
.profile-popover button,
.notification-popover button {
  width: 100% !important;
  min-height: 42px !important;
  justify-content: flex-start !important;
  border-radius: 15px !important;
  background: rgba(255,255,255,.055) !important;
  border: 1px solid rgba(222,236,255,.10) !important;
  color: var(--sui-text) !important;
  box-shadow: none !important;
}

/* --------------------------------------------------
   Kommunikation/Gruppeninfo: konsequent entbläuen
-------------------------------------------------- */
#communicationPanel,
.unified-comm,
.unified-sidebar,
.unified-main,
.sai-chat-shell,
.sai2-chat-box,
.sai-chat-panel,
.chat-panel {
  color: var(--sui-text) !important;
  background:
    radial-gradient(circle at 0% 0%, rgba(116,247,223,.025), transparent 30%),
    linear-gradient(145deg, rgba(9,18,34,.72), rgba(5,11,23,.78)) !important;
  border-color: rgba(222,236,255,.10) !important;
  box-shadow: var(--sui-shadow) !important;
}
.unified-entry,
.unified-entry.active,
.chat-thread,
.chat-thread.active,
.sai-chat-thread,
.sai-chat-thread.active,
.sai2-group-title-btn,
.sai2-group-title-btn.active,
.portal-plus-group-title,
.portal-plus-group-title.active {
  color: var(--sui-text) !important;
  -webkit-text-fill-color: var(--sui-text) !important;
  background:
    radial-gradient(circle at 12% 0%, rgba(255,255,255,.045), transparent 36%),
    linear-gradient(145deg, rgba(255,255,255,.060), rgba(255,255,255,.030)) !important;
  border: 1px solid rgba(222,236,255,.10) !important;
  border-left: 1px solid rgba(222,236,255,.10) !important;
  box-shadow: none !important;
}
.unified-entry.active,
.chat-thread.active,
.sai-chat-thread.active,
.sai2-group-title-btn.active {
  border-left: 3px solid rgba(116,247,223,.52) !important;
  border-color: rgba(116,247,223,.20) !important;
  background:
    radial-gradient(circle at 0% 50%, rgba(116,247,223,.08), transparent 42%),
    linear-gradient(145deg, rgba(255,255,255,.075), rgba(255,255,255,.035)) !important;
}
.unified-entry strong,
.unified-entry h3,
.unified-title-btn h3,
.unified-title-btn strong,
.unified-main-head h3,
.chat-thread strong,
.sai-chat-thread strong,
.portal-plus-group-title h3,
.sai2-group-title-btn h3,
#unifiedActiveTitle,
#unifiedInfoBtn h3,
.unified-chat-title {
  color: var(--sui-text) !important;
  -webkit-text-fill-color: var(--sui-text) !important;
  background: none !important;
  text-shadow: none !important;
}
.unified-entry small,
.unified-title-btn p,
.unified-main-head p,
.chat-thread small,
.sai-chat-thread small,
.portal-plus-group-title p,
.sai2-group-title-btn p,
#unifiedActiveMeta,
#unifiedInfoBtn p,
.unified-chat-subtitle {
  color: var(--sui-muted) !important;
  -webkit-text-fill-color: var(--sui-muted) !important;
  background: none !important;
  text-shadow: none !important;
}
.unified-title-btn,
.unified-title-btn:hover,
#unifiedInfoBtn,
#unifiedInfoBtn:hover {
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
  color: var(--sui-text) !important;
  -webkit-text-fill-color: var(--sui-text) !important;
}
.unified-avatar-fallback,
.sai2-avatar-fallback,
.unified-info-avatar,
.unified-member-avatar,
.unified-message-avatar {
  background:
    radial-gradient(circle at 32% 18%, rgba(255,255,255,.15), transparent 32%),
    linear-gradient(145deg, rgba(116,247,223,.16), rgba(255,255,255,.055)) !important;
  border: 1px solid rgba(222,236,255,.16) !important;
  color: var(--sui-text) !important;
  -webkit-text-fill-color: var(--sui-text) !important;
}
.unified-messages,
.sai-chat-messages,
.sai2-chat-box {
  background:
    radial-gradient(circle at 0% 100%, rgba(116,247,223,.025), transparent 34%),
    linear-gradient(180deg, rgba(2,7,16,.34), rgba(2,7,16,.56)) !important;
  border: 1px solid rgba(222,236,255,.085) !important;
}
.unified-message,
.unified-message.mine,
.unified-message.theirs,
.sai-chat-message,
.sai-chat-message.mine,
.sai-chat-message.theirs,
.sai2-chat-msg,
.sai2-chat-msg.mine,
.sai2-chat-msg.theirs,
.message-bubble,
.message-bubble.own {
  color: var(--sui-text) !important;
  -webkit-text-fill-color: var(--sui-text) !important;
  background: rgba(255,255,255,.066) !important;
  border: 1px solid rgba(222,236,255,.11) !important;
  box-shadow: 0 8px 18px rgba(0,0,0,.12), inset 0 1px 0 rgba(255,255,255,.035) !important;
}
.unified-message.mine,
.sai-chat-message.mine,
.sai2-chat-msg.mine,
.message-bubble.own {
  background: linear-gradient(145deg, rgba(116,247,223,.095), rgba(255,255,255,.055)) !important;
  border-color: rgba(116,247,223,.18) !important;
}
.unified-message small,
.sai-chat-message small,
.sai2-chat-msg small,
.message-bubble small {
  color: rgba(237,246,255,.60) !important;
  -webkit-text-fill-color: rgba(237,246,255,.60) !important;
}

/* Gruppeninfo oben + Namen in Gruppeninfo: kein Blau, keine Textverläufe */
#unifiedInfoModal .modal-content,
#sai2GroupInfoModal .modal-content,
#sai2DirectInfoModal .modal-content,
.unified-info-modal .modal-content {
  color: var(--sui-text) !important;
  background:
    radial-gradient(circle at 12% -4%, rgba(116,247,223,.040), transparent 34%),
    radial-gradient(circle at 100% 0%, rgba(255,217,138,.030), transparent 32%),
    linear-gradient(145deg, rgba(9,18,34,.992), rgba(4,10,21,.992)) !important;
  border: 1px solid rgba(222,236,255,.16) !important;
  box-shadow: 0 34px 90px rgba(0,0,0,.58) !important;
}
.unified-info-topbar,
.unified-info-hero,
.sai2-info-head,
.unified-info-section,
.unified-info-card,
.unified-member-card,
.unified-info-list-item,
.sai2-info-list .summary-item,
.unified-member-add-box {
  color: var(--sui-text) !important;
  -webkit-text-fill-color: var(--sui-text) !important;
  background:
    radial-gradient(circle at 10% 0%, rgba(255,255,255,.045), transparent 34%),
    linear-gradient(145deg, rgba(255,255,255,.058), rgba(255,255,255,.028)) !important;
  border: 1px solid rgba(222,236,255,.10) !important;
  box-shadow: none !important;
}
.unified-info-topbar {
  border-top: 0 !important;
  border-left: 0 !important;
  border-right: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
}
.unified-info-hero h1,
.unified-info-hero h2,
.unified-info-hero h3,
.unified-info-section h2,
.unified-info-section h3,
.unified-info-card h3,
.unified-member-card strong,
.unified-info-list-item strong,
.sai2-info-head h2,
.sai2-info-head h3,
.sai2-info-list strong,
.unified-profile-link,
.unified-member-card a,
#sai2GroupInfoModal a,
#unifiedInfoModal a {
  color: var(--sui-text) !important;
  -webkit-text-fill-color: var(--sui-text) !important;
  background: none !important;
  text-shadow: none !important;
  text-decoration: none !important;
}
.unified-profile-link:hover,
.unified-member-card a:hover,
#sai2GroupInfoModal a:hover,
#unifiedInfoModal a:hover {
  color: var(--sui-mint) !important;
  -webkit-text-fill-color: var(--sui-mint) !important;
}
.unified-info-hero p,
.unified-info-section p,
.unified-info-card p,
.unified-member-card small,
.unified-info-list-item small,
.unified-info-stats span,
.sai2-info-head p,
.sai2-info-list .subtle {
  color: var(--sui-muted) !important;
  -webkit-text-fill-color: var(--sui-muted) !important;
  background: none !important;
}
.unified-info-stats span {
  border: 1px solid rgba(222,236,255,.10) !important;
  background: rgba(255,255,255,.045) !important;
  border-radius: 999px !important;
}
.unified-file-upload,
.unified-info-edit button,
#sai2SaveGroupInfo,
#unifiedSaveGroupInfo,
#unifiedAddMemberBtn,
#unifiedRemoveMemberBtn {
  background: rgba(255,255,255,.060) !important;
  border: 1px solid rgba(222,236,255,.12) !important;
  color: var(--sui-text) !important;
  -webkit-text-fill-color: var(--sui-text) !important;
  box-shadow: none !important;
}

/* Allgemeine Button-Press-Animation kleiner und edler */
button:active,
.button-link:active,
.nav-pill:active,
.portal-card:active {
  transform: translateY(0) scale(.992) !important;
}

@media (max-width: 860px) {
  .portal-header {
    gap: 14px !important;
  }
  .portal-actions.compact.icon-toolbar,
  .portal-actions.icon-toolbar,
  .icon-toolbar {
    align-self: flex-start !important;
    justify-content: flex-start !important;
    flex-wrap: nowrap !important;
  }
  .header-popover,
  .notification-popover,
  .profile-popover,
  .settings-popover {
    position: fixed !important;
    top: 82px !important;
    left: 14px !important;
    right: 14px !important;
    width: auto !important;
    min-width: 0 !important;
    max-width: none !important;
  }
}

/* --------------------------------------------------
   Login/Register: moderner, weniger Text, animierter
-------------------------------------------------- */
body.auth-modern-page {
  min-height: 100vh;
  overflow-x: hidden;
  background:
    radial-gradient(circle at 12% 12%, rgba(116,247,223,.20), transparent 30%),
    radial-gradient(circle at 92% 8%, rgba(255,217,138,.14), transparent 28%),
    radial-gradient(circle at 70% 95%, rgba(185,156,255,.12), transparent 28%),
    linear-gradient(145deg, #050b17, #091222 48%, #050a14) !important;
}
body.auth-modern-page::before {
  content: "";
  position: fixed;
  inset: -20%;
  pointer-events: none;
  background:
    linear-gradient(115deg, transparent 0 38%, rgba(255,255,255,.055) 44%, transparent 51% 100%);
  opacity: .62;
  transform: translateX(-18%);
  animation: authLightSweep 8s ease-in-out infinite;
}
@keyframes authLightSweep {
  0%, 35% { transform: translateX(-26%) rotate(0.001deg); opacity: .18; }
  65% { transform: translateX(22%) rotate(0.001deg); opacity: .46; }
  100% { transform: translateX(34%) rotate(0.001deg); opacity: .12; }
}
.auth-modern-page .auth-shell {
  min-height: 100vh !important;
  padding: clamp(18px, 4vw, 54px) !important;
  display: grid !important;
  place-items: center !important;
}
.auth-modern-page .auth-card {
  width: min(1040px, 100%) !important;
  min-height: auto !important;
  display: grid !important;
  grid-template-columns: minmax(280px, .82fr) minmax(320px, 1fr) !important;
  gap: 0 !important;
  overflow: hidden !important;
  border-radius: 34px !important;
  background:
    radial-gradient(circle at 0% 0%, rgba(116,247,223,.095), transparent 34%),
    linear-gradient(145deg, rgba(255,255,255,.115), rgba(255,255,255,.052)) !important;
  border: 1px solid rgba(222,236,255,.16) !important;
  box-shadow: 0 38px 110px rgba(0,0,0,.50), inset 0 1px 0 rgba(255,255,255,.07) !important;
  backdrop-filter: blur(18px) !important;
  -webkit-backdrop-filter: blur(18px) !important;
  animation: authCardIn .52s cubic-bezier(.2,.8,.2,1) both;
}
@keyframes authCardIn {
  from { opacity: 0; transform: translateY(18px) scale(.985); }
  to { opacity: 1; transform: translateY(0) scale(1); }
}
.auth-modern-page .auth-card::before,
.auth-modern-page .auth-card::after { content: none !important; display: none !important; }
.auth-modern-page .auth-side,
.auth-modern-page .auth-form-wrap {
  padding: clamp(26px, 4vw, 54px) !important;
  position: relative !important;
}
.auth-modern-page .auth-side {
  display: flex !important;
  flex-direction: column !important;
  justify-content: center !important;
  background:
    radial-gradient(circle at 20% 0%, rgba(116,247,223,.13), transparent 40%),
    linear-gradient(145deg, rgba(5,11,23,.46), rgba(5,11,23,.18)) !important;
  border-right: 1px solid rgba(222,236,255,.10) !important;
}
.auth-modern-page .auth-brand {
  width: fit-content !important;
  padding: 8px 12px !important;
  margin-bottom: 22px !important;
  border-radius: 999px !important;
  background: rgba(255,255,255,.07) !important;
  border: 1px solid rgba(222,236,255,.12) !important;
  color: var(--sui-text) !important;
  -webkit-text-fill-color: var(--sui-text) !important;
  font-weight: 800 !important;
}
.auth-modern-page .auth-hero {
  margin: 0 !important;
  max-width: 420px !important;
  color: var(--sui-text) !important;
  -webkit-text-fill-color: var(--sui-text) !important;
  font-size: clamp(2.1rem, 4.4vw, 4.25rem) !important;
  line-height: .98 !important;
  letter-spacing: -.055em !important;
}
.auth-modern-page .auth-copy {
  max-width: 440px !important;
  margin: 18px 0 0 !important;
  color: var(--sui-muted) !important;
  -webkit-text-fill-color: var(--sui-muted) !important;
  font-size: 1rem !important;
  line-height: 1.55 !important;
}
.auth-modern-page .feature-list {
  display: none !important;
}
.auth-modern-page .auth-form {
  width: 100% !important;
  display: grid !important;
  gap: 14px !important;
}
.auth-modern-page .auth-form h2 {
  margin: 0 !important;
  color: var(--sui-text) !important;
  -webkit-text-fill-color: var(--sui-text) !important;
  font-size: clamp(1.8rem, 2.8vw, 2.55rem) !important;
  letter-spacing: -.035em !important;
}
.auth-modern-page .auth-subtle,
.auth-modern-page .auth-note,
.auth-modern-page .small-msg,
.auth-modern-page .subtle {
  color: var(--sui-muted) !important;
  -webkit-text-fill-color: var(--sui-muted) !important;
}
.auth-modern-page .auth-note {
  display: none !important;
}
.auth-modern-page .auth-grid {
  display: grid !important;
  gap: 12px !important;
}
.auth-modern-page .auth-grid-2 {
  grid-template-columns: 1fr 1fr !important;
}
.auth-modern-page input,
.auth-modern-page select,
.auth-modern-page textarea {
  min-height: 52px !important;
  border-radius: 18px !important;
  color: var(--sui-text) !important;
  -webkit-text-fill-color: var(--sui-text) !important;
  background: rgba(255,255,255,.072) !important;
  border: 1px solid rgba(222,236,255,.13) !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.045) !important;
  transition: transform .16s ease, border-color .16s ease, background .16s ease, box-shadow .16s ease !important;
}
.auth-modern-page input::placeholder,
.auth-modern-page textarea::placeholder { color: rgba(237,246,255,.48) !important; -webkit-text-fill-color: rgba(237,246,255,.48) !important; }
.auth-modern-page input:focus,
.auth-modern-page select:focus,
.auth-modern-page textarea:focus {
  transform: translateY(-1px) !important;
  background: rgba(255,255,255,.095) !important;
  border-color: rgba(116,247,223,.38) !important;
  box-shadow: 0 0 0 4px rgba(116,247,223,.09), inset 0 1px 0 rgba(255,255,255,.05) !important;
}
.auth-modern-page select option { background: #081226 !important; color: var(--sui-text) !important; }
.auth-modern-page .input-with-action {
  display: grid !important;
  grid-template-columns: 1fr auto !important;
  gap: 10px !important;
  align-items: center !important;
}
.auth-modern-page .input-with-action button,
.auth-modern-page #loginBtn,
.auth-modern-page #regBtn {
  min-height: 52px !important;
  border-radius: 18px !important;
  padding: 0 18px !important;
  color: #07111f !important;
  -webkit-text-fill-color: #07111f !important;
  font-weight: 900 !important;
  border: 1px solid rgba(255,255,255,.28) !important;
  background: linear-gradient(135deg, var(--sui-mint), var(--sui-gold)) !important;
  box-shadow: 0 18px 40px rgba(0,0,0,.22) !important;
  transition: transform .16s ease, filter .16s ease, box-shadow .16s ease !important;
}
.auth-modern-page .input-with-action button {
  min-width: 112px !important;
  background: rgba(255,255,255,.075) !important;
  color: var(--sui-text) !important;
  -webkit-text-fill-color: var(--sui-text) !important;
  box-shadow: none !important;
  border-color: rgba(222,236,255,.13) !important;
}
.auth-modern-page #loginBtn:hover,
.auth-modern-page #regBtn:hover,
.auth-modern-page .input-with-action button:hover {
  transform: translateY(-1px) !important;
  filter: brightness(1.03) !important;
}
.auth-modern-page #loginBtn:active,
.auth-modern-page #regBtn:active,
.auth-modern-page .input-with-action button:active {
  transform: scale(.99) !important;
}
.auth-modern-page .auth-footer {
  justify-content: center !important;
  padding-top: 4px !important;
}
.auth-modern-page .auth-footer a {
  color: var(--sui-mint) !important;
  -webkit-text-fill-color: var(--sui-mint) !important;
  font-weight: 800 !important;
}
.auth-modern-page .error-msg,
.auth-modern-page .success-msg {
  min-height: 22px !important;
  margin: 0 !important;
}
.auth-modern-page.auth-success .auth-card {
  animation: authSuccess .55s cubic-bezier(.2,.8,.2,1) both !important;
}
@keyframes authSuccess {
  0% { transform: scale(1); opacity: 1; }
  45% { transform: scale(1.015); opacity: 1; }
  100% { transform: translateY(-10px) scale(.985); opacity: 0; }
}
@media (max-width: 860px) {
  .auth-modern-page .auth-card { grid-template-columns: 1fr !important; border-radius: 28px !important; }
  .auth-modern-page .auth-side { border-right: 0 !important; border-bottom: 1px solid rgba(222,236,255,.10) !important; }
  .auth-modern-page .auth-grid-2 { grid-template-columns: 1fr !important; }
  .auth-modern-page .input-with-action { grid-template-columns: 1fr !important; }
  .auth-modern-page .input-with-action button { width: 100% !important; }
}