/* Dashboard presentation only; metric authority stays in analyticsRepository. */
.app #pageMount>.page.dashboard-page:not(.notes-workspace):not(.home-experience){display:block;width:100%;max-width:none;min-width:0;box-sizing:border-box;min-height:0;padding:20px}
.app .dashboard-page .dash-head{min-height:0;height:auto;align-items:center;gap:18px;margin:0 0 16px;padding:0 0 16px}
.dashboard-page .dash-head>div{min-width:0;flex:1}
.dashboard-page .eyebrow{font:700 11px/1.4 Arial,sans-serif;letter-spacing:.09em;color:var(--pixel-cyan);margin-bottom:6px}
.app .dashboard-page .dash-head h2{font-size:30px;margin:0 0 6px}
.app .dashboard-page .dash-head p{font:14px/1.5 Arial,sans-serif;max-width:65ch}
.app .dashboard-page [data-dashboard-refresh]{flex:none;min-height:44px;padding:10px 14px;border:1px solid var(--border-subtle);background:var(--bg-sidebar);color:var(--betooth-light)}
.dashboard-page [data-dashboard-refresh]:focus-visible{outline:2px solid var(--pixel-cyan);outline-offset:3px}
.app .dashboard-page #analyticsMount{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:16px;align-items:stretch}
.app .dashboard-page #analyticsMount>.analytics-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}
.app .dashboard-page .analytics-stat{position:relative;min-height:166px;display:grid;grid-template-columns:minmax(0,1fr) 40px;grid-template-rows:auto auto 1fr;gap:10px 12px;padding:18px;box-sizing:border-box;background:linear-gradient(135deg,var(--bg-sidebar),var(--bg-panel));border:1px solid var(--border-subtle);border-top:3px solid var(--pixel-cyan);box-shadow:var(--pixel-edge);min-width:0}
.app .dashboard-page .analytics-stat:first-child{border-top-color:var(--betooth-orange)}
.app .dashboard-page .analytics-stat>strong{grid-column:1;grid-row:2;order:0;font:700 clamp(30px,2.7vw,42px)/1.15 BetoothPixel,Arial,sans-serif;color:var(--text-primary);font-variant-numeric:tabular-nums;overflow-wrap:anywhere;letter-spacing:0}
.app .dashboard-page .analytics-stat>h3{grid-column:1;grid-row:1;font:600 13px/1.4 Arial,sans-serif;margin:0;color:var(--betooth-light)}
.app .dashboard-page .analytics-stat>.ui-icon{grid-column:2;grid-row:1/3;order:0;align-self:start;box-sizing:border-box;width:40px;height:40px;padding:8px;border:1px solid var(--border-subtle);border-radius:0;color:var(--pixel-cyan);background:var(--bg-sidebar);margin:0}
.app .dashboard-page .analytics-stat:first-child>.ui-icon{color:var(--betooth-orange)}
.app .dashboard-page .analytics-stat:nth-child(2)>strong{grid-column:1/-1;font-size:clamp(22px,2vw,30px);white-space:normal}
.app .dashboard-page .analytics-stat>p{grid-column:1/-1;grid-row:3;align-self:end;font:12px/1.6 Arial,sans-serif;color:var(--betooth-light);margin:0;overflow-wrap:anywhere}
.app .dashboard-page #analyticsMount>.dashboard-source-note{font:12px/1.4 Arial,sans-serif;margin:0}
.dashboard-low-data{grid-column:1/-1;padding:10px 14px;border-inline-start:3px solid var(--betooth-orange);background:var(--bg-sidebar);display:flex;flex-wrap:wrap;gap:4px 20px}
.dashboard-low-data p{margin:0;font:13px/1.5 Arial,sans-serif;color:var(--betooth-light)}
.app .dashboard-page #analyticsMount>section{min-width:0;display:flex;flex-direction:column;gap:12px;margin:0;padding:18px;border:1px solid var(--border-subtle);box-shadow:var(--pixel-edge);box-sizing:border-box}
.app .dashboard-page #analyticsMount>section>h3{margin:0;font:700 19px/1.35 BetoothPixel,Arial,sans-serif}
.dashboard-page .dashboard-caption{margin:0;font:12px/1.6 Arial,sans-serif;color:var(--betooth-light)}
.app .dashboard-page .analytics-table{width:100%;table-layout:fixed;font:14px/1.5 Arial,sans-serif;margin:0}
.app .dashboard-page .analytics-table :is(th,td){padding:12px 10px;overflow-wrap:anywhere;vertical-align:middle}
.app .dashboard-page .analytics-table thead th{font-size:12px;font-weight:600;color:var(--betooth-light);vertical-align:top}
.dashboard-page .analytics-table th:first-child{width:40%;text-align:start}
.app .dashboard-page .analytics-table tbody th{font-weight:500;font-size:13px}
.app .dashboard-page .analytics-table :is(th,td):not(:first-child){text-align:end;font-variant-numeric:tabular-nums}
.dashboard-page .analytics-table .dashboard-current{font-weight:700;color:var(--pixel-cyan);background:var(--bg-panel)}
.dashboard-page .analytics-table .dashboard-previous{color:var(--betooth-light)}
.dashboard-comparison .analytics-table{flex:1}
.app .dashboard-page .score-trend{list-style:none;margin:0;padding:0;display:grid;gap:10px}
.app .dashboard-page .score-trend li{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px 12px;padding:12px;background:var(--bg-panel);border:1px solid var(--border-subtle)}
.dashboard-page .score-trend time{font:12px/1.5 Arial,sans-serif;color:var(--betooth-light);overflow-wrap:anywhere}
.dashboard-page .score-trend strong{grid-column:2;grid-row:1;font:700 18px/1.3 Arial,sans-serif;color:var(--text-primary);font-variant-numeric:tabular-nums}
.dashboard-page .score-trend progress{grid-column:1/-1;grid-row:2;width:100%;height:12px;appearance:none;border:1px solid var(--betooth-muted);border-radius:0;background:var(--bg-sidebar);overflow:hidden}
.dashboard-page .score-trend progress::-webkit-progress-bar{background:var(--bg-sidebar)}
.dashboard-page .score-trend progress::-webkit-progress-value{background:var(--pixel-cyan)}
.dashboard-page .score-trend progress::-moz-progress-bar{background:var(--pixel-cyan)}
.dashboard-page .score-trend li[data-zero=true]{border-inline-start:3px solid var(--betooth-orange)}
.dashboard-empty{margin:0;padding:20px 14px;border:1px dashed var(--border-subtle);background:var(--bg-panel);font:14px/1.65 Arial,sans-serif;color:var(--betooth-light)}
.app .dashboard-page #analyticsMount[data-dashboard-state=unavailable]{display:block;padding:16px;border-inline-start:3px solid var(--pixel-cyan);background:var(--bg-sidebar);font:14px/1.6 Arial,sans-serif}
.dashboard-page #analyticsMount[data-dashboard-state=unavailable]>p{margin:0}
/* Keep the existing sidebar artwork intact, without extending/cropping a sprite tile. */
.app:has(.dashboard-page) .sidebar::after{flex:none;min-height:0;height:calc(230 * var(--pixel-shell-unit));background-repeat:no-repeat}
@media(max-width:1180px){.app .dashboard-page #analyticsMount>.analytics-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.app .dashboard-page #analyticsMount{grid-template-columns:minmax(0,1fr)}.app .dashboard-page .analytics-stat>strong{font-size:36px}}
@media(max-width:640px){.app #pageMount>.page.dashboard-page:not(.notes-workspace):not(.home-experience){padding:14px}.app .dashboard-page .dash-head{align-items:flex-start;flex-direction:column;gap:12px}.app .dashboard-page .dash-head h2{font-size:26px}.app .dashboard-page #analyticsMount>.analytics-grid{grid-template-columns:minmax(0,1fr)}.app .dashboard-page .analytics-stat{min-height:144px;padding:16px}.app .dashboard-page .analytics-stat>strong{font-size:34px}.app .dashboard-page #analyticsMount>section{padding:14px}.app .dashboard-page .analytics-table :is(th,td){padding:10px 6px;font-size:12px}}

/* ==========================================================================
   ULTRA-SIMPLIFIED, CLEAN & MODERN PROGRESS DASHBOARD
   ========================================================================== */
.app #pageMount > .page.dashboard-page {
  max-width: 1180px;
  margin-inline: auto;
  padding: 16px 20px 48px;
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: 20px !important;
  align-items: start !important;
}

/* Hide empty panels and dead widgets to eliminate clutter */
.dashboard-page :is(.panel, section, div, aside):empty,
.progress-supplements:empty,
.progress-supplements > *:empty,
.progress-mission-readiness-row:empty,
.progress-mission-readiness-row:has(#homeReadiness:empty):has(#homeMission:empty),
#progressAchievements,
#progressActivity,
.dashboard-trend,
#homeReadiness:empty,
#homeStreak:empty,
#homeMission:empty {
  display: none !important;
}

.progress-mission-readiness-row:has(#homeMission:empty):not(:has(#homeReadiness:empty)),
.progress-mission-readiness-row:has(#homeReadiness:empty):not(:has(#homeMission:empty)) {
  grid-template-columns: minmax(0, 1fr) !important;
}

/* 1. Sleek Compact Header */
.dashboard-page .dash-head {
  grid-column: 1 / -1 !important;
  order: 1 !important;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  flex-wrap: wrap;
  padding: 20px 24px;
  border-radius: 12px;
  background: linear-gradient(135deg, #10242D 0%, #163643 100%);
  border: 1px solid rgba(143, 174, 184, 0.16);
  box-shadow: 0 4px 18px rgba(0, 0, 0, 0.22);
  margin: 0;
}

.dashboard-page .dash-head .eyebrow {
  display: inline-flex;
  align-items: center;
  padding: 3px 8px;
  margin-bottom: 4px;
  border-radius: 4px;
  background: rgba(45, 212, 191, 0.1);
  border: 1px solid rgba(45, 212, 191, 0.22);
  color: #2DD4BF;
  font-size: 11px;
  font-weight: 700;
  letter-spacing: 0.08em;
}

.dashboard-page .dash-head h1 {
  font-size: clamp(22px, 2.2vw, 30px);
  font-weight: 800;
  color: #FFFFFF;
  margin: 2px 0 4px;
}

.dashboard-page .dash-head p {
  color: #94A3B8;
  font-size: 14px;
  max-width: 60ch;
  margin: 0;
}

.dashboard-page [data-dashboard-refresh] {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 8px 16px;
  border-radius: 8px;
  background: rgba(45, 212, 191, 0.08);
  border: 1px solid rgba(45, 212, 191, 0.3);
  color: #2DD4BF;
  font-size: 13px;
  font-weight: 700;
  cursor: pointer;
  transition: all 0.15s ease;
}

.dashboard-page [data-dashboard-refresh]:hover {
  background: #2DD4BF;
  color: #0E1B21;
}

/* 2. Central Analytics Mount */
.app .dashboard-page #analyticsMount:not([data-dashboard-state=unavailable]) {
  display: contents !important;
}

.app .dashboard-page #analyticsMount[data-dashboard-state=unavailable] {
  grid-column: 1 / -1 !important;
  order: 2 !important;
}

.app .dashboard-page #analyticsMount > .dashboard-source-note {
  grid-column: 1 / -1 !important;
  order: 10 !important;
  font-size: 11px !important;
  color: #64748B !important;
  margin: 0 !important;
  text-align: end !important;
}

