/* Helena Alves v18 — bordô como ponto de cor, mantendo a base bege */
:root {
  --wine:#813b4a;
  --wine-deep:#692b3a;
  --wine-soft:#f1dce1;
  --wine-border:rgba(129,59,74,.19);
  --wine-shadow:0 9px 22px rgba(105,43,58,.14);
}

/* Hierarquia refinada sem saturar o fundo de bordô */
.section h2,
.calendar-card .panel-title,
.ha-maint-large,
.ha-client-card h3 {
  color:var(--wine-deep);
}

.crumb {
  color:#99616a;
}

.topbar {
  border-left:3px solid var(--wine) !important;
}

/* Menu ativo destacado; demais itens permanecem neutros */
.sidebar .nav.active,
.sidebar nav .nav.active {
  color:#fff !important;
  background:linear-gradient(120deg,var(--wine),var(--wine-deep)) !important;
  box-shadow:var(--wine-shadow) !important;
}
.sidebar .nav.active .ico {
  color:#fff !important;
}
.sidebar .nav:not(.active):hover {
  background:rgba(129,59,74,.09) !important;
  color:var(--wine-deep) !important;
}

/* Ícones dos indicadores: pequenos pontos de cor, sem colorir os cards inteiros */
.metric .icon {
  display:inline-flex;
  justify-content:center;
  align-items:center;
  min-width:35px;
  height:35px;
  padding:5px;
  border-radius:11px;
  color:var(--wine) !important;
  background:var(--wine-soft);
  box-shadow:0 4px 11px rgba(129,59,74,.08);
}
.metrics .metric:first-child {
  border-top:3px solid rgba(129,59,74,.7) !important;
}
.metrics .metric:last-child {
  border-top:3px solid rgba(129,59,74,.38) !important;
}

/* Botões e realces */
.primary {
  background:linear-gradient(135deg,var(--wine),var(--wine-deep)) !important;
  border-color:var(--wine) !important;
  box-shadow:var(--wine-shadow) !important;
}
.primary:hover {
  background:linear-gradient(135deg,#93475a,var(--wine)) !important;
}
.link-btn, .panel-head .link-btn {
  color:var(--wine) !important;
}
.ghost:hover, .ha-tab:hover {
  border-color:var(--wine-border) !important;
  color:var(--wine-deep);
}
input:focus, select:focus, textarea:focus {
  border-color:var(--wine) !important;
  box-shadow:0 0 0 3px rgba(129,59,74,.10) !important;
}

/* Agenda: nomes legíveis e destaque marsala delicado em dias ocupados */
.ha-calendar-cell.booked {
  background:linear-gradient(150deg,#f7e7e7,#f0d9dc) !important;
  border-color:rgba(129,59,74,.28) !important;
  box-shadow:0 4px 12px rgba(129,59,74,.08);
}
.ha-calendar-cell.booked .ha-cal-number,
.ha-calendar-cell.booked .ha-client-on-cal {
  color:var(--wine-deep) !important;
}
.ha-calendar-cell.today {
  outline:2px solid var(--wine) !important;
}
.ha-calendar-cell:hover {
  box-shadow:0 8px 18px rgba(129,59,74,.12) !important;
}

/* Balões disponíveis com um sutil acento bordô e sombra de volume */
.balloon {
  color:#6d3a45 !important;
  border:1px solid rgba(129,59,74,.15) !important;
  box-shadow:0 7px 17px rgba(105,43,58,.11),0 2px 5px rgba(105,43,58,.045) !important;
}
.balloons .balloon:nth-child(4n+1) {
  background:linear-gradient(135deg,#f5e6e8,#fff9f7) !important;
  border-color:rgba(129,59,74,.27) !important;
}
.balloon:hover {
  box-shadow:0 12px 22px rgba(105,43,58,.15) !important;
}
.modern-tag {
  color:var(--wine-deep);
  background:#f7e9e9;
}

/* Fichas e módulos: filete de cor apenas em áreas estratégicas */
.ha-maint-panel {
  border-top:3px solid rgba(129,59,74,.45) !important;
}
.balance-due {
  border-left:3px solid var(--wine) !important;
}
.assistant-portrait.placeholder,
.ha-client-portrait {
  color:var(--wine-deep);
  background:linear-gradient(145deg,#eed6dc,#fbf2ef);
}
.ha-tabs .ha-tab.active {
  background:var(--wine) !important;
  color:#fff !important;
  border-color:var(--wine) !important;
}
.fin-month .trend span {
  background:linear-gradient(90deg,#bb7d89,var(--wine));
}

/* Mantém legibilidade no iPad, tablet e barra inferior do celular */
@media(max-width:699px) {
  .sidebar .nav.active {
    border-radius:12px !important;
    color:#fff !important;
  }
  .metric .icon {
    min-width:30px;
    height:30px;
    border-radius:9px;
  }
}
@media(prefers-reduced-motion:reduce) {
  .sidebar .nav, .balloon {transition:none !important;}
}