/**
 * ClubMaster — dark navy → teal “blue-green” action button (same look as Lesson TimeTable).
 * Aliases: `btn-lesson-timetable-dark-blue-green`, `btn-new-login-account-metallic` (roster).
 */

.btn-dark-blue-green,
.btn-lesson-timetable-dark-blue-green,
.btn-new-login-account-metallic {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  background: linear-gradient(
    165deg,
    #0c1929 0%,
    #134e4a 28%,
    #115e59 52%,
    #0f766e 76%,
    #0a3d39 100%
  );
  border: 1px solid rgba(45, 212, 191, 0.38);
  color: #ecfdf5 !important;
  font-weight: 600;
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.55);
  box-shadow:
    inset 0 1px 0 rgba(153, 246, 228, 0.18),
    inset 0 -2px 0 rgba(0, 0, 0, 0.4),
    0 2px 12px rgba(6, 40, 38, 0.5);
  cursor: pointer;
}

.btn-dark-blue-green:hover:not(:disabled),
.btn-lesson-timetable-dark-blue-green:hover:not(:disabled),
.btn-new-login-account-metallic:hover:not(:disabled) {
  filter: brightness(1.08) saturate(1.06);
}

.btn-dark-blue-green:active:not(:disabled),
.btn-lesson-timetable-dark-blue-green:active:not(:disabled),
.btn-new-login-account-metallic:active:not(:disabled) {
  filter: brightness(0.94);
}

.btn-dark-blue-green:focus-visible,
.btn-lesson-timetable-dark-blue-green:focus-visible,
.btn-new-login-account-metallic:focus-visible {
  outline: 2px solid rgba(45, 212, 191, 0.75);
  outline-offset: 2px;
}

.btn-dark-blue-green:disabled,
.btn-lesson-timetable-dark-blue-green:disabled,
.btn-new-login-account-metallic:disabled {
  opacity: 0.5;
  cursor: not-allowed;
  filter: grayscale(0.2);
}