.account-control {
  position: relative;
}

.account-control #auth-button {
  min-width: 150px;
}

.account-control #account-popover {
  position: absolute;
  z-index: 50;
  top: calc(100% + 9px);
  right: 0;
  display: grid;
  width: 250px;
  gap: 5px;
  padding: 16px;
  color: #17201d;
  background: #fff;
  border: 1px solid #dfe7e3;
  border-radius: 14px;
  box-shadow: 0 15px 40px rgba(19, 44, 37, .15);
}

.account-control #account-popover[hidden] {
  display: none;
}

.account-control #account-popover span {
  color: #527267;
  font-size: 12px;
}

.account-control #account-popover small {
  margin-top: 5px;
  font-size: 11px;
}

.portal-admin header {
  align-items: flex-start;
}

.portal-admin .header-actions {
  margin-top: 0;
}

#logout-button {
  width: 100%;
  margin-top: 8px;
  padding: 10px 12px;
  color: #bdccc7;
  text-align: left;
  background: transparent;
  border-color: #365248;
}

#logout-button:hover {
  color: #fff;
  background: #24483e;
}

#logout-button[hidden] {
  display: none;
}

@media (max-width: 850px) {
  #logout-button {
    margin-top: 12px;
  }
}