/* 3 Core KPI Stat Cards at Top (Row 1) */
.app .dashboard-page #analyticsMount > .analytics-grid {
  grid-column: 1 / -1 !important;
  order: 2 !important;
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  gap: 14px !important;
  width: 100% !important;
  margin: 0 !important;
}

.app .dashboard-page #analyticsMount > .dashboard-low-data {
  grid-column: 1 / -1 !important;
  order: 2 !important;
  margin: 0 !important;
}

.app .dashboard-page .analytics-stat {
  display: flex !important;
  flex-direction: column !important;
  justify-content: space-between !important;
  min-height: 120px !important;
  padding: 18px 20px !important;
  border-radius: 12px !important;
  border: 1px solid rgba(143, 174, 184, 0.16) !important;
  border-top: 3.5px solid #2DD4BF !important;
  background: linear-gradient(160deg, #162B34 0%, #0F1E25 100%) !important;
  box-shadow: 0 4px 16px rgba(0, 0, 0, 0.22) !important;
  transition: border-color 0.15s ease, transform 0.15s ease !important;
}

.app .dashboard-page .analytics-stat:first-child {
  border-top-color: #2DD4BF !important;
}

.app .dashboard-page .analytics-stat:nth-child(2) {
  border-top-color: #38BDF8 !important;
}

.app .dashboard-page .analytics-stat:nth-child(3) {
  border-top-color: #FF9E44 !important;
}

.app .dashboard-page .analytics-stat:hover {
  transform: translateY(-2px) !important;
  border-color: rgba(94, 234, 212, 0.35) !important;
}

.app .dashboard-page .analytics-stat > h3 {
  font-size: 12px !important;
  font-weight: 700 !important;
  color: #94A3B8 !important;
  text-transform: uppercase !important;
  letter-spacing: 0.05em !important;
  margin: 0 0 4px !important;
}

.app .dashboard-page .analytics-stat > strong {
  font-size: clamp(26px, 2.4vw, 36px) !important;
  font-weight: 800 !important;
  color: #FFFFFF !important;
  line-height: 1.15 !important;
  margin: 2px 0 6px !important;
}

.app .dashboard-page .analytics-stat > p {
  font-size: 12px !important;
  color: #CBD5E1 !important;
  line-height: 1.4 !important;
  margin: 0 !important;
}

.app .dashboard-page .analytics-stat > .ui-icon {
  display: none !important;
}

/* Weekly Comparison on Left Column (Row 2) */
.app .dashboard-page #analyticsMount > .dashboard-comparison {
  grid-column: 1 !important;
  order: 3 !important;
  margin: 0 !important;
  border-radius: 12px !important;
  border: 1px solid rgba(143, 174, 184, 0.16) !important;
  background: linear-gradient(160deg, #162B34 0%, #0F1E25 100%) !important;
  padding: 22px 24px !important;
  box-shadow: 0 4px 16px rgba(0, 0, 0, 0.22) !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: space-between !important;
  min-height: 250px !important;
  box-sizing: border-box !important;
}

.app .dashboard-page #analyticsMount > .dashboard-trend {
  display: none !important;
}

