/* ============================================
   TEMA ESCURO PROFISSIONAL - DARK THEME
   Design impecável com cores estruturadas
   ============================================ */

:root[data-theme="dark"] {
  /* Paleta de cores principal */
  --bg-primary: #0a0a0f;
  --bg-secondary: #14141a;
  --bg-tertiary: #1e1e26;
  --bg-card: #181820;
  --bg-card-hover: #20202a;
  --bg-elevated: #24242e;
  
  /* Textos - Branco e tons claros para contraste */
  --text-primary: #ffffff;
  --text-secondary: #e4e4e7;
  --text-tertiary: #a1a1aa;
  --text-muted: #71717a;
  
  /* Bordas e divisores */
  --border-color: rgba(255, 255, 255, 0.08);
  --border-color-hover: rgba(255, 255, 255, 0.12);
  --border-color-light: rgba(255, 255, 255, 0.04);
  
  /* Acentos e destaques - Preto e branco apenas */
  --accent-primary: #000000;
  --accent-hover: #1a1a1a;
  --accent-light: rgba(0, 0, 0, 0.15);
  --accent-bg: rgba(0, 0, 0, 0.08);
  
  /* Status */
  --success: #30d158;
  --success-bg: rgba(48, 209, 88, 0.1);
  --warning: #ff9500;
  --warning-bg: rgba(255, 149, 0, 0.1);
  --error: #ff3b30;
  --error-bg: rgba(255, 59, 48, 0.1);
  --info: #5ac8fa;
  --info-bg: rgba(90, 200, 250, 0.1);
  
  /* Sombras */
  --shadow-xs: 0 1px 2px rgba(0, 0, 0, 0.5);
  --shadow-sm: 0 4px 12px rgba(0, 0, 0, 0.4);
  --shadow-md: 0 8px 24px rgba(0, 0, 0, 0.5);
  --shadow-lg: 0 16px 48px rgba(0, 0, 0, 0.6);
  --shadow-xl: 0 24px 64px rgba(0, 0, 0, 0.7);
  
  /* Overlay */
  --overlay: rgba(0, 0, 0, 0.75);
  --overlay-light: rgba(0, 0, 0, 0.4);
}

/* ============================================
   APLICAÇÃO BASE DO TEMA ESCURO
   ============================================ */

[data-theme="dark"] body,
[data-theme="dark"] html {
  background: var(--bg-primary) !important;
  color: var(--text-primary) !important;
}

[data-theme="dark"] body::before,
[data-theme="dark"] body::after {
  background: var(--bg-primary) !important;
}

[data-theme="dark"] .screen-wrapper {
  background: var(--bg-primary);
}

[data-theme="dark"] .screen-body {
  background: var(--bg-primary) !important;
}

/* ============================================
   HEADER E AUTENTICAÇÃO
   ============================================ */

[data-theme="dark"] .screen-header__content {
  background: rgba(24, 24, 32, 0.95) !important;
  backdrop-filter: blur(20px) saturate(180%);
  -webkit-backdrop-filter: blur(20px) saturate(180%);
  border: 1px solid var(--border-color);
  color: var(--text-primary) !important;
  box-shadow: var(--shadow-md);
}

[data-theme="dark"] .screen-header__title {
  color: var(--text-primary) !important;
}

[data-theme="dark"] .screen-header__subtitle {
  color: var(--text-secondary) !important;
}

[data-theme="dark"] .screen-header__status {
  color: var(--text-secondary) !important;
}

[data-theme="dark"] .screen-header__session-time {
  color: var(--text-tertiary) !important;
}

[data-theme="dark"] .user-avatar {
  background: linear-gradient(135deg, #2a2b35 0%, #3a3b45 100%);
  box-shadow: var(--shadow-sm);
}

[data-theme="dark"] .screen-header__action {
  color: var(--text-secondary);
}

[data-theme="dark"] .screen-header__action:hover {
  background: rgba(255, 255, 255, 0.08);
  color: var(--text-primary);
}

[data-theme="dark"] .screen-header__action--menu[aria-expanded="true"] {
  background: rgba(255, 255, 255, 0.12);
  color: var(--text-primary);
}

/* User Menu */
[data-theme="dark"] .user-menu {
  background: var(--bg-card) !important;
  border: 1px solid var(--border-color);
  box-shadow: var(--shadow-xl);
}

[data-theme="dark"] .user-menu__header {
  background: rgba(255, 255, 255, 0.03);
  border-bottom: 1px solid var(--border-color);
}

[data-theme="dark"] .user-menu__name {
  color: var(--text-primary) !important;
}

[data-theme="dark"] .user-menu__email {
  color: var(--text-secondary) !important;
}

[data-theme="dark"] .user-menu__item {
  color: var(--text-primary) !important;
}

[data-theme="dark"] .user-menu__item:hover {
  background: rgba(255, 255, 255, 0.06);
}

[data-theme="dark"] .user-menu__item--danger {
  color: var(--error) !important;
}

[data-theme="dark"] .user-menu__item--danger:hover {
  background: var(--error-bg);
}

[data-theme="dark"] .user-menu__divider {
  border-color: var(--border-color);
}

[data-theme="dark"] .user-menu-overlay {
  background: var(--overlay);
}

/* ============================================
   SEARCH SECTION
   ============================================ */

[data-theme="dark"] .search-section {
  background: var(--bg-primary);
}

[data-theme="dark"] .search-wrapper {
  background: var(--bg-card);
  border: 1px solid var(--border-color);
  box-shadow: var(--shadow-sm);
}

[data-theme="dark"] .search-wrapper:focus-within {
  border-color: #000000;
  box-shadow: 0 0 0 3px rgba(0, 0, 0, 0.2);
}

[data-theme="dark"] .search-input {
  color: var(--text-primary) !important;
  background: transparent;
}

[data-theme="dark"] .search-input::placeholder {
  color: var(--text-muted);
}

[data-theme="dark"] .search-icon {
  color: var(--text-tertiary);
}

/* ============================================
   RADIO SECTION (Categorias)
   ============================================ */

[data-theme="dark"] .radio-section {
  background: var(--bg-primary);
}

[data-theme="dark"] .radio-inputs {
  background: var(--bg-card);
  border: 1px solid var(--border-color);
  box-shadow: var(--shadow-sm);
}

/* Categorias - Radio buttons */
[data-theme="dark"] .radio-inputs {
  background: var(--bg-card);
  border: 1px solid var(--border-color);
}

[data-theme="dark"] .radio .name {
  color: var(--text-primary) !important;
}

[data-theme="dark"] .radio:hover .name {
  color: var(--text-primary) !important;
}

/* Quando selecionado: fundo branco, texto PRETO */
[data-theme="dark"] .radio input:checked + .name,
[data-theme="dark"] .radio:has(input:checked) .name {
  background-color: #ffffff !important;
  color: #000000 !important;
  font-weight: 600;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2);
}

/* Quando não selecionado: texto branco */
[data-theme="dark"] .radio:not(:has(input:checked)) .name {
  color: var(--text-primary) !important;
}

/* ============================================
   LOGO SECTION E CARROSSEL
   ============================================ */

[data-theme="dark"] .logo-section {
  background: var(--bg-primary);
}

[data-theme="dark"] .logo-wrapper {
  background: var(--bg-card);
  border: 1px solid var(--border-color);
  box-shadow: var(--shadow-md);
}

[data-theme="dark"] .carousel-container {
  background: var(--bg-card);
}

[data-theme="dark"] .carousel-btn {
  background: rgba(255, 255, 255, 0.08);
  color: var(--text-primary);
  border: 1px solid var(--border-color);
}

[data-theme="dark"] .carousel-btn:hover {
  background: rgba(255, 255, 255, 0.12);
  border-color: var(--border-color-hover);
}

[data-theme="dark"] .carousel-dot {
  background: rgba(255, 255, 255, 0.2);
}

[data-theme="dark"] .carousel-dot.active {
  background: #000000 !important;
  box-shadow: 0 0 8px rgba(0, 0, 0, 0.3);
}

