/* Shared SmartVet forest-green treatment for dashboards and authentication. */
:root {
  --dash-brand: #157e3d;
  --dash-brand-hover: #126b34;
  --dash-brand-light: #39a86a;
  --dash-brand-dark: #004d20;
  --dash-brand-50: #eff8f1;
  --dash-brand-100: #d8ecdd;
  --dash-brand-glow: rgba(21, 126, 61, 0.16);
  --dash-sidebar-bg: #0d3b1f;
  --dash-sidebar-bg-deep: #004d20;
}

/* Shared role dashboards, including the call-centre workspaces. */
.dashboard-sidebar {
  background: linear-gradient(160deg, #0d3b1f 0%, #157e3d 100%);
  box-shadow: 4px 0 24px rgba(13, 59, 31, 0.24);
}

.dashboard-welcome-card,
.dashboard-btn:not(.is-outline):not(.is-danger),
.dashboard-btn.is-secondary {
  background: linear-gradient(135deg, #157e3d 0%, #004d20 52%, #0b4f23 100%);
}

.dashboard-btn:not(.is-outline):not(.is-danger):hover,
.dashboard-btn.is-secondary:hover {
  background: linear-gradient(135deg, #126b34 0%, #003f1a 100%);
}

.dashboard-btn:not(.is-outline):not(.is-danger):active {
  background: #004d20;
}

.dashboard-sidebar .dashboard-nav-item.is-active {
  background: rgba(255, 255, 255, 0.2);
}

/* Older farmer, vet, and data-collector dashboard shells. */
.sidebar {
  background: linear-gradient(160deg, #0d3b1f 0%, #157e3d 100%) !important;
  box-shadow: 4px 0 24px rgba(13, 59, 31, 0.22);
}

.sidebar-nav a:hover,
.sidebar-nav a.active,
.sidebar-nav .nav-item:hover,
.sidebar-nav .nav-item.active {
  background: rgba(255, 255, 255, 0.16) !important;
  color: #ffffff !important;
}

.btn-primary,
.btn-success {
  background: linear-gradient(135deg, #157e3d 0%, #004d20 52%, #0b4f23 100%) !important;
  border-color: #126b34 !important;
  color: #ffffff !important;
}

.btn-primary:hover,
.btn-success:hover {
  background: linear-gradient(135deg, #126b34 0%, #003f1a 100%) !important;
  border-color: #004d20 !important;
  color: #ffffff !important;
}

.topbar .profile .user .avatar {
  background: linear-gradient(135deg, #157e3d 0%, #004d20 100%) !important;
}

.topbar h1,
.topbar .page-title h1,
.stat-card .number,
.stat-card .icon,
.section-header h3,
.activity-item .desc strong {
  color: #0d3b1f;
}

/* Auth pages share the same forest-green panel and wallet-inspired actions. */
:root {
  --brand: #157e3d;
  --brand-hover: #126b34;
  --brand-light: #39a86a;
  --brand-50: #eff8f1;
  --brand-glow: rgba(21, 126, 61, 0.18);
}

.auth-left {
  background: linear-gradient(160deg, #0d3b1f 0%, #157e3d 100%) !important;
}

.auth-card {
  border-color: rgba(21, 126, 61, 0.14) !important;
  box-shadow: 0 12px 36px rgba(13, 59, 31, 0.1) !important;
}

.auth-layout .btn-login,
.auth-layout .btn-primary,
.auth-layout .btn-signup:not(.btn-vet):not(.btn-collector),
.auth-layout .role-btn-active,
.auth-layout .role-btn-farmer.role-btn-active,
.auth-layout .role-btn-vet.role-btn-active,
.btn-primary,
.verify-card .btn,
.auth-layout .btn-signup:not(.role-btn):not(.btn-vet):not(.btn-collector) {
  background: linear-gradient(135deg, #157e3d 0%, #004d20 52%, #0b4f23 100%);
  border-color: #126b34;
  color: #ffffff;
}

.auth-layout .btn-login:hover,
.auth-layout .btn-primary:hover,
.verify-card .btn:hover {
  background: linear-gradient(135deg, #126b34 0%, #003f1a 100%);
}

.auth-layout .btn-collector,
.auth-layout .role-btn-collector {
  background: #eff8f1 !important;
  border-color: #c6e1ce !important;
  color: #126b34 !important;
}

.auth-layout .btn-collector:hover,
.auth-layout .role-btn-collector:hover {
  background: #d8ecdd !important;
}

.auth-layout .role-btn-collector.role-btn-active {
  background: linear-gradient(135deg, #157e3d 0%, #004d20 52%, #0b4f23 100%) !important;
  border-color: #126b34 !important;
  color: #ffffff !important;
}