.app .dashboard-page #analyticsMount > section > h3 {
  font-size: 16px !important;
  font-weight: 700 !important;
  color: #FFFFFF !important;
  margin: 0 0 12px !important;
}

.app .dashboard-page .analytics-table {
  width: 100% !important;
  border-collapse: collapse !important;
  font-size: 13px !important;
}

.app .dashboard-page .analytics-table th,
.app .dashboard-page .analytics-table td {
  padding: 10px 12px !important;
  border-bottom: 1px solid rgba(143, 174, 184, 0.1) !important;
}

.app .dashboard-page .analytics-table thead th {
  color: #94A3B8 !important;
  font-size: 11px !important;
  font-weight: 700 !important;
  text-transform: uppercase !important;
  border-bottom: 1px solid rgba(143, 174, 184, 0.2) !important;
}

.app .dashboard-page .analytics-table .dashboard-current {
  color: #2DD4BF !important;
  font-weight: 700 !important;
  background: transparent !important;
}

.app .dashboard-page .analytics-table .dashboard-previous {
  color: #94A3B8 !important;
}

/* 3. Adaptive Mastery (Unified, Streamlined) */
.dashboard-page .progress-mastery {
  grid-column: 1 / -1 !important;
  order: 5 !important;
  border-radius: 12px !important;
  border: 1px solid rgba(143, 174, 184, 0.16) !important;
  background: linear-gradient(160deg, #162B34 0%, #0F1E25 100%) !important;
  padding: 22px 24px !important;
  box-shadow: 0 4px 16px rgba(0, 0, 0, 0.22) !important;
  margin: 0 !important;
}

.dashboard-page .progress-mastery > h2 {
  font-size: 18px !important;
  font-weight: 800 !important;
  color: #FFFFFF !important;
  margin: 0 0 16px !important;
}

.app #progressMastery .mastery-overview {
  display: flex !important;
  flex-wrap: wrap !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 16px !important;
  background: #0E1A1F !important;
  border: 1px solid rgba(143, 174, 184, 0.14) !important;
  border-radius: 10px !important;
  padding: 18px 20px !important;
  margin-bottom: 16px !important;
}

