/* TRADLYT - pro dashboard styles. Load AFTER style.css, theme.css and tradlyt-extras.css.
   Everything here is scoped to the new Dashboard panel, so the Calendar, Lot Size,
   Mindset Journal and every other page look exactly as before. */

#proPanel { margin-bottom: 20px; }

#proPanel .pro-kpis { margin-bottom: 20px; }

.pro-grid {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(0, 1.3fr) minmax(0, 1fr);
  gap: 20px;
  align-items: stretch;
}

.pro-card { display: flex; flex-direction: column; min-width: 0; }
.pro-card .card-header { align-items: flex-start; }

/* Score */
.score-badge {
  font-size: 34px;
  font-weight: 800;
  line-height: 1;
  letter-spacing: -0.03em;
  flex-shrink: 0;
}
.score-badge span { margin-left: 2px; font-size: 13px; font-weight: 600; opacity: 0.55; }

.pro-radar { width: 100%; max-width: 300px; margin: 4px auto 14px; display: block; overflow: visible; color: var(--text, #f5f7fb); }

.score-bar { height: 6px; border-radius: 99px; background: var(--border, #1e2a40); overflow: hidden; margin-top: auto; }
.score-bar i { display: block; height: 100%; border-radius: 99px; }

/* Daily P&L bars */
.pro-bars { width: 100%; height: auto; display: block; color: var(--text, #f5f7fb); }
.pro-mini { display: flex; flex-direction: column; gap: 3px; font-size: 12px; color: var(--text-muted, #7f8ba1); text-align: right; white-space: nowrap; }
.pro-mini b { font-weight: 800; margin-left: 4px; }
.pro-mini .positive, .wk-val.positive { color: #22c55e; }
.pro-mini .negative, .wk-val.negative { color: #ef4444; }

/* Weekday list */
.wk-list { display: flex; flex-direction: column; gap: 12px; }
.wk-row { display: grid; grid-template-columns: 34px minmax(0, 1fr) auto; grid-template-areas: "d t v" ". n n"; align-items: center; column-gap: 12px; row-gap: 2px; }
.wk-day { grid-area: d; font-size: 12px; font-weight: 700; color: var(--text-soft, #c3cad7); }
.wk-track { grid-area: t; height: 8px; border-radius: 99px; background: var(--border, #1e2a40); overflow: hidden; }
.wk-track i { display: block; height: 100%; border-radius: 99px; min-width: 2px; }
.wk-val { grid-area: v; font-size: 12px; font-weight: 800; min-width: 74px; text-align: right; }
.wk-n { grid-area: n; font-size: 11px; color: var(--text-muted, #7f8ba1); }

/* Slightly cleaner Dashboard cards, Dashboard page only */
#dashboard .stat-card { border-radius: 14px; }
#dashboard .stat-card .stat-sub { margin-top: 6px; font-size: 12px; color: var(--text-muted, #7f8ba1); }

@media (max-width: 1150px) {
  .pro-grid { grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); }
  .pro-grid .pro-card:nth-child(3) { grid-column: 1 / -1; }
}

@media (max-width: 760px) {
  .pro-grid { grid-template-columns: 1fr; }
  .pro-grid .pro-card:nth-child(3) { grid-column: auto; }
  .score-badge { font-size: 28px; }
}