.session-account {
  display: flex;
  align-items: center;
  gap: 6px;
}

.session-name {
  min-width: 78px;
  height: 42px;
  padding: 0 11px;
  border: 1px solid var(--line);
  border-radius: 9px;
  background: #fff;
  color: var(--ink);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 6px;
  font-size: 11px;
}

.session-name svg {
  width: 20px;
  height: 20px;
  fill: none;
  stroke: currentColor;
  stroke-width: 1.8px;
  stroke-linecap: round;
  stroke-linejoin: round;
}

.session-logout {
  border: 0;
  background: transparent;
  color: var(--muted);
  padding: 5px;
  font-size: 10px;
}

.session-admin {
  border: 1px solid #53624d38;
  background: #e5eadf;
  color: var(--green-dark);
  border-radius: 8px;
  padding: 7px 9px;
  font-size: 9px;
  font-weight: 700;
}

.session-logout:hover {
  color: #9b4438;
}

.home-main .session-name {
  background: #ffffff8a;
  border-color: #5445391f;
}

@media (max-width: 680px) {
  .session-name {
    width: 40px;
    min-width: 40px;
    padding: 0;
  }

  .session-name span {
    display: none;
  }

  .session-logout {
    font-size: 9px;
    padding: 3px;
  }

  .session-admin {
    padding: 6px;
    font-size: 8px;
  }
}