.app #progressMastery .mastery-overview h3 {
  font-size: 12px !important;
  font-weight: 700 !important;
  color: #94A3B8 !important;
  text-transform: uppercase !important;
  margin: 0 !important;
}

.app #progressMastery .mastery-value {
  font-size: clamp(32px, 3vw, 42px) !important;
  font-weight: 800 !important;
  color: #2DD4BF !important;
  line-height: 1 !important;
  margin: 4px 0 !important;
}

.app #progressMastery .mastery-overview p {
  font-size: 13px !important;
  color: #94A3B8 !important;
  margin: 0 !important;
  max-width: 40ch !important;
}

.app #progressMastery .mastery-counts {
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 10px !important;
  margin: 0 !important;
}

.app #progressMastery .mastery-counts div {
  background: #13242B !important;
  border: 1px solid rgba(143, 174, 184, 0.12) !important;
  border-radius: 8px !important;
  padding: 8px 14px !important;
  text-align: center !important;
  min-width: 90px !important;
}

.app #progressMastery .mastery-counts dt {
  font-size: 11px !important;
  color: #94A3B8 !important;
  margin-bottom: 2px !important;
}

.app #progressMastery .mastery-counts dd {
  font-size: 18px !important;
  font-weight: 800 !important;
  color: #FFFFFF !important;
  margin: 0 !important;
}

