/* The popup shares the card's overlay positions; the remaining sections retain their flow. */
#detail-dialog .detail-card-cover{position:relative;display:block;width:100%;min-height:160px;margin:0;overflow:hidden;background:var(--surface);isolation:isolate}
#detail-dialog .detail-card-cover>.detail-image{display:block;position:relative;z-index:1;inset:auto;width:100%;height:auto;max-height:min(50dvh,420px);object-fit:contain;mask-image:none;-webkit-mask-image:none}
#detail-dialog .detail-card-cover>.poster-backdrop{position:absolute;inset:0;width:100%;height:100%;max-height:none;object-fit:cover;opacity:.18;filter:blur(18px);transform:scale(1.1);pointer-events:none}
#detail-dialog .detail-card-cover::after{content:'';position:absolute;inset:auto 0 0;height:55%;min-height:85px;z-index:2;background:linear-gradient(transparent,rgba(20,13,29,.85));pointer-events:none}
#detail-dialog .detail-card-cover-empty,#detail-dialog .detail-cover-unavailable{min-height:122px}
#detail-dialog .detail-card-cover-empty::after,#detail-dialog .detail-cover-unavailable::after{display:none}
#detail-dialog .detail-card-category{position:absolute;z-index:4;left:16px;top:12px;display:flex;align-items:center;flex-wrap:wrap;gap:6px;max-width:calc(100% - 160px);margin:0;padding:6px 10px;border:0;border-radius:999px;background:rgb(36 28 48 / .82);color:#D8B6FF;font-size:.6875rem;font-weight:750;line-height:1.3;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);pointer-events:auto}
#detail-dialog .detail-card-category>.icon{flex:none;width:16px;height:16px}
#detail-dialog .detail-card-category .card-taxonomy-details{display:flex;align-items:center;flex-wrap:wrap;gap:3px;min-width:0;max-width:100%;margin:0;padding:0;border:0;line-height:1}
#detail-dialog .detail-card-category .card-taxonomy-details::before{content:'•';flex:none;margin:0 3px 0 1px;font-size:12px}
#detail-dialog .detail-card-category .card-subcategory-icon{display:inline-flex;align-items:center;justify-content:center;flex:none;width:17px;height:17px;min-width:17px;min-height:17px;margin:0;padding:0;border:0;background:transparent;color:inherit}
#detail-dialog .detail-card-category .card-subcategory-icon>.icon{width:17px;height:17px}
#detail-dialog .detail-floating-actions{position:absolute;z-index:5;right:16px;top:12px;display:flex;align-items:center;gap:8px}
#detail-dialog .detail-floating-actions>.detail-going-action,#detail-dialog .detail-floating-actions>#detail-save-event{display:flex;position:relative;inset:auto;align-items:center;justify-content:center;flex:none;height:44px;min-height:44px;margin:0;border:1px solid rgb(255 255 255 / .13);border-radius:999px;background:rgb(64 54 72 / .72);color:#fff;box-shadow:none;clip-path:none;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);visibility:visible;opacity:1;font-size:.875rem;line-height:1.2}
#detail-dialog .detail-floating-actions>.detail-going-action{min-width:72px;padding:10px 12px;gap:5px}
#detail-dialog .detail-floating-actions>#detail-save-event{width:44px;min-width:44px;padding:10px}
#detail-dialog .detail-floating-actions .detail-going-action>.icon{width:15px;height:15px;flex:none}
#detail-dialog .detail-floating-actions>#detail-save-event>.icon{display:block;width:23px;height:23px;fill:none;stroke:currentColor;stroke-width:1.8}
#detail-dialog .detail-floating-actions>#detail-save-event.on,#detail-dialog .detail-floating-actions>.detail-going-action[aria-pressed=true]{background:rgb(87 56 117 / .85);color:#D8B6FF}
#detail-dialog .detail-floating-actions>#detail-save-event::before,#detail-dialog .detail-floating-actions>#detail-save-event::after{display:none}
#detail-dialog .detail-card-time-status{position:absolute;z-index:4;inset:auto 16px 12px;display:flex;align-items:center;flex-wrap:wrap;gap:5px;width:fit-content;max-width:calc(100% - 32px);margin:0;padding:0;border:0;background:transparent;color:#F1E8F8;font-size:.75rem;font-weight:650;line-height:1.4;text-transform:none;text-shadow:0 1px 3px rgb(0 0 0 / .7)}
#detail-dialog .detail-card-time-status>.icon{flex:none;width:15px;height:15px;color:#D8B6FF}
#detail-dialog .detail-card-time-status .card-program-link{color:#D8B6FF;font-size:inherit;text-decoration:underline;text-underline-offset:3px}
#detail-dialog .detail-card-time-status.ongoing{padding:6px 10px;border:1px solid rgb(99 174 141 / .3);border-radius:999px;background:rgb(18 61 43 / .9);color:#ADE7C5;text-shadow:none}
#detail-dialog .detail-card-time-status.ongoing::before{content:'';display:block;flex:none;width:7px;height:7px;border-radius:50%;background:currentColor;animation:ongoing-dot-pulse 1.8s ease-in-out infinite}
#detail-dialog .detail-card-cover-empty .detail-card-time-status.scheduled,#detail-dialog .detail-cover-unavailable .detail-card-time-status.scheduled{color:var(--muted);text-shadow:none}
#detail-dialog .event-heading>.detail-title{margin-top:0;text-align:left}
#detail-dialog .event-quick-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
#detail-dialog .detail-card-cover>.image-label{z-index:3;top:64px;bottom:auto}
@media(max-width:360px){#detail-dialog .detail-card-category{left:12px;max-width:calc(100% - 150px);font-size:.625rem;gap:4px;padding:6px 8px}#detail-dialog .detail-floating-actions{right:12px;gap:6px}#detail-dialog .detail-floating-actions>.detail-going-action{min-width:68px;padding-inline:10px}}
@media(prefers-reduced-motion:reduce){#detail-dialog .detail-card-time-status.ongoing::before{animation:none}}
@media(prefers-reduced-transparency:reduce){#detail-dialog .detail-card-category,#detail-dialog .detail-floating-actions>.detail-going-action,#detail-dialog .detail-floating-actions>#detail-save-event{background:#33283F;backdrop-filter:none;-webkit-backdrop-filter:none}}