/* ===== My Page readability (dark header/cards) ===== */
.page-dashboard,
.page-dashboard .panel,
.page-dashboard .card {
  color: #e5e7eb;              /* light gray text */
}

.page-dashboard h1,
.page-dashboard h2,
.page-dashboard h3,
.page-dashboard .panel-title,
.page-dashboard .card-title {
  color: #fff;                  /* true white for headings */
  opacity: 1;                   /* kill any global dimming */
}

.page-dashboard .muted,
.page-dashboard .text-muted {
  color: #cbd5e1;               /* slate-300 for muted text */
  opacity: 0.95;
}

.page-dashboard .badge,
.page-dashboard .chip {
  color: #0f172a;               /* slate-900 text */
  background: #e2e8f0;          /* slate-200 pill */
  border-color: transparent;
}

.page-dashboard .btn-outline {
  color: #e2e8f0;
  border-color: #94a3b8;        /* slate-400 */
}

.page-dashboard .btn-outline:hover {
  background: rgba(226,232,240,.1);
  border-color: #e2e8f0;
}

.page-dashboard .quick-actions .btn {
  background: #111827;          /* gray-900 */
  color: #f9fafb;               /* gray-50 */
  border: 1px solid #1f2937;    /* gray-800 */
}

/* If cards have an overlay that dims content, remove it */
.page-dashboard .card .overlay,
.page-dashboard .panel .overlay {
  background: transparent !important;
  opacity: 1 !important;
}