/* The sample week (templates/partials/sample_week.html), inside the app and on the register page. */
.sample-week{border:1px dashed var(--outline-variant,#c9d4e3);border-radius:18px;padding:22px;background:var(--surface,#fff);color:var(--on-surface,#0b1526);margin:0 0 18px}
.sample-week p{margin:0}
.sample-week-bar{font-weight:700;color:var(--on-surface,#0b1526);padding:10px 14px;border-radius:12px;background:var(--surface-container-low,#f3f6fa);margin-bottom:14px!important}
.sample-week-label{font-size:12px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--on-surface-variant,#50607a)}
.sample-week-kicker{margin-top:12px!important;font-size:13px;font-weight:650;color:var(--on-surface-variant,#50607a)}
.sample-week-value{font-size:clamp(30px,7vw,42px);font-weight:750;letter-spacing:-.02em;line-height:1.1;font-variant-numeric:tabular-nums}
.sample-week-value.is-negative{color:var(--negative,#c62828)}
.sample-week-line{margin-top:8px!important;font-size:15px;line-height:1.55;color:var(--on-surface,#0b1526)}
.sample-week-curve{margin:16px 0 0}
.sample-week-legend{display:flex;flex-wrap:wrap;gap:6px 18px;margin-bottom:6px;font-size:13px;font-weight:650}
.sample-week-key strong{font-variant-numeric:tabular-nums}
.sample-week-key-plan strong{color:var(--primary,#0058bc)}
.sample-week-curve svg{display:block;width:100%;height:150px;background:var(--surface-container-low,#f3f6fa);border-radius:10px}
.sample-week-zero{stroke:var(--outline-variant,#c9d4e3);stroke-width:1;stroke-dasharray:4 4;vector-effect:non-scaling-stroke}
.sample-week-all{fill:none;stroke:var(--on-surface-variant,#50607a);stroke-opacity:.6;stroke-width:2;vector-effect:non-scaling-stroke;stroke-linejoin:round}
.sample-week-plan{fill:none;stroke:var(--primary,#0058bc);stroke-width:2.5;vector-effect:non-scaling-stroke;stroke-linejoin:round}
.sample-week-curve figcaption{margin-top:6px;font-size:12px;line-height:1.5;color:var(--on-surface-variant,#50607a)}
.sample-week-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:16px}
.sample-week-note{margin-top:10px!important;font-size:12px;line-height:1.5;color:var(--on-surface-variant,#50607a)}
.sample-week-compact{padding:18px;margin:0}
.sample-week-compact .sample-week-curve svg{height:110px}
/* The public pages' compact card (WOW.md §10, POLISH.md), as calm as the homepage's first step (MATCH-ROUND.md
   M2, M3): two text sizes besides the figure (14 and 12 px), one label weight, colour only for money. */
.sample-week-compact{padding:0;border:0;background:none;margin:0}
.sample-week-ink{padding:20px 24px 16px;border-radius:var(--ds-radius-2xl,24px);background:var(--ds-surface-ink);color:var(--ds-ink-text);box-shadow:var(--ds-shadow-ink);font-weight:500}
.sample-week-ink p{max-width:none;margin:0}
.sample-week-ink .sample-week-head{display:flex;justify-content:space-between;align-items:baseline;gap:12px;padding-bottom:14px;border-bottom:var(--ds-border-ink)}
.sample-week-ink .sample-week-title{color:var(--ds-ink-text);font-size:14px;font-weight:500}
.sample-week-ink .sample-week-range{color:var(--ds-ink-text-3);font-size:12px;line-height:1.4;white-space:nowrap}
.sample-week-ink .sample-week-figures{display:grid;grid-template-columns:auto minmax(0,1fr);grid-template-areas:"kicker key" "value value";align-items:center;column-gap:16px;margin-top:20px}
.sample-week-ink .sample-week-cost{display:contents}
.sample-week-ink .sample-week-cost .sample-week-kicker{grid-area:kicker}
.sample-week-ink .sample-week-cost .sample-week-value{grid-area:value}
.sample-week-ink .vg-split-key{grid-area:key;justify-content:flex-end;margin:0}
/* Pages that style every p (NinjaTrader's, the comparison's) never restyle the legend (MATCH-ROUND.md M7 review). */
.sample-week .sample-week-ink p.vg-split-key{color:var(--ds-ink-text-2);font-size:12px;font-weight:500;line-height:1.5}
.sample-week-ink .sample-week-kicker{display:flex;align-items:center;gap:8px;margin:0!important;color:var(--ds-ink-text-3);font-size:12px;font-weight:500;letter-spacing:0;text-transform:none}
.sample-week-ink .sample-week-value{display:block;margin-top:8px!important;color:var(--ds-loss-on-ink);font-family:var(--ds-font-sans);font-size:clamp(36px,6vw,48px);font-weight:700;line-height:.95}
.sample-week-ink .sample-week-line{margin-top:12px!important;color:var(--ds-ink-text-2);font-size:14px;font-weight:400;line-height:1.5}
.sample-week-chart{display:block;width:100%;height:auto;margin-top:16px}
.sample-week-ink .sample-week-label{margin-top:6px!important;color:var(--ds-ink-text-3);font-size:12px;font-weight:500;line-height:1.5;letter-spacing:0;text-transform:none}
@media(max-width:560px){.sample-week-ink{padding:14px 14px 12px}.sample-week-ink .sample-week-figures{margin-top:12px}.sample-week-ink .sample-week-value{margin-top:6px!important;font-size:34px}.sample-week-ink .vg-split-key{gap:.35rem 14px}.sample-week-chart{margin-top:12px}}