.app-shell[hidden]{
  display:none!important;
}

.graphic-login-card fieldset{
  min-inline-size:0;
  margin:0;
  padding:0;
  border:0;
}

.graphic-login-card fieldset:disabled{
  opacity:.68;
}

.graphic-login-runtime-status{
  margin:16px 0;
  padding:12px 14px;
  border:1px solid #f4cd75;
  border-radius:12px;
  background:#fff8e7;
  color:#805400!important;
  font-size:13px;
  line-height:1.55;
}

.graphic-login-help{
  display:grid;
  gap:10px;
  margin-top:20px;
  padding-top:18px;
  border-top:1px solid #e3e9f1;
}

.graphic-login-help p{
  margin:0;
  color:#5b6c82;
  font-size:13px;
  line-height:1.55;
}

.graphic-login-help .graphic-login-session-note{
  padding:11px 12px;
  border:1px solid #b7d4f6;
  border-radius:10px;
  background:#eff7ff;
  color:#174f87;
}

.graphic-login-help a{
  display:inline-flex;
  justify-content:center;
  padding:10px 12px;
  border:1px solid #cfdae8;
  border-radius:10px;
  color:#174f9c;
  font-size:13px;
  font-weight:800;
  text-decoration:none;
}

.graphic-login-help a:hover,
.graphic-login-help a:focus-visible{
  border-color:#2563eb;
  outline:3px solid #2563eb22;
}

.graphic-password-modal{
  width:min(520px,100%);
}

.graphic-password-modal .modal-head p{
  margin:7px 0 0;
  color:#617083;
  font-size:13px;
  line-height:1.55;
}

.graphic-password-safety{
  margin-top:16px;
  padding:12px 14px;
  border:1px solid #b9e3cb;
  border-radius:11px;
  background:#eefbf4;
  color:#11633f;
  font-size:12px;
  line-height:1.55;
}

#graphic-change-password{
  white-space:nowrap;
}

@media(max-width:760px){
  #graphic-change-password,
  #graphic-logout{
    flex:1;
  }
}