/* ============================================
   SCHEDULE FILTER
   ============================================ */

[data-theme="dark"] .schedule-filter {
  background: var(--bg-card);
  border: 1px solid var(--border-color);
  box-shadow: var(--shadow-sm);
}

[data-theme="dark"] .schedule-filter__subtitle {
  color: var(--text-primary) !important;
}

/* Datas e horários: fundo branco por padrão, texto preto */
[data-theme="dark"] .schedule-filter__date,
[data-theme="dark"] .schedule-filter__time {
  background: #ffffff !important;
  color: #000000 !important;
  border: 1px solid rgba(255, 255, 255, 0.3);
}

[data-theme="dark"] .schedule-filter__date .schedule-filter__day,
[data-theme="dark"] .schedule-filter__date .schedule-filter__number,
[data-theme="dark"] .schedule-filter__time span {
  color: #000000 !important;
}

[data-theme="dark"] .schedule-filter__date:hover,
[data-theme="dark"] .schedule-filter__time:hover {
  background: rgba(255, 255, 255, 0.9) !important;
  border-color: rgba(255, 255, 255, 0.5);
}

[data-theme="dark"] .schedule-filter__date:hover .schedule-filter__day,
[data-theme="dark"] .schedule-filter__date:hover .schedule-filter__number,
[data-theme="dark"] .schedule-filter__time:hover span {
  color: #000000 !important;
}

/* Quando selecionado: bolinha preta (fundo preto), texto branco */
[data-theme="dark"] .schedule-filter__date.active,
[data-theme="dark"] .schedule-filter__time.active {
  background: #000000 !important;
  border-color: #000000 !important;
  box-shadow: 0 0 12px rgba(0, 0, 0, 0.5);
}

[data-theme="dark"] .schedule-filter__date.active .schedule-filter__day,
[data-theme="dark"] .schedule-filter__date.active .schedule-filter__number,
[data-theme="dark"] .schedule-filter__time.active span {
  color: #ffffff !important;
}

[data-theme="dark"] .schedule-filter__scroll {
  background: var(--bg-card);
  color: var(--text-primary);
  border: 1px solid var(--border-color);
}

[data-theme="dark"] .schedule-filter__scroll:hover {
  background: var(--bg-card-hover);
}

/* ============================================
   SERVICE TITLES
   ============================================ */

[data-theme="dark"] .service-title-wrapper {
  background: var(--bg-primary);
}

[data-theme="dark"] .service-title {
  color: var(--text-primary) !important;
}

[data-theme="dark"] .service-title::after {
  background: linear-gradient(90deg, var(--text-primary), rgba(255, 255, 255, 0.3)) !important;
}

/* ============================================
   SERVICE CARDS
   ============================================ */

[data-theme="dark"] .service-card {
  background: var(--bg-card);
  border: 1px solid var(--border-color);
  box-shadow: var(--shadow-sm);
}

[data-theme="dark"] .service-card:hover {
  background: var(--bg-card-hover);
  border-color: var(--border-color-hover);
  box-shadow: var(--shadow-md);
  transform: translateY(-4px);
}

[data-theme="dark"] .service-card__title {
  color: var(--text-primary) !important;
}

[data-theme="dark"] .service-card__description {
  color: var(--text-secondary) !important;
}

[data-theme="dark"] .service-card__price-value {
  color: var(--text-primary) !important;
}

[data-theme="dark"] .service-card__price-period {
  color: var(--text-tertiary) !important;
}

[data-theme="dark"] .service-card__rating-value {
  color: var(--text-primary) !important;
}

[data-theme="dark"] .service-card__reviews {
  color: var(--text-tertiary) !important;
}

[data-theme="dark"] .service-card__button {
  background: #000000;
  color: #ffffff !important;
}

[data-theme="dark"] .service-card__button:hover {
  background: #1a1a1a;
  box-shadow: 0 0 16px rgba(0, 0, 0, 0.5);
}

[data-theme="dark"] .services-grid {
  background: var(--bg-primary);
}

[data-theme="dark"] .services-empty {
  color: var(--text-secondary);
}

/* ============================================
   SERVICE MODAL
   ============================================ */

[data-theme="dark"] .service-modal__overlay {
  background: var(--overlay);
  backdrop-filter: blur(8px);
  -webkit-backdrop-filter: blur(8px);
}

[data-theme="dark"] .service-modal__container {
  background: var(--bg-card) !important;
  border: 1px solid var(--border-color);
  box-shadow: var(--shadow-xl);
}

[data-theme="dark"] .service-modal__close {
  background: rgba(255, 255, 255, 0.1) !important;
  color: var(--text-primary) !important;
  border: 1px solid var(--border-color);
}

[data-theme="dark"] .service-modal__close:hover {
  background: rgba(255, 255, 255, 0.15) !important;
}

[data-theme="dark"] .service-modal__title {
  color: var(--text-primary) !important;
}

[data-theme="dark"] .service-modal__rating-value {
  color: var(--text-primary) !important;
}

[data-theme="dark"] .service-modal__reviews {
  color: var(--text-tertiary) !important;
}

[data-theme="dark"] .service-modal__price-value {
  color: var(--text-primary) !important;
}

[data-theme="dark"] .service-modal__price-period {
  color: var(--text-tertiary) !important;
}

[data-theme="dark"] .service-modal__description-title {
  color: var(--text-primary) !important;
}

[data-theme="dark"] .service-modal__description-text {
  color: var(--text-secondary) !important;
}

[data-theme="dark"] .service-modal__feature span {
  color: var(--text-secondary) !important;
}

[data-theme="dark"] .service-modal__payment-title {
  color: var(--text-primary) !important;
}

[data-theme="dark"] .service-modal__payment-card {
  background: var(--bg-secondary) !important;
  border: 1px solid var(--border-color) !important;
}

[data-theme="dark"] .service-modal__payment-card:hover {
  background: var(--bg-tertiary) !important;
  border-color: #000000 !important;
}

[data-theme="dark"] .service-modal__payment-name {
  color: var(--text-primary) !important;
}

[data-theme="dark"] .service-modal__payment-desc {
  color: var(--text-secondary) !important;
}

[data-theme="dark"] .service-modal__button--primary {
  background: #000000 !important;
  color: #ffffff !important;
}

[data-theme="dark"] .service-modal__button--primary:hover {
  background: #1a1a1a !important;
  box-shadow: 0 0 20px rgba(0, 0, 0, 0.5);
}

[data-theme="dark"] .service-modal__button--secondary {
  background: var(--bg-secondary) !important;
  color: var(--text-primary) !important;
  border: 1px solid var(--border-color) !important;
}

[data-theme="dark"] .service-modal__button--secondary:hover {
  background: var(--bg-tertiary) !important;
}

/* ============================================
   MENU INFERIOR
   ============================================ */

[data-theme="dark"] .menu {
  background: var(--bg-card) !important;
  border-top: 1px solid var(--border-color) !important;
  box-shadow: 0 -4px 20px rgba(0, 0, 0, 0.5) !important;
}

[data-theme="dark"] .menu .link {
  color: var(--text-secondary) !important;
}

[data-theme="dark"] .menu .link:hover,
[data-theme="dark"] .menu .link.active {
  color: #ffffff !important;
}

[data-theme="dark"] .menu .link::before {
  background-color: rgba(255, 255, 255, 0.06) !important;
}

[data-theme="dark"] .link-title {
  color: inherit;
}

/* ============================================
   FOOTER
   ============================================ */

[data-theme="dark"] .footer {
  background: var(--bg-secondary) !important;
  border-top: 1px solid var(--border-color) !important;
}

[data-theme="dark"] .footer__title {
  color: var(--text-primary) !important;
}

[data-theme="dark"] .footer__description {
  color: var(--text-secondary) !important;
}

[data-theme="dark"] .footer__link {
  color: var(--text-secondary) !important;
}

