/* Reusable component styles */

/* Feature card */
.feature-box { transition: box-shadow .2s ease, transform .2s ease; cursor: default; }
.feature-box:hover { box-shadow: 0 10px 24px rgba(0,0,0,0.08); transform: translateY(-2px); }
.feature-icon { color: var(--dk-primary); display: inline-flex; }

/* Step badge */
.step-badge {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 28px;
  height: 28px;
  border-radius: 999px;
  background: rgba(37,140,251,0.15);
  color: var(--dk-primary);
  font-weight: 600;
}

/* Demo buttons */
.btn-demo {
  border: 1px solid #e2e8f0;
  background: #ffffff;
  color: #334155;
  border-radius: 10px;
  box-shadow: 0 2px 4px rgba(0,0,0,0.03);
}
.btn-demo:hover { border-color: #cbd5e1; box-shadow: 0 8px 18px rgba(0,0,0,0.06); }
.btn-xl { padding: .9rem 1.5rem; font-size: 1.125rem; }

/* UPDATED BY CURSOR: Admin/SuperAdmin dashboard styles */
.dash-wrap { background:#f8fafc; padding:20px 0 96px 0; min-height: calc(100vh - 180px); }
.dash-title { font-size:26px; font-weight:700; color:#0f172a; margin-bottom:12px; }
.dash-tabs .nav-link { color:#334155; padding:.5rem .9rem; border-radius:10px; }
.dash-tabs .nav-link:hover { background:#e7f0ff; }
.dash-tabs .nav-link.active { color:#0b5ed7; border-bottom:3px solid #0b5ed7; border-radius:0; background:transparent; }
.stat-card { min-height:110px; border:1px solid #e5e7eb; border-radius:12px; background:#ffffff; box-shadow:0 6px 18px rgba(0,0,0,.05); display:flex; align-items:center; }
.stat-card .icon { width:48px; height:48px; border-radius:12px; background:#ebf5ff; color:#0b5ed7; display:flex; align-items:center; justify-content:center; margin-right:14px; font-size:22px; }
.info-banner { background:#ebf5ff; border-left:3px solid #0b5ed7; color:#0b3c8a; font-size:14px; }
.btn-strong { background:#0b5ed7; color:#fff; border:none; }
.btn-strong:hover { background:#0a54c6; color:#fff; }
.table-clean thead th { background:#f1f5f9; }
.table-clean tbody tr:nth-child(odd) { background:#fafbfc; }
.table-clean { border:1px solid #e5e7eb; }


