/* Retter-Portal v1.3.7 – stabile Accountauswahl und lesbare Login-Details. */
body.admin-surface .admin-login-toolbar{
  grid-template-columns:minmax(300px,1.05fr) minmax(280px,1fr) minmax(175px,.48fr) auto auto!important;
  align-items:end!important;
  overflow:visible!important;
}
body.admin-surface .admin-login-account-picker{
  min-width:0;
  width:100%;
  overflow:visible!important;
}
body.admin-surface .admin-login-account-picker>label{
  display:grid;
  gap:7px;
  min-width:0;
  margin:0;
}
body.admin-surface .admin-login-account-picker input{
  width:100%!important;
  min-width:0!important;
  max-width:100%!important;
}
body.admin-surface .admin-login-account-picker .smart-select-results{
  z-index:500!important;
}
body.admin-surface .admin-login-account-picker .smart-select-option{
  color:var(--text)!important;
  background:transparent!important;
}
body.admin-surface .admin-login-account-picker .smart-select-option:hover,
body.admin-surface .admin-login-account-picker .smart-select-option.is-active{
  background:color-mix(in srgb,var(--primary) 9%,transparent)!important;
}
body.admin-surface .admin-login-account-picker .smart-select-option.is-selected{
  border-color:color-mix(in srgb,var(--primary) 34%,var(--line))!important;
  background:color-mix(in srgb,var(--primary) 12%,transparent)!important;
}
/* Fallback, falls ein Browser den nativen Select dennoch öffnet. */
body.admin-surface .admin-login-toolbar select,
body.admin-surface .admin-login-toolbar select option{
  color:var(--text)!important;
  background:var(--surface)!important;
}
body[data-theme="dark"].admin-surface .admin-login-toolbar select,
body[data-theme="dark"].admin-surface .admin-login-toolbar select option{
  color:#f8fafc!important;
  background:#0b1627!important;
  color-scheme:dark;
}

body.admin-surface .login-client-details{
  min-width:0;
  margin-top:9px;
  border-top:1px solid var(--line-soft);
  padding-top:8px;
}
body.admin-surface .login-client-details>summary{
  cursor:pointer;
  color:var(--muted);
  font-size:.68rem;
  font-weight:850;
  list-style:none;
}
body.admin-surface .login-client-details>summary::-webkit-details-marker{display:none}
body.admin-surface .login-client-details>summary:before{content:'＋';margin-right:5px;color:var(--muted)}
body.admin-surface .login-client-details[open]>summary:before{content:'−'}
body.admin-surface .login-client-details code{
  display:block;
  max-width:100%;
  margin-top:8px;
  padding:9px;
  border:1px solid var(--line-soft);
  border-radius:10px;
  background:var(--surface-2);
  color:var(--muted);
  font-size:.64rem;
  line-height:1.42;
  white-space:normal;
  overflow-wrap:anywhere;
}
body.admin-surface .login-network-details__grid>div:first-child{
  grid-column:1/-1;
}
body.admin-surface .login-network-details__grid>div:first-child small{
  margin-top:5px;
}

@media(max-width:1220px){
  body.admin-surface .admin-login-toolbar{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
  }
  body.admin-surface .admin-login-account-picker,
  body.admin-surface .admin-login-toolbar>input[type="search"]{
    grid-column:auto!important;
  }
}
@media(max-width:760px){
  body.admin-surface .admin-login-toolbar{
    grid-template-columns:minmax(0,1fr)!important;
  }
  body.admin-surface .admin-login-toolbar>*{
    grid-column:1!important;
    width:100%!important;
  }
}