[data-theme="dark"] .footer__link:hover {
  color: #ffffff !important;
}

[data-theme="dark"] .footer__link svg {
  opacity: 0.7;
}

[data-theme="dark"] .footer__link:hover svg {
  opacity: 1;
}

[data-theme="dark"] .footer__logo {
  color: var(--text-primary) !important;
}

[data-theme="dark"] .footer__copyright {
  color: var(--text-muted) !important;
}

[data-theme="dark"] .footer__legal-link {
  color: var(--text-tertiary) !important;
}

[data-theme="dark"] .footer__legal-link:hover {
  color: var(--text-secondary) !important;
}

[data-theme="dark"] .footer__social-link {
  background: var(--bg-card) !important;
  border: 1px solid var(--border-color) !important;
  color: var(--text-secondary) !important;
}

[data-theme="dark"] .footer__social-link:hover {
  background: var(--bg-card-hover) !important;
  color: #ffffff !important;
  border-color: var(--border-color-hover) !important;
  transform: translateY(-2px);
}

[data-theme="dark"] .footer__bottom {
  border-top: 1px solid var(--border-color) !important;
}

/* ============================================
   SOCIAL FIXED
   ============================================ */

[data-theme="dark"] .social-fixed__item {
  background: var(--bg-card) !important;
  border: 1px solid var(--border-color) !important;
  color: var(--text-secondary) !important;
  box-shadow: var(--shadow-sm);
}

[data-theme="dark"] .social-fixed__item:hover {
  background: var(--bg-card-hover) !important;
  color: #ffffff !important;
  border-color: var(--border-color-hover) !important;
  box-shadow: var(--shadow-md);
}

/* ============================================
   PAYMENT LOADING
   ============================================ */

[data-theme="dark"] .payment-loading__overlay {
  background: var(--overlay);
  backdrop-filter: blur(8px);
  -webkit-backdrop-filter: blur(8px);
}

[data-theme="dark"] .payment-loading__container {
  background: var(--bg-card) !important;
  border: 1px solid var(--border-color);
}

[data-theme="dark"] .payment-loading__new {
  color: var(--text-primary) !important;
}

/* ============================================
   PURCHASE CONTAINER
   ============================================ */

[data-theme="dark"] .purchase-container {
  background: var(--bg-primary);
}

/* ============================================
   SCROLLBAR CUSTOMIZADA
   ============================================ */

[data-theme="dark"] ::-webkit-scrollbar {
  width: 10px;
  height: 10px;
}

[data-theme="dark"] ::-webkit-scrollbar-track {
  background: var(--bg-secondary);
  border-radius: 5px;
}

[data-theme="dark"] ::-webkit-scrollbar-thumb {
  background: var(--bg-tertiary);
  border-radius: 5px;
  border: 2px solid var(--bg-secondary);
}

[data-theme="dark"] ::-webkit-scrollbar-thumb:hover {
  background: var(--text-tertiary);
}

[data-theme="dark"] * {
  scrollbar-width: thin;
  scrollbar-color: var(--bg-tertiary) var(--bg-secondary);
}

/* ============================================
   ELEMENTOS ADICIONAIS
   ============================================ */

[data-theme="dark"] input[type="text"],
[data-theme="dark"] input[type="email"],
[data-theme="dark"] input[type="password"],
[data-theme="dark"] input[type="search"],
[data-theme="dark"] textarea,
[data-theme="dark"] select {
  background: var(--bg-secondary);
  color: var(--text-primary);
  border: 1px solid var(--border-color);
}

[data-theme="dark"] input[type="text"]:focus,
[data-theme="dark"] input[type="email"]:focus,
[data-theme="dark"] input[type="password"]:focus,
[data-theme="dark"] input[type="search"]:focus,
[data-theme="dark"] textarea:focus,
[data-theme="dark"] select:focus {
  border-color: #000000;
  box-shadow: 0 0 0 3px rgba(0, 0, 0, 0.2);
  outline: none;
}

[data-theme="dark"] input::placeholder {
  color: var(--text-muted);
}

/* Status indicators */
[data-theme="dark"] .status-indicator {
  box-shadow: 0 0 0 2px rgba(48, 209, 88, 0.3);
}

/* Animações suaves */
[data-theme="dark"] * {
  transition: background-color 0.2s ease, border-color 0.2s ease, color 0.2s ease;
}

/* ============================================
   CHAT - TEMA ESCURO
   ============================================ */

[data-theme="dark"] .chat-wrapper {
  background: var(--bg-primary);
}

[data-theme="dark"] .chat-sidebar {
  background: var(--bg-card) !important;
  border-right: 1px solid var(--border-color) !important;
}

[data-theme="dark"] .chat-sidebar__header {
  background: var(--bg-card) !important;
  border-bottom: 1px solid var(--border-color) !important;
}

[data-theme="dark"] .chat-sidebar__title {
  color: var(--text-primary) !important;
}

[data-theme="dark"] .chat-sidebar__count {
  background: #000000 !important;
  color: #ffffff !important;
}

[data-theme="dark"] .chat-sidebar__search {
  background: var(--bg-secondary) !important;
  border: 1px solid var(--border-color) !important;
}

[data-theme="dark"] .chat-sidebar__search:focus-within {
  border-color: #000000 !important;
  box-shadow: 0 0 0 3px rgba(0, 0, 0, 0.2) !important;
}

[data-theme="dark"] .chat-sidebar__search input {
  color: var(--text-primary) !important;
  background: transparent !important;
}

[data-theme="dark"] .chat-sidebar__search input::placeholder {
  color: var(--text-muted) !important;
}

[data-theme="dark"] .chat-sidebar__search svg {
  color: var(--text-tertiary) !important;
}

[data-theme="dark"] .chat-sidebar__loading {
  color: var(--text-secondary) !important;
}

[data-theme="dark"] .conversation-item {
  background: transparent !important;
  color: var(--text-primary) !important;
}

[data-theme="dark"] .conversation-item:hover {
  background: rgba(255, 255, 255, 0.05) !important;
}

[data-theme="dark"] .conversation-item--active {
  background: var(--bg-secondary) !important;
  box-shadow: var(--shadow-sm) !important;
}

[data-theme="dark"] .conversation-item__avatar-img {
  background: var(--bg-tertiary) !important;
}

[data-theme="dark"] .conversation-item__avatar-placeholder {
  background: var(--bg-tertiary) !important;
  color: var(--text-tertiary) !important;
}

[data-theme="dark"] .conversation-item__name {
  color: var(--text-primary) !important;
}

[data-theme="dark"] .conversation-item__time {
  color: var(--text-tertiary) !important;
}

[data-theme="dark"] .conversation-item__preview {
  color: var(--text-secondary) !important;
}

[data-theme="dark"] .conversation-item__unread {
  background: #000000 !important;
  color: #ffffff !important;
}

[data-theme="dark"] .chat-main {
  background: var(--bg-primary) !important;
}

[data-theme="dark"] .chat-empty-state {
  color: var(--text-secondary) !important;
}

[data-theme="dark"] .chat-empty-state h3 {
  color: var(--text-primary) !important;
}

[data-theme="dark"] .chat-empty-state p {
  color: var(--text-tertiary) !important;
}

[data-theme="dark"] .chat-container {
  background: var(--bg-primary) !important;
}

[data-theme="dark"] .chat-header {
  background: var(--bg-card) !important;
  border-bottom: 1px solid var(--border-color) !important;
  box-shadow: var(--shadow-sm) !important;
}

[data-theme="dark"] .chat-header__back {
  background: rgba(255, 255, 255, 0.08) !important;
  color: var(--text-primary) !important;
}

[data-theme="dark"] .chat-header__back:hover {
  background: rgba(255, 255, 255, 0.12) !important;
}

[data-theme="dark"] .chat-header__avatar-img {
  background: var(--bg-tertiary) !important;
}

[data-theme="dark"] .chat-header__name {
  color: var(--text-primary) !important;
}

