/* ---- Dashboard Overview ---- */
.dash { padding: 24px 20px 60px; }

.dash__topbar {
  display:flex; align-items:center; justify-content:space-between;
  gap:16px; margin-bottom:24px;
}
.dash__title { font-size:28px; font-weight:700; color:#eaecef; margin:0; }

.dash__sort { display:flex; align-items:center; gap:8px; }
.dash__sort-label { color:#9aa3ad; font-size:14px; }
.dash__select {
  background:#34373d; color:#eaecef; border:1px solid #3f4550;
  border-radius:8px; padding:8px 12px; font-size:14px;
}

.dash__section { margin-top:26px; }
.dash__section-head {
  display:flex; align-items:center; justify-content:space-between; margin-bottom:14px;
}
.dash__section-title { margin:0; color:#eaecef; font-size:22px; font-weight:700; }
.dash__seeall { color:#77b8ff; text-decoration:none; font-size:14px; }
.dash__seeall:hover { text-decoration:underline; }

.dash__empty {
  background:#191c22; border:1px solid #2a2f37; border-radius:14px;
  padding:24px; color:#b6bec9;
}
.dash__btn {
  display:inline-block; margin-top:10px; padding:8px 12px; border-radius:10px;
  background:#2f7efb; color:white; text-decoration:none; font-weight:600;
}

/* Grid: 2 columns on desktop, 1 on mobile; can scale to 3–4 if you prefer */
.dash__grid {
  list-style:none; padding:0; margin:0;
  display:grid; gap:14px;
  grid-template-columns: repeat(2, minmax(0,1fr));
}
@media (max-width: 980px) {
  .dash__grid { grid-template-columns: 1fr; }
}

/* Card */
.dash-card {
  position:relative;
  background:#12151a; border:1px solid #2a2f37; border-radius:16px;
  padding:18px 18px 16px;
  box-shadow: 0 8px 24px rgba(0,0,0,.25);
}
.dash-card__pill {
  display:inline-block; font-size:12px; color:#c7d2df; background:#1c2230;
  border:1px solid #334155; border-radius:999px; padding:3px 10px; margin-bottom:10px;
}
.dash-card__title { margin:4px 0 8px; font-size:18px; font-weight:700; }
.dash-card__title a { color:#eaecef; text-decoration:none; }
.dash-card__title a:hover { text-decoration:underline; }
.dash-card__snippet {
  color:#b6bec9; font-size:14px; line-height:1.45; margin:0 0 12px;
  display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden;
}
.dash-card__meta { color:#8f98a3; font-size:13px; }

.dash-card__fav {
  position:absolute; top:10px; right:12px; color:#ffc34d; font-size:18px;
}