/* MoDAI Bilingual Global v2
   Bahasa persisten di seluruh aplikasi.
   Tidak mengubah struktur database, autentikasi, RBAC, atau alur aplikasi. */

.modai-language-switcher-v2{
  display:flex;
  align-items:center;
  gap:4px;
  padding:4px;
  border:1px solid #d8e1ee;
  border-radius:12px;
  background:rgba(248,250,252,.98);
  box-shadow:0 8px 24px rgba(15,23,42,.10);
  font-family:inherit;
}

.modai-language-switcher-v2 button{
  appearance:none;
  -webkit-appearance:none;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:7px;
  min-height:34px;
  padding:7px 11px;
  border:0;
  border-radius:9px;
  background:transparent;
  color:#64748b;
  font:inherit;
  font-size:12px;
  font-weight:700;
  line-height:1;
  cursor:pointer;
  transition:background .18s ease,color .18s ease,box-shadow .18s ease;
}

.modai-language-switcher-v2 button:hover{
  background:#eef2ff;
  color:#2448c7;
}

.modai-language-switcher-v2 button.is-active{
  background:#3157d5;
  color:#fff;
  box-shadow:0 5px 12px rgba(49,87,213,.22);
}

.modai-language-switcher-v2 .code{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-width:22px;
  height:20px;
  padding:0 5px;
  border-radius:6px;
  background:rgba(100,116,139,.10);
  font-size:10px;
  letter-spacing:.3px;
}

.modai-language-switcher-v2 button.is-active .code{
  background:rgba(255,255,255,.18);
}

/* AUTH: selector is inside the login/register card, never on top of logos. */
.modai-language-switcher-v2.is-auth{
  width:max-content;
  max-width:100%;
  margin:0 0 14px auto;
}

/* Partner logo strip is moved from the top header into the auth card. */
.modai-auth-partner-logos{
  display:flex;
  align-items:center;
  justify-content:center;
  gap:10px;
  width:100%;
  min-height:58px;
  margin:0 0 18px;
  padding:10px 14px;
  border:1px solid #e2e8f0;
  border-radius:14px;
  background:#fff;
  overflow:hidden;
}

.modai-auth-partner-logos .modai-auth-partner-img{
  display:block !important;
  width:auto !important;
  max-width:100% !important;
  max-height:48px !important;
  height:auto !important;
  object-fit:contain !important;
  margin:0 !important;
}

.modai-empty-after-logo-move{
  display:none !important;
}

/* DASHBOARD: compact fixed selector so it does not change the existing header structure. */
.modai-language-switcher-v2.is-dashboard{
  position:fixed;
  right:18px;
  bottom:18px;
  z-index:99990;
  background:rgba(255,255,255,.96);
  backdrop-filter:blur(8px);
  -webkit-backdrop-filter:blur(8px);
}

@media (max-width:720px){
  .modai-language-switcher-v2 button{
    min-height:32px;
    padding:7px 9px;
    font-size:11px;
  }

  .modai-language-switcher-v2.is-auth{
    margin-bottom:12px;
  }

  .modai-auth-partner-logos{
    min-height:52px;
    padding:9px 10px;
    margin-bottom:15px;
  }

  .modai-auth-partner-logos .modai-auth-partner-img{
    max-height:42px !important;
  }

  .modai-language-switcher-v2.is-dashboard{
    right:10px;
    bottom:10px;
  }
}

@media (max-width:390px){
  .modai-language-switcher-v2 .label{
    display:none;
  }

  .modai-language-switcher-v2 button{
    min-width:46px;
  }

  .modai-auth-partner-logos .modai-auth-partner-img{
    max-height:38px !important;
  }
}