/* ================================================================
   dashboard-edaith.css — My Pathways in the edaith.com style
   (Tina, 18 October 2026: "doesn't look up to standard with the other
   pages redesigned today"). Loaded after dashboard.css and overrides it;
   no markup changes, so every state the page renders (sign-in, the code
   field, empty, cards, expired, feedback panel) follows.

   The website's rules: Lato headings at regular weight in sentence case,
   Figtree text, a tint header band, white cards with a thin grey outline,
   black square buttons, black scores. The skill's colour stays only in the
   modules bar (Tina, 5 October 2026: colour belongs to bars, chips and
   markers, not cards).
   ================================================================ */

.dashboard-body {
  --ed-ink: #020912;
  --ed-text: rgba(2, 9, 18, 0.75);
  --ed-muted: rgba(2, 9, 18, 0.55);
  --ed-line: rgba(2, 9, 18, 0.12);
  --ed-tint: #f4f3f1;
  --ed-paper: #fcfcfc;
  --ed-head: 'Lato', 'Helvetica Neue', Helvetica, Arial, sans-serif;
  --ed-body: 'Figtree', 'Helvetica Neue', Helvetica, Arial, sans-serif;
  background: var(--ed-paper);
  color: var(--ed-text);
  font-family: var(--ed-body);
}

/* One column, 880px, with the logo on the same left line as the page. */
.dashboard-main { max-width: 880px; padding: 0 1.25rem 4rem; }
.dashboard-body .site-header {
  padding-left: max(1.25rem, calc((100vw - 880px) / 2 + 1.25rem));
  padding-right: max(1.25rem, calc((100vw - 880px) / 2 + 1.25rem));
}

/* ── The header band ─────────────────────────────────────────── */
.dashboard-body .screen__title {
  font-family: var(--ed-head);
  font-weight: 400;
  font-size: clamp(32px, 4.2vw, 48px);
  line-height: 1.12;
  letter-spacing: -0.01em;
  color: var(--ed-ink);
}
.dash-user {
  margin: 0 calc(50% - 50vw) 2.75rem;
  padding: 52px calc(50vw - 50%) 44px;
  background: var(--ed-tint);
  align-items: center;
}
.dash-login {
  max-width: none;
}
.dash-login > .screen__title,
.dash-login > .screen__intro {
  background: var(--ed-tint);
  box-shadow: 0 0 0 100vmax var(--ed-tint);
  clip-path: inset(0 -100vmax);
  margin: 0;
}
.dash-login > .screen__title { padding-top: 52px; margin-bottom: 0; }
.dash-login > .screen__intro {
  padding: 16px 0 44px;
  margin-bottom: 2.5rem;
  font-size: 16.5px;
  line-height: 1.8;
  color: var(--ed-text);
}
.dash-login__form { max-width: 460px; }
.dash-login__note { max-width: 460px; color: var(--ed-muted); font-size: 14px; line-height: 1.65; }

/* Inputs and buttons as on edaith.com. */
.dashboard-body input[type="email"],
.dashboard-body input[type="text"] {
  font-family: var(--ed-body);
  font-size: 16px;
  border: 1px solid rgba(2, 9, 18, 0.25);
  border-radius: 0;
  background: #fff;
}
.dashboard-body .btn,
.dashboard-body button.btn--primary {
  font-family: var(--ed-body);
  font-size: 14px;
  font-weight: 400;
  letter-spacing: 0.06em;
  text-transform: none;
  background: var(--ed-ink);
  border-color: var(--ed-ink);
  border-radius: 0;
}

/* ── A skill ─────────────────────────────────────────────────── */
.dash-group { margin-bottom: 3rem; }
.dash-group__head { margin-bottom: 1rem; }
.dash-group__title {
  font-family: var(--ed-head);
  font-weight: 400;
  font-size: clamp(24px, 2.6vw, 30px);
  color: var(--ed-ink);
}
.dash-group__guide { color: var(--ed-ink); font-weight: 400; text-decoration: underline; text-underline-offset: 2px; }

/* ── A Pathway card ──────────────────────────────────────────── */
.dash-entry {
  background: #fff;
  border: 1px solid var(--ed-line);
  color: var(--ed-text);
  padding: 0;
  margin-bottom: 1rem;
}
.dash-entry__main { color: inherit; }
.dash-entry__head {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  align-items: end;
  gap: 1rem;
  padding: 22px calc(var(--inset) - 1px) 0;
}
.dash-entry .dash-entry__block,
.main.dashboard-main .dash-entry__block--dark { padding: 0; }
.dash-entry__block--dark,
.dash-entry__block--light { background: none; color: var(--ed-text); font-size: 15px; }
.dash-entry__block--light { text-align: right; align-items: flex-end; }
.dash-entry__edge { display: none; }
.dash-entry__status {
  display: inline-block;
  vertical-align: 1px;
  margin-right: 10px;
  font-size: 12px;
  letter-spacing: 0.12em;
  text-transform: uppercase;
  color: var(--ed-ink);
  border: 1px solid var(--ed-ink);
  padding: 3px 8px 2px;
}
.dash-entry--expired .dash-entry__status { color: var(--ed-muted); border-color: var(--ed-line); }
.dash-entry__completed { display: inline; color: var(--ed-muted); }
.dash-entry__completed::after { content: ' '; }
.dash-entry__date { display: inline; font-weight: 400; color: var(--ed-text); white-space: nowrap; }
.dash-entry__block--dark { display: block; }
.dash-entry__overall { font-size: 13px; letter-spacing: 0.04em; text-transform: none; color: var(--ed-muted); }
.dash-entry__score {
  font-family: var(--ed-head);
  font-weight: 400;
  font-size: 40px;
  line-height: 1;
  color: var(--ed-ink);
  margin: 4px 0 2px;
}
.dash-entry__delta,
.dash-entry__delta--up,
.dash-entry__delta--down,
.dash-entry__delta--flat { color: var(--ed-muted); font-weight: 400; font-size: 13px; }