.app #progressMastery a.secondary {
  display: inline-flex !important;
  align-items: center !important;
  padding: 8px 16px !important;
  border-radius: 8px !important;
  background: rgba(45, 212, 191, 0.1) !important;
  border: 1px solid rgba(45, 212, 191, 0.3) !important;
  color: #2DD4BF !important;
  font-size: 13px !important;
  font-weight: 700 !important;
  text-decoration: none !important;
  margin-bottom: 14px !important;
  transition: all 0.15s ease !important;
}

.app #progressMastery a.secondary:hover {
  background: #2DD4BF !important;
  color: #0E1B21 !important;
}

.app #progressMastery .mastery-performance {
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: 12px !important;
  margin: 0 0 16px !important;
}

.app #progressMastery .mastery-performance section {
  background: #0E1A1F !important;
  border: 1px solid rgba(143, 174, 184, 0.12) !important;
  border-radius: 8px !important;
  padding: 14px 18px !important;
}

.app #progressMastery .mastery-performance h3 {
  font-size: 11px !important;
  font-weight: 700 !important;
  color: #94A3B8 !important;
  text-transform: uppercase !important;
  margin: 0 0 4px !important;
}

.app #progressMastery .mastery-performance strong {
  font-size: 22px !important;
  font-weight: 800 !important;
  color: #FF9E44 !important;
}

.app #progressMastery .mastery-performance p {
  font-size: 12px !important;
  color: #94A3B8 !important;
  margin: 4px 0 0 !important;
}

