/* BARBEARIA GUARARAPES V39 — contraste do Portal do Cliente */

/* Os componentes originais foram desenhados para tema claro. No tema premium
   escuro, os fundos brancos faziam textos e ícones desaparecerem. */
.client-own-profile__details {
  background: rgba(72, 229, 255, 0.16) !important;
}

.client-own-profile__details article {
  color: #edf8ff !important;
  background: linear-gradient(145deg, #0e1c2b, #08131f) !important;
  border: 1px solid rgba(91, 224, 255, 0.13) !important;
}

.client-own-profile__details article > svg {
  color: #eadb59 !important;
}

.client-own-profile__details small {
  color: #9eb3c7 !important;
}

.client-own-profile__details strong {
  color: #f4f9ff !important;
}

.client-privacy-note {
  color: #eadb59 !important;
  background: linear-gradient(145deg, #182016, #0d1715) !important;
  border-color: rgba(234, 219, 89, 0.3) !important;
}

.client-privacy-note span {
  color: #bac9d4 !important;
}

.client-privacy-note strong {
  color: #f4f9ff !important;
}

.client-booking-date {
  color: #f6ed91 !important;
  background: linear-gradient(145deg, #292916, #171b17) !important;
  border: 1px solid rgba(234, 219, 89, 0.28) !important;
}

.client-booking-date small {
  color: #c6cfcc !important;
}

.client-booking-list aside button,
.premium-appointment-actions button {
  color: #eaf7ff !important;
  background: linear-gradient(145deg, #132437, #0a1725) !important;
  border-color: rgba(89, 218, 255, 0.34) !important;
  box-shadow: none !important;
  min-height: 38px !important;
  font-size: 10px !important;
}

.client-booking-list aside button:hover,
.client-booking-list aside button:focus-visible,
.premium-appointment-actions button:hover,
.premium-appointment-actions button:focus-visible {
  color: #ffffff !important;
  background: #17344b !important;
  border-color: #55dff7 !important;
}

.client-booking-list aside button:disabled,
.premium-appointment-actions button:disabled {
  color: #8293a1 !important;
  background: #101a24 !important;
  border-color: rgba(126, 151, 171, 0.2) !important;
  opacity: 1 !important;
}

.client-booking-list aside button.danger,
.premium-appointment-actions button.danger {
  color: #ffb5ba !important;
  background: rgba(99, 27, 38, 0.35) !important;
  border-color: rgba(255, 116, 128, 0.42) !important;
}

@media (max-width: 760px) {
  .client-booking-list aside button {
    min-height: 40px !important;
    font-size: 10px !important;
  }
}