/* css/dashboard/dashboard.css */

.dashboard-page {
  padding: calc(var(--nav-h) + 3rem) 2rem 4rem;
  max-width: 1100px; margin: 0 auto;
}

.dashboard-welcome { margin-bottom: 3rem; }
.dashboard-welcome__title {
  font-family: var(--font-serif); font-size: clamp(2rem, 5vw, 3.2rem);
  font-weight: 300; line-height: 1.1;
}
.dashboard-welcome__title em { font-style: italic; color: var(--accent); }
.dashboard-welcome__sub { font-size: 0.75rem; color: var(--muted); margin-top: 0.5rem; }

/* Stats */
.dash-stats {
  display: flex; gap: 1px; margin-bottom: 3rem;
  border: 1px solid var(--border);
}
.dash-stat {
  flex: 1; padding: 1.5rem 2rem;
  background: var(--surface); text-align: center;
}
.dash-stat__num {
  font-family: var(--font-disp); font-size: 2rem; font-weight: 200;
  background: linear-gradient(135deg, var(--accent), var(--accent2));
  -webkit-background-clip: text; -webkit-text-fill-color: transparent;
}
.dash-stat__label { font-size: 0.62rem; letter-spacing: 0.12em; text-transform: uppercase; color: var(--muted); margin-top: 0.3rem; }

/* Sections */
.dash-section { margin-bottom: 3rem; }
.dash-section__header { display: flex; align-items: baseline; justify-content: space-between; margin-bottom: 1.5rem; }
.dash-section__title { font-family: var(--font-serif); font-size: 1.5rem; font-weight: 300; }
.dash-section__link { font-size: 0.65rem; color: var(--accent); text-decoration: none; }
.dash-section__link:hover { text-decoration: underline; }

/* Recent personas */
.recent-personas-grid {
  display: grid; grid-template-columns: repeat(auto-fill, minmax(180px, 1fr)); gap: 1px;
  border: 1px solid var(--border);
}
.recent-persona-card {
  background: var(--surface); padding: 1.25rem;
  display: flex; flex-direction: column; gap: 0.6rem;
  transition: background var(--transition); text-decoration: none; color: inherit;
  cursor: pointer;
}
.recent-persona-card:hover { background: var(--surface2); }
.recent-persona-avatar { width: 48px; height: 48px; border-radius: 50%; object-fit: cover; border: 1px solid var(--border2); }
.recent-persona-name { font-family: var(--font-serif); font-size: 1rem; font-weight: 400; }
.recent-persona-age  { font-size: 0.6rem; color: var(--accent); }

/* Quick actions */
.quick-actions { display: flex; gap: 1px; border: 1px solid var(--border); }
.quick-action {
  flex: 1; padding: 2rem 1.5rem; background: var(--surface);
  display: flex; flex-direction: column; align-items: center; gap: 0.75rem;
  text-decoration: none; transition: background var(--transition);
}
.quick-action:hover { background: var(--surface2); }
.quick-action__icon { font-size: 1.5rem; }
.quick-action__label { font-size: 0.65rem; letter-spacing: 0.1em; text-transform: uppercase; color: var(--muted); }

@media (max-width: 600px) {
  .dash-stats { flex-direction: column; }
  .quick-actions { flex-direction: column; }
}