[data-theme="dark"] .chat-header__subtitle {
  color: var(--text-secondary) !important;
}

[data-theme="dark"] .chat-header__menu {
  background: rgba(255, 255, 255, 0.08) !important;
  color: var(--text-primary) !important;
}

[data-theme="dark"] .chat-header__menu:hover {
  background: rgba(255, 255, 255, 0.12) !important;
}

[data-theme="dark"] .chat-messages {
  background: var(--bg-primary) !important;
}

[data-theme="dark"] .chat-messages::-webkit-scrollbar-track {
  background: var(--bg-secondary) !important;
}

[data-theme="dark"] .chat-messages::-webkit-scrollbar-thumb {
  background: var(--bg-tertiary) !important;
}

[data-theme="dark"] .chat-messages::-webkit-scrollbar-thumb:hover {
  background: var(--text-tertiary) !important;
}

[data-theme="dark"] .chat-empty {
  color: var(--text-secondary) !important;
}

[data-theme="dark"] .chat-message {
  background: transparent !important;
}

[data-theme="dark"] .chat-message--client .chat-message__bubble {
  background: #000000 !important;
  color: #ffffff !important;
}

[data-theme="dark"] .chat-message--barber .chat-message__bubble {
  background: var(--bg-card) !important;
  color: var(--text-primary) !important;
  border: 1px solid var(--border-color) !important;
}

[data-theme="dark"] .chat-message__text {
  color: inherit !important;
}

[data-theme="dark"] .chat-message__time {
  color: inherit !important;
  opacity: 0.8;
}

[data-theme="dark"] .chat-input-container {
  background: var(--bg-card) !important;
  border-top: 1px solid var(--border-color) !important;
  box-shadow: 0 -4px 20px rgba(0, 0, 0, 0.3) !important;
}

[data-theme="dark"] .chat-input__wrapper {
  background: var(--bg-secondary) !important;
  border: 1px solid var(--border-color) !important;
}

[data-theme="dark"] .chat-input {
  background: transparent !important;
  color: var(--text-primary) !important;
}

[data-theme="dark"] .chat-input::placeholder {
  color: var(--text-muted) !important;
}

[data-theme="dark"] .chat-input__attach,
[data-theme="dark"] .chat-input__emoji,
[data-theme="dark"] .chat-input__send {
  color: var(--text-primary) !important;
}

[data-theme="dark"] .chat-input__attach:hover,
[data-theme="dark"] .chat-input__emoji:hover,
[data-theme="dark"] .chat-input__send:hover {
  background: rgba(255, 255, 255, 0.08) !important;
}

[data-theme="dark"] .chat-input__send {
  background: #000000 !important;
  color: #ffffff !important;
}

[data-theme="dark"] .chat-input__send:hover {
  background: #1a1a1a !important;
}

[data-theme="dark"] .chat-typing {
  background: var(--bg-primary) !important;
}

[data-theme="dark"] .chat-typing__text {
  color: var(--text-secondary) !important;
}

[data-theme="dark"] .chat-menu-dropdown {
  background: var(--bg-card) !important;
  border: 1px solid var(--border-color) !important;
  box-shadow: var(--shadow-lg) !important;
}

[data-theme="dark"] .chat-menu-item {
  color: var(--text-primary) !important;
}

[data-theme="dark"] .chat-menu-item:hover {
  background: rgba(255, 255, 255, 0.06) !important;
}

/* ============================================
   SERVICE CARDS - MELHORIAS NO TEMA ESCURO
   ============================================ */

[data-theme="dark"] .service-card__content {
  background: var(--bg-card) !important;
  border-top: 1px solid var(--border-color) !important;
}

[data-theme="dark"] .service-card__header {
  background: transparent !important;
}

[data-theme="dark"] .service-card__footer {
  border-top: 1px solid var(--border-color) !important;
}

[data-theme="dark"] .service-card__badge {
  background: linear-gradient(135deg, var(--bg-tertiary) 0%, var(--bg-elevated) 100%) !important;
  color: var(--text-primary) !important;
  border: 1px solid var(--border-color) !important;
}

[data-theme="dark"] .service-card__image {
  background: var(--bg-secondary) !important;
}

[data-theme="dark"] .service-card__overlay {
  background: linear-gradient(
    180deg,
    rgba(10, 10, 15, 0) 0%,
    rgba(10, 10, 15, 0.3) 50%,
    rgba(10, 10, 15, 0.9) 100%
  ) !important;
}

[data-theme="dark"] .service-card__star {
  color: #ffb800 !important;
  filter: drop-shadow(0 2px 4px rgba(255, 184, 0, 0.6)) !important;
}

[data-theme="dark"] .service-card__rating-value {
  color: var(--text-primary) !important;
}

[data-theme="dark"] .service-card__reviews {
  color: var(--text-tertiary) !important;
}

[data-theme="dark"] .service-card__price-value {
  color: var(--text-primary) !important;
}

[data-theme="dark"] .service-card__price-period {
  color: var(--text-tertiary) !important;
}

[data-theme="dark"] .service-card__button {
  background: #000000 !important;
  color: #ffffff !important;
  box-shadow: 
    0 4px 16px rgba(0, 0, 0, 0.5),
    inset 0 1px 0 rgba(255, 255, 255, 0.1) !important;
}

[data-theme="dark"] .service-card__button:hover {
  background: #1a1a1a !important;
  box-shadow: 
    0 6px 24px rgba(0, 0, 0, 0.6),
    0 0 20px rgba(0, 0, 0, 0.3),
    inset 0 1px 0 rgba(255, 255, 255, 0.15) !important;
}

/* ============================================
   SEARCH PAGE - TEMA ESCURO
   ============================================ */

[data-theme="dark"] .search-filters {
  background: var(--bg-card) !important;
  border-bottom: 1px solid var(--border-color) !important;
}

[data-theme="dark"] .search-filter-btn {
  background: var(--bg-secondary) !important;
  border: 1px solid var(--border-color) !important;
  color: var(--text-primary) !important;
}

[data-theme="dark"] .search-filter-btn:hover {
  border-color: #000000 !important;
  color: #ffffff !important;
  background: rgba(0, 0, 0, 0.1) !important;
}

[data-theme="dark"] .search-filter-btn.active {
  background: #000000 !important;
  border-color: #000000 !important;
  color: #ffffff !important;
}

[data-theme="dark"] .search-filter-btn svg {
  color: inherit !important;
}

[data-theme="dark"] .search-results {
  background: var(--bg-primary) !important;
}

[data-theme="dark"] .search-results__header {
  border-bottom: 1px solid var(--border-color) !important;
}

[data-theme="dark"] .search-results__title {
  color: var(--text-primary) !important;
}

[data-theme="dark"] .search-results__count {
  color: var(--text-tertiary) !important;
}

[data-theme="dark"] .barber-card {
  background: var(--bg-card) !important;
  border: 1px solid var(--border-color) !important;
  box-shadow: var(--shadow-sm) !important;
}

[data-theme="dark"] .barber-card:hover {
  background: var(--bg-card-hover) !important;
  border-color: var(--border-color-hover) !important;
  box-shadow: var(--shadow-md) !important;
}

[data-theme="dark"] .barber-card__badge {
  background: rgba(0, 0, 0, 0.8) !important;
  color: #ffffff !important;
}

[data-theme="dark"] .barber-card__name {
  color: var(--text-primary) !important;
}

[data-theme="dark"] .barber-card__specialty {
  color: var(--text-secondary) !important;
}

[data-theme="dark"] .barber-card__rating {
  color: var(--text-primary) !important;
}

[data-theme="dark"] .barber-card__star {
  color: #ffb800 !important;
}

[data-theme="dark"] .barber-card__reviews {
  color: var(--text-tertiary) !important;
}

[data-theme="dark"] .barber-card__bio {
  color: var(--text-secondary) !important;
}

[data-theme="dark"] .barber-card__status {
  color: var(--text-tertiary) !important;
}

[data-theme="dark"] .barber-card__status--online {
  color: #30d158 !important;
}

