.staff-user-panel {
  order: 100;

  display: grid;
  align-items: stretch;
  gap: 8px;

  width: calc(100% - 8px);
  margin: auto 4px 4px;

  padding: 18px 14px 14px;

  border: 1px solid rgba(255, 255, 255, 0.76);
  border-radius: 24px;

  background:
    radial-gradient(
      circle at 84% 7%,
      rgba(255, 255, 255, 0.95),
      transparent 38%
    ),
    linear-gradient(
      145deg,
      #fbf7ff 0%,
      #ece2fb 55%,
      #d9c9f2 100%
    );

  box-shadow:
    0 14px 21px rgba(53, 34, 112, 0.32),
    0 5px 8px rgba(62, 39, 126, 0.21),
    inset 4px 4px 8px rgba(255, 255, 255, 0.82),
    inset -5px -6px 12px rgba(132, 99, 192, 0.14);

  border-top: 1px solid rgba(255, 255, 255, 0.76);
}

    .staff-user-name {
  margin: 0;
  color: #332078;
  font-size: 13px;
  font-weight: 900;
  line-height: 1.35;
}

    .staff-user-role {
  margin: 0;
  color: #6b55a2;
  font-size: 12px;
  font-weight: 800;
  line-height: 1.35;
}

   .staff-logout-button {
  display: inline-flex;
  min-height: 38px;
  align-items: center;
  justify-content: center;

  border: 1px solid rgba(255, 255, 255, 0.88);
  border-radius: 14px;

  color: #40218f;

  background:
    linear-gradient(
      145deg,
      #ffffff 0%,
      #f8f3ff 60%,
      #eadff8 100%
    );

  box-shadow:
    0 8px 14px rgba(65, 39, 132, 0.18),
    inset 3px 3px 6px rgba(255, 255, 255, 0.95),
    inset -4px -4px 8px rgba(171, 148, 214, 0.18);

  font: inherit;
  font-size: 12px;
  font-weight: 900;
  cursor: pointer;
}
  .staff-theme-button {
  display: inline-flex;
  min-height: 38px;
  align-items: center;
  justify-content: center;
  gap: 7px;

  border: 1px solid rgba(255, 255, 255, 0.65);
  border-radius: 14px;

  color: #ffffff;

  background:
    linear-gradient(
      180deg,
      #8d6be0 0%,
      #7552cf 100%
    );

  box-shadow:
    0 8px 14px rgba(70, 43, 140, 0.24),
    inset 0 1px 1px rgba(255, 255, 255, 0.35);

  font: inherit;
  font-size: 12px;
  font-weight: 900;
  cursor: pointer;
}

    .staff-user-panel .staff-theme-button,
    .staff-user-panel .staff-logout-button {
      width: 100%;
    }

    .staff-theme-button::before {
      width: 8px;
      height: 8px;
      border-radius: 999px;
      background: #8066d9;
      content: "";
    }