.app #progressMastery .mastery-scope {
  border-radius: 8px !important;
  border: 1px solid rgba(143, 174, 184, 0.12) !important;
  background: #0E1A1F !important;
  padding: 10px 14px !important;
  margin-bottom: 8px !important;
}

.app #progressMastery .mastery-scope summary {
  color: #E2E8F0 !important;
  font-weight: 700 !important;
  font-size: 14px !important;
  cursor: pointer !important;
}

.app #progressMastery .mastery-scope-row {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  padding: 8px 0 !important;
  border-top: 1px solid rgba(143, 174, 184, 0.08) !important;
  font-size: 13px !important;
  color: #CBD5E1 !important;
}

/* 4. Current Streak Panel on Right Column beside Weekly comparison (Row 2) */
.app .dashboard-page #homeStreak,
.app .dashboard-page .progress-streak-panel {
  grid-column: 2 !important;
  order: 3 !important;
  margin: 0 !important;
  border-radius: 12px !important;
  border: 1px solid rgba(143, 174, 184, 0.16) !important;
  background: linear-gradient(160deg, #162B34 0%, #0F1E25 100%) !important;
  padding: 22px 24px !important;
  box-shadow: 0 4px 16px rgba(0, 0, 0, 0.22) !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: space-between !important;
  min-height: 250px !important;
  box-sizing: border-box !important;
  gap: 10px !important;
}

.app .dashboard-page #homeStreak h2 {
  font-size: 16px !important;
  font-weight: 700 !important;
  color: #FFFFFF !important;
  margin: 0 !important;
}

.app .dashboard-page #homeStreak > p {
  font-size: 12px !important;
  color: #94A3B8 !important;
  margin: 0 !important;
}

/* 5. Today's Mission & Exam Readiness (Side by Side Row) */
.app .dashboard-page .progress-mission-readiness-row {
  grid-column: 1 / -1 !important;
  order: 4 !important;
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: 20px !important;
  align-items: stretch !important;
  margin: 0 !important;
  width: 100% !important;
}

.app .dashboard-page .progress-mission-readiness-row > .panel {
  border-radius: 12px !important;
  border: 1px solid rgba(143, 174, 184, 0.16) !important;
  background: linear-gradient(160deg, #162B34 0%, #0F1E25 100%) !important;
  padding: 20px !important;
  box-shadow: 0 4px 16px rgba(0, 0, 0, 0.22) !important;
  margin: 0 !important;
  display: flex !important;
  flex-direction: column !important;
}

.app .dashboard-page .progress-mission-readiness-row h2 {
  font-size: 16px !important;
  font-weight: 700 !important;
  color: #FFFFFF !important;
  margin: 0 0 14px !important;
}

/* Mission Tasks inside Today's Mission */
.app .dashboard-page #homeMission .mission-ratio {
  font-size: 13px !important;
  color: #94A3B8 !important;
  margin: 0 0 8px !important;
}

.app .dashboard-page #homeMission progress {
  width: 100% !important;
  height: 8px !important;
  border-radius: 4px !important;
  background: #0E1A1F !important;
  border: 1px solid rgba(143, 174, 184, 0.16) !important;
  overflow: hidden !important;
  appearance: none !important;
  margin-bottom: 14px !important;
}

.app .dashboard-page #homeMission progress::-webkit-progress-bar {
  background: #0E1A1F !important;
}

.app .dashboard-page #homeMission progress::-webkit-progress-value {
  background: linear-gradient(90deg, #2DD4BF, #06B6D4) !important;
}

.app .dashboard-page #homeMission progress::-moz-progress-bar {
  background: linear-gradient(90deg, #2DD4BF, #06B6D4) !important;
}

.app .dashboard-page #homeMission .mission-tasks {
  list-style: none !important;
  padding: 0 !important;
  margin: 0 !important;
  display: flex !important;
  flex-direction: column !important;
  gap: 8px !important;
}

