/* dash.css — styles for the daily-learning dashboard cards (roadmap B4 dashboard side).
   Brand tokens only (see brand.css / styles.css): green/beige/gold, NO blue. Gold is reserved for
   the gilded family words (.gilt, handled in styles.css). Cards reuse the existing .card surface. */

.dash-card { margin: 0 0 16px; }
.dash-card .section-label { margin-top: 0; }

.dash-mission-body { font-size: 19px; color: var(--green); margin: 4px 0 6px; }
.dash-mission-body b { color: var(--green); }
.dash-sub { color: var(--muted); font-size: 16px; margin: 0 0 14px; }

.dash-card .btn { display: inline-block; }

/* #40 Daddy's message — warm, set apart, but still green/beige/gold only */
.dash-daddy { background: linear-gradient(180deg, #fff8ec, #f6ecd6); border-left: 4px solid var(--gold); }
.dash-msg-title { font-family: var(--serif); font-weight: 600; font-size: 24px; color: var(--green); margin: 2px 0 8px; }
.dash-msg-body { color: var(--ink); font-size: 18px; line-height: 1.6; margin: 0 0 12px; }
.dash-meta { font-family: var(--mono); font-size: 12px; letter-spacing: .08em; color: var(--muted); margin: 0; }

/* #47 What's new badges */
.dash-version { font-family: var(--serif); font-size: 20px; color: var(--green); margin: 2px 0 10px; }
.dash-badge {
  display: inline-block; font-family: var(--mono); font-size: 13px; letter-spacing: .06em;
  background: var(--moore-good-soft); color: var(--green); border: 1px solid var(--line);
  border-radius: 999px; padding: 4px 12px; margin-right: 8px; font-weight: 600;
}
.dash-list { margin: 0 0 8px; padding-left: 20px; color: var(--ink); }
.dash-list li { margin: 4px 0; }

/* honest offline note reuses .note; small spacing tweak */
.dash-offline { margin: 4px 0 16px; }

/* ---- #41 Printable mission card ---------------------------------------- */
/* On screen the printable sheet is hidden; it appears only when printing. */
.print-mission { display: none; }

@media print {
  /* Hide everything except the printable mission sheet for a clean, child-friendly print. */
  body.dash * { visibility: hidden !important; }
  #printMission, #printMission * { visibility: visible !important; }
  #printMission {
    display: block !important; visibility: visible !important;
    position: absolute; left: 0; top: 0; width: 100%;
    padding: 40px; text-align: center; color: #000;
  }
  #printMission h2 { font-family: var(--serif); font-size: 34px; margin: 0 0 24px; }
  #printMission .pm-task { font-size: 26px; line-height: 1.5; margin: 0 auto 40px; max-width: 28ch; }
  #printMission .pm-check { font-size: 24px; margin: 0 0 60px; }
  #printMission .pm-box { font-size: 30px; margin-right: 10px; }
  #printMission .pm-foot { font-family: var(--mono); font-size: 14px; letter-spacing: .1em; }
}