/* BARBEARIA GUARARAPES — V26 — PRONTUÁRIO ESCURO E EXCLUSÃO LEGÍVEL */

.client-profile-backdrop {
  background: rgba(0, 3, 9, .84) !important;
  backdrop-filter: blur(12px) !important;
}

.client-profile-modal {
  color: #edf7ff !important;
  background: linear-gradient(145deg, #071321 0%, #030914 100%) !important;
  border: 1px solid rgba(67, 224, 255, .24) !important;
  box-shadow: 0 34px 90px rgba(0, 0, 0, .72), 0 0 42px rgba(67, 224, 255, .08) !important;
}

.client-profile-head,
.client-profile-actions {
  background: linear-gradient(135deg, rgba(10, 25, 40, .98), rgba(4, 12, 23, .98)) !important;
  border-color: rgba(67, 224, 255, .15) !important;
}

.client-profile-identity h2,
.client-profile-summary strong,
.client-info-card h3,
.client-history-head h3,
.client-history-state strong,
.style-timeline__content strong {
  color: #f5f9ff !important;
}

.client-profile-identity p,
.client-profile-summary small,
.client-info-card > p,
.client-info-card dd,
.client-history-state,
.client-history-state span,
.style-timeline__date small,
.style-timeline__content p,
.style-timeline__content small {
  color: #aebdca !important;
}

.client-profile-identity small,
.client-history-head small,
.client-info-card dt {
  color: #e8bc51 !important;
}

.client-profile-body {
  background:
    radial-gradient(circle at 85% 5%, rgba(88, 74, 255, .09), transparent 32%),
    radial-gradient(circle at 5% 15%, rgba(41, 216, 239, .07), transparent 27%),
    linear-gradient(150deg, #071321, #030a14) !important;
}

.client-profile-summary article,
.client-info-card,
.client-history {
  color: #edf7ff !important;
  background: linear-gradient(145deg, rgba(13, 29, 46, .98), rgba(6, 16, 29, .98)) !important;
  border: 1px solid rgba(67, 224, 255, .17) !important;
  box-shadow: inset 0 1px rgba(255, 255, 255, .035), 0 15px 36px rgba(0, 0, 0, .22) !important;
}

.client-profile-summary article > svg,
.client-info-card > p svg {
  color: #ebbd52 !important;
}

.client-info-card dl > div,
.client-history-head,
.style-timeline > article {
  border-color: rgba(137, 180, 209, .14) !important;
}

.client-info-card .attention dd,
.client-history-state--error {
  color: #ff9ca7 !important;
}

.photo-consent {
  color: #c3cfda !important;
  background: rgba(148, 163, 184, .09) !important;
  border: 1px solid rgba(148, 163, 184, .16) !important;
}

.photo-consent.allowed {
  color: #74edba !important;
  background: rgba(42, 211, 145, .09) !important;
  border-color: rgba(42, 211, 145, .22) !important;
}

.client-history-head > span {
  color: #b8c7d4 !important;
  background: rgba(255, 255, 255, .055) !important;
  border: 1px solid rgba(255, 255, 255, .08) !important;
}

.client-self-access-badge {
  color: #f0c762 !important;
  background: rgba(231, 184, 69, .09) !important;
  border: 1px solid rgba(231, 184, 69, .24) !important;
}

.client-delete-button,
.client-row-delete {
  color: #ffb2ba !important;
  background: rgba(255, 78, 96, .09) !important;
  border: 1px solid rgba(255, 105, 118, .22) !important;
}

.client-delete-button:hover:not(:disabled),
.client-row-delete:hover:not(:disabled) {
  color: #fff !important;
  background: rgba(255, 78, 96, .2) !important;
  border-color: rgba(255, 126, 137, .55) !important;
}

.client-delete-button:disabled,
.client-row-delete:disabled {
  opacity: .4 !important;
}

@media (max-width: 760px) {
  .client-profile-modal {
    width: 100% !important;
    max-width: 100% !important;
    min-height: 100dvh !important;
    max-height: 100dvh !important;
    border-radius: 0 !important;
  }

  .client-profile-head {
    padding: 18px 15px 12px !important;
  }

  .client-profile-identity h2 {
    font-size: 24px !important;
  }

  .client-profile-actions {
    display: grid !important;
    grid-template-columns: 1fr 1fr !important;
    padding: 0 15px 15px !important;
  }

  .client-profile-actions > * {
    width: 100% !important;
    min-height: 46px !important;
    justify-content: center !important;
  }

  .client-self-access-badge {
    text-align: center !important;
  }

  .client-profile-body {
    padding: 15px !important;
  }

  .client-profile-summary,
  .client-profile-grid {
    grid-template-columns: 1fr !important;
  }

  .client-history-state {
    min-height: 190px !important;
  }
}

@media (max-width: 390px) {
  .client-profile-actions {
    grid-template-columns: 1fr !important;
  }
}