.app .dashboard-page #homeMission .mission-task {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  flex-wrap: wrap !important;
  gap: 8px !important;
  padding: 10px 14px !important;
  background: #0E1A1F !important;
  border: 1px solid rgba(143, 174, 184, 0.12) !important;
  border-radius: 8px !important;
  font-size: 13px !important;
  color: #E2E8F0 !important;
}

.app .dashboard-page #homeMission .mission-task.completed {
  opacity: 0.7 !important;
  border-color: rgba(45, 212, 191, 0.25) !important;
}

/* Exam Readiness List inside row */
.app .dashboard-page #homeReadiness .home-readiness-list {
  display: flex !important;
  flex-direction: column !important;
  gap: 8px !important;
}

.app .dashboard-page #homeReadiness .home-readiness-row {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  padding: 10px 14px !important;
  background: #0E1A1F !important;
  border: 1px solid rgba(143, 174, 184, 0.12) !important;
  border-radius: 8px !important;
  text-decoration: none !important;
  color: #E2E8F0 !important;
  font-size: 13px !important;
  transition: all 0.14s ease !important;
}

.app .dashboard-page #homeReadiness .home-readiness-row:hover {
  background: rgba(45, 212, 191, 0.08) !important;
  border-color: rgba(45, 212, 191, 0.28) !important;
}

.app .dashboard-page #homeReadiness .home-readiness-row strong {
  color: #2DD4BF !important;
  font-weight: 700 !important;
  font-size: 14px !important;
}

.app .dashboard-page #homeReadiness .home-readiness-row small {
  display: none !important;
}

/* 5. Recent Activity Panel */
.dashboard-page > .panel:has(#progressActivity) {
  border-radius: 12px !important;
  border: 1px solid rgba(143, 174, 184, 0.16) !important;
  background: linear-gradient(160deg, #162B34 0%, #0F1E25 100%) !important;
  padding: 20px 24px !important;
  box-shadow: 0 4px 16px rgba(0, 0, 0, 0.22) !important;
  margin: 0 !important;
}

.dashboard-page > .panel:has(#progressActivity) > h2 {
  font-size: 16px !important;
  font-weight: 700 !important;
  color: #FFFFFF !important;
  margin: 0 0 12px !important;
}

#progressActivity p {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  padding: 10px 14px !important;
  border-radius: 8px !important;
  background: #0E1A1F !important;
  border: 1px solid rgba(143, 174, 184, 0.1) !important;
  margin-bottom: 6px !important;
  transition: all 0.14s ease !important;
}

#progressActivity p:hover {
  background: rgba(45, 212, 191, 0.08) !important;
  border-color: rgba(45, 212, 191, 0.25) !important;
}

#progressActivity p a {
  color: #F1F5F9 !important;
  font-size: 13px !important;
  font-weight: 600 !important;
  text-decoration: none !important;
}

#progressActivity p a:hover {
  color: #2DD4BF !important;
}

#progressActivity p small {
  color: #64748B !important;
  font-size: 11px !important;
}

@media (max-width: 900px) {
  .app #pageMount > .page.dashboard-page {
    grid-template-columns: minmax(0, 1fr) !important;
  }
  .app .dashboard-page #analyticsMount > .dashboard-comparison,
  .app .dashboard-page #homeStreak,
  .app .dashboard-page .progress-streak-panel,
  .dashboard-page .progress-supplements,
  .app .dashboard-page .progress-mission-readiness-row {
    grid-column: 1 / -1 !important;
  }
  .app .dashboard-page .progress-mission-readiness-row {
    grid-template-columns: minmax(0, 1fr) !important;
  }
  .app .dashboard-page #analyticsMount > .analytics-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }
  .app #progressMastery .mastery-performance {
    grid-template-columns: minmax(0, 1fr) !important;
  }
}

@media (max-width: 640px) {
  .app .dashboard-page #analyticsMount > .analytics-grid {
    grid-template-columns: minmax(0, 1fr) !important;
  }
  .dashboard-page .dash-head {
    padding: 16px !important;
  }
  .app #progressMastery .mastery-overview {
    flex-direction: column !important;
    align-items: flex-start !important;
  }
}