[data-theme="dark"] .barber-card__button {
  background: #000000 !important;
  color: #ffffff !important;
}

[data-theme="dark"] .barber-card__button:hover {
  background: #1a1a1a !important;
}

[data-theme="dark"] .service-result-card {
  background: var(--bg-card) !important;
  border: 1px solid var(--border-color) !important;
  box-shadow: var(--shadow-sm) !important;
}

[data-theme="dark"] .service-result-card:hover {
  background: var(--bg-card-hover) !important;
  border-color: var(--border-color-hover) !important;
  box-shadow: var(--shadow-md) !important;
}

[data-theme="dark"] .service-result-card__icon {
  background: var(--bg-secondary) !important;
  color: var(--text-primary) !important;
}

[data-theme="dark"] .service-result-card__name {
  color: var(--text-primary) !important;
}

[data-theme="dark"] .service-result-card__description {
  color: var(--text-secondary) !important;
}

[data-theme="dark"] .service-result-card__price {
  color: var(--text-primary) !important;
}

[data-theme="dark"] .service-result-card__duration {
  color: var(--text-tertiary) !important;
}

[data-theme="dark"] .service-result-card__footer {
  border-top: 1px solid var(--border-color) !important;
}

[data-theme="dark"] .search-empty {
  color: var(--text-secondary) !important;
}

[data-theme="dark"] .search-empty svg {
  color: var(--text-tertiary) !important;
}

[data-theme="dark"] .search-empty__title {
  color: var(--text-primary) !important;
}

[data-theme="dark"] .search-empty__text {
  color: var(--text-tertiary) !important;
}

[data-theme="dark"] .search-suggestions {
  background: var(--bg-card) !important;
  border: 1px solid var(--border-color) !important;
  box-shadow: var(--shadow-lg) !important;
}

[data-theme="dark"] .search-suggestions__header {
  color: var(--text-tertiary) !important;
  border-bottom: 1px solid var(--border-color) !important;
}

[data-theme="dark"] .search-suggestion {
  color: var(--text-primary) !important;
}

[data-theme="dark"] .search-suggestion:hover {
  background: rgba(255, 255, 255, 0.05) !important;
}

[data-theme="dark"] .search-suggestion svg {
  color: var(--text-tertiary) !important;
}

[data-theme="dark"] .search-suggestion span strong {
  color: var(--text-primary) !important;
}

/* ============================================
   SERVICE MODAL - MELHORIAS NO TEMA ESCURO
   ============================================ */

[data-theme="dark"] .service-modal__image-container {
  background: var(--bg-secondary) !important;
}

[data-theme="dark"] .service-modal__image::after {
  background: linear-gradient(to bottom, 
    rgba(15, 16, 22, 0) 0%,
    rgba(15, 16, 22, 0) 40%,
    rgba(15, 16, 22, 0.25) 60%,
    rgba(15, 16, 22, 0.5) 75%,
    rgba(15, 16, 22, 0.75) 88%,
    rgba(15, 16, 22, 0.92) 95%,
    rgba(15, 16, 22, 1) 100%
  ) !important;
  backdrop-filter: blur(0.5px);
  -webkit-backdrop-filter: blur(0.5px);
}

[data-theme="dark"] .service-modal__badge {
  background: linear-gradient(135deg, var(--bg-tertiary) 0%, var(--bg-elevated) 100%) !important;
  color: var(--text-primary) !important;
  border: 1px solid var(--border-color) !important;
}

[data-theme="dark"] .service-modal__content {
  background: var(--bg-card) !important;
  color: var(--text-primary) !important;
}

[data-theme="dark"] .service-modal__header {
  border-bottom: 1px solid var(--border-color) !important;
}

[data-theme="dark"] .service-modal__rating {
  color: var(--text-primary) !important;
}

[data-theme="dark"] .service-modal__star {
  color: #ffb800 !important;
}

[data-theme="dark"] .service-modal__price-section {
  border-top: 1px solid var(--border-color) !important;
  border-bottom: 1px solid var(--border-color) !important;
}

[data-theme="dark"] .service-modal__description {
  border-bottom: 1px solid var(--border-color) !important;
}

[data-theme="dark"] .service-modal__features {
  border-bottom: 1px solid var(--border-color) !important;
}

[data-theme="dark"] .service-modal__feature {
  color: var(--text-secondary) !important;
}

[data-theme="dark"] .service-modal__feature svg {
  color: #ffffff !important;
}

[data-theme="dark"] .service-modal__payment-section {
  border-top: 1px solid var(--border-color) !important;
}

[data-theme="dark"] .service-modal__payment-option input[type="radio"]:checked + .service-modal__payment-card {
  background: var(--bg-secondary) !important;
  border-color: #000000 !important;
}

[data-theme="dark"] .service-modal__payment-icon {
  color: var(--text-primary) !important;
}

[data-theme="dark"] .service-modal__schedule-section {
  border-top: 1px solid var(--border-color) !important;
  background: var(--bg-secondary) !important;
}

[data-theme="dark"] .service-modal__schedule-title {
  color: var(--text-primary) !important;
}

/* ============================================
   OUTRAS PÁGINAS - TEMA ESCURO
   ============================================ */

[data-theme="dark"] .barber-selection {
  background: var(--bg-primary) !important;
}

[data-theme="dark"] .barber-card {
  background: var(--bg-card) !important;
  border: 2px solid var(--border-color) !important;
}

[data-theme="dark"] .barber-card:hover {
  background: var(--bg-card-hover) !important;
  border-color: var(--border-color-hover) !important;
}

[data-theme="dark"] .barber-card__name {
  color: var(--text-primary) !important;
}

[data-theme="dark"] .barber-card__specialty {
  color: var(--text-secondary) !important;
}

[data-theme="dark"] .barber-card__status {
  color: var(--text-tertiary) !important;
}

[data-theme="dark"] .barber-card--selected {
  border-color: #000000 !important;
  background: var(--bg-card-hover) !important;
  box-shadow: 0 0 0 3px rgba(0, 0, 0, 0.3) !important;
}

[data-theme="dark"] .barber-card--selected .barber-card__name {
  color: #ffffff !important;
}

[data-theme="dark"] .barber-card__check {
  background: #000000 !important;
  color: #ffffff !important;
}

/* ============================================
   SEARCH E OUTRAS SEÇÕES - TEMA ESCURO
   ============================================ */

[data-theme="dark"] .search-section {
  background: var(--bg-primary) !important;
}

[data-theme="dark"] .logo-section {
  background: var(--bg-primary) !important;
}

[data-theme="dark"] .services-grid {
  background: var(--bg-primary) !important;
}

[data-theme="dark"] .services-section {
  background: var(--bg-primary) !important;
}

[data-theme="dark"] .barber-selection__title {
  color: var(--text-primary) !important;
}

[data-theme="dark"] .barber-selection__list {
  background: var(--bg-primary) !important;
}

[data-theme="dark"] .barber-selection__loading {
  color: var(--text-secondary) !important;
}

[data-theme="dark"] .barber-selection__empty {
  color: var(--text-secondary) !important;
}

/* Garantir que imagens tenham fundo adequado */
[data-theme="dark"] img {
  opacity: 1;
}

[data-theme="dark"] .service-card__image img,
[data-theme="dark"] .service-modal__image img {
  opacity: 1;
  filter: brightness(0.95);
}

/* Garantir contraste em todos os textos */
[data-theme="dark"] p,
[data-theme="dark"] span,
[data-theme="dark"] div {
  color: inherit;
}

[data-theme="dark"] h1,
[data-theme="dark"] h2,
[data-theme="dark"] h3,
[data-theme="dark"] h4,
[data-theme="dark"] h5,
[data-theme="dark"] h6 {
  color: var(--text-primary) !important;
}

/* ============================================
   PROFILE PAGE - TEMA ESCURO COMPLETO
   ============================================ */

[data-theme="dark"] .profile-container {
  background: var(--bg-primary) !important;
}

