/* v0.6.1 — Schede Film / Serie: identità cinematografica + dossier personale */
.detail-rich-content{padding:0 14px 28px;overflow-x:hidden}
.detail-topbar{position:relative;z-index:20;background:color-mix(in srgb,var(--bg) 90%,transparent)}
.detail-cinematic-hero{position:relative;min-height:292px;margin:0 -14px 14px;overflow:hidden;border-bottom:1px solid var(--line);background:var(--surface)}
.detail-backdrop{position:absolute;inset:0;background-position:center 28%;background-size:cover;background-repeat:no-repeat;filter:saturate(.84) contrast(1.02)}
.detail-backdrop::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(4,7,4,.16),rgba(4,7,4,.03) 48%,rgba(4,7,4,.15))}
.detail-backdrop-shade{position:absolute;inset:0;background:linear-gradient(180deg,rgba(3,5,3,.05) 8%,rgba(3,5,3,.38) 44%,rgba(3,5,3,.96) 88%,var(--bg) 100%)}
.detail-identity{position:absolute;left:14px;right:14px;bottom:12px;display:grid;grid-template-columns:104px minmax(0,1fr);gap:14px;align-items:end;z-index:2}
.detail-poster{width:104px!important;height:154px!important;border:1px solid color-mix(in srgb,var(--ink) 72%,transparent)!important;background-color:var(--surface2);box-shadow:0 8px 22px rgba(0,0,0,.34)}
.detail-title-copy{min-width:0;padding-bottom:4px}.detail-title-copy .context{display:block;color:var(--lime);font-size:8px;letter-spacing:.12em;text-transform:uppercase;margin-bottom:5px}
.detail-title-copy h2{margin:0;color:var(--ink);font-size:25px;line-height:1.03;font-weight:900;letter-spacing:-.035em;text-wrap:balance}.detail-title-copy>.meta{display:block;margin-top:7px;color:var(--ink2);font-size:9.5px}
.detail-fact-pills{display:flex;gap:5px;flex-wrap:wrap;margin-top:9px}.detail-fact-pill{display:inline-flex;align-items:center;gap:4px;border:1px solid color-mix(in srgb,var(--line2) 55%,transparent);background:rgba(6,9,6,.62);padding:5px 6px;color:var(--ink2);font-size:7.8px;line-height:1.05;text-transform:uppercase;letter-spacing:.045em}.detail-fact-pill b{color:var(--lime);font-weight:900}
.detail-panel{border:1px solid var(--line);background:linear-gradient(155deg,color-mix(in srgb,var(--surface2) 95%,transparent),color-mix(in srgb,var(--surface) 96%,transparent));padding:11px;margin:0 0 10px}
.detail-kicker{color:var(--lime);font-size:8.5px;font-weight:900;letter-spacing:.09em;text-transform:uppercase;margin-bottom:9px}
.detail-dossier-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));border-top:1px solid var(--line);border-left:1px solid var(--line)}
.detail-dossier-item{min-width:0;min-height:78px;border-right:1px solid var(--line);border-bottom:1px solid var(--line);padding:8px 5px;text-align:center;background:rgba(3,6,3,.18)}
.detail-dossier-item .dossier-icon{display:block;color:var(--lime);font-size:15px;line-height:1;margin-bottom:7px}.detail-dossier-item.is-purple .dossier-icon,.detail-dossier-item.is-purple strong{color:var(--purple)}
.detail-dossier-item strong{display:block;font-size:11px;line-height:1.15;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.detail-dossier-item small{display:block;color:var(--muted);font-size:6.9px;line-height:1.25;text-transform:uppercase;letter-spacing:.04em;margin-top:4px}
.detail-actions{display:grid;gap:7px;margin:0 0 14px}.detail-actions .button{min-height:46px;font-size:10.5px;letter-spacing:.03em}.detail-actions .primary{background:linear-gradient(90deg,var(--lime2),var(--lime));color:#071004;border-color:var(--lime)}
.detail-copy-block{margin:0 0 12px;padding:2px 1px 4px}.detail-copy-block p{margin:0;color:var(--ink2);font-size:10.5px;line-height:1.65;text-wrap:pretty}
.detail-meta-panel{padding:0}.detail-meta-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.detail-meta-item{min-width:0;min-height:62px;padding:9px 10px;border-right:1px solid var(--line);border-bottom:1px solid var(--line)}.detail-meta-item:nth-child(2n){border-right:0}.detail-meta-item:nth-last-child(-n+2){border-bottom:0}.detail-meta-item span{display:block;color:var(--muted);font-size:7.3px;text-transform:uppercase;letter-spacing:.07em}.detail-meta-item strong{display:block;color:var(--ink);font-size:9.5px;line-height:1.3;margin-top:5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.detail-archive-panel{display:flex;align-items:center;justify-content:space-between;gap:12px}.detail-archive-panel .detail-kicker{margin-bottom:4px}.detail-archive-panel p{margin:0;color:var(--muted);font-size:8px}.detail-archive-panel>span{color:var(--lime);font-size:9px;font-weight:900;text-align:right}
.detail-history{margin-top:14px}.detail-history .section-head h2{font-size:10px;text-transform:uppercase;letter-spacing:.075em}.detail-history .row{min-height:62px!important}
/* Serie */
.series-detail-hero{min-height:282px}.series-progress-panel{padding:12px}.series-progress-summary{display:flex;align-items:flex-end;gap:12px;margin-bottom:9px}.series-progress-summary strong{font-size:29px;line-height:.9;color:var(--ink)}.series-progress-summary span{color:var(--muted);font-size:9px;margin-bottom:1px}.detail-progress{height:6px;background:#202620}.detail-progress span{background:linear-gradient(90deg,var(--purple2),var(--lime))}
.next-episode-panel{padding:11px}.next-episode-main{display:grid;grid-template-columns:72px minmax(0,1fr) 42px;gap:10px;align-items:center}.episode-still{display:block;width:72px;height:50px;border:1px solid var(--line);background:var(--surface3) center/cover no-repeat}.next-episode-copy{min-width:0}.next-episode-copy>strong{display:block;color:var(--lime);font-size:7.8px;letter-spacing:.07em}.next-episode-copy h3{margin:3px 0 3px;font-size:11px;line-height:1.18;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.next-episode-copy .meta{font-size:8px}.next-episode-play{width:40px;height:40px;border-radius:50%;border:1px solid var(--purple);background:linear-gradient(145deg,var(--purple),var(--purple2));color:white;font-size:13px;display:grid;place-items:center;padding-left:3px;box-shadow:0 0 18px rgba(143,80,255,.2)}
.series-dossier-grid{grid-template-columns:repeat(5,minmax(0,1fr))}.series-dossier-grid .detail-dossier-item{min-height:76px;padding-inline:3px}.series-dossier-grid .detail-dossier-item strong{font-size:9.5px}.series-dossier-grid .detail-dossier-item small{font-size:6.2px}
.series-detail-actions{margin-bottom:12px}.detail-seasons{margin-top:13px}.detail-seasons .section-head{margin-bottom:7px}.detail-seasons .section-head h2{font-size:10px;text-transform:uppercase;letter-spacing:.075em}.detail-seasons .link{color:var(--lime);font-size:8px}
.detail-season-strip{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(116px,38%);gap:7px;overflow-x:auto;padding-bottom:4px;scroll-snap-type:x mandatory;scrollbar-width:none}.detail-season-strip::-webkit-scrollbar{display:none}.detail-season-card{min-height:76px;border:1px solid var(--line);background:var(--surface);padding:9px;text-align:left;scroll-snap-align:start}.detail-season-card.is-active{border-color:var(--lime2);box-shadow:inset 0 -2px 0 var(--lime)}.detail-season-card strong{display:block;font-size:10px}.detail-season-card span{display:block;color:var(--muted);font-size:7.5px;margin-top:5px}.detail-season-card em{display:block;color:var(--lime);font-style:normal;font-size:7px;margin-top:8px;text-transform:uppercase}
@media(max-width:380px){.detail-cinematic-hero{min-height:270px}.detail-identity{grid-template-columns:92px minmax(0,1fr);gap:11px}.detail-poster{width:92px!important;height:138px!important}.detail-title-copy h2{font-size:22px}.detail-dossier-item{min-height:73px}.detail-dossier-item strong{font-size:9.5px}.detail-fact-pill{font-size:7px}.series-dossier-grid .detail-dossier-item strong{font-size:8.5px}.series-dossier-grid .detail-dossier-item small{font-size:5.8px}}