.dash-entry__body { padding: 18px calc(var(--inset) - 1px) 0; }
.dash-entry--expired .dash-entry__body { padding-bottom: 22px; }
.dash-entry__hint { color: var(--ed-muted); font-size: 14.5px; }
.dash-entry--expired { opacity: 1; }
.dash-entry--expired .dash-entry__score { color: var(--ed-muted); }

/* "View your results": the card's main action, a black button. */
.dash-entry__results {
  display: inline-block;
  background: var(--ed-ink);
  color: #fcfcfc;
  font-weight: 400;
  font-size: 14px;
  letter-spacing: 0.06em;
  padding: 13px 24px;
  margin: 0;
}
.dash-entry__results .dash-arrow { border-left-color: #fcfcfc; }
a.dash-entry__main:hover .dash-entry__results { opacity: 0.85; }

/* Modules, certificate and feedback under a thin rule. */
.dash-entry__meta {
  margin: 20px calc(var(--inset) - 1px) 0;
  padding: 18px 0 20px;
  border-top: 1px solid var(--ed-line);
  row-gap: 14px;
}
.dash-entry__modules-row { color: var(--ed-text); font-size: 14px; }
.dash-entry__modules-count { font-weight: 600; color: var(--ed-ink); }
.dash-entry__segment { background: #e6e7e9; height: 6px; }
.dash-entry__segment.is-done { background: var(--card-accent); }
.dash-entry__pathway,
.dash-entry__certificate {
  color: var(--ed-ink);
  font-weight: 400;
  font-size: 15px;
  text-decoration: none;
}
.dash-entry__pathway {
  box-shadow: inset 0 0 0 1px var(--ed-ink);
  padding: 11px 20px;
  letter-spacing: 0.04em;
  font-size: 14px;
}
.dash-entry__pathway:hover { background: var(--ed-ink); color: #fcfcfc; }
.dash-entry__pathway:hover .dash-arrow { border-left-color: #fcfcfc; }
.dash-entry__certificate { text-decoration: underline; text-underline-offset: 2px; }
.dash-entry .dash-arrow { border-left-color: var(--ed-ink); }
.dash-entry .dash-feedback { border-top-color: var(--ed-line); }
.dash-entry .dash-feedback__toggle { color: var(--ed-ink); font-family: var(--ed-body); font-weight: 600; font-size: 15px; }
.dash-entry .dash-feedback__count { color: var(--ed-muted); }
.dash-entry .dash-feedback__panel { background: var(--ed-tint); color: var(--ed-text); }
.dash-entry .dash-feedback__panel a { color: var(--ed-ink); }
.dash-entry .dash-feedback__panel .btn--primary { background: var(--ed-ink); border-color: var(--ed-ink); }
.dash-entry .dash-entry__certificate-name,
.dash-entry .dash-entry__certificate-name button,
.dash-entry .dash-entry__certificate.is-note { color: var(--ed-text); }

/* ── Saved pages ─────────────────────────────────────────────── */
.dash-saved { border-top: 1px solid var(--ed-line); }
.dash-saved__title { font-family: var(--ed-head); font-weight: 400; font-size: clamp(24px, 2.6vw, 30px); color: var(--ed-ink); }
.dash-saved__name { font-weight: 600; color: var(--ed-ink); }
.dash-saved__thumb { border-color: var(--ed-line); background: #fff; }
.dash-saved__page:hover .dash-saved__thumb { border-color: var(--ed-ink); }

/* ── The install pop-up: black numbers, no coloured top line; the teal icon
   squares stay (Tina, 3 October 2026). ─────────────────────────── */
.dashboard-body .install-guide__card { border-top: 1px solid var(--ed-line); }
.dashboard-body .install-guide__title { font-family: var(--ed-head); font-weight: 400; font-size: 26px; color: var(--ed-ink); }
.dashboard-body .install-guide__step::before { color: var(--ed-ink); font-weight: 400; }

/* ── Footer, as the site's: tint, small, centred ─────────────── */
.dashboard-body .site-footer { background: var(--ed-tint); border-top: 0; color: var(--ed-muted); font-family: var(--ed-body); }
.dashboard-body .site-footer a { color: var(--ed-ink); text-decoration: underline; text-underline-offset: 2px; }

/* The skill's tools strip keeps its size on a phone. With the longer "Problem Solver"
   it was squeezed to nothing between the name and the guide link (Tina, 18 October
   2026); now the row wraps and the strip keeps a fixed height. */
@media (max-width: 600px) {
  .dash-group__head { flex-wrap: wrap; row-gap: 0.5rem; }
  .dash-group__head .dash-group__title { flex: 0 0 100%; }   /* the strip sits under the name for every skill */
  .dash-group__strip { flex: 0 0 auto; width: auto; height: 22px; max-width: none; margin: 0; }
  .dash-group__guide { flex: 1 0 100%; }
}
@media (max-width: 600px) {
  .dash-user { padding-top: 36px; padding-bottom: 30px; }
  .dash-entry__score { font-size: 34px; }
  .dash-entry__results { display: block; text-align: center; }
  .dash-entry__pathway { flex: 1 0 100%; text-align: center; }
}