/* Profile Hero Section */
[data-theme="dark"] .profile-hero {
  background: var(--bg-card) !important;
  border: 1px solid var(--border-color) !important;
  box-shadow: var(--shadow-sm) !important;
}

[data-theme="dark"] .profile-hero__avatar {
  background: var(--bg-tertiary) !important;
  border: 2px solid var(--border-color) !important;
}

[data-theme="dark"] .profile-hero__avatar-initial {
  color: var(--text-primary) !important;
}

[data-theme="dark"] .profile-hero__edit-avatar {
  background: var(--bg-secondary) !important;
  border: 1px solid var(--border-color) !important;
  color: var(--text-primary) !important;
}

[data-theme="dark"] .profile-hero__edit-avatar:hover {
  background: var(--bg-tertiary) !important;
  border-color: var(--border-color-hover) !important;
}

[data-theme="dark"] .profile-hero__name {
  color: var(--text-primary) !important;
}

[data-theme="dark"] .profile-hero__username {
  color: var(--text-secondary) !important;
}

[data-theme="dark"] .profile-hero__email {
  color: var(--text-tertiary) !important;
}

[data-theme="dark"] .profile-hero__edit-btn {
  background: var(--bg-secondary) !important;
  border: 1px solid var(--border-color) !important;
  color: var(--text-primary) !important;
}

[data-theme="dark"] .profile-hero__edit-btn:hover {
  background: #000000 !important;
  border-color: #000000 !important;
  color: #ffffff !important;
}

/* Profile Stats Cards */
[data-theme="dark"] .profile-stats {
  background: var(--bg-primary) !important;
}

[data-theme="dark"] .profile-stat-card {
  background: var(--bg-card) !important;
  border: 1px solid var(--border-color) !important;
  box-shadow: var(--shadow-sm) !important;
}

[data-theme="dark"] .profile-stat-card:hover {
  background: var(--bg-card-hover) !important;
  border-color: var(--border-color-hover) !important;
  box-shadow: var(--shadow-md) !important;
}

[data-theme="dark"] .profile-stat-card__icon {
  background: var(--bg-secondary) !important;
  color: var(--text-primary) !important;
}

[data-theme="dark"] .profile-stat-card__value {
  color: var(--text-primary) !important;
}

[data-theme="dark"] .profile-stat-card__label {
  color: var(--text-tertiary) !important;
}

/* Profile Sections */
[data-theme="dark"] .profile-section {
  background: var(--bg-primary) !important;
}

[data-theme="dark"] .profile-section__title {
  color: var(--text-primary) !important;
}

[data-theme="dark"] .profile-section__header {
  border-bottom: 1px solid var(--border-color) !important;
}

[data-theme="dark"] .profile-section__link {
  color: var(--text-secondary) !important;
}

[data-theme="dark"] .profile-section__link:hover {
  color: #ffffff !important;
}

/* Profile Info Card */
[data-theme="dark"] .profile-info-card {
  background: var(--bg-card) !important;
  border: 1px solid var(--border-color) !important;
  box-shadow: var(--shadow-sm) !important;
}

[data-theme="dark"] .profile-info-item {
  background: var(--bg-card) !important;
  border-bottom: 1px solid var(--border-color) !important;
}

[data-theme="dark"] .profile-info-item:last-child {
  border-bottom: none !important;
}

[data-theme="dark"] .profile-info-item:hover {
  background: var(--bg-card-hover) !important;
}

[data-theme="dark"] .profile-info-item__icon {
  background: var(--bg-secondary) !important;
  color: var(--text-primary) !important;
}

[data-theme="dark"] .profile-info-item__label {
  color: var(--text-tertiary) !important;
}

[data-theme="dark"] .profile-info-item__value {
  color: var(--text-primary) !important;
}

[data-theme="dark"] .profile-info-item__edit {
  color: var(--text-tertiary) !important;
}

[data-theme="dark"] .profile-info-item__edit:hover {
  background: rgba(255, 255, 255, 0.08) !important;
  color: var(--text-primary) !important;
}

/* Profile Appointments */
[data-theme="dark"] .profile-appointments {
  background: var(--bg-primary) !important;
}

[data-theme="dark"] .profile-appointment-card {
  background: var(--bg-card) !important;
  border: 1px solid var(--border-color) !important;
  box-shadow: var(--shadow-sm) !important;
}

[data-theme="dark"] .profile-appointment-card:hover {
  background: var(--bg-card-hover) !important;
  border-color: var(--border-color-hover) !important;
  box-shadow: var(--shadow-md) !important;
}

[data-theme="dark"] .profile-appointment-card__icon {
  background: var(--bg-secondary) !important;
  color: var(--text-primary) !important;
}

[data-theme="dark"] .profile-appointment-card__title {
  color: var(--text-primary) !important;
}

[data-theme="dark"] .profile-appointment-card__date {
  color: var(--text-secondary) !important;
}

[data-theme="dark"] .profile-appointment-card__status {
  color: var(--text-tertiary) !important;
}

[data-theme="dark"] .profile-appointment-card__delete {
  background: transparent !important;
  color: var(--text-tertiary) !important;
}

[data-theme="dark"] .profile-appointment-card__delete:hover {
  background: rgba(255, 59, 48, 0.1) !important;
  color: #ff3b30 !important;
}

[data-theme="dark"] .profile-empty-state {
  background: var(--bg-primary) !important;
  color: var(--text-secondary) !important;
}

[data-theme="dark"] .profile-empty-state svg {
  color: var(--text-tertiary) !important;
}

[data-theme="dark"] .profile-empty-state__link {
  background: #000000 !important;
  color: #ffffff !important;
}

[data-theme="dark"] .profile-empty-state__link:hover {
  background: #1a1a1a !important;
}

/* Profile Settings */
[data-theme="dark"] .profile-settings {
  background: var(--bg-primary) !important;
}

[data-theme="dark"] .profile-setting-item {
  background: var(--bg-card) !important;
  border: 1px solid var(--border-color) !important;
  color: var(--text-primary) !important;
}

[data-theme="dark"] .profile-setting-item:hover {
  background: var(--bg-card-hover) !important;
  border-color: var(--border-color-hover) !important;
}

[data-theme="dark"] .profile-setting-item__icon {
  background: var(--bg-secondary) !important;
  color: var(--text-primary) !important;
}

[data-theme="dark"] .profile-setting-item__title {
  color: var(--text-primary) !important;
}

[data-theme="dark"] .profile-setting-item__subtitle {
  color: var(--text-tertiary) !important;
}

[data-theme="dark"] .profile-setting-item__arrow {
  color: var(--text-tertiary) !important;
}

[data-theme="dark"] .profile-setting-item--danger {
  border-color: rgba(255, 59, 48, 0.3) !important;
}

[data-theme="dark"] .profile-setting-item--danger:hover {
  background: rgba(255, 59, 48, 0.1) !important;
  border-color: rgba(255, 59, 48, 0.5) !important;
}

[data-theme="dark"] .profile-setting-item--danger .profile-setting-item__title {
  color: #ff3b30 !important;
}

[data-theme="dark"] .profile-setting-item--danger .profile-setting-item__icon {
  color: #ff3b30 !important;
}

/* Edit Profile Modal */
[data-theme="dark"] .edit-profile-modal-overlay {
  background: var(--overlay) !important;
  backdrop-filter: blur(8px) !important;
  -webkit-backdrop-filter: blur(8px) !important;
}

[data-theme="dark"] .edit-profile-modal {
  background: var(--bg-card) !important;
  border: 1px solid var(--border-color) !important;
  box-shadow: var(--shadow-xl) !important;
}

[data-theme="dark"] .edit-profile-modal__header {
  border-bottom: 1px solid var(--border-color) !important;
}

[data-theme="dark"] .edit-profile-modal__title {
  color: var(--text-primary) !important;
}

