:root{
  --brand-bg: #ffffff;
  --brand-text: #222222;
  --brand-primary: #c62828; /* vermelho */
  --brand-secondary: #b71c1c;
  --brand-card-bg: rgba(255,255,255,0.9);
  --brand-glass: rgba(255,255,255,0.6);
  --brand-glass-border: rgba(255,255,255,0.2);
}

[data-theme="white"]{
  --brand-bg: #ffffff;
  --brand-text: #222222;
  --brand-card-bg: rgba(255,255,255,0.92);
}

[data-theme="red"]{
  --brand-primary: #d32f2f;
  --brand-secondary: #9a0007;
}

[data-theme="dark"]{
  --brand-bg: #121212;
  --brand-text: #e0e0e0;
  --brand-card-bg: rgba(30,30,30,0.85);
  --brand-glass: rgba(30,30,30,0.6);
  --brand-glass-border: rgba(255,255,255,0.08);
}

body.theme-bg{
  background: var(--brand-bg) url("/OpticaPro/public/imagensSistem/fundoLogo.jpg") center/cover fixed no-repeat;
  color: var(--brand-text);
}

.brand-primary{ color: var(--brand-primary) !important; }
.btn-primary{ background-color: var(--brand-primary); border-color: var(--brand-primary); }
.btn-primary:hover{ filter: brightness(0.95); }

/* Navbar e Sidebar harmonizados com paleta */
.main-header.navbar{
  background: linear-gradient(90deg, var(--brand-primary), var(--brand-secondary));
  color: #fff;
}
.main-header a.nav-link, .main-header .navbar-brand, .brand-link{
  color: #fff !important;
}
.brand-link{ background: rgba(0,0,0,0.15); }

.main-sidebar{ background: rgba(0,0,0,0.65); }
.nav-sidebar .nav-link{ color: #f0f0f0; }
.nav-sidebar .nav-link.active, .nav-sidebar .nav-link:focus, .nav-sidebar .nav-link:hover{
  background: var(--brand-primary);
  color: #fff;
}

/* Cards */
.card-primary .card-header{ background: var(--brand-primary); color:#fff; }
.card{ border: 0; box-shadow: 0 6px 20px rgba(0,0,0,0.15); }

/* Ajustes de grid da página de clientes para ocupar largura total */
.clients-page > .col-md-3{ flex: 0 0 320px; max-width: 320px; }
.clients-page > .col-md-9{ flex: 1 1 auto; max-width: calc(100% - 320px); }
.content-wrapper .container-fluid, .content-wrapper .row{ width: 100%; }
.content-wrapper .container-fluid{ padding-left: 12px; padding-right: 12px; }
.clients-page{ padding-left: 0; padding-right: 0; }
.clients-page > .col-md-3{ padding-left: 0; }

.glass-modal .modal-content,
.modal .modal-content{
  backdrop-filter: blur(12px) saturate(120%);
  -webkit-backdrop-filter: blur(12px) saturate(120%);
  background: var(--brand-glass);
  border: 1px solid var(--brand-glass-border);
}

.login-page .card{
  background: var(--brand-card-bg);
}

.login-brand{
  max-width: 200px;
  height: auto;
  filter: drop-shadow(0 8px 16px rgba(0,0,0,0.35));
}

/* Status de ficha por cor: 1=normal, 2=atendendo, 3=espera */
.status-1 td { }
.status-2 td { background: rgba(231, 76, 60, 0.12); }
.status-3 td { background: rgba(241, 196, 15, 0.10); }
.dropdown-menu .text-danger{ color: #e74c3c !important; }
.dropdown-menu .text-success{ color: #2ecc71 !important; }
.dropdown-menu .text-warning{ color: #f1c40f !important; }