/* Relatórios — identidade âmbar profissional */
#view-reports { --page-accent: #c97718; }
#view-reports .intro-card {
  background: linear-gradient(135deg, #fffaf2, #ffffff);
  border-color: rgba(201,119,24,.18);
}
#view-reports .intro-icon,
#view-reports .report-card > i { color: var(--page-accent); }
#view-reports .report-card {
  border-top: 4px solid rgba(201,119,24,.72);
  background: linear-gradient(180deg, #fff, #fffaf5);
}

body[data-active-view="reports"] .topbar {
  background: linear-gradient(180deg,#fff7eb 0%,#ffffff 92%);
  border-bottom-color:rgba(201,119,24,.22);
  box-shadow:inset 0 3px 0 #c97718;
}
body[data-active-view="reports"] .topbar-period-main { color:#b66a13; }
body[data-active-view="reports"] .bottom-nav.raised-dock { --dock-accent:#c97718; }
body[data-active-view="reports"] .sidebar .nav-item.active { color:#c97718; background:rgba(201,119,24,.10); }
.share-actions { flex-wrap:wrap; }
.share-actions .btn { flex:1 1 120px; }