.pfm-dashboard-history {
--pfm-history-accent: var(--pfm-team-primary, #16324f);
margin-top: clamp(1.5rem, 3vw, 2.25rem);
padding: clamp(1.25rem, 2.5vw, 1.75rem);
border: 1px solid rgba(var(--pfm-team-primary-rgb, 22, 50, 79), .16);
border-top: 4px solid var(--pfm-history-accent);
border-radius: 18px;
background: #f8fafc;
box-shadow: 0 12px 30px rgba(15, 35, 58, .07);
color: #14263a;
}
.pfm-dashboard-history__head { max-width: 760px; }
.pfm-dashboard-history__eyebrow {
display: block;
margin-bottom: .45rem;
color: var(--pfm-history-accent);
font-size: .75rem;
font-weight: 800;
letter-spacing: .12em;
line-height: 1.2;
text-transform: uppercase;
}
.pfm-dashboard-history h2 {
margin: 0;
color: #10263c;
font-size: clamp(1.35rem, 2.4vw, 1.8rem);
line-height: 1.18;
}
.pfm-dashboard-history__head p {
max-width: 68ch;
margin: .7rem 0 0;
color: #40556b;
font-size: 1rem;
line-height: 1.65;
}
.pfm-dashboard-history__stats {
display: grid;
grid-template-columns: repeat(4, minmax(0, 1fr));
gap: .75rem;
margin: 1.25rem 0 0;
}
.pfm-dashboard-history__stat {
min-width: 0;
padding: .9rem 1rem;
border: 1px solid rgba(var(--pfm-team-primary-rgb, 22, 50, 79), .12);
border-radius: 13px;
background: #fff;
}
.pfm-dashboard-history__stat dt {
color: #607287;
font-size: .74rem;
font-weight: 800;
letter-spacing: .035em;
line-height: 1.35;
text-transform: uppercase;
}
.pfm-dashboard-history__stat dd {
margin: .42rem 0 0;
color: #10263c;
font-size: clamp(1.25rem, 2vw, 1.6rem);
font-weight: 850;
line-height: 1.15;
overflow-wrap: anywhere;
}
.pfm-dashboard-history__stat dd small {
display: block;
margin-top: .3rem;
color: #607287;
font-size: .78rem;
font-weight: 650;
line-height: 1.3;
}
.pfm-dashboard-history__supporting {
margin: 1rem 0 0;
color: #52677c;
font-size: .9rem;
line-height: 1.55;
}
.pfm-dashboard-history a.pfm-dashboard-history__cta,
.pfm-dashboard-history a.pfm-dashboard-history__cta:link,
.pfm-dashboard-history a.pfm-dashboard-history__cta:visited {
display: inline-flex;
align-items: center;
justify-content: center;
min-height: 44px;
margin-top: 1.15rem;
padding: .72rem 1.05rem;
border: 1px solid var(--pfm-history-accent);
border-radius: 999px;
background: var(--pfm-history-accent);
color: #fff !important;
-webkit-text-fill-color: #fff !important;
font-size: .9rem;
font-weight: 850;
line-height: 1.25;
text-decoration: none !important;
box-shadow: 0 8px 18px rgba(var(--pfm-team-primary-rgb, 22, 50, 79), .18);
transition: transform .15s ease, background .15s ease, border-color .15s ease;
}
.pfm-dashboard-history a.pfm-dashboard-history__cta:hover,
.pfm-dashboard-history a.pfm-dashboard-history__cta:focus {
border-color: #111827;
background: #111827;
color: #fff !important;
-webkit-text-fill-color: #fff !important;
text-decoration: none !important;
transform: translateY(-1px);
}
.pfm-dashboard-history a.pfm-dashboard-history__cta:focus-visible {
outline: 3px solid rgba(var(--pfm-team-primary-rgb, 22, 50, 79), .32);
outline-offset: 3px;
}
@media (max-width: 900px) {
.pfm-dashboard-history__stats { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 420px) {
.pfm-dashboard-history { padding: 1rem; border-radius: 15px; }
.pfm-dashboard-history__stats { gap: .6rem; }
.pfm-dashboard-history__stat { padding: .8rem; }
.pfm-dashboard-history__stat dt { font-size: .68rem; }
.pfm-dashboard-history__stat dd { font-size: 1.15rem; }
}
@media (max-width: 339px) {
.pfm-dashboard-history__stats { grid-template-columns: 1fr; }
}
@media (prefers-reduced-motion: reduce) {
.pfm-dashboard-history *, .pfm-dashboard-history *::before, .pfm-dashboard-history *::after { scroll-behavior: auto !important; }
}