[data-theme="dark"] .edit-profile-modal__close {
  background: rgba(255, 255, 255, 0.08) !important;
  color: var(--text-primary) !important;
  border: 1px solid var(--border-color) !important;
}

[data-theme="dark"] .edit-profile-modal__close:hover {
  background: rgba(255, 255, 255, 0.12) !important;
}

[data-theme="dark"] .edit-profile__avatar {
  background: var(--bg-secondary) !important;
  border: 2px solid var(--border-color) !important;
}

[data-theme="dark"] .edit-profile__avatar-initial {
  color: var(--text-primary) !important;
}

[data-theme="dark"] .edit-profile__avatar-btn {
  background: var(--bg-secondary) !important;
  border: 1px solid var(--border-color) !important;
  color: var(--text-primary) !important;
}

[data-theme="dark"] .edit-profile__avatar-btn:hover {
  background: var(--bg-tertiary) !important;
  border-color: var(--border-color-hover) !important;
}

[data-theme="dark"] .edit-profile__avatar-btn--remove {
  background: rgba(255, 59, 48, 0.1) !important;
  border-color: rgba(255, 59, 48, 0.3) !important;
  color: #ff3b30 !important;
}

[data-theme="dark"] .edit-profile__avatar-btn--remove:hover {
  background: rgba(255, 59, 48, 0.2) !important;
  border-color: rgba(255, 59, 48, 0.5) !important;
}

[data-theme="dark"] .edit-profile__avatar-hint {
  color: var(--text-tertiary) !important;
}

[data-theme="dark"] .edit-profile__label {
  color: var(--text-primary) !important;
}

[data-theme="dark"] .edit-profile__input {
  background: var(--bg-secondary) !important;
  border: 1px solid var(--border-color) !important;
  color: var(--text-primary) !important;
}

[data-theme="dark"] .edit-profile__input::placeholder {
  color: var(--text-muted) !important;
}

[data-theme="dark"] .edit-profile__input:focus {
  border-color: #000000 !important;
  box-shadow: 0 0 0 3px rgba(0, 0, 0, 0.2) !important;
}

[data-theme="dark"] .edit-profile__actions {
  border-top: 1px solid var(--border-color) !important;
}

[data-theme="dark"] .edit-profile__btn--cancel {
  background: var(--bg-secondary) !important;
  border: 1px solid var(--border-color) !important;
  color: var(--text-primary) !important;
}

[data-theme="dark"] .edit-profile__btn--cancel:hover {
  background: var(--bg-tertiary) !important;
}

[data-theme="dark"] .edit-profile__btn--save {
  background: #000000 !important;
  color: #ffffff !important;
}

[data-theme="dark"] .edit-profile__btn--save:hover {
  background: #1a1a1a !important;
}

/* Appointments Modal */
[data-theme="dark"] .appointments-modal-overlay {
  background: var(--overlay) !important;
  backdrop-filter: blur(8px) !important;
  -webkit-backdrop-filter: blur(8px) !important;
}

[data-theme="dark"] .appointments-modal {
  background: var(--bg-card) !important;
  border: 1px solid var(--border-color) !important;
  box-shadow: var(--shadow-xl) !important;
}

[data-theme="dark"] .appointments-modal__header {
  border-bottom: 1px solid var(--border-color) !important;
}

[data-theme="dark"] .appointments-modal__title {
  color: var(--text-primary) !important;
}

[data-theme="dark"] .appointments-modal__close {
  background: rgba(255, 255, 255, 0.08) !important;
  color: var(--text-primary) !important;
  border: 1px solid var(--border-color) !important;
}

[data-theme="dark"] .appointments-modal__close:hover {
  background: rgba(255, 255, 255, 0.12) !important;
}

[data-theme="dark"] .appointments-modal__body {
  background: var(--bg-card) !important;
}

[data-theme="dark"] .appointments-modal__loading {
  color: var(--text-secondary) !important;
}

/* Delete Appointment Modal */
[data-theme="dark"] .delete-appointment-modal-overlay {
  background: var(--overlay) !important;
  backdrop-filter: blur(8px) !important;
  -webkit-backdrop-filter: blur(8px) !important;
}

[data-theme="dark"] .delete-appointment-modal {
  background: var(--bg-card) !important;
  border: 1px solid var(--border-color) !important;
  box-shadow: var(--shadow-xl) !important;
}

[data-theme="dark"] .delete-appointment-modal__header {
  border-bottom: 1px solid var(--border-color) !important;
}

[data-theme="dark"] .delete-appointment-modal__title {
  color: var(--text-primary) !important;
}

[data-theme="dark"] .delete-appointment-modal__close {
  background: rgba(255, 255, 255, 0.08) !important;
  color: var(--text-primary) !important;
  border: 1px solid var(--border-color) !important;
}

[data-theme="dark"] .delete-appointment-modal__close:hover {
  background: rgba(255, 255, 255, 0.12) !important;
}

[data-theme="dark"] .delete-appointment-modal__description {
  color: var(--text-secondary) !important;
}

[data-theme="dark"] .delete-appointment-modal__btn {
  background: var(--bg-secondary) !important;
  border: 1px solid var(--border-color) !important;
  color: var(--text-primary) !important;
}

[data-theme="dark"] .delete-appointment-modal__btn:hover {
  background: var(--bg-tertiary) !important;
}

[data-theme="dark"] .delete-appointment-modal__btn--cancel {
  border-color: rgba(255, 149, 0, 0.3) !important;
}

[data-theme="dark"] .delete-appointment-modal__btn--cancel:hover {
  background: rgba(255, 149, 0, 0.1) !important;
  border-color: rgba(255, 149, 0, 0.5) !important;
  color: #ff9500 !important;
}

[data-theme="dark"] .delete-appointment-modal__btn--delete {
  border-color: rgba(255, 59, 48, 0.3) !important;
}

[data-theme="dark"] .delete-appointment-modal__btn--delete:hover {
  background: rgba(255, 59, 48, 0.1) !important;
  border-color: rgba(255, 59, 48, 0.5) !important;
  color: #ff3b30 !important;
}

[data-theme="dark"] .delete-appointment-modal__btn small {
  color: var(--text-tertiary) !important;
}

/* Status badges dos agendamentos */
[data-theme="dark"] .profile-appointment-card__status--pending {
  color: #ff9500 !important;
  background: rgba(255, 149, 0, 0.1) !important;
}

[data-theme="dark"] .profile-appointment-card__status--confirmed {
  color: #30d158 !important;
  background: rgba(48, 209, 88, 0.1) !important;
}

[data-theme="dark"] .profile-appointment-card__status--completed {
  color: var(--text-secondary) !important;
  background: rgba(255, 255, 255, 0.05) !important;
}

[data-theme="dark"] .profile-appointment-card__status--cancelled {
  color: #ff3b30 !important;
  background: rgba(255, 59, 48, 0.1) !important;
}

/* ============================================
   SEARCH PAGE (FINANCIAL) - TEMA ESCURO COMPLETO
   ============================================ */

[data-theme="dark"] .balance-container {
  background: var(--bg-primary) !important;
}

/* Balance Cards */
[data-theme="dark"] .balance-card {
  background: var(--bg-card) !important;
  border: 1px solid var(--border-color) !important;
  box-shadow: var(--shadow-sm) !important;
}

[data-theme="dark"] .balance-card:hover {
  background: var(--bg-card-hover) !important;
  border-color: var(--border-color-hover) !important;
  box-shadow: var(--shadow-md) !important;
}

[data-theme="dark"] .balance-card--primary {
  background: var(--bg-card) !important;
  border-color: var(--border-color) !important;
}

[data-theme="dark"] .balance-card--secondary {
  background: var(--bg-card) !important;
  border-color: var(--border-color) !important;
}

[data-theme="dark"] .balance-card--info {
  background: var(--bg-card) !important;
  border-color: var(--border-color) !important;
}

[data-theme="dark"] .balance-card--warning {
  background: var(--bg-card) !important;
  border-color: rgba(255, 149, 0, 0.3) !important;
}

