#auth .airen-auth-language,#client-portal .airen-auth-language{display:flex!important;align-items:center;justify-content:center;gap:10px;flex-wrap:wrap;position:relative;z-index:100}
#auth .airen-auth-language button,#client-portal .airen-auth-language button{display:inline-flex!important;align-items:center;justify-content:center;gap:8px;min-height:46px!important;padding:8px 15px!important;width:auto!important;background:white!important;border:2px solid #889cbd!important;border-radius:13px!important;color:#142b56!important;font-weight:750!important;margin:0!important;touch-action:manipulation;cursor:pointer;pointer-events:auto!important}
#auth .airen-auth-language button span,#client-portal .airen-auth-language button span{color:#142b56!important;opacity:1!important}
#auth .airen-auth-language button.is-selected,#client-portal .airen-auth-language button.is-selected{background:#fff6e6!important;border-color:#be903a!important}
#auth .login{width:min(450px,95vw)!important;margin:auto;box-sizing:border-box;max-width:100%}
#auth #auth-form{display:block!important}#auth #auth-form .field{margin-bottom:14px}#auth #auth-form button[type=submit],#auth .portal-open,#auth .airen-back-link{display:block!important;width:100%!important;max-width:100%;margin-top:12px;min-height:43px;text-align:center}
#client-portal[hidden]{display:none!important}#auth[hidden]{display:none!important}
@media(max-width:640px){#auth{padding:12px!important;min-height:100dvh!important}#auth .login{padding:20px 16px!important}#client-portal{padding:12px!important}#client-portal .client-portal-card{width:100%!important;max-width:100%!important;padding:18px!important}#client-portal .grid2,#client-portal .grid3{grid-template-columns:1fr!important}#auth input,#client-portal input{font-size:16px!important}}

#auth .airen-auth-language button,#client-portal .airen-auth-language button{font-size:25px!important;min-width:60px!important;padding:6px 12px!important;line-height:1.2!important}
#auth .login{background:#fffffff5!important}
#auth .airen-auth-language,#client-portal .airen-auth-language{z-index:10!important}
#auth #auth-form input{display:block!important;min-height:42px!important}
#auth #auth-form{display:block!important}
#auth #auth-form[hidden],#auth[hidden],#client-portal[hidden],#app[hidden]{display:none!important}
#client-portal.client-portal-layer{position:fixed;inset:0;z-index:80;overflow-y:auto;display:flex;align-items:flex-start;justify-content:center;padding:4vh 15px;background:linear-gradient(#fffE,#fffE),url('/assets/airen-services-background.png') center/cover}
#client-portal .client-portal-card{width:min(760px,100%);padding:28px;background:white;border-radius:16px;box-shadow:0 20px 60px #11265d36}

/* Mobile-only additive layout fixes. No JavaScript or authentication changes. */
@media screen and (max-width: 767px) {
  html, body { width:100%; max-width:100%; margin:0; overflow-x:hidden; }
  *, *::before, *::after { box-sizing:border-box; }
  #auth.auth {width:100%; max-width:100%; min-height:100dvh; padding:16px 12px!important; overflow-x:hidden; overflow-y:auto; display:flex; align-items:center; justify-content:center;}
  #auth .login { width:100%!important; max-width:440px!important; min-width:0!important; padding:22px 18px!important; margin:0 auto!important; }
  #auth .airen-login-logo {max-width:100%;text-align:center;}
  #auth .airen-login-logo img {display:block;width:auto;max-width:100%;height:auto;max-height:128px;margin:0 auto;object-fit:contain;}
  #auth h1 {font-size:clamp(20px,6vw,28px)!important;overflow-wrap:break-word;line-height:1.18;text-align:center;}
  #auth p {overflow-wrap:break-word;}
  #auth .airen-auth-language {gap:12px!important;}
  #auth #auth-form,.login .field,#auth #auth-form input,#auth #auth-form button,#auth .portal-open,#auth .airen-back-link {width:100%!important;min-width:0!important;max-width:100%!important;}
  #auth #auth-form input {font-size:16px!important;}
  #client-portal.client-portal-layer {width:100vw;max-width:100%;padding:12px!important;overflow-x:hidden;overflow-y:auto;align-items:flex-start;}
  #client-portal .client-portal-card {width:100%!important;min-width:0!important;max-width:620px!important;margin:auto!important;padding:20px 14px!important;overflow-wrap:anywhere;}
  #client-portal .portal-header {display:flex;flex-wrap:wrap;gap:12px;justify-content:center;align-items:center;text-align:center;}
  #client-portal .portal-header img {max-width:min(270px,100%);height:auto;object-fit:contain;}
  #client-portal .portal-header button {width:100%;}
  #client-portal .grid2,#client-portal .grid3 {display:grid;grid-template-columns:minmax(0,1fr)!important;}
  #client-portal input,#client-portal textarea,#client-portal select,#client-portal button {max-width:100%;min-width:0;font-size:16px;}
  #client-portal input[type=file] {width:100%;white-space:normal;overflow:hidden;}
  #app {width:100%;max-width:100%;min-width:0;overflow-x:hidden;}
  #app .main {flex:1;min-width:0;max-width:100%;}
  #app .topbar {max-width:100%;min-width:0;padding:16px 12px;height:auto;min-height:78px;}
  #app .topbar h1 {font-size:clamp(19px,5vw,25px);overflow-wrap:anywhere;}
  #content {width:100%;max-width:100%;min-width:0;padding:14px 10px!important;}
  #content .tablewrap {max-width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch;}
  #content .stats,#content .service-grid {grid-template-columns:minmax(0,1fr)!important;}
  #content .hero,#content .toolbar,#content .toolbar-actions {flex-wrap:wrap;min-width:0;gap:12px;}
  #content .search {min-width:0!important;width:100%;}
  #content .panel,#content .servicecard {max-width:100%;min-width:0;}
  #overlay.modal-backdrop {padding:10px!important;}
  #overlay .modal {width:100%;max-width:100%;min-width:0;padding:16px 12px!important;}
  #overlay .grid2,#overlay .grid3 {grid-template-columns:minmax(0,1fr)!important;}
  #overlay input,#overlay textarea,#overlay select {min-width:0;max-width:100%;}
}