/* Stiluri specifice Radiografiei pierderilor (restul vine din shared/css). */

/* Titlul paginii de start mai mare (nota de design a lui Constantin, texte v2 #1): numele instrumentului din antet
   și titlul principal al paginii de start. */
.module-header-category { font-size: clamp(var(--text-base), 2.6vw, var(--text-xl)); font-weight: 700; letter-spacing: 0.01em; }
#landing-h1 { font-size: clamp(1.75rem, 5.2vw, 2.6rem); line-height: 1.15; margin-bottom: var(--space-4); overflow-wrap: break-word; }

.landing-points { padding-left: var(--space-5); margin: var(--space-4) 0; }
.landing-points li { margin-bottom: var(--space-2); }
.landing-how-title { font-size: var(--text-lg); margin-top: var(--space-5); }
.landing-how { padding-left: var(--space-5); margin-bottom: var(--space-5); }
.landing-how li { margin-bottom: var(--space-2); }

.microcopy { color: var(--muted); font-size: var(--text-sm); margin-top: var(--space-3); }
.block-intro { color: var(--text-navy-mid); font-weight: 600; margin-bottom: var(--space-4); }
.q-help { color: var(--muted); font-size: var(--text-sm); margin: var(--space-2) 0 var(--space-3); }
.nav-row { display: flex; justify-content: space-between; gap: var(--space-3); margin-top: var(--space-5); }


/* Raport */
.report-header-line { color: var(--muted); font-size: var(--text-sm); margin-top: var(--space-1); }
.result-cards { display: grid; grid-template-columns: repeat(3, 1fr); gap: var(--space-3); margin: var(--space-5) 0 var(--space-3); }
@media (max-width: 720px) { .result-cards { grid-template-columns: 1fr; } }
.result-card { border: 1px solid var(--border); border-radius: var(--radius-md); padding: var(--space-4); border-top: 4px solid var(--cyan); background: var(--card); }
.result-card.bani { border-top-color: var(--coral); }
.result-card.blocati { border-top-color: var(--navy-mid); }
.result-card h3 { font-family: var(--font-mono); font-weight: 500; font-size: var(--text-xs); text-transform: uppercase; letter-spacing: 0.06em; color: var(--muted); margin: 0 0 var(--space-2); }
.result-card .value { font-family: var(--font-display); font-size: var(--text-xl); font-weight: 500; color: var(--text); line-height: 1.25; margin-bottom: var(--space-2); }
.result-card p { font-size: var(--text-sm); margin: var(--space-1) 0; }
.result-card .value .value-note { display: block; font-size: var(--text-sm); font-weight: 600; color: var(--text-navy-mid); margin-top: var(--space-1); }
.capped-note { border-left: 3px solid var(--yellow); padding-left: var(--space-3); font-size: var(--text-sm); }

.zone-item { border-left: 3px solid var(--coral); padding-left: var(--space-4); margin: var(--space-5) 0; }
.zone-item h3 { margin: 0 0 var(--space-1); }
.zone-value { font-weight: 700; margin: 0; }
.zone-item dl { margin: var(--space-2) 0 0; font-size: var(--text-sm); }
.zone-item dt { font-weight: 600; margin-top: var(--space-2); }
.zone-item dd { margin: 0; }
.methodology summary { cursor: pointer; font-size: var(--text-lg); }
.methodology p { font-size: var(--text-sm); }
.method-item { border-left: 3px solid var(--border); padding-left: var(--space-3); margin: var(--space-4) 0; }
.method-item h4 { margin: 0 0 var(--space-1); font-size: var(--text-base); }
.method-item dl { margin: 0; font-size: var(--text-sm); }
.method-item dt { font-weight: 600; margin-top: var(--space-2); }
.method-item dd { margin: 0 0 var(--space-1); overflow-wrap: anywhere; }
.method-item .calc, .zone-item .calc { font-family: ui-monospace, SFMono-Regular, Menlo, monospace; font-size: var(--text-xs); color: var(--muted); }
.report-section h2 { font-size: var(--text-lg); margin-top: var(--space-6); }
.disclaimer { font-size: var(--text-xs); color: var(--muted); border-top: 1px solid var(--border); padding-top: var(--space-3); margin-top: var(--space-5); }

.cta-main { margin-bottom: var(--space-5); }
.cta-secondary { border-top: 1px solid var(--border); padding-top: var(--space-4); margin-top: var(--space-4); }
.cta-secondary h3 { font-size: var(--text-base); margin: 0 0 var(--space-1); }
.cta-thanks { color: var(--text-green); font-weight: 600; }

.validation-q { margin: var(--space-4) 0; border: none; padding: 0; }
.validation-q legend { font-weight: 600; margin-bottom: var(--space-2); }
.scale-row { display: flex; gap: var(--space-2); flex-wrap: wrap; }
.scale-row label { display: inline-flex; align-items: center; gap: 6px; border: 1px solid var(--border); border-radius: var(--radius-sm); padding: 6px 12px; cursor: pointer; }
.validation-block select { padding: 10px 12px; border: 1px solid var(--border); border-radius: var(--radius-sm); font: inherit; background: var(--card); color: var(--text); max-width: 100%; }