[data-theme="dark"] .balance-card--promo {
  background: var(--bg-card) !important;
  border-color: var(--border-color) !important;
}

[data-theme="dark"] .balance-card--action {
  background: var(--bg-card) !important;
  border-color: var(--border-color) !important;
}

[data-theme="dark"] .balance-card__header {
  background: transparent !important;
}

[data-theme="dark"] .balance-card__title {
  color: var(--text-primary) !important;
}

[data-theme="dark"] .balance-card__subtitle {
  color: var(--text-tertiary) !important;
}

[data-theme="dark"] .balance-card__amount {
  color: var(--text-primary) !important;
}

[data-theme="dark"] .balance-card__amount--large {
  color: var(--text-primary) !important;
}

[data-theme="dark"] .balance-card__amount--warning {
  color: #ff9500 !important;
}

[data-theme="dark"] .balance-card__icon {
  background: var(--bg-secondary) !important;
  color: var(--text-primary) !important;
}

[data-theme="dark"] .balance-card__icon svg {
  color: var(--text-primary) !important;
}

[data-theme="dark"] .balance-card__icon-btn {
  background: var(--bg-secondary) !important;
  color: var(--text-primary) !important;
  border: 1px solid var(--border-color) !important;
}

[data-theme="dark"] .balance-card__icon-btn:hover {
  background: var(--bg-tertiary) !important;
  border-color: var(--border-color-hover) !important;
}

[data-theme="dark"] .balance-card__button {
  background: #000000 !important;
  color: #ffffff !important;
}

[data-theme="dark"] .balance-card__button:hover {
  background: #1a1a1a !important;
}

[data-theme="dark"] .balance-card__content-row {
  border-top: 1px solid var(--border-color) !important;
}

[data-theme="dark"] .balance-card__text-content {
  color: var(--text-primary) !important;
}

[data-theme="dark"] .balance-card__promo-title {
  color: var(--text-primary) !important;
}

/* Balance Section */
[data-theme="dark"] .balance-section {
  background: var(--bg-primary) !important;
}

[data-theme="dark"] .balance-section__header {
  border-bottom: 1px solid var(--border-color) !important;
}

[data-theme="dark"] .balance-section__title {
  color: var(--text-primary) !important;
}

[data-theme="dark"] .balance-section__button {
  background: var(--bg-secondary) !important;
  border: 1px solid var(--border-color) !important;
  color: var(--text-primary) !important;
}

[data-theme="dark"] .balance-section__button:hover {
  background: var(--bg-tertiary) !important;
  border-color: var(--border-color-hover) !important;
}

[data-theme="dark"] .balance-section__button svg {
  color: var(--text-primary) !important;
}

/* Transactions List */
[data-theme="dark"] .transactions-list {
  background: var(--bg-primary) !important;
}

[data-theme="dark"] .transaction-item {
  background: var(--bg-card) !important;
  border: 1px solid var(--border-color) !important;
  box-shadow: var(--shadow-sm) !important;
}

[data-theme="dark"] .transaction-item:hover {
  background: var(--bg-card-hover) !important;
  border-color: var(--border-color-hover) !important;
  box-shadow: var(--shadow-md) !important;
}

[data-theme="dark"] .transaction-item__icon {
  background: var(--bg-secondary) !important;
  color: var(--text-primary) !important;
}

[data-theme="dark"] .transaction-item__description {
  color: var(--text-primary) !important;
}

[data-theme="dark"] .transaction-item__date {
  color: var(--text-tertiary) !important;
}

[data-theme="dark"] .transaction-item__amount {
  color: var(--text-primary) !important;
}

[data-theme="dark"] .transaction-item__amount--positive {
  color: #30d158 !important;
}

[data-theme="dark"] .transaction-item__amount--negative {
  color: #ff3b30 !important;
}

/* Empty State */
[data-theme="dark"] .empty-state {
  background: var(--bg-primary) !important;
  color: var(--text-secondary) !important;
}

[data-theme="dark"] .empty-state__icon {
  color: var(--text-tertiary) !important;
}

[data-theme="dark"] .empty-state__title {
  color: var(--text-primary) !important;
}

[data-theme="dark"] .empty-state__text {
  color: var(--text-tertiary) !important;
}

/* Account Cards */
[data-theme="dark"] .account-card {
  background: var(--bg-card) !important;
  border: 1px solid var(--border-color) !important;
  box-shadow: var(--shadow-sm) !important;
}

[data-theme="dark"] .account-card:hover {
  background: var(--bg-card-hover) !important;
  border-color: var(--border-color-hover) !important;
  box-shadow: var(--shadow-md) !important;
}

[data-theme="dark"] .account-card__bank {
  color: var(--text-primary) !important;
}

[data-theme="dark"] .account-card__details {
  color: var(--text-tertiary) !important;
}

[data-theme="dark"] .account-card__balance {
  color: var(--text-primary) !important;
}

/* Card Items */
[data-theme="dark"] .card-item {
  background: linear-gradient(135deg, var(--bg-tertiary) 0%, var(--bg-elevated) 100%) !important;
  border: 1px solid var(--border-color) !important;
  color: var(--text-primary) !important;
}

[data-theme="dark"] .card-item__type {
  color: var(--text-secondary) !important;
}

[data-theme="dark"] .card-item__number {
  color: var(--text-primary) !important;
}

[data-theme="dark"] .card-item__holder {
  color: var(--text-secondary) !important;
}

[data-theme="dark"] .card-item__expiry {
  color: var(--text-secondary) !important;
}

/* Statement Summary */
[data-theme="dark"] .statement-summary {
  border-top: 1px solid var(--border-color) !important;
}

[data-theme="dark"] .statement-item {
  border-top: 1px solid var(--border-color) !important;
}

[data-theme="dark"] .statement-item--total {
  border-top: 1px solid var(--border-color-hover) !important;
}

[data-theme="dark"] .statement-label {
  color: var(--text-tertiary) !important;
}

[data-theme="dark"] .statement-value {
  color: var(--text-primary) !important;
}

/* ============================================
   NOTIFICAÇÕES - TEMA ESCURO COMPLETO
   ============================================ */

[data-theme="dark"] .toast-notification {
  background: var(--bg-card) !important;
  border: 1px solid var(--border-color) !important;
  box-shadow: var(--shadow-lg) !important;
}

[data-theme="dark"] .toast-icon {
  background: #000000 !important;
}

[data-theme="dark"] .toast-icon svg {
  stroke: #ffffff !important;
}

[data-theme="dark"] .toast-title {
  color: var(--text-primary) !important;
}

[data-theme="dark"] .toast-message {
  color: var(--text-secondary) !important;
}

[data-theme="dark"] .toast-close {
  color: var(--text-tertiary) !important;
}

[data-theme="dark"] .toast-close:hover {
  background: rgba(255, 255, 255, 0.08) !important;
  color: var(--text-primary) !important;
}

[data-theme="dark"] .toast-progress {
  background: var(--bg-secondary) !important;
}

[data-theme="dark"] .toast-progress-bar {
  background: #000000 !important;
}

/* Toast Cards (Login) */
[data-theme="dark"] .toast-card {
  background: var(--bg-card) !important;
  border: 1px solid var(--border-color) !important;
  box-shadow: var(--shadow-lg) !important;
}

[data-theme="dark"] .toast-card--success .toast-card__icon {
  background: #000000 !important;
  color: #ffffff !important;
}

[data-theme="dark"] .toast-card--error .toast-card__icon {
  background: #000000 !important;
  color: #ffffff !important;
}

[data-theme="dark"] .toast-card__title {
  color: var(--text-primary) !important;
}

[data-theme="dark"] .toast-card__subtitle {
  color: var(--text-secondary) !important;
}

[data-theme="dark"] .toast-card__close {
  color: var(--text-tertiary) !important;
}

[data-theme="dark"] .toast-card__close:hover {
  background: rgba(255, 255, 255, 0.08) !important;
  color: var(--text-primary) !important;
}