/* Aplicação dos componentes do preview às telas existentes, sem mudar contratos. */
.academy-shell .z-sidebar > .z-sidebar__group-label:first-child { font-size: 22px; font-weight: 800; }
.academy-shell .z-sidebar__item { border-radius: var(--raio-botao); font-size: 14px; font-weight: 600; }
.academy-shell .z-sidebar__item[data-active=true] { background: var(--accent); color: var(--brand-detail); }
.academy-library > h1, .performance-heading h1 { font: 800 clamp(28px,3.5vw,48px)/1.15 var(--font-titulo); }
.academy-eyebrow, .journey-eyebrow, .journey-step-kicker, .journey-progress-label, .journey-practice-label, .journey-lesson-label, .achievement-eyebrow { font: var(--text-legenda); letter-spacing: .12em; }
.academy-intro, .performance-heading p, .journey-description { font-size: 16px; line-height: 1.6; }
.academy-library .z-tabs__trigger { font-size: 14px; font-weight: 700; }
.journey-hero, .journey-step, .journey-recommendation, .achievement-summary, .performance-metrics { border-radius: var(--raio-card); }
.journey-title { font: 800 clamp(26px,3vw,38px)/1.2 var(--font-titulo); }
.journey-intro h2, .journey-step-heading h3, .journey-recommendation h3, .academy-meeting-info h3 { font: var(--text-subtitulo); }
.journey-progress-panel { background: var(--noite); color: var(--branco); border-radius: var(--raio-card); }
.journey-progress-panel .journey-progress-label { color: var(--rosa); }
.journey-progress-panel p { color: var(--lilas-apoio); font-size: 14px; }
.journey-progress-number, .performance-metric__value, .achievement-score { font-family: var(--font-titulo); font-weight: 800; }
.journey-progress-track { height: 8px; background: var(--grafite); border-radius: var(--raio-pilula); }
.journey-progress-fill { background: var(--rosa); border-radius: inherit; }
.journey-step-index { font: 700 28px/1.2 var(--font-titulo); }
.journey-step-status, .pillar-browser .pillar-meta { border-radius: var(--raio-pilula); font-size: 12px; }
.journey-lesson, .journey-footnote, .journey-lesson-icon { border-radius: var(--raio-botao); }
.journey-lesson-name, .journey-practice p, .journey-footnote { font-size: 14px; }
.academy-meeting { border-radius: var(--raio-card) !important; }
.academy-meeting-info > span { font-size: 14px !important; }
.academy-meeting-actions .z-btn { font-size: 14px; }
.academy-empty { border-radius: var(--raio-card); font-size: 16px; }
.performance-heading .z-badge { font: var(--text-legenda); }
.performance-metric__label, .performance-metric__detail, .performance-visit { font-size: 13px; }
.performance-intro > .z-card { background: var(--noite); color: var(--branco); border-color: var(--border); border-radius: var(--raio-card); }
.performance-callout > .material-symbols-outlined { color: var(--rosa); }
.performance-callout__title { font: var(--text-subtitulo); color: var(--branco); }
.performance-callout p { color: var(--lilas-apoio); font-size: 14px; }
.performance-container .z-card__title { font: var(--text-subtitulo); }
.performance-container .z-card__description, .achievement-level, .achievement-medals, .achievement-row, .achievement-breakdown span { font-size: 14px; }
.achievement-breakdown strong, .achievement-position { font-family: var(--font-titulo); font-weight: 700; }
.academy-lesson .z-breadcrumb, .academy-module-progress .z-field__hint { font-size: 13px; }
.pillar-browser h2 { font: 700 clamp(24px,2.8vw,30px)/1.2 var(--font-titulo); }
.pillar-browser .pillar-banner-title, .pillar-browser .pillar-module-title { font: var(--text-subtitulo); }
.pillar-browser .pillar-description, .pillar-browser p { font-size: 14px; }
.pillar-browser .pillar-number { font-style: normal; font-weight: 700; }
.pillar-browser .pillar-cta { border-radius: var(--raio-botao); font-size: 14px; font-weight: 800; }
.pillar-browser .pillar-progress { height: 8px; border-radius: var(--raio-pilula); overflow: hidden; }
.pillar-browser .pillar-banner.pillar-banner-photo, .pillar-browser .pillar-banner.pillar-banner-photo:hover { background: var(--noite); color: var(--branco); }
.pillar-browser .pillar-banner-photo::before { background: linear-gradient(180deg,transparent 20%,rgb(11 11 20 / 45%) 53%,rgb(11 11 20 / 95%) 100%); }
.pillar-browser .pillar-banner-photo .pillar-cta { background: linear-gradient(135deg,var(--rosa-profundo),var(--rosa-escuro)); border-color: transparent; color: var(--branco); }
.pillar-browser .pillar-banner-photo .pillar-progress::-webkit-progress-value { background: var(--rosa); }
.pillar-browser .pillar-banner-photo .pillar-progress::-moz-progress-bar { background: var(--rosa); }
@media(prefers-reduced-motion:reduce) { *,*::before,*::after { scroll-behavior: auto !important; transition: none !important; animation: none !important; } }