@import '_content/Havit.Blazor.Components.Web.Bootstrap/Havit.Blazor.Components.Web.Bootstrap.t732su9vui.bundle.scp.css';
@import '_content/Microsoft.AspNetCore.Components.QuickGrid/Microsoft.AspNetCore.Components.QuickGrid.boiwgh0w5b.bundle.scp.css';

/* /Components/Controls/ModalViews/FilesView.razor.rz.scp.css */
.files-view[b-maxi7ztitx] {
	padding: 1rem;
}

.files-subtitle[b-maxi7ztitx] {
	font-size: 10px;
	font-family: 'DM Mono', monospace;
	font-weight: 600;
	letter-spacing: 0.08em;
	text-transform: uppercase;
	color: var(--bs-secondary-color);
	text-align: center;
	margin-bottom: 0.75rem;
}

.table-modal[b-maxi7ztitx] {
	max-height: 500px;
	overflow-y: auto;
	width: 100%;
	font-size: 10px;
}

	.table-modal[b-maxi7ztitx]  thead th {
		font-family: 'DM Mono', monospace;
		font-size: 10px;
		letter-spacing: 0.08em;
		text-transform: uppercase;
		color: var(--bs-secondary-color);
		background: var(--bs-tertiary-bg);
		border-bottom: 1px solid var(--bs-border-color);
		padding-top: 5px;
		padding-bottom: 5px;
		white-space: nowrap;
	}

	.table-modal[b-maxi7ztitx]  tbody tr {
		background: var(--bs-body-bg);
	}

		.table-modal[b-maxi7ztitx]  tbody tr td {
			padding: 10px 12px;
			vertical-align: middle;
			border-color: var(--bs-border-color);
		}


/* /Components/Controls/ModalViews/MediaInfoView.razor.rz.scp.css */
.media-info-view[b-ehmpts9htt] {
	padding: 1.25rem 1.5rem;
}

.media-info-table[b-ehmpts9htt] {
	width: 100%;
	font-size: 13px;
	border-collapse: collapse;
}

	.media-info-table th[b-ehmpts9htt] {
		font-family: 'DM Mono', monospace;
		font-size: 10px;
		font-weight: 600;
		letter-spacing: 0.08em;
		text-transform: uppercase;
		color: var(--bs-secondary-color);
		white-space: nowrap;
		padding: 10px 24px 10px 0;
		width: 1%;
		min-width: 155px;
		vertical-align: middle;
		border: none;
	}

	.media-info-table td[b-ehmpts9htt] {
		color: var(--bs-body-color);
		padding: 10px 0 10px 20px;
		vertical-align: middle;
		border: none;
		border-left: 1px solid var(--bs-border-color);
	}

	.media-info-table tr + tr th[b-ehmpts9htt],
	.media-info-table tr + tr td[b-ehmpts9htt] {
		border-top: 1px solid var(--bs-border-color);
	}
/* /Components/Controls/ReleaseGrids/Components/ReleaseActionsCell.razor.rz.scp.css */
/* ── ICON BUTTONS ────────────────────────────── */
[b-gn2ad8cw47] .btn-icon {
	padding: 0;
	line-height: 1;
	text-decoration: none;
}

	[b-gn2ad8cw47] .btn-icon:hover {
		opacity: 0.75;
	}
/* /Components/Controls/ReleaseGrids/Components/ReleaseAudioCodecCell.razor.rz.scp.css */
.audio-badge[b-2v0jav5777] {
	font-family: 'DM Mono', monospace;
	font-size: 10px;
	padding: 2px 7px;
	border-radius: 4px;
	white-space: nowrap;
	background: var(--bs-secondary-bg);
	color: var(--bs-secondary-color);
	border: 1px solid var(--bs-border-color);
}
/* /Components/Controls/ReleaseGrids/Components/ReleaseCategoryCell.razor.rz.scp.css */
.category-cell[b-4kdzci1jey] {
	font-family: 'DM Mono', monospace;
	font-size: 11px;
	color: var(--bs-secondary-color);
}
/* /Components/Controls/ReleaseGrids/Components/ReleaseFormatCell.razor.rz.scp.css */
/* ── FORMAT BADGE ───────────────────────────────── */
.fmt-badge[b-bj7j7qegsx] {
	font-family: 'DM Mono', monospace;
	font-size: 10px;
	font-weight: 700;
	letter-spacing: 0.05em;
	padding: 3px 8px;
	border-radius: 4px;
	white-space: nowrap;
}

	.fmt-badge.fmt-4k[b-bj7j7qegsx] {
		background: var(--bs-primary-bg-subtle);
		color: var(--bs-primary-text-emphasis);
		border: 1px solid rgba(var(--bs-primary-rgb), 0.3);
	}

	.fmt-badge.fmt-1080p[b-bj7j7qegsx] {
		background: var(--bs-info-bg-subtle);
		color: var(--bs-info-text-emphasis);
		border: 1px solid rgba(var(--bs-info-rgb), 0.3);
	}

	.fmt-badge.fmt-720p[b-bj7j7qegsx] {
		background: var(--bs-success-bg-subtle);
		color: var(--bs-success-text-emphasis);
		border: 1px solid rgba(var(--bs-success-rgb), 0.3);
	}

	.fmt-badge.fmt-sd[b-bj7j7qegsx] {
		background: var(--bs-secondary-bg-subtle);
		color: var(--bs-secondary-text-emphasis);
		border: 1px solid rgba(var(--bs-secondary-rgb), 0.3);
	}

	.fmt-badge.fmt-3d[b-bj7j7qegsx] {
		background: var(--bs-warning-bg-subtle);
		color: var(--bs-warning-text-emphasis);
		border: 1px solid rgba(var(--bs-warning-rgb), 0.3);
	}

	.fmt-badge.fmt-foreign[b-bj7j7qegsx] {
		background: var(--bs-danger-bg-subtle);
		color: var(--bs-danger-text-emphasis);
		border: 1px solid rgba(var(--bs-danger-rgb), 0.3);
	}
/* /Components/Controls/ReleaseGrids/Components/ReleaseGrabsCell.razor.rz.scp.css */
.grabs-val[b-ceruycpyj3] {
	font-family: 'DM Mono', monospace;
	font-size: 12px;
	color: var(--bs-secondary-color);
}
/* /Components/Controls/ReleaseGrids/Components/ReleaseNameCell.razor.rz.scp.css */
/* ── RELEASE NAME ───────────────────────────────── */
.release-name[b-ji7on63saw] {
	font-size: 12px;
	font-weight: 500;
	color: var(--bs-body-color);
	display: block;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

/* ── TAGS ───────────────────────────────────────── */
.release-tag[b-ji7on63saw] {
	font-size: 9px;
	font-family: 'DM Mono', monospace;
	font-weight: 600;
	letter-spacing: 0.06em;
	padding: 1px 6px;
	border-radius: 3px;
	background: var(--bs-secondary-bg);
	color: var(--bs-secondary-color);
	border: 1px solid var(--bs-border-color);
	text-transform: uppercase;
}

	.release-tag.tag-bluray[b-ji7on63saw] {
		color: #38bdf8;
		border-color: rgba(56,189,248,0.3);
		background: rgba(56,189,248,0.08);
	}

	.release-tag.tag-web-dl[b-ji7on63saw] {
		color: #34d399;
		border-color: rgba(52,211,153,0.3);
		background: rgba(52,211,153,0.08);
	}

	.release-tag.tag-webrip[b-ji7on63saw] {
		color: #6ee7b7;
		border-color: rgba(110,231,183,0.3);
		background: rgba(110,231,183,0.08);
	}

	.release-tag.tag-hdr[b-ji7on63saw] {
		color: #fb923c;
		border-color: rgba(251,146,60,0.3);
		background: rgba(251,146,60,0.08);
	}

	.release-tag.tag-hdr10\+[b-ji7on63saw] {
		color: #f97316;
		border-color: rgba(249,115,22,0.3);
		background: rgba(249,115,22,0.08);
	}

	.release-tag.tag-dv[b-ji7on63saw] {
		color: #c084fc;
		border-color: rgba(192,132,252,0.3);
		background: rgba(192,132,252,0.08);
	}

	.release-tag.tag-remux[b-ji7on63saw] {
		color: #e8b84b;
		border-color: rgba(232,184,75,0.3);
		background: rgba(232,184,75,0.08);
	}

	.release-tag.tag-repack[b-ji7on63saw] {
		color: #fb7185;
		border-color: rgba(251,113,133,0.3);
		background: rgba(251,113,133,0.08);
	}

	.release-tag.tag-remaster[b-ji7on63saw] {
		color: #67e8f9;
		border-color: rgba(103,232,249,0.3);
		background: rgba(103,232,249,0.08);
	}

/* ── AIRED DATE ──────────────────────────────────── */
.release-airdate[b-ji7on63saw] {
	font-size: 9px;
	font-family: 'DM Mono', monospace;
	font-weight: 600;
	letter-spacing: 0.06em;
	padding: 1px 6px;
	border-radius: 3px;
	background: var(--bs-secondary-bg);
	color: var(--bs-secondary-color);
	border: 1px solid var(--bs-border-color);
	text-transform: uppercase;
	white-space: nowrap;
}

/* ── RELEASE ACTION BUTTONS ─────────────────────── */
.release-action-btn[b-ji7on63saw] {
	font-size: 9px;
	font-family: 'DM Mono', monospace;
	font-weight: 600;
	letter-spacing: 0.06em;
	padding: 1px 6px;
	border-radius: 3px;
	background: transparent;
	color: var(--bs-primary);
	border: 1px solid rgba(var(--bs-primary-rgb), 0.35);
	text-transform: uppercase;
	text-decoration: none;
	cursor: pointer;
	transition: background 0.15s, border-color 0.15s;
	display: inline-flex;
	align-items: center;
	line-height: 1.6;
}

	.release-action-btn:hover[b-ji7on63saw] {
		background: rgba(var(--bs-primary-rgb), 0.12);
		border-color: var(--bs-primary);
		color: var(--bs-primary);
		text-decoration: none;
	}


.rz-dialog-wrapper.preview-dialog[b-ji7on63saw] {
	background: var(--bs-tertiary-bg);
}

.release-meta[b-ji7on63saw] {
	line-height: 1.2;
}
/* /Components/Controls/ReleaseGrids/Components/ReleasePostedCell.razor.rz.scp.css */
.date-cell[b-xdh8nkdedv] {
	font-family: 'DM Mono', monospace;
	font-size: 11px;
	color: var(--bs-secondary-color);
}
/* /Components/Controls/ReleaseGrids/Components/ReleaseSizeCell.razor.rz.scp.css */
.size-cell[b-afc8mokany] {
	font-family: 'DM Mono', monospace;
	font-size: 11px;
	color: var(--bs-secondary-color);
}
/* /Components/Controls/ReleaseGrids/Components/ReleaseVideoCodecCell.razor.rz.scp.css */
.codec-badge[b-p2mt3pcs6r] {
	font-family: 'DM Mono', monospace;
	font-size: 10px;
	padding: 2px 7px;
	border-radius: 4px;
	white-space: nowrap;
	background: var(--bs-secondary-bg);
	color: var(--bs-secondary-color);
	border: 1px solid var(--bs-border-color);
}
/* /Components/Controls/ReleaseGrids/ReleaseHavitGrid.razor.rz.scp.css */
.table-footer[b-vqyuezanf0] {
	padding: 8px 14px;
	font-family: 'DM Mono', monospace;
	font-size: 10px;
}



.release-name-cell[b-vqyuezanf0] {
	max-width: 400px;
}



/* Light mode badge adjustments */
@media (prefers-color-scheme: light) {
	.fmt-badge.fmt-4k[b-vqyuezanf0] {
		color: #6d28d9;
	}

	.fmt-badge.fmt-1080p[b-vqyuezanf0] {
		color: #1e40af;
	}

	.fmt-badge.fmt-720p[b-vqyuezanf0] {
		color: #166534;
	}

	.fmt-badge.fmt-sd[b-vqyuezanf0] {
		color: #334155;
	}

	.fmt-badge.fmt-3d[b-vqyuezanf0] {
		color: #92400e;
	}

	.fmt-badge.fmt-foreign[b-vqyuezanf0] {
		color: #831843;
	}
}


/* ── OTHER CELLS ────────────────────────────────── */








/* ── TABLE ──────────────────────────────────────── */
.release-table-wrap[b-vqyuezanf0] {
	border-radius: 10px;
	overflow: hidden;
	border: 1px solid var(--bs-border-color);
}

.release-table[b-vqyuezanf0] {
	font-size: 13px;
}

.release-table-header.hx-grid-header-cell-container.hx-grid-header-cell-template[b-vqyuezanf0] {
	font-family: 'DM Mono', monospace;
	font-size: 10px;
	letter-spacing: 0.08em;
	text-transform: uppercase;
	color: var(--bs-secondary-color);
	background: var(--bs-tertiary-bg);
	border-bottom: 1px solid var(--bs-border-color);
	padding: 5px 10px;
	white-space: nowrap;
}

	.release-table tbody td[b-vqyuezanf0] {
		padding: 10px 12px;
		vertical-align: middle;
		border-color: var(--bs-border-color);
	}

.release-row[b-vqyuezanf0] {
	transition: background 0.12s ease;
}
/* /Components/Controls/ReleaseGrids/ReleasesQuickGrid.razor.rz.scp.css */
/* ── TABLE (rendered by QuickGrid internally) ───── */
[b-hpam7ju6zd] .release-table {
	font-size: 13px;
}


	[b-hpam7ju6zd] tbody tr {
		height: 60px;
	}


[b-hpam7ju6zd] .release-table thead th {
	font-family: 'DM Mono', monospace;
	font-size: 10px;
	letter-spacing: 0.08em;
	text-transform: uppercase;
	color: var(--bs-secondary-color);
	background: var(--bs-tertiary-bg);
	border-bottom: 1px solid var(--bs-border-color);
	padding-top: 5px;
	padding-bottom: 5px;
	white-space: nowrap;
}

[b-hpam7ju6zd] .release-table tbody tr {
	background: var(--bs-body-bg);
}

[b-hpam7ju6zd] .release-table tbody tr:hover {
	background: var(--bs-secondary-bg);
}

[b-hpam7ju6zd] .release-table td {
	padding: 10px 12px;
	vertical-align: middle;
	border-color: var(--bs-border-color);
}

[b-hpam7ju6zd] .release-name-cell {
	max-width: 500px;
}

[b-hpam7ju6zd] .col-shrink {
	width: 1%;
	white-space: nowrap;
}

/* ── RELEASE NAME ───────────────────────────────── */
.release-name[b-hpam7ju6zd] {
	font-size: 12px;
	font-weight: 500;
	color: var(--bs-body-color);
	display: block;
	text-wrap: nowrap;
	text-overflow: ellipsis;	
}

/* ── FORMAT BADGE ───────────────────────────────── */
.fmt-badge[b-hpam7ju6zd] {
	font-family: 'DM Mono', monospace;
	font-size: 10px;
	font-weight: 700;
	letter-spacing: 0.05em;
	padding: 3px 8px;
	border-radius: 4px;
	white-space: nowrap;
}

	.fmt-badge.fmt-4k[b-hpam7ju6zd] {
		background: rgba(124,58,237,0.15);
		color: #a78bfa;
		border: 1px solid rgba(124,58,237,0.3);
	}

	.fmt-badge.fmt-1080p[b-hpam7ju6zd] {
		background: rgba(29,78,216,0.15);
		color: #93c5fd;
		border: 1px solid rgba(29,78,216,0.3);
	}

	.fmt-badge.fmt-720p[b-hpam7ju6zd] {
		background: rgba(21,128,61,0.15);
		color: #86efac;
		border: 1px solid rgba(21,128,61,0.3);
	}

	.fmt-badge.fmt-sd[b-hpam7ju6zd] {
		background: rgba(71,85,105,0.15);
		color: #94a3b8;
		border: 1px solid rgba(71,85,105,0.3);
	}

	.fmt-badge.fmt-3d[b-hpam7ju6zd] {
		background: rgba(180,83,9,0.15);
		color: #fcd34d;
		border: 1px solid rgba(180,83,9,0.3);
	}

	.fmt-badge.fmt-foreign[b-hpam7ju6zd] {
		background: rgba(157,23,77,0.15);
		color: #f9a8d4;
		border: 1px solid rgba(157,23,77,0.3);
	}

@media (prefers-color-scheme: light) {
	.fmt-badge.fmt-4k[b-hpam7ju6zd]    { color: #6d28d9; }
	.fmt-badge.fmt-1080p[b-hpam7ju6zd] { color: #1e40af; }
	.fmt-badge.fmt-720p[b-hpam7ju6zd]  { color: #166534; }
	.fmt-badge.fmt-sd[b-hpam7ju6zd]    { color: #334155; }
	.fmt-badge.fmt-3d[b-hpam7ju6zd]    { color: #92400e; }
	.fmt-badge.fmt-foreign[b-hpam7ju6zd] { color: #831843; }
}

/* ── CODEC / AUDIO BADGES ───────────────────────── */
.codec-badge[b-hpam7ju6zd],
.audio-badge[b-hpam7ju6zd] {
	font-family: 'DM Mono', monospace;
	font-size: 10px;
	padding: 2px 7px;
	border-radius: 4px;
	white-space: nowrap;
	background: var(--bs-secondary-bg);
	color: var(--bs-secondary-color);
	border: 1px solid var(--bs-border-color);
}

/* ── TAGS ───────────────────────────────────────── */
.release-tag[b-hpam7ju6zd] {
	font-size: 9px;
	font-family: 'DM Mono', monospace;
	font-weight: 600;
	letter-spacing: 0.06em;
	padding: 1px 6px;
	border-radius: 3px;
	background: var(--bs-secondary-bg);
	color: var(--bs-secondary-color);
	border: 1px solid var(--bs-border-color);
	text-transform: uppercase;
}

	.release-tag.tag-bluray[b-hpam7ju6zd]   { color: #38bdf8; border-color: rgba(56,189,248,0.3);  background: rgba(56,189,248,0.08);  }
	.release-tag.tag-web-dl[b-hpam7ju6zd]   { color: #34d399; border-color: rgba(52,211,153,0.3);  background: rgba(52,211,153,0.08);  }
	.release-tag.tag-webrip[b-hpam7ju6zd]   { color: #6ee7b7; border-color: rgba(110,231,183,0.3); background: rgba(110,231,183,0.08); }
	.release-tag.tag-hdr[b-hpam7ju6zd]      { color: #fb923c; border-color: rgba(251,146,60,0.3);  background: rgba(251,146,60,0.08);  }
	.release-tag.tag-hdr10\+[b-hpam7ju6zd]  { color: #f97316; border-color: rgba(249,115,22,0.3);  background: rgba(249,115,22,0.08);  }
	.release-tag.tag-dv[b-hpam7ju6zd]       { color: #c084fc; border-color: rgba(192,132,252,0.3); background: rgba(192,132,252,0.08); }
	.release-tag.tag-remux[b-hpam7ju6zd]    { color: #e8b84b; border-color: rgba(232,184,75,0.3);  background: rgba(232,184,75,0.08);  }
	.release-tag.tag-remaster[b-hpam7ju6zd] { color: #67e8f9; border-color: rgba(103,232,249,0.3); background: rgba(103,232,249,0.08); }

/* ── OTHER CELLS ────────────────────────────────── */
.size-cell[b-hpam7ju6zd],
.date-cell[b-hpam7ju6zd] {
	font-family: 'DM Mono', monospace;
	font-size: 11px;
	color: var(--bs-secondary-color);
}

.grabs-val[b-hpam7ju6zd] {
	font-family: 'DM Mono', monospace;
	font-size: 12px;
	color: var(--bs-secondary-color);
}

/* ── DOWNLOAD BUTTON ────────────────────────────── */
.btn-download[b-hpam7ju6zd] {
	padding: 4px 8px;
	background: transparent;
	border: 1px solid var(--bs-border-color);
	color: var(--bs-secondary-color);
	border-radius: 6px;
	transition: all 0.15s;
	line-height: 1;
}

	.btn-download:hover[b-hpam7ju6zd] {
		background: var(--bs-primary-bg-subtle);
		border-color: var(--bs-primary-border-subtle);
		color: var(--bs-primary);
	}

/* ── PAGINATION BUTTONS ─────────────────────────── */
.btn-group .btn[disabled][b-hpam7ju6zd] {
	opacity: 0.25;
	color: var(--bs-secondary-color);
	border-color: var(--bs-border-color);
	background-color: transparent;
	pointer-events: none;
}

/* ── QUICKGRID PLACEHOLDER ROWS ─────────────────── */
/* QuickGrid pads to ItemsPerPage with empty <tr> elements — hide them */
[b-hpam7ju6zd] tbody tr[aria-hidden="true"],
[b-hpam7ju6zd] tbody tr:not(:has(td > *)) {
	display: none;
}
/* /Components/Controls/RichEditor.razor.rz.scp.css */
/* ReSharper disable CssNotResolved */
/* ReSharper disable CssBrowserCompatibility */

.rich-editor-container[b-nopgv5p28f] {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
}

.editor-wrapper[b-nopgv5p28f] {
    border: 1px solid var(--bs-border-color);
    border-radius: var(--bs-border-radius);
    background-color: var(--bs-body-bg);
    overflow: hidden;
}

.rich-editor-container[b-nopgv5p28f]  .ql-toolbar {
    border: 1px solid var(--bs-border-color);
    border-bottom: 1px solid var(--bs-border-color);
    background-color: var(--bs-tertiary-bg);
    padding: 0.5rem;
    display: flex;
    flex-wrap: wrap;
    gap: 0.25rem;
}

    .rich-editor-container[b-nopgv5p28f]  .ql-toolbar.ql-snow {
        padding: 0.5rem;
    }

.rich-editor-container[b-nopgv5p28f]  .ql-container {
    border: 1px solid var(--bs-border-color);
    border-top: none;
    border-radius: 0 0 var(--bs-border-radius) var(--bs-border-radius);
    font-size: 1rem;
    min-height: 200px;
    background-color: var(--bs-body-bg);
}

    .rich-editor-container[b-nopgv5p28f]  .ql-container.ql-snow {
        border: none;
    }

.rich-editor-container[b-nopgv5p28f]  .ql-editor {
    min-height: 200px;
    max-height: 500px;
    overflow-y: auto;
    padding: 1rem;
    font-family: var(--bs-body-font-family);
    color: var(--bs-body-color);
    line-height: var(--bs-body-line-height);
}

    .rich-editor-container[b-nopgv5p28f]  .ql-editor.ql-blank::before {
        color: var(--bs-secondary-color);
        font-style: italic;
    }

    .rich-editor-container[b-nopgv5p28f]  .ql-editor p {
        margin-bottom: 0.5rem;
    }

    .rich-editor-container[b-nopgv5p28f]  .ql-editor ol,
    .rich-editor-container[b-nopgv5p28f]  .ql-editor ul {
        margin-bottom: 0.5rem;
        padding-left: 2rem;
    }

    .rich-editor-container[b-nopgv5p28f]  .ql-editor blockquote {
        border-left: 4px solid var(--bs-border-color);
        padding-left: 1rem;
        margin-left: 0;
        margin-bottom: 0.5rem;
        color: var(--bs-secondary-color);
    }

    .rich-editor-container[b-nopgv5p28f]  .ql-editor code {
        background-color: var(--bs-tertiary-bg);
        color: var(--bs-body-color);
        padding: 0.125rem 0.375rem;
        border-radius: var(--bs-border-radius-sm);
        font-family: var(--bs-font-monospace);
    }

    .rich-editor-container[b-nopgv5p28f]  .ql-editor pre {
        background-color: var(--bs-tertiary-bg);
        border: 1px solid var(--bs-border-color);
        border-radius: var(--bs-border-radius);
        padding: 1rem;
        margin-bottom: 0.5rem;
        overflow-x: auto;
    }

.rich-editor-container[b-nopgv5p28f]  .ql-toolbar button,
.rich-editor-container[b-nopgv5p28f]  .ql-toolbar select {
    width: auto;
    height: auto;
    min-width: 2.25rem;
    min-height: 2.25rem;
    padding: 0.375rem 0.75rem;
    border: 1px solid var(--bs-border-color);
    border-radius: var(--bs-border-radius-sm);
    background-color: var(--bs-body-bg);
    color: var(--bs-body-color);
    cursor: pointer;
    transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 0.875rem;
    font-weight: 500;
    line-height: 1;
}

    .rich-editor-container[b-nopgv5p28f]  .ql-toolbar button svg {
        width: 1rem;
        height: 1rem;
        flex-shrink: 0;
    }

    .rich-editor-container[b-nopgv5p28f]  .ql-toolbar button:hover,
    .rich-editor-container[b-nopgv5p28f]  .ql-toolbar select:hover {
        background-color: var(--bs-secondary-bg);
        border-color: var(--bs-secondary);
    }

    .rich-editor-container[b-nopgv5p28f]  .ql-toolbar button.ql-active,
    .rich-editor-container[b-nopgv5p28f]  .ql-toolbar button:focus {
        background-color: var(--bs-primary);
        color: var(--bs-white);
        border-color: var(--bs-primary);
        box-shadow: 0 0 0 0.25rem rgba(13, 110, 253, 0.25);
    }

.rich-editor-container[b-nopgv5p28f]  .ql-toolbar.ql-snow .ql-stroke {
    stroke: var(--bs-body-color);
}

    .rich-editor-container[b-nopgv5p28f]  .ql-toolbar.ql-snow .ql-fill,
    .rich-editor-container[b-nopgv5p28f]  .ql-toolbar.ql-snow .ql-stroke.ql-fill {
        fill: var(--bs-body-color);
    }

.rich-editor-container[b-nopgv5p28f]  .ql-toolbar.ql-snow button.ql-active .ql-stroke {
    stroke: var(--bs-white);
}

    .rich-editor-container[b-nopgv5p28f]  .ql-toolbar.ql-snow button.ql-active .ql-fill,
    .rich-editor-container[b-nopgv5p28f]  .ql-toolbar.ql-snow button.ql-active .ql-stroke.ql-fill {
        fill: var(--bs-white);
    }

.editor-char-count[b-nopgv5p28f] {
    text-align: right;
    padding: 0.5rem 0.75rem;
    font-size: 0.875rem;
    background-color: var(--bs-tertiary-bg);
    border: 1px solid var(--bs-border-color);
    border-top: none;
    border-radius: 0 0 var(--bs-border-radius) var(--bs-border-radius);
}

.editor-upload-section[b-nopgv5p28f] {
    padding: 0.75rem;
    background-color: var(--bs-tertiary-bg);
    border-radius: var(--bs-border-radius);
    border: 1px solid var(--bs-border-color);
    margin-top: 0.5rem;
}

.rich-editor-container[b-nopgv5p28f]  .ql-align .ql-picker-label {
    padding-left: 4px;
    padding-right: 0px;
}

/* Quill Picker Styling (align, color, background dropdowns) */
.rich-editor-container[b-nopgv5p28f]  .ql-color,
.rich-editor-container[b-nopgv5p28f]  .ql-background,
.rich-editor-container[b-nopgv5p28f]  .ql-align {
    width: auto;
    height: auto;
    border: 1px solid var(--bs-border-color);
    border-radius: var(--bs-border-radius-sm);
    background-color: var(--bs-body-bg);
    color: var(--bs-body-color);
    cursor: pointer;
    transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
    display: flex;
    align-items: center;
    justify-content: center;
}

/*.rich-editor-container ::deep .ql-header {
	min-width: 2.25rem;
	min-height: 2.25rem;
	padding: 0.375rem 0.75rem;
	border: 1px solid var(--bs-border-color);
	border-radius: var(--bs-border-radius-sm);
	background-color: var(--bs-body-bg);
	color: var(--bs-body-color);
	cursor: pointer;
	font-size: 0.875rem;
	font-weight: 500;
	line-height: 1.5;
	display: flex;
	align-items: center;
	justify-content: center;
	appearance: none;
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath fill='none' stroke='%23212529' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M2 5l6 6 6-6'/%3E%3C/svg%3E");
	background-repeat: no-repeat;
	background-position: right 0.5rem center;
	background-size: 1rem;
	padding-right: 2rem;
}
*/

.rich-editor-container[b-nopgv5p28f]  .ql-picker-options {
    top: auto !important;
    color: var(--bs-body-color);
}

    .rich-editor-container[b-nopgv5p28f]  .ql-picker-options .ql-picker-item {
        padding-bottom: 0;
        padding-top: 0;
    }

.rich-editor-container[b-nopgv5p28f]  .ql-header option {
    color: var(--bs-body-color);
    background-color: var(--bs-body-bg);
    padding: 0.5rem 0.75rem;
}

.rich-editor-container[b-nopgv5p28f]  .ql-picker-label {
    display: flex;
    align-items: center;
    justify-content: center;
    width: auto;
    height: auto;
    min-width: 2.25rem;
    min-height: 2.25rem;
    padding: 0.375rem 0.75rem;
    border: 1px solid var(--bs-border-color);
    border-radius: var(--bs-border-radius-sm);
    background-color: var(--bs-body-bg);
    color: var(--bs-body-color);
    cursor: pointer;
    transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
    font-size: 0.875rem;
    font-weight: 500;
    line-height: 1;
}

    .rich-editor-container[b-nopgv5p28f]  .ql-picker-label:hover {
        background-color: var(--bs-secondary-bg);
        border-color: var(--bs-secondary);
    }

    .rich-editor-container[b-nopgv5p28f]  .ql-picker-label.ql-active {
        background-color: var(--bs-primary);
        color: var(--bs-white);
        border-color: var(--bs-primary);
        box-shadow: 0 0 0 0.25rem rgba(13, 110, 253, 0.25);
    }

    .rich-editor-container[b-nopgv5p28f]  .ql-picker-label svg {
        width: 1rem;
        height: 1rem;
        flex-shrink: 0;
        margin-right: 0.375rem;
    }

.rich-editor-container[b-nopgv5p28f]  .ql-picker-options {
    background-color: var(--bs-body-bg);
    border: 1px solid var(--bs-border-color);
    border-radius: var(--bs-border-radius-sm);
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
    padding: 0.25rem;
    z-index: 1000;
    min-width: 6rem;
}

.rich-editor-container[b-nopgv5p28f]  .ql-picker-item {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0.375rem 0.75rem;
    margin: 0.125rem 0;
    cursor: pointer;
    border-radius: var(--bs-border-radius-sm);
    transition: background-color 0.15s ease-in-out;
    font-size: 0.875rem;
    font-weight: 500;
    line-height: 1.5;
}

    .rich-editor-container[b-nopgv5p28f]  .ql-picker-item:hover {
        background-color: var(--bs-secondary-bg);
    }

    .rich-editor-container[b-nopgv5p28f]  .ql-picker-item.ql-selected {
        background-color: var(--bs-primary);
        color: var(--bs-white);
    }

    .rich-editor-container[b-nopgv5p28f]  .ql-picker-item svg {
        width: 1rem;
        height: 1rem;
        flex-shrink: 0;
    }

/* Icon stroke/fill colors in picker */
.rich-editor-container[b-nopgv5p28f]  .ql-picker-label .ql-stroke {
    stroke: var(--bs-body-color);
}

.rich-editor-container[b-nopgv5p28f]  .ql-picker-label .ql-fill {
    fill: var(--bs-body-color);
}

.rich-editor-container[b-nopgv5p28f]  .ql-picker-label.ql-active .ql-stroke {
    stroke: var(--bs-white);
}

.rich-editor-container[b-nopgv5p28f]  .ql-picker-label.ql-active .ql-fill {
    fill: var(--bs-white);
}

.rich-editor-container[b-nopgv5p28f]  .ql-picker-item .ql-stroke {
    stroke: var(--bs-body-color);
}

.rich-editor-container[b-nopgv5p28f]  .ql-picker-item .ql-fill {
    fill: var(--bs-body-color);
}

.rich-editor-container[b-nopgv5p28f]  .ql-picker-item.ql-selected .ql-stroke {
    stroke: var(--bs-white);
}

.rich-editor-container[b-nopgv5p28f]  .ql-picker-item.ql-selected .ql-fill {
    fill: var(--bs-white);
}
/* /Components/Controls/Wrappers/NAvatar.razor.rz.scp.css */
.n-avatar-wrapper[b-r51v39v59n] {
	display: contents;
}

.n-avatar[b-r51v39v59n] {
	border-radius: 50%;
	object-fit: cover;
	border: 2px solid var(--bs-border-color);
	display: inline-block;
}

.n-avatar-small[b-r51v39v59n] {
	width: 40px;
	height: 40px;
}

.n-avatar-regular[b-r51v39v59n] {
	width: 120px;
	height: 120px;
}

.n-avatar-large[b-r51v39v59n] {
	max-width: 250px;
	max-height: 250px;
	width: 100%;
	height: auto;
}

.n-avatar-placeholder[b-r51v39v59n] {
	display: flex;
	align-items: center;
	justify-content: center;
	background-color: var(--bs-gray-200);
	border-radius: 50%;
	border: 2px dashed var(--bs-border-color);
}

.n-avatar-placeholder i[b-r51v39v59n] {
	font-size: 1.5rem;
	color: var(--bs-secondary);
}

.n-avatar-small.n-avatar-placeholder i[b-r51v39v59n] {
	font-size: 1rem;
}

.n-avatar-regular.n-avatar-placeholder i[b-r51v39v59n] {
	font-size: 2.5rem;
}

.n-avatar-large.n-avatar-placeholder i[b-r51v39v59n] {
	font-size: 4rem;
}
/* /Components/Controls/Wrappers/NRangeSlider.razor.rz.scp.css */
.nrange-container[b-nt0z1cj8br] {
	display: flex;
	flex-direction: column;
	width: 100%;
}

.nrange-values[b-nt0z1cj8br] {
	display: flex;
	justify-content: space-between;
	margin-bottom: 8px;
	height: 20px;
}

.nrange-value[b-nt0z1cj8br] {
	font-size: 0.875rem;
	font-weight: 500;
	color: var(--bs-primary, #0d6efd);
	min-width: 40px;
}

.nrange-start-value[b-nt0z1cj8br] {
	text-align: left;
}

.nrange-end-value[b-nt0z1cj8br] {
	text-align: right;
}

.nrange-slider[b-nt0z1cj8br] {
	position: relative;
	display: flex;
	align-items: center;
	width: 100%;
	height: 36px;
	user-select: none;
}

.nrange-track[b-nt0z1cj8br] {
	position: absolute;
	width: 100%;
	height: 6px;
	background-color: var(--bs-secondary-bg, #495057);
	border-radius: 3px;
	top: 50%;
	transform: translateY(-50%);
	pointer-events: none;
	transition: opacity 0.2s ease;
}

.nrange-slider.inactive .nrange-track[b-nt0z1cj8br] {
	opacity: 0.4;
}

.nrange-highlight[b-nt0z1cj8br] {
	position: absolute;
	height: 6px;
	background-color: var(--bs-primary, #0d6efd);
	border-radius: 3px;
	top: 50%;
	transform: translateY(-50%);
	pointer-events: none;
	transition: opacity 0.2s ease;
}

.nrange-slider.inactive .nrange-highlight[b-nt0z1cj8br] {
	opacity: 0.4;
}

.nrange-input[b-nt0z1cj8br] {
	position: absolute;
	width: 100%;
	height: 36px;
	top: 0;
	left: 0;
	margin: 0;
	padding: 0;
	pointer-events: none;
	-webkit-appearance: none;
	appearance: none;
	background: transparent;
	outline: none;
}

	.nrange-input[b-nt0z1cj8br]::-webkit-slider-thumb {
		-webkit-appearance: none;
		appearance: none;
		width: 20px;
		height: 20px;
		border-radius: 50%;
		background-color: var(--bs-primary, #0d6efd);
		border: 2px solid #fff;
		cursor: pointer;
		pointer-events: auto;
		box-shadow: 0 1px 4px rgba(0, 0, 0, 0.3);
		transition: box-shadow 0.15s ease, transform 0.15s ease, opacity 0.2s ease;
	}

.nrange-slider.inactive .nrange-input[b-nt0z1cj8br]::-webkit-slider-thumb {
	opacity: 0.4;
}

.nrange-input[b-nt0z1cj8br]::-webkit-slider-thumb:hover {
	box-shadow: 0 2px 8px rgba(0, 0, 0, 0.4);
	transform: scale(1.1);
}

.nrange-input[b-nt0z1cj8br]::-moz-range-thumb {
	width: 20px;
	height: 20px;
	border-radius: 50%;
	background-color: var(--bs-primary, #0d6efd);
	border: 2px solid #fff;
	cursor: pointer;
	pointer-events: auto;
	box-shadow: 0 1px 4px rgba(0, 0, 0, 0.3);
	transition: box-shadow 0.15s ease, transform 0.15s ease, opacity 0.2s ease;
}

.nrange-slider.inactive .nrange-input[b-nt0z1cj8br]::-moz-range-thumb {
	opacity: 0.4;
}

.nrange-input[b-nt0z1cj8br]::-moz-range-thumb:hover {
	box-shadow: 0 2px 8px rgba(0, 0, 0, 0.4);
	transform: scale(1.1);
}

.nrange-input[b-nt0z1cj8br]::-webkit-slider-runnable-track {
	background: transparent;
	border: none;
}

.nrange-input[b-nt0z1cj8br]::-moz-range-track {
	background: transparent;
	border: none;
}

.nrange-start[b-nt0z1cj8br] {
	z-index: 5;
}

.nrange-end[b-nt0z1cj8br] {
	z-index: 6;
}
/* /Components/Controls/Wrappers/NTabs.razor.rz.scp.css */
.sp-sources[b-fbgpwox0if] {
	display: flex;
	gap: 0;
	border-bottom: 1px solid var(--bs-border-color);
	padding-bottom: 0;
}

.sp-pill[b-fbgpwox0if] {
	font-family: 'DM Mono', monospace;
	font-size: 11px;
	font-weight: 700;
	letter-spacing: 0.08em;
	text-transform: uppercase;
	padding: 8px 20px;
	border-radius: 0;
	border: none;
	border-bottom: 2px solid transparent;
	margin-bottom: -1px;
	background: transparent;
	color: var(--bs-secondary-color);
	cursor: pointer;
	transition: color 0.15s, border-color 0.15s;
	opacity: 0.6;
}

	.sp-pill:hover[b-fbgpwox0if] {
		color: var(--bs-body-color);
		opacity: 1;
	}

	.sp-pill.active[b-fbgpwox0if] {
		color: var(--bs-primary);
		border-bottom-color: var(--bs-primary);
		opacity: 1;
	}
/* /Components/Features/Admin/Controls/SiteStats/CategoryReleasesCountTable.razor.rz.scp.css */
.category-releases-container[b-gl7qdyterx] {
	max-height: 600px;
	overflow-y: auto;
	border: 1px solid var(--bs-border-color);
	border-radius: var(--bs-border-radius);
}

.category-releases-container table[b-gl7qdyterx] {
	margin-bottom: 0;
}

.category-releases-container thead[b-gl7qdyterx] {
	position: sticky;
	top: 0;
	background-color: var(--bs-table-striped-bg);
	z-index: 10;
}
/* /Components/Features/Admin/Controls/SiteStats/MonthlySignups.razor.rz.scp.css */
.monthly-signups-container[b-gg15f8kmq7] {
	max-height: 600px;
	overflow-y: auto;
	border: 1px solid var(--bs-border-color);
	border-radius: var(--bs-border-radius);
}

.monthly-signups-container table[b-gg15f8kmq7] {
	margin-bottom: 0;
}

.monthly-signups-container thead[b-gg15f8kmq7] {
	position: sticky;
	top: 0;
	background-color: var(--bs-table-striped-bg);
	z-index: 10;
}
/* /Components/Features/Admin/Pages/Dashboard.razor.rz.scp.css */
.admin-dashboard[b-qkmrvx8sxg] {
    display: flex;
    flex-direction: column;
    gap: 0.25rem;
}

.n-panel[b-qkmrvx8sxg] {
    background: linear-gradient(160deg, rgba(18, 31, 53, 0.96), rgba(9, 19, 37, 0.96));
    color: #d9e6ff;
    border: 1px solid rgba(114, 154, 255, 0.16);
}

.n-sub-panel[b-qkmrvx8sxg] {
    background: linear-gradient(160deg, rgba(12, 24, 45, 0.95), rgba(7, 15, 30, 0.95));
    color: #d9e6ff;
    border: 1px solid rgba(114, 154, 255, 0.12);
}

.n-summary-card[b-qkmrvx8sxg] {
    border-left: 3px solid transparent;
}

.n-mini-stat[b-qkmrvx8sxg] {
    border-radius: 0.65rem;
    border: 1px solid rgba(120, 160, 255, 0.2);
    padding: 0.85rem;
    color: #e6efff;
    background: rgba(12, 23, 44, 0.85);
}

.n-chart-placeholder[b-qkmrvx8sxg] {
    min-height: 170px;
    border-radius: 0.65rem;
    border: 1px dashed rgba(133, 164, 229, 0.35);
    background: linear-gradient(90deg, rgba(9, 18, 35, 0.8), rgba(8, 21, 45, 0.95));
    display: flex;
    align-items: center;
    justify-content: center;
    color: rgba(224, 235, 255, 0.7);
    font-size: 0.9rem;
}

.n-resource-card[b-qkmrvx8sxg] {
    border-radius: 0.65rem;
    border: 1px solid rgba(120, 160, 255, 0.25);
    padding: 1rem;
    color: #eaf1ff;
}

.n-resource-warm[b-qkmrvx8sxg] {
    background: linear-gradient(135deg, rgba(150, 48, 8, 0.9), rgba(112, 29, 3, 0.9));
}

.n-resource-cool[b-qkmrvx8sxg] {
    background: linear-gradient(135deg, rgba(18, 102, 132, 0.92), rgba(8, 70, 91, 0.92));
}

.n-link-button[b-qkmrvx8sxg] {
    border-color: rgba(133, 164, 229, 0.6);
    color: #d9e6ff;
    background-color: rgba(9, 22, 45, 0.45);
}

.n-link-button:hover[b-qkmrvx8sxg],
.n-link-button:focus[b-qkmrvx8sxg] {
    background-color: rgba(58, 102, 191, 0.35);
    color: #ffffff;
    border-color: rgba(133, 164, 229, 0.9);
}

.n-table[b-qkmrvx8sxg] {
    --bs-table-color: #d9e6ff;
    --bs-table-bg: transparent;
    --bs-table-striped-bg: rgba(123, 159, 228, 0.08);
    --bs-table-hover-bg: rgba(123, 159, 228, 0.12);
    --bs-table-border-color: rgba(133, 164, 229, 0.18);
}

.n-accent-blue[b-qkmrvx8sxg] {
    border-left-color: #3f8cff;
}

.n-accent-green[b-qkmrvx8sxg] {
    border-left-color: #2ed085;
}

.n-accent-purple[b-qkmrvx8sxg] {
    border-left-color: #8d54ff;
}

.n-accent-red[b-qkmrvx8sxg] {
    border-left-color: #f64f4f;
}

.n-accent-orange[b-qkmrvx8sxg] {
    border-left-color: #ff8c2b;
}

.n-accent-pink[b-qkmrvx8sxg] {
    border-left-color: #df4d9f;
}

.n-bar-chart[b-qkmrvx8sxg] {
    position: relative;
    flex: 1;
    display: flex;
    align-items: flex-end;
    gap: 1px;
    height: 152px;
    border-radius: 0.65rem;
    border: 1px solid rgba(133, 164, 229, 0.2);
    background: linear-gradient(90deg, rgba(9, 18, 35, 0.8), rgba(8, 21, 45, 0.95));
    padding: 0.5rem;
    overflow-x: hidden;
}

.n-bar[b-qkmrvx8sxg] {
    position: relative;
    z-index: 1;
    flex: 1 1 0;
    min-width: 2px;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    height: 100%;
    cursor: default;
}

.n-bar-inner[b-qkmrvx8sxg] {
    background: linear-gradient(180deg, rgba(95, 155, 255, 0.85), rgba(63, 111, 191, 0.6));
    border-radius: 2px 2px 0 0;
    min-height: 2px;
    transition: background 0.15s;
}

.n-bar:hover .n-bar-inner[b-qkmrvx8sxg] {
    background: linear-gradient(180deg, rgba(140, 190, 255, 0.95), rgba(95, 145, 220, 0.8));
}

.n-bar-chart-requests .n-bar-inner[b-qkmrvx8sxg] {
    background: linear-gradient(180deg, rgba(56, 211, 183, 0.85), rgba(22, 160, 133, 0.6));
}

.n-bar-chart-requests .n-bar:hover .n-bar-inner[b-qkmrvx8sxg] {
    background: linear-gradient(180deg, rgba(100, 230, 205, 0.95), rgba(56, 185, 160, 0.8));
}

.n-chart-wrapper[b-qkmrvx8sxg] {
    display: flex;
    gap: 0.375rem;
    align-items: stretch;
}

.n-chart-y-axis[b-qkmrvx8sxg] {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    padding: 0.5rem 0;
    min-width: 2.25rem;
    height: 152px;
    text-align: right;
    font-size: 0.68rem;
    color: rgba(200, 220, 255, 0.5);
    user-select: none;
    flex-shrink: 0;
}

.n-chart-gridlines[b-qkmrvx8sxg] {
    position: absolute;
    inset: 0.5rem;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    pointer-events: none;
    z-index: 0;
}

.n-chart-gridline[b-qkmrvx8sxg] {
    width: 100%;
    height: 1px;
    background: rgba(133, 164, 229, 0.14);
}
/* /Components/Features/Admin/Pages/Fonts.razor.rz.scp.css */
.icon-grid[b-dr12mjfaph] {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(140px, 1fr));
    gap: 1rem;
}

.icon-tile[b-dr12mjfaph] {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	padding: 1rem;
	border-radius: 0.75rem;
	background: var(--bs-tertiary-bg);
	border: 1px solid rgba(0,0,0,0.05);
	transition: all .15s ease;
	cursor: pointer;
}

    .icon-tile:hover[b-dr12mjfaph] {
        background: white;
        transform: translateY(-2px);
        box-shadow: 0 4px 12px rgba(0,0,0,0.08);
    }

.icon-label[b-dr12mjfaph] {
    font-size: 0.85rem;
    text-align: center;
    line-height: 1.2;
}
/* /Components/Features/Admin/Pages/Users.razor.rz.scp.css */
/* ReSharper disable CssNotResolved */
:deep(.table thead)[b-aseddpwmpx] {
    font-size: 0.85rem;
    background-color: var(--bs-table-bg);
}

:deep(.table thead th)[b-aseddpwmpx] {
    padding: 0.35rem 0.5rem;
    font-weight: 600;
    vertical-align: middle;
}

:deep(.table tbody td)[b-aseddpwmpx] {
    padding: 0.35rem 0.5rem;
    font-size: 0.9rem;
}

:deep(.table tbody tr:hover)[b-aseddpwmpx] {
    background-color: rgba(var(--bs-primary-rgb), 0.05);
}

/* Reduce filter row size */
:deep(.table thead tr:nth-child(2))[b-aseddpwmpx] {
    font-size: 0.75rem;
}

:deep(.table thead tr:nth-child(2) th)[b-aseddpwmpx] {
    padding: 0.25rem 0.3rem;
    vertical-align: middle;
}

:deep(.table thead tr:nth-child(2) input)[b-aseddpwmpx],
:deep(.table thead tr:nth-child(2) select)[b-aseddpwmpx] {
    font-size: 0.75rem;
    padding: 0.25rem 0.3rem;
    height: auto;
}

.table thead th[b-aseddpwmpx] {
    font-size: small
}

.table tbody td[b-aseddpwmpx] {
    font-size: small
}

.table tbody tr[b-aseddpwmpx] {
    vertical-align: middle;
}
/* /Components/Features/Carts/Pages/MyCart.razor.rz.scp.css */
/* ── TOOLBAR / FOOTER ───────────────────────────── */
.cart-toolbar[b-h77194j25u],
.cart-footer[b-h77194j25u] {
    padding: 6px 2px;
}

/* ── TABLE ──────────────────────────────────────── */
.cart-table[b-h77194j25u] {
    font-size: 13px;
    border-collapse: collapse;
}

.cart-table thead th[b-h77194j25u] {
    font-family: 'DM Mono', monospace;
    font-size: 10px;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    color: var(--bs-secondary-color);
    background: var(--bs-tertiary-bg);
    border-bottom: 1px solid var(--bs-border-color);
    padding: 6px 12px;
    white-space: nowrap;
}

.cart-table tbody tr[b-h77194j25u] {
    background: var(--bs-body-bg);
    border-bottom: 1px solid var(--bs-border-color);
}

.cart-table tbody tr:hover[b-h77194j25u] {
    background: var(--bs-secondary-bg);
}

.cart-table td[b-h77194j25u] {
    padding: 10px 12px;
    vertical-align: middle;
}

/* ── COLUMNS ────────────────────────────────────── */
.col-check[b-h77194j25u] {
    width: 1%;
    white-space: nowrap;
    padding-left: 14px !important;
    padding-right: 8px !important;
}

.col-shrink[b-h77194j25u] {
    width: 1%;
    white-space: nowrap;
}

/* ── RELEASE NAME ───────────────────────────────── */
.cart-release-name[b-h77194j25u] {
    font-size: 12px;
    font-weight: 500;
    color: var(--bs-link-color);
    text-decoration: none;
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    max-width: 700px;
}

.cart-release-name:hover[b-h77194j25u] {
    text-decoration: underline;
}

/* ── ACTION BUTTONS ─────────────────────────────── */
.btn-icon[b-h77194j25u] {
    width: 28px;
    height: 28px;
    padding: 0;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    font-size: 12px;
}
/* /Components/Features/Carts/Pages/MyMovies.razor.rz.scp.css */
/* ── LIST VIEW ───────────────────────────────────── */
.my-movies-list[b-pkcpg310cd] {
    display: flex;
    flex-direction: column;
    gap: 1rem;
}

.my-movies-card[b-pkcpg310cd] {
    background: var(--bs-body-bg);
    border: 1px solid var(--bs-border-color);
    border-radius: 6px;
    overflow: hidden;
}

.my-movies-card-body[b-pkcpg310cd] {
    display: flex;
    gap: 1rem;
    padding: 1rem;
}

/* ── POSTER ─────────────────────────────────────── */
.my-movies-poster-col[b-pkcpg310cd] {
    flex-shrink: 0;
    width: 120px;
}

.my-movies-poster[b-pkcpg310cd] {
    width: 120px;
    border-radius: 4px;
    object-fit: cover;
}

.my-movies-poster-placeholder[b-pkcpg310cd] {
    width: 120px;
    height: 170px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: var(--bs-tertiary-bg);
    border-radius: 4px;
    color: var(--bs-secondary-color);
}

/* ── DETAIL COLUMN ──────────────────────────────── */
.my-movies-detail-col[b-pkcpg310cd] {
    flex: 1;
    min-width: 0;
}

.my-movies-title[b-pkcpg310cd] {
    font-size: 1.25rem;
    font-weight: 600;
    line-height: 1.3;
    color: var(--bs-body-color);
}

.my-movies-year[b-pkcpg310cd] {
    font-weight: 400;
    color: var(--bs-secondary-color);
    margin-left: 0.25rem;
}

.my-movies-overview[b-pkcpg310cd] {
    font-size: 0.875rem;
    color: var(--bs-secondary-color);
    margin-bottom: 0.5rem;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

/* ── META ROW ───────────────────────────────────── */
.my-movies-meta-row[b-pkcpg310cd] {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    margin-top: 0.5rem;
    flex-wrap: wrap;
}

.my-movies-meta-badge[b-pkcpg310cd] {
    display: inline-flex;
    align-items: center;
    gap: 0.35rem;
    font-size: 0.8rem;
    padding: 3px 10px;
    border-radius: 20px;
    background: rgba(59, 130, 246, 0.12);
    border: 1px solid rgba(59, 130, 246, 0.3);
    color: #7cb3f4;
    white-space: nowrap;
}

.my-movies-imdb-link[b-pkcpg310cd] {
    display: inline-flex;
    align-items: center;
    gap: 0.35rem;
    font-size: 0.8rem;
    padding: 3px 10px;
    border-radius: 20px;
    background: rgba(245, 197, 24, 0.12);
    border: 1px solid rgba(245, 197, 24, 0.4);
    color: #f5c518;
    white-space: nowrap;
    text-decoration: none;
    font-weight: 600;
}

.my-movies-imdb-link:hover[b-pkcpg310cd] {
    background: rgba(245, 197, 24, 0.25);
    color: #f5c518;
}

/* ── EDIT VIEW ──────────────────────────────────── */
.my-movies-edit-header[b-pkcpg310cd] {
    display: flex;
    align-items: center;
}

.my-movies-edit-poster[b-pkcpg310cd] {
    width: 80px;
    border-radius: 4px;
    object-fit: cover;
}

.my-movies-edit-poster-placeholder[b-pkcpg310cd] {
    width: 80px;
    height: 110px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: var(--bs-tertiary-bg);
    border-radius: 4px;
    color: var(--bs-secondary-color);
}

.my-movies-edit-info[b-pkcpg310cd] {
    border-left: 4px solid var(--bs-primary);
    background: rgba(59, 130, 246, 0.08);
}

/* ── CATEGORY CHIPS ─────────────────────────────── */
.my-movies-cat-chip[b-pkcpg310cd] {
    display: inline-flex;
    align-items: center;
    gap: 0.25rem;
    padding: 6px 14px;
    border-radius: 6px;
    border: 1px solid var(--bs-border-color);
    background: var(--bs-body-bg);
    cursor: pointer;
    font-size: 0.875rem;
    user-select: none;
    transition: border-color 0.15s, background 0.15s;
}

.my-movies-cat-chip:hover[b-pkcpg310cd] {
    border-color: var(--bs-primary);
}

.my-movies-cat-chip.active[b-pkcpg310cd] {
    border-color: var(--bs-primary);
    background: rgba(59, 130, 246, 0.08);
}
/* /Components/Features/Carts/Pages/MyTVShows.razor.rz.scp.css */
/* ── LIST VIEW ───────────────────────────────────── */
.my-tv-list[b-90zco0h3a5] {
    display: flex;
    flex-direction: column;
    gap: 1rem;
}

.my-tv-card[b-90zco0h3a5] {
    background: var(--bs-body-bg);
    border: 1px solid var(--bs-border-color);
    border-radius: 6px;
    overflow: hidden;
}

.my-tv-card-body[b-90zco0h3a5] {
    display: flex;
    gap: 1rem;
    padding: 1rem;
}

/* ── POSTER ─────────────────────────────────────── */
.my-tv-poster-col[b-90zco0h3a5] {
    flex-shrink: 0;
    width: 120px;
}

.my-tv-poster[b-90zco0h3a5] {
    width: 120px;
    border-radius: 4px;
    object-fit: cover;
}

.my-tv-poster-placeholder[b-90zco0h3a5] {
    width: 120px;
    height: 170px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: var(--bs-tertiary-bg);
    border-radius: 4px;
    color: var(--bs-secondary-color);
}

/* ── DETAIL COLUMN ──────────────────────────────── */
.my-tv-detail-col[b-90zco0h3a5] {
    flex: 1;
    min-width: 0;
}

.my-tv-title[b-90zco0h3a5] {
    font-size: 1.25rem;
    font-weight: 600;
    line-height: 1.3;
    color: var(--bs-body-color);
}

.my-tv-year[b-90zco0h3a5] {
    font-weight: 400;
    color: var(--bs-secondary-color);
    margin-left: 0.25rem;
}

.my-tv-overview[b-90zco0h3a5] {
    font-size: 0.875rem;
    color: var(--bs-secondary-color);
    margin-bottom: 0.5rem;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

/* ── META ROW ───────────────────────────────────── */
.my-tv-meta-row[b-90zco0h3a5] {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    margin-top: 0.5rem;
    flex-wrap: wrap;
}

.my-tv-meta-badge[b-90zco0h3a5] {
    display: inline-flex;
    align-items: center;
    gap: 0.35rem;
    font-size: 0.8rem;
    padding: 3px 10px;
    border-radius: 20px;
    background: rgba(59, 130, 246, 0.12);
    border: 1px solid rgba(59, 130, 246, 0.3);
    color: #7cb3f4;
    white-space: nowrap;
}

.my-tv-imdb-link[b-90zco0h3a5] {
    display: inline-flex;
    align-items: center;
    gap: 0.35rem;
    font-size: 0.8rem;
    padding: 3px 10px;
    border-radius: 20px;
    background: rgba(245, 197, 24, 0.12);
    border: 1px solid rgba(245, 197, 24, 0.4);
    color: #f5c518;
    white-space: nowrap;
    text-decoration: none;
    font-weight: 600;
}

.my-tv-imdb-link:hover[b-90zco0h3a5] {
    background: rgba(245, 197, 24, 0.25);
    color: #f5c518;
}

/* ── EDIT VIEW ──────────────────────────────────── */
.my-tv-edit-header[b-90zco0h3a5] {
    display: flex;
    align-items: center;
}

.my-tv-edit-poster[b-90zco0h3a5] {
    width: 80px;
    border-radius: 4px;
    object-fit: cover;
}

.my-tv-edit-poster-placeholder[b-90zco0h3a5] {
    width: 80px;
    height: 110px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: var(--bs-tertiary-bg);
    border-radius: 4px;
    color: var(--bs-secondary-color);
}

.my-tv-edit-info[b-90zco0h3a5] {
    border-left: 4px solid var(--bs-primary);
    background: rgba(59, 130, 246, 0.08);
}

/* ── CATEGORY CHIPS ─────────────────────────────── */
.my-tv-cat-chip[b-90zco0h3a5] {
    display: inline-flex;
    align-items: center;
    gap: 0.25rem;
    padding: 6px 14px;
    border-radius: 6px;
    border: 1px solid var(--bs-border-color);
    background: var(--bs-body-bg);
    cursor: pointer;
    font-size: 0.875rem;
    user-select: none;
    transition: border-color 0.15s, background 0.15s;
}

.my-tv-cat-chip:hover[b-90zco0h3a5] {
    border-color: var(--bs-primary);
}

.my-tv-cat-chip.active[b-90zco0h3a5] {
    border-color: var(--bs-primary);
    background: rgba(59, 130, 246, 0.08);
}
/* /Components/Features/Details/Components/Movies/AddToMyMoviesButton.razor.rz.scp.css */
.add-movie-cat-chip[b-d1o7wd4547] {
	display: inline-flex;
	align-items: center;
	gap: 0.25rem;
	padding: 6px 14px;
	border-radius: 6px;
	border: 1px solid var(--bs-border-color);
	background: var(--bs-body-bg);
	cursor: pointer;
	font-size: 0.875rem;
	user-select: none;
	transition: border-color 0.15s, background 0.15s;
}

	.add-movie-cat-chip:hover[b-d1o7wd4547] {
		border-color: var(--bs-primary);
	}

	.add-movie-cat-chip.active[b-d1o7wd4547] {
		border-color: var(--bs-primary);
		background: rgba(59, 130, 246, 0.08);
	}


.modal-backdrop + .modal .modal-dialog[b-d1o7wd4547] {
	pointer-events: auto !important;
}
/* /Components/Features/Details/Components/Movies/MovieBackdropHero.razor.rz.scp.css */
[b-cc5cgwl982] .backdrop-hero {
    position: relative;
    width: 100%;
    height: 340px;
    background: linear-gradient(135deg, var(--bs-body-bg) 0%, var(--bs-tertiary-bg) 50%, var(--bs-body-bg) 100%);
    overflow: hidden;
}

[b-cc5cgwl982] .backdrop-watermark {
    position: absolute;
    right: -10px;
    bottom: 20px;
    font-family: 'Bebas Neue', sans-serif;
    font-size: 8rem;
    color: var(--bs-tertiary-color);
    opacity: 0.15;
    white-space: nowrap;
    text-transform: uppercase;
    pointer-events: none;
    line-height: 1;
    max-width: 80%;
    overflow: hidden;
    text-overflow: clip;
}

[b-cc5cgwl982] .backdrop-fade {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    height: 120px;
    background: linear-gradient(to bottom, transparent, var(--bs-body-bg));
}

[b-cc5cgwl982] .backdrop-image {
	position: absolute;
	inset: 0;
	width: 100%;
	height: 100%;
	object-fit: cover;
	opacity: 0.15;
	filter: blur(2px);
}
/* /Components/Features/Details/Components/Movies/MovieCastSection.razor.rz.scp.css */
/* ── SECTION HEADER ─────────────────────────────── */
.section-title[b-crk1qtvqmi] {
	font-family: 'Bebas Neue', sans-serif;
	font-size: 22px;
	letter-spacing: 0.08em;
	color: var(--bs-body-color);
	display: flex;
	align-items: center;
	padding-left: 12px;
	position: relative;
}

	.section-title[b-crk1qtvqmi]::before {
		content: '';
		position: absolute;
		left: 0;
		top: 50%;
		transform: translateY(-50%);
		width: 4px;
		height: 20px;
		background: #e8b84b;
		border-radius: 2px;
	}

.section-count[b-crk1qtvqmi] {
	font-family: 'DM Mono', monospace;
	font-size: 11px;
	color: var(--bs-secondary-color);
	background: var(--bs-tertiary-bg);
	border: 1px solid var(--bs-border-color);
	border-radius: 20px;
	padding: 2px 10px;
	font-weight: 400;
}

.chevron[b-crk1qtvqmi] {
	display: inline-block;
	transition: transform 0.3s ease;
	line-height: 1;
}

	.chevron.open[b-crk1qtvqmi] {
		transform: rotate(180deg);
	}

/* ── COLLAPSED SUMMARY ──────────────────────────── */
.cast-summary[b-crk1qtvqmi] {
	font-size: 13px;
	color: var(--bs-secondary-color);
	padding-left: 2px;
	margin-bottom: 0;
}

/* ── CAST GRID ──────────────────────────────────── */
.cast-grid[b-crk1qtvqmi] {
	animation: fadeSlideIn-b-crk1qtvqmi 0.3s ease;
}

@keyframes fadeSlideIn-b-crk1qtvqmi {
	from {
		opacity: 0;
		transform: translateY(-8px);
	}

	to {
		opacity: 1;
		transform: translateY(0);
	}
}

/* ── CAST CARD ──────────────────────────────────── */
.cast-card[b-crk1qtvqmi] {
	background: var(--bs-tertiary-bg);
	border: 1px solid var(--bs-border-color);
	border-radius: 10px;
	overflow: hidden;
	transition: transform 0.2s ease, border-color 0.2s ease, box-shadow 0.2s ease;
	cursor: pointer;
	height: 100%;
}

	.cast-card:hover[b-crk1qtvqmi] {
		transform: translateY(-3px);
		border-color: var(--bs-border-color-translucent);
		box-shadow: 0 10px 28px rgba(0,0,0,0.25);
	}

/* ── PHOTO AREA ─────────────────────────────────── */
.cast-photo-wrap[b-crk1qtvqmi] {
	width: 100%;
	aspect-ratio: 2 / 3;
	position: relative;
	overflow: hidden;
	background: var(--bs-secondary-bg);
}

.cast-photo[b-crk1qtvqmi] {
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: top;
	display: block;
	transition: transform 0.3s ease;
}

.cast-card:hover .cast-photo[b-crk1qtvqmi] {
	transform: scale(1.04);
}

.cast-no-photo[b-crk1qtvqmi] {
	width: 100%;
	height: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
	color: var(--bs-tertiary-color);
	background: var(--bs-secondary-bg);
}

/* ── CAST INFO ──────────────────────────────────── */
.cast-info[b-crk1qtvqmi] {
	padding: 8px 10px 10px;
}

.cast-name[b-crk1qtvqmi] {
	font-size: 12px;
	font-weight: 600;
	color: var(--bs-body-color);
	line-height: 1.3;
	margin-bottom: 3px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

.cast-char[b-crk1qtvqmi] {
	font-size: 11px;
	color: var(--bs-secondary-color);
	line-height: 1.3;
	font-style: italic;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}
/* /Components/Features/Details/Components/Movies/MovieDetailsGrid.razor.rz.scp.css */
[b-aj3ybj47ei] .details-grid-section {
	animation: fadeInUp 0.5s ease both;
	animation-delay: 0.3s;
	margin-bottom: 2rem;
}

/* ── HEADER ────────────────────────────────────── */
[b-aj3ybj47ei] .section-title {
	font-family: 'Bebas Neue', sans-serif;
	font-size: 22px;
	letter-spacing: 0.08em;
	color: var(--bs-body-color);
	display: flex;
	align-items: center;
	padding-left: 12px;
	position: relative;
}

[b-aj3ybj47ei] .section-title::before {
	content: '';
	position: absolute;
	left: 0;
	top: 50%;
	transform: translateY(-50%);
	width: 4px;
	height: 20px;
	background: #e8b84b;
	border-radius: 2px;
}

[b-aj3ybj47ei] .section-count {
	font-family: 'DM Mono', monospace;
	font-size: 11px;
	color: var(--bs-secondary-color);
	background: var(--bs-tertiary-bg);
	border: 1px solid var(--bs-border-color);
	border-radius: 20px;
	padding: 2px 10px;
	font-weight: 400;
}

/* ── TOGGLE BUTTON ─────────────────────────────── */
[b-aj3ybj47ei] .details-toggle-btn {
	font-size: 13px;
	color: #5b8af0;
	font-weight: 500;
	padding: 6px 14px;
	background: rgba(91,138,240,0.1);
	border: 1px solid rgba(91,138,240,0.25);
	border-radius: 8px;
	transition: background 0.2s;
	display: flex;
	align-items: center;
	gap: 6px;
}

[b-aj3ybj47ei] .details-toggle-btn:hover {
	background: rgba(91,138,240,0.18);
	color: #5b8af0;
	border-color: rgba(91,138,240,0.4);
}

[b-aj3ybj47ei] .details-toggle-btn:focus {
	box-shadow: 0 0 0 2px rgba(91,138,240,0.3);
	outline: none;
}

[b-aj3ybj47ei] .chevron {
	display: inline-block;
	transition: transform 0.3s ease;
	line-height: 1;
}

[b-aj3ybj47ei] .chevron.open {
	transform: rotate(180deg);
}

/* ── COLLAPSED SUMMARY ─────────────────────────── */
[b-aj3ybj47ei] .details-summary {
	font-size: 13px;
	color: var(--bs-secondary-color);
	padding-left: 2px;
	margin-bottom: 0;
}

/* ── EXPANDED GRID ─────────────────────────────── */
[b-aj3ybj47ei] .details-grid-anim {
	animation: fadeSlideIn-b-aj3ybj47ei 0.3s ease;
}

@keyframes fadeSlideIn-b-aj3ybj47ei {
	from {
		opacity: 0;
		transform: translateY(-8px);
	}
	to {
		opacity: 1;
		transform: translateY(0);
	}
}

[b-aj3ybj47ei] .details-grid {
	background: var(--bs-tertiary-bg);
	border: 1px solid var(--bs-border-color);
	border-radius: 8px;
	overflow: hidden;
	margin-bottom: 0.5rem;
}

[b-aj3ybj47ei] .detail-cell {
	padding: 2px 12px;
	border-bottom: 1px solid var(--bs-border-color);
	border-right: 1px solid var(--bs-border-color);
}

[b-aj3ybj47ei] .detail-cell:nth-child(even) {
	border-right: none;
}

[b-aj3ybj47ei] .col-12.detail-cell {
	border-right: none;
}

[b-aj3ybj47ei] .detail-cell:last-child {
	border-bottom: none;
}

[b-aj3ybj47ei] .detail-cell:nth-last-child(2):nth-child(odd) {
	border-bottom: none;
}

[b-aj3ybj47ei] .detail-label {
	display: block;
	font-family: 'DM Sans', sans-serif;
	font-size: 0.6rem;
	text-transform: uppercase;
	letter-spacing: 1.5px;
	color: var(--bs-tertiary-color);
	margin-bottom: 4px;
}

[b-aj3ybj47ei] .detail-value {
	font-family: 'DM Sans', sans-serif;
	font-size: 0.85rem;
	color: var(--bs-secondary-color);
}

[b-aj3ybj47ei] .detail-value--mono {
	font-family: 'DM Mono', monospace;
}

[b-aj3ybj47ei] .detail-link {
	font-family: 'DM Sans', sans-serif;
	font-size: 0.8rem;
	color: #7cb3f4;
	text-decoration: none;
	word-break: break-all;
}

[b-aj3ybj47ei] .detail-link:hover {
	text-decoration: underline;
	color: #a8d1ff;
}

[b-aj3ybj47ei] .revenue-bar-track {
	margin-top: 6px;
	width: 100%;
	height: 3px;
	background: var(--bs-border-color);
	border-radius: 2px;
	overflow: hidden;
}

[b-aj3ybj47ei] .revenue-bar-fill {
	height: 100%;
	background: linear-gradient(90deg, #21a653, #f5c518);
	border-radius: 2px;
	transition: width 0.6s ease;
}
/* /Components/Features/Details/Components/Movies/MovieKeyCrew.razor.rz.scp.css */
[b-cmpdcdnmk6] .crew-section {
    animation: fadeInUp 0.5s ease both;
    animation-delay: 0.2s;
    margin-bottom: 2rem;
}

/* ── HEADER ────────────────────────────────────── */
[b-cmpdcdnmk6] .section-title {
    font-family: 'Bebas Neue', sans-serif;
    font-size: 22px;
    letter-spacing: 0.08em;
    color: var(--bs-body-color);
    display: flex;
    align-items: center;
    padding-left: 12px;
    position: relative;
}

[b-cmpdcdnmk6] .section-title::before {
    content: '';
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    width: 4px;
    height: 20px;
    background: #e8b84b;
    border-radius: 2px;
}

[b-cmpdcdnmk6] .section-count {
    font-family: 'DM Mono', monospace;
    font-size: 11px;
    color: var(--bs-secondary-color);
    background: var(--bs-tertiary-bg);
    border: 1px solid var(--bs-border-color);
    border-radius: 20px;
    padding: 2px 10px;
    font-weight: 400;
}


[b-cmpdcdnmk6] .chevron {
    display: inline-block;
    transition: transform 0.3s ease;
    line-height: 1;
}

[b-cmpdcdnmk6] .chevron.open {
    transform: rotate(180deg);
}

/* ── COLLAPSED SUMMARY ─────────────────────────── */
[b-cmpdcdnmk6] .crew-summary {
    font-size: 13px;
    color: var(--bs-secondary-color);
    padding-left: 2px;
    margin-bottom: 0;
}

/* ── EXPANDED GRID ─────────────────────────────── */
[b-cmpdcdnmk6] .crew-grid {
    animation: fadeSlideIn-b-cmpdcdnmk6 0.3s ease;
}

@keyframes fadeSlideIn-b-cmpdcdnmk6 {
    from {
        opacity: 0;
        transform: translateY(-8px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

/* ── CREW CARDS ────────────────────────────────── */
[b-cmpdcdnmk6] .crew-card {
    display: flex;
    flex-direction: column;
    background: var(--bs-tertiary-bg);
    border: 1px solid var(--bs-border-color);
    border-radius: 8px;
    padding: 5px 12px;
}

[b-cmpdcdnmk6] .crew-role {
    font-family: 'DM Sans', sans-serif;
    font-size: 0.65rem;
    text-transform: uppercase;
    letter-spacing: 1px;
    color: var(--bs-secondary-color);
    margin-bottom: 2px;
}

[b-cmpdcdnmk6] .crew-name {
    font-family: 'DM Sans', sans-serif;
    font-size: 0.9rem;
    color: var(--bs-body-color);
    font-weight: 500;
}

[b-cmpdcdnmk6] .crew-card-link {
    cursor: pointer;
    transition: border-color 0.2s ease, background 0.2s ease;
}

[b-cmpdcdnmk6] .crew-card-link:hover {
    border-color: var(--bs-primary-border-subtle, #b6d4fe);
    background: var(--bs-primary-bg-subtle, #cfe2ff);
}
/* /Components/Features/Details/Components/Movies/MovieOtherLink.razor.rz.scp.css */
[b-m8qmtjn9wf] .external-link-btn {
	font-size: 0.75rem;
	color: var(--bs-secondary-color);
}

	[b-m8qmtjn9wf] .external-link-btn:hover {
		border-color: #f5c518;
		color: #f5c518;
		background: rgba(245, 197, 24, 0.08);
	}

[b-m8qmtjn9wf] .svg-inline--fa.fa-youtube.fa-2xl.fa-fw.other-link,
[b-m8qmtjn9wf] .svg-inline--fa.fa-youtube.fa-xl.fa-fw.other-link
{
	color: #FF0000;
}

[b-m8qmtjn9wf] .svg-inline--fa.fa-imdb.fa-2xl.fa-fw.other-link,
[b-m8qmtjn9wf] .svg-inline--fa.fa-imdb.fa-xl.fa-fw.other-link {
	color: #f5c518;
}

[b-m8qmtjn9wf] .svg-inline--fa.fa-square-x-twitter.fa-2xl.fa-fw.other-link,
[b-m8qmtjn9wf] .svg-inline--fa.fa-square-x-twitter.fa-xl.fa-fw.other-link {
	color: var(--nexus-twitter-color);
}

[b-m8qmtjn9wf] .svg-inline--fa.fa-square-facebook.fa-2xl.fa-fw.other-link,
[b-m8qmtjn9wf] .svg-inline--fa.fa-square-facebook.fa-xl.fa-fw.other-link {
	color: var(--nexus-facebook-color);
}

[b-m8qmtjn9wf] .svg-inline--fa.fa-square-instagram.fa-2xl.fa-fw.other-link,
[b-m8qmtjn9wf] .svg-inline--fa.fa-square-instagram.fa-xl.fa-fw.other-link {
	color: var(--nexus-instagram-color);
}
/* /Components/Features/Details/Components/Movies/MoviePosterColumn.razor.rz.scp.css */
[b-v6fcjzh7jl] .poster-sticky {
    position: sticky;
    top: 20px;
    z-index: 1045;
}

[b-v6fcjzh7jl] .poster-wrapper {
    position: relative;
    width: 260px;
}

[b-v6fcjzh7jl] .poster-image {
    width: 260px;
    aspect-ratio: 2 / 3;
    object-fit: cover;
    border-radius: 12px;
    box-shadow: 0 8px 32px rgba(0, 0, 0, 0.6), 0 2px 8px rgba(0, 0, 0, 0.4);
    display: block;
}

[b-v6fcjzh7jl] .poster-placeholder {
    width: 260px;
    aspect-ratio: 2 / 3;
    border-radius: 12px;
    background-color: var(--bs-tertiary-bg);
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--bs-secondary-color);
    box-shadow: 0 8px 32px rgba(0, 0, 0, 0.3), 0 2px 8px rgba(0, 0, 0, 0.2);
}

[b-v6fcjzh7jl] .poster-rating-badge {
    position: absolute;
    top: 10px;
    left: 10px;
    background: rgba(0, 0, 0, 0.75);
    color: #fff;
    font-family: 'DM Mono', monospace;
    font-size: 0.7rem;
    font-weight: 600;
    padding: 2px 8px;
    border-radius: 4px;
    border: 1px solid rgba(255, 255, 255, 0.15);
    z-index: 2;
    letter-spacing: 0.5px;
}

[b-v6fcjzh7jl] .rating-pill {
    flex: 1;
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 4px 12px;
    border-radius: 8px;
    min-width: 0;
}

[b-v6fcjzh7jl] .rating-pill--tmdb {
    background: rgba(33, 150, 83, 0.15);
    border: 1px solid rgba(33, 150, 83, 0.3);
}

[b-v6fcjzh7jl] .rating-pill--imdb {
    background: rgba(245, 197, 24, 0.12);
    border: 1px solid rgba(245, 197, 24, 0.25);
}

[b-v6fcjzh7jl] .rating-label {
    font-family: 'DM Sans', sans-serif;
    font-size: 0.65rem;
    text-transform: uppercase;
    letter-spacing: 1px;
    color: var(--bs-secondary-color);
}

[b-v6fcjzh7jl] .rating-pill--tmdb .rating-value {
    color: #21a653;
}

[b-v6fcjzh7jl] .rating-pill--imdb .rating-value {
    color: #f5c518;
}

[b-v6fcjzh7jl] .rating-value {
    font-family: 'DM Mono', monospace;
    font-size: 1.4rem;
    font-weight: 700;
    line-height: 1.2;
}

/* /Components/Features/Details/Components/Movies/MovieProductionCompanies.razor.rz.scp.css */
[b-jwwce6mezw] .companies-section {
    animation: fadeInUp 0.5s ease both;
    animation-delay: 0.5s;
    margin-bottom: 2rem;
}

[b-jwwce6mezw] .company-chip {
    display: flex;
    align-items: center;
    gap: 8px;
    background: var(--bs-tertiary-bg);
    border: 1px solid var(--bs-border-color);
    border-radius: 20px;
    padding: 4px 14px 4px 4px;
}

[b-jwwce6mezw] .company-logo {
    width: 28px;
    height: 28px;
    object-fit: contain;
    border-radius: 4px;
    background: #fff;
    padding: 2px;
}

[b-jwwce6mezw] .company-initials {
    width: 28px;
    height: 28px;
    border-radius: 4px;
    background: var(--bs-secondary-bg);
    display: flex;
    align-items: center;
    justify-content: center;
    font-family: 'Bebas Neue', sans-serif;
    font-size: 0.85rem;
    color: var(--bs-secondary-color);
}

[b-jwwce6mezw] .company-name {
    font-family: 'DM Sans', sans-serif;
    font-size: 0.8rem;
    color: var(--bs-body-color);
}

[b-jwwce6mezw] .company-summary {
	font-size: 13px;
	color: var(--bs-secondary-color);
	padding-left: 2px;
	margin-bottom: 0;
}
/* /Components/Features/Details/Components/Movies/MovieReleaseSection.razor.rz.scp.css */
/* ── SECTION HEADER ─────────────────────────────── */
.section-title[b-3pz5fxhjsh] {
	font-family: 'Bebas Neue', sans-serif;
	font-size: 15px;
	letter-spacing: 0.08em;
	padding-left: 12px;
	position: relative;
}

	.section-title[b-3pz5fxhjsh]::before {
		content: '';
		position: absolute;
		left: 0;
		top: 50%;
		transform: translateY(-50%);
		width: 4px;
		height: 14px;
		background: #e8b84b;
		border-radius: 2px;
	}

.release-count[b-3pz5fxhjsh] {
	font-family: 'DM Mono', monospace;
	font-size: 11px;
	color: #6b6e82;
	background-color: var(--bs-tertiary-bg);
	border: 1px solid var(--bs-border-color);
	border-radius: 20px;
	padding: 2px 10px;
}

/* ── FILTER BUTTONS ─────────────────────────────── */
.release-filter-btn[b-3pz5fxhjsh] {
	font-family: 'DM Mono', monospace;
	font-size: 11px;
	font-weight: 600;
	letter-spacing: 0.05em;
	padding: 4px 12px;
	border-radius: 20px;
	border: 1px solid var(--bs-border-color);
	background: var(--bs-tertiary-bg);
	color: var(--bs-secondary-color);
	transition: all 0.15s ease;
	display: flex;
	align-items: center;
}

	.release-filter-btn:hover[b-3pz5fxhjsh] {
		filter: brightness(1.15);
		color: white;
	}

.filter-count[b-3pz5fxhjsh] {
	font-size: 10px;
	opacity: 0.7;
}

/* Format filter active colors */
.release-filter-btn.active.fmt-4k[b-3pz5fxhjsh] {
	background: #7c3aed;
	border-color: #7c3aed;
	color: #fff;
}

.release-filter-btn.active.fmt-1080p[b-3pz5fxhjsh] {
	background: #1d4ed8;
	border-color: #1d4ed8;
	color: #fff;
}

.release-filter-btn.active.fmt-720p[b-3pz5fxhjsh] {
	background: #15803d;
	border-color: #15803d;
	color: #fff;
}

.release-filter-btn.active.fmt-sd[b-3pz5fxhjsh] {
	background: #475569;
	border-color: #475569;
	color: #fff;
}

.release-filter-btn.active.fmt-3d[b-3pz5fxhjsh] {
	background: #b45309;
	border-color: #b45309;
	color: #fff;
}

.release-filter-btn.active.fmt-foreign[b-3pz5fxhjsh] {
	background: #9d174d;
	border-color: #9d174d;
	color: #fff;
}

/* Inactive tints */
.release-filter-btn:not(.active).fmt-4k[b-3pz5fxhjsh] {
	border-color: #7c3aed;
	color: #a78bfa;
}

.release-filter-btn:not(.active).fmt-1080p[b-3pz5fxhjsh] {
	border-color: #1d4ed8;
	color: #93c5fd;
}

.release-filter-btn:not(.active).fmt-720p[b-3pz5fxhjsh] {
	border-color: #15803d;
	color: #86efac;
}

.release-filter-btn:not(.active).fmt-sd[b-3pz5fxhjsh] {
	border-color: #475569;
	color: #94a3b8;
}

.release-filter-btn:not(.active).fmt-3d[b-3pz5fxhjsh] {
	border-color: #b45309;
	color: #fcd34d;
}

.release-filter-btn:not(.active).fmt-foreign[b-3pz5fxhjsh] {
	border-color: #9d174d;
	color: #f9a8d4;
}

.btn-clear-filters[b-3pz5fxhjsh] {
	font-size: 11px;
	padding: 4px 12px;
	border-radius: 20px;
	background: transparent;
	border: 1px solid var(--bs-border-color);
	color: var(--bs-secondary-color);
}

	.btn-clear-filters:hover[b-3pz5fxhjsh] {
		background: var(--bs-danger-bg-subtle);
		border-color: var(--bs-danger-border-subtle);
		color: var(--bs-danger);
	}

/* ── TABLE ──────────────────────────────────────── */
.release-table-wrap[b-3pz5fxhjsh] {
	border-radius: 10px;
	overflow: hidden;
	border: 1px solid var(--bs-border-color);
}

.release-table[b-3pz5fxhjsh] {
	font-size: 13px;
}

	.release-table thead th[b-3pz5fxhjsh] {
		font-family: 'DM Mono', monospace;
		font-size: 10px;
		letter-spacing: 0.08em;
		text-transform: uppercase;
		color: var(--bs-secondary-color);
		background: var(--bs-tertiary-bg);
		border-bottom: 1px solid var(--bs-border-color);
		padding: 10px 12px;
		white-space: nowrap;
	}

	.release-table tbody td[b-3pz5fxhjsh] {
		padding: 10px 12px;
		vertical-align: middle;
		border-color: var(--bs-border-color);
	}

.release-row[b-3pz5fxhjsh] {
	transition: background 0.12s ease;
}

/* ── RELEASE NAME ───────────────────────────────── */
.release-name[b-3pz5fxhjsh] {
	font-size: 12px;
	font-weight: 500;
	color: var(--bs-body-color);
	display: block;
	text-wrap: auto;
}

.release-name-cell[b-3pz5fxhjsh] {
	max-width: 400px;
}


/* ── CODEC BADGES ───────────────────────────────── */
.codec-badge[b-3pz5fxhjsh],
.audio-badge[b-3pz5fxhjsh] {
	font-family: 'DM Mono', monospace;
	font-size: 10px;
	padding: 2px 7px;
	border-radius: 4px;
	white-space: nowrap;
	background: var(--bs-secondary-bg);
	color: var(--bs-secondary-color);
	border: 1px solid var(--bs-border-color);
}

/* ── TAGS ───────────────────────────────────────── */
.release-tag[b-3pz5fxhjsh] {
	font-size: 9px;
	font-family: 'DM Mono', monospace;
	font-weight: 600;
	letter-spacing: 0.06em;
	padding: 1px 6px;
	border-radius: 3px;
	background: var(--bs-secondary-bg);
	color: var(--bs-secondary-color);
	border: 1px solid var(--bs-border-color);
	text-transform: uppercase;
}

	.release-tag.tag-bluray[b-3pz5fxhjsh] {
		color: #38bdf8;
		border-color: rgba(56,189,248,0.3);
		background: rgba(56,189,248,0.08);
	}

	.release-tag.tag-web-dl[b-3pz5fxhjsh] {
		color: #34d399;
		border-color: rgba(52,211,153,0.3);
		background: rgba(52,211,153,0.08);
	}

	.release-tag.tag-webrip[b-3pz5fxhjsh] {
		color: #6ee7b7;
		border-color: rgba(110,231,183,0.3);
		background: rgba(110,231,183,0.08);
	}

	.release-tag.tag-hdr[b-3pz5fxhjsh] {
		color: #fb923c;
		border-color: rgba(251,146,60,0.3);
		background: rgba(251,146,60,0.08);
	}

	.release-tag.tag-hdr10\+[b-3pz5fxhjsh] {
		color: #f97316;
		border-color: rgba(249,115,22,0.3);
		background: rgba(249,115,22,0.08);
	}

	.release-tag.tag-dv[b-3pz5fxhjsh] {
		color: #c084fc;
		border-color: rgba(192,132,252,0.3);
		background: rgba(192,132,252,0.08);
	}

	.release-tag.tag-remux[b-3pz5fxhjsh] {
		color: #e8b84b;
		border-color: rgba(232,184,75,0.3);
		background: rgba(232,184,75,0.08);
	}

	.release-tag.tag-remaster[b-3pz5fxhjsh] {
		color: #67e8f9;
		border-color: rgba(103,232,249,0.3);
		background: rgba(103,232,249,0.08);
	}

/* ── OTHER CELLS ────────────────────────────────── */
.size-cell[b-3pz5fxhjsh], .date-cell[b-3pz5fxhjsh] {
	font-family: 'DM Mono', monospace;
	font-size: 11px;
	color: var(--bs-secondary-color);
}

.grabs-val[b-3pz5fxhjsh] {
	font-family: 'DM Mono', monospace;
	font-size: 12px;
	color: var(--bs-secondary-color);
}

/* ── DOWNLOAD BUTTON ────────────────────────────── */
.btn-download[b-3pz5fxhjsh] {
	padding: 4px 8px;
	background: transparent;
	border: 1px solid var(--bs-border-color);
	color: var(--bs-secondary-color);
	border-radius: 6px;
	transition: all 0.15s;
	line-height: 1;
}

	.btn-download:hover[b-3pz5fxhjsh] {
		background: var(--bs-primary-bg-subtle);
		border-color: var(--bs-primary-border-subtle);
		color: var(--bs-primary);
	}
/* /Components/Features/Details/Components/Movies/MovieTitleMeta.razor.rz.scp.css */
[b-h9ueryxylx] .title-meta-section {
    animation: fadeInUp 0.5s ease both;
}

[b-h9ueryxylx] .movie-display-title {
    font-family: 'Bebas Neue', sans-serif;
    font-size: 3rem;
    font-weight: 400;
    letter-spacing: 1px;
    line-height: 1.1;
    margin-bottom: 0.25rem;
    color: var(--bs-body-color);
}

[b-h9ueryxylx] .movie-year {
    color: #f5c518;
    font-size: 2.2rem;
    margin-left: 0.5rem;
    opacity: 0.7;
}

[b-h9ueryxylx] .movie-tagline {
    font-family: 'DM Sans', sans-serif;
    font-style: italic;
    color: var(--bs-secondary-color);
    font-size: 1rem;
    margin-bottom: 1rem;
}

[b-h9ueryxylx] .meta-row {
    margin-bottom: 1.5rem;
}

[b-h9ueryxylx] .genre-badge {
    font-family: 'DM Sans', sans-serif;
    font-size: 0.75rem;
    padding: 3px 10px;
    border-radius: 20px;
    background: rgba(59, 130, 246, 0.12);
    border: 1px solid rgba(59, 130, 246, 0.3);
    color: #7cb3f4;
    white-space: nowrap;
}

[b-h9ueryxylx] .meta-dot {
    color: var(--bs-tertiary-color);
    font-size: 0.9rem;
}

[b-h9ueryxylx] .meta-text {
    font-family: 'DM Sans', sans-serif;
    font-size: 0.85rem;
    color: var(--bs-secondary-color);
}

[b-h9ueryxylx] .content-rating-badge {
    font-family: 'DM Mono', monospace;
    font-size: 0.7rem;
    padding: 2px 8px;
    border-radius: 4px;
    border: 1px solid var(--bs-border-color);
    color: var(--bs-secondary-color);
    letter-spacing: 0.5px;
}
/* /Components/Features/Details/Components/Release/ReleaseAnimeSection.razor.rz.scp.css */
[b-8c12fr3tyj] .info-card-section {
	animation: fadeInUp 0.5s ease both;
	animation-delay: 0.25s;
	margin-bottom: 2rem;
}

[b-8c12fr3tyj] .section-title {
	font-family: 'Bebas Neue', sans-serif;
	font-size: 22px;
	letter-spacing: 0.08em;
	color: var(--bs-body-color);
	display: flex;
	align-items: center;
	padding-left: 12px;
	position: relative;
}

[b-8c12fr3tyj] .section-title::before {
	content: '';
	position: absolute;
	left: 0;
	top: 50%;
	transform: translateY(-50%);
	width: 4px;
	height: 20px;
	background: #e8b84b;
	border-radius: 2px;
}

[b-8c12fr3tyj] .info-card {
	background: var(--bs-tertiary-bg);
	border: 1px solid var(--bs-border-color);
	border-radius: 8px;
	padding: 16px;
}

[b-8c12fr3tyj] .info-title {
	font-family: 'Bebas Neue', sans-serif;
	font-size: 1.25rem;
	letter-spacing: 0.5px;
	margin-bottom: 0.25rem;
}

[b-8c12fr3tyj] .info-description {
	font-size: 0.85rem;
	line-height: 1.6;
	color: var(--bs-secondary-color);
	margin-bottom: 0.5rem;
}

[b-8c12fr3tyj] .info-grid {
	border: 1px solid var(--bs-border-color);
	border-radius: 6px;
	overflow: hidden;
}

[b-8c12fr3tyj] .info-cell {
	padding: 2px 10px;
	border-bottom: 1px solid var(--bs-border-color);
	border-right: 1px solid var(--bs-border-color);
}

[b-8c12fr3tyj] .info-cell:nth-child(even) {
	border-right: none;
}

[b-8c12fr3tyj] .col-12.info-cell {
	border-right: none;
}

[b-8c12fr3tyj] .info-cell:last-child {
	border-bottom: none;
}

[b-8c12fr3tyj] .info-cell:nth-last-child(2):nth-child(odd) {
	border-bottom: none;
}

[b-8c12fr3tyj] .info-label {
	display: block;
	font-family: 'DM Sans', sans-serif;
	font-size: 0.55rem;
	text-transform: uppercase;
	letter-spacing: 1.5px;
	color: var(--bs-tertiary-color);
	margin-bottom: 2px;
}

[b-8c12fr3tyj] .info-value {
	display: block;
	font-size: 0.8rem;
	font-weight: 500;
	color: var(--bs-body-color);
	margin-bottom: 2px;
	word-break: break-word;
}

[b-8c12fr3tyj] .info-value--mono {
	font-family: 'DM Mono', monospace;
}

[b-8c12fr3tyj] .info-link {
	color: #5b8af0;
	text-decoration: none;
	font-family: 'DM Mono', monospace;
	font-size: 0.78rem;
}

[b-8c12fr3tyj] .info-link:hover {
	text-decoration: underline;
}
/* /Components/Features/Details/Components/Release/ReleaseBackdropHero.razor.rz.scp.css */
[b-yi4cipx1xx] .backdrop-hero {
	position: relative;
	width: 100%;
	height: 340px;
	background: linear-gradient(135deg, var(--bs-body-bg) 0%, var(--bs-tertiary-bg) 50%, var(--bs-body-bg) 100%);
	overflow: hidden;
}

[b-yi4cipx1xx] .backdrop-watermark {
	position: absolute;
	right: -10px;
	bottom: 20px;
	font-family: 'Bebas Neue', sans-serif;
	font-size: 8rem;
	color: var(--bs-tertiary-color);
	opacity: 0.15;
	white-space: nowrap;
	text-transform: uppercase;
	pointer-events: none;
	line-height: 1;
	max-width: 80%;
	overflow: hidden;
	text-overflow: clip;
}

[b-yi4cipx1xx] .backdrop-fade {
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
	height: 120px;
	background: linear-gradient(to bottom, transparent, var(--bs-body-bg));
}

[b-yi4cipx1xx] .backdrop-image {
	position: absolute;
	inset: 0;
	width: 100%;
	height: 100%;
	object-fit: cover;
	opacity: 0.15;
	filter: blur(2px);
}
/* /Components/Features/Details/Components/Release/ReleaseBookSection.razor.rz.scp.css */
/* ── Book title & Author ───────────────── */
[b-2caidhorul] .book-title {
	font-family: 'Bebas Neue', sans-serif;
	font-size: 1.25rem;
	letter-spacing: 0.5px;
	margin-bottom: 0.25rem;
	animation: fadeInUp-b-2caidhorul 0.5s ease both;
	animation-delay: 0.05s;
}

[b-2caidhorul] .book-author {
	font-family: 'DM Sans', sans-serif;
	font-style: italic;
	color: var(--bs-secondary-color);
	font-size: 0.9rem;
	margin-bottom: 0.5rem;
	animation: fadeInUp-b-2caidhorul 0.5s ease both;
	animation-delay: 0.08s;
}

[b-2caidhorul] .overview-text {
	font-family: 'DM Sans', sans-serif;
	font-size: 1rem;
	line-height: 1.7;
	color: var(--bs-secondary-color);
	margin-bottom: 1rem;
	animation: fadeInUp-b-2caidhorul 0.5s ease both;
	animation-delay: 0.1s;
}

/* ── Details grid ─────────────────────── */
[b-2caidhorul] .details-grid-section {
	animation: fadeInUp-b-2caidhorul 0.5s ease both;
	animation-delay: 0.2s;
	margin-bottom: 2rem;
}

[b-2caidhorul] .section-title {
	font-family: 'Bebas Neue', sans-serif;
	font-size: 22px;
	letter-spacing: 0.08em;
	color: var(--bs-body-color);
	display: flex;
	align-items: center;
	padding-left: 12px;
	position: relative;
}

[b-2caidhorul] .section-title::before {
	content: '';
	position: absolute;
	left: 0;
	top: 50%;
	transform: translateY(-50%);
	width: 4px;
	height: 20px;
	background: var(--bs-warning);
	border-radius: 2px;
}

[b-2caidhorul] .details-toggle-btn {
	font-size: 13px;
	color: var(--bs-primary);
	font-weight: 500;
	padding: 6px 14px;
	background: var(--bs-primary-bg-subtle);
	border: 1px solid rgba(var(--bs-primary-rgb), 0.25);
	border-radius: 8px;
	transition: background 0.2s;
	display: flex;
	align-items: center;
	gap: 6px;
}

[b-2caidhorul] .details-toggle-btn:hover {
	background: var(--bs-primary-bg-subtle);
	color: var(--bs-primary);
	border-color: rgba(var(--bs-primary-rgb), 0.4);
	filter: brightness(0.9);
}

[b-2caidhorul] .chevron {
	display: inline-block;
	transition: transform 0.3s ease;
	line-height: 1;
}

[b-2caidhorul] .chevron.open {
	transform: rotate(180deg);
}

[b-2caidhorul] .details-grid-anim {
	animation: fadeSlideIn-b-2caidhorul 0.3s ease;
}

@keyframes fadeSlideIn-b-2caidhorul {
	from { opacity: 0; transform: translateY(-8px); }
	to   { opacity: 1; transform: translateY(0); }
}

@keyframes fadeInUp-b-2caidhorul {
	from { opacity: 0; transform: translateY(16px); }
	to   { opacity: 1; transform: translateY(0); }
}

[b-2caidhorul] .details-grid {
	background: var(--bs-tertiary-bg);
	border: 1px solid var(--bs-border-color);
	border-radius: 8px;
	overflow: hidden;
	margin-bottom: 0.5rem;
}

[b-2caidhorul] .detail-cell {
	padding: 2px 12px;
	border-bottom: 1px solid var(--bs-border-color);
	border-right: 1px solid var(--bs-border-color);
}

[b-2caidhorul] .detail-cell:nth-child(even) {
	border-right: none;
}

[b-2caidhorul] .col-12.detail-cell {
	border-right: none;
}

[b-2caidhorul] .detail-cell:last-child {
	border-bottom: none;
}

[b-2caidhorul] .detail-cell:nth-last-child(2):nth-child(odd) {
	border-bottom: none;
}

[b-2caidhorul] .detail-label {
	display: block;
	font-family: 'DM Sans', sans-serif;
	font-size: 0.6rem;
	text-transform: uppercase;
	letter-spacing: 1.5px;
	color: var(--bs-tertiary-color);
	margin-bottom: 4px;
}

[b-2caidhorul] .detail-value {
	display: block;
	font-size: 0.85rem;
	font-weight: 500;
	color: var(--bs-body-color);
	margin-bottom: 4px;
}

[b-2caidhorul] .detail-value--mono {
	font-family: 'DM Mono', monospace;
}

[b-2caidhorul] .info-link {
	color: #5b8af0;
	text-decoration: none;
	font-family: 'DM Sans', sans-serif;
	font-size: 0.78rem;
}

[b-2caidhorul] .info-link:hover {
	text-decoration: underline;
}

[b-2caidhorul] .info-cell {
	padding: 2px 10px;
	border-bottom: 1px solid var(--bs-border-color);
	border-right: 1px solid var(--bs-border-color);
}

[b-2caidhorul] .info-cell:nth-child(even) {
	border-right: none;
}

[b-2caidhorul] .col-12.info-cell {
	border-right: none;
}

[b-2caidhorul] .info-cell:last-child {
	border-bottom: none;
}

[b-2caidhorul] .info-cell:nth-last-child(2):nth-child(odd) {
	border-bottom: none;
}

[b-2caidhorul] .info-label {
	display: block;
	font-family: 'DM Sans', sans-serif;
	font-size: 0.55rem;
	text-transform: uppercase;
	letter-spacing: 1.5px;
	color: var(--bs-tertiary-color);
	margin-bottom: 2px;
}

[b-2caidhorul] .info-value {
	display: block;
	font-size: 0.8rem;
	font-weight: 500;
	color: var(--bs-body-color);
	margin-bottom: 2px;
	word-break: break-word;
}

[b-2caidhorul] .info-value--mono {
	font-family: 'DM Mono', monospace;
}

[b-2caidhorul] .info-link {
	color: #5b8af0;
	text-decoration: none;
	font-family: 'DM Mono', monospace;
	font-size: 0.78rem;
}

[b-2caidhorul] .info-link:hover {
	text-decoration: underline;
}

@media (max-width: 575.98px) {
	[b-2caidhorul] .info-poster {
		width: 80px;
	}
}
/* /Components/Features/Details/Components/Release/ReleaseCommentsSection.razor.rz.scp.css */
[b-0b4a1onaf6] .comments-section {
	animation: fadeInUp 0.5s ease both;
	animation-delay: 0.4s;
	margin-bottom: 2rem;
}

[b-0b4a1onaf6] .section-title {
	font-family: 'Bebas Neue', sans-serif;
	font-size: 22px;
	letter-spacing: 0.08em;
	color: var(--bs-body-color);
	display: flex;
	align-items: center;
	padding-left: 12px;
	position: relative;
}

[b-0b4a1onaf6] .section-title::before {
	content: '';
	position: absolute;
	left: 0;
	top: 50%;
	transform: translateY(-50%);
	width: 4px;
	height: 20px;
	background: #e8b84b;
	border-radius: 2px;
}

[b-0b4a1onaf6] .section-count {
	font-family: 'DM Mono', monospace;
	font-size: 11px;
	color: var(--bs-secondary-color);
	background: var(--bs-tertiary-bg);
	border: 1px solid var(--bs-border-color);
	border-radius: 20px;
	padding: 2px 10px;
	font-weight: 400;
}

[b-0b4a1onaf6] .comments-list {
	display: flex;
	flex-direction: column;
	gap: 0.75rem;
}

[b-0b4a1onaf6] .comment-card {
	background: var(--bs-tertiary-bg);
	border: 1px solid var(--bs-border-color);
	border-radius: 8px;
	padding: 12px 16px;
}

[b-0b4a1onaf6] .comment-author {
	font-family: 'DM Sans', sans-serif;
	font-weight: 600;
	font-size: 0.85rem;
	color: #5b8af0;
}

[b-0b4a1onaf6] .comment-date {
	font-family: 'DM Mono', monospace;
	font-size: 0.7rem;
	color: var(--bs-tertiary-color);
}

[b-0b4a1onaf6] .comment-text {
	font-size: 0.85rem;
	color: var(--bs-secondary-color);
	line-height: 1.6;
	white-space: pre-wrap;
	word-break: break-word;
}
/* /Components/Features/Details/Components/Release/ReleaseConsoleSection.razor.rz.scp.css */
/* ── Console title & Overview ──────────── */
[b-u4ksxgj72l] .console-title {
	font-family: 'Bebas Neue', sans-serif;
	font-size: 1.25rem;
	letter-spacing: 0.5px;
	margin-bottom: 0.25rem;
	margin-top: 0.25rem;
	animation: fadeInUp-b-u4ksxgj72l 0.5s ease both;
	animation-delay: 0.05s;
}

[b-u4ksxgj72l] .overview-text {
	font-family: 'DM Sans', sans-serif;
	font-size: 1rem;
	line-height: 1.7;
	color: var(--bs-secondary-color);
	margin-bottom: 1rem;
	animation: fadeInUp-b-u4ksxgj72l 0.5s ease both;
	animation-delay: 0.1s;
}

/* ── Genre / Meta row ─────────────────── */
[b-u4ksxgj72l] .console-meta-row {
	animation: fadeInUp-b-u4ksxgj72l 0.5s ease both;
	animation-delay: 0.15s;
}

[b-u4ksxgj72l] .genre-badge {
	font-family: 'DM Sans', sans-serif;
	font-size: 0.75rem;
	padding: 3px 10px;
	border-radius: 20px;
	background: var(--bs-primary-bg-subtle);
	border: 1px solid rgba(var(--bs-primary-rgb), 0.3);
	color: var(--bs-primary-text-emphasis);
	white-space: nowrap;
}

/* ── Details grid ─────────────────────── */
[b-u4ksxgj72l] .details-grid-section {
	animation: fadeInUp-b-u4ksxgj72l 0.5s ease both;
	animation-delay: 0.2s;
	margin-bottom: 2rem;
}

[b-u4ksxgj72l] .section-title {
	font-family: 'Bebas Neue', sans-serif;
	font-size: 22px;
	letter-spacing: 0.08em;
	color: var(--bs-body-color);
	display: flex;
	align-items: center;
	padding-left: 12px;
	position: relative;
}

[b-u4ksxgj72l] .section-title::before {
	content: '';
	position: absolute;
	left: 0;
	top: 50%;
	transform: translateY(-50%);
	width: 4px;
	height: 20px;
	background: var(--bs-warning);
	border-radius: 2px;
}

[b-u4ksxgj72l] .details-toggle-btn {
	font-size: 13px;
	color: var(--bs-primary);
	font-weight: 500;
	padding: 6px 14px;
	background: var(--bs-primary-bg-subtle);
	border: 1px solid rgba(var(--bs-primary-rgb), 0.25);
	border-radius: 8px;
	transition: background 0.2s;
	display: flex;
	align-items: center;
	gap: 6px;
}

[b-u4ksxgj72l] .details-toggle-btn:hover {
	background: var(--bs-primary-bg-subtle);
	color: var(--bs-primary);
	border-color: rgba(var(--bs-primary-rgb), 0.4);
	filter: brightness(0.9);
}

[b-u4ksxgj72l] .chevron {
	display: inline-block;
	transition: transform 0.3s ease;
	line-height: 1;
}

[b-u4ksxgj72l] .chevron.open {
	transform: rotate(180deg);
}

[b-u4ksxgj72l] .details-grid-anim {
	animation: fadeSlideIn-b-u4ksxgj72l 0.3s ease;
}

@keyframes fadeSlideIn-b-u4ksxgj72l {
	from { opacity: 0; transform: translateY(-8px); }
	to   { opacity: 1; transform: translateY(0); }
}

@keyframes fadeInUp-b-u4ksxgj72l {
	from { opacity: 0; transform: translateY(16px); }
	to   { opacity: 1; transform: translateY(0); }
}

[b-u4ksxgj72l] .details-grid {
	background: var(--bs-tertiary-bg);
	border: 1px solid var(--bs-border-color);
	border-radius: 8px;
	overflow: hidden;
	margin-bottom: 0.5rem;
}

[b-u4ksxgj72l] .detail-cell {
	padding: 2px 12px;
	border-bottom: 1px solid var(--bs-border-color);
	border-right: 1px solid var(--bs-border-color);
}

[b-u4ksxgj72l] .detail-cell:nth-child(even) {
	border-right: none;
}

[b-u4ksxgj72l] .col-12.detail-cell {
	border-right: none;
}

[b-u4ksxgj72l] .detail-cell:last-child {
	border-bottom: none;
}

[b-u4ksxgj72l] .detail-cell:nth-last-child(2):nth-child(odd) {
	border-bottom: none;
}

[b-u4ksxgj72l] .detail-label {
	display: block;
	font-family: 'DM Sans', sans-serif;
	font-size: 0.6rem;
	text-transform: uppercase;
	letter-spacing: 1.5px;
	color: var(--bs-tertiary-color);
	margin-bottom: 4px;
}

[b-u4ksxgj72l] .detail-value {
	display: block;
	font-size: 0.85rem;
	font-weight: 500;
	color: var(--bs-body-color);
	margin-bottom: 4px;
}

[b-u4ksxgj72l] .detail-value--mono {
	font-family: 'DM Mono', monospace;
}

[b-u4ksxgj72l] .info-link {
	color: #5b8af0;
	text-decoration: none;
	font-family: 'DM Sans', sans-serif;
	font-size: 0.78rem;
}

[b-u4ksxgj72l] .info-link:hover {
	text-decoration: underline;
}
/* /Components/Features/Details/Components/Release/ReleaseCoreGrid.razor.rz.scp.css */
[b-vr2ybuaxu9] .details-grid-section {
	animation: fadeInUp 0.5s ease both;
	animation-delay: 0.1s;
	margin-bottom: 2rem;
}

[b-vr2ybuaxu9] .section-title {
	font-family: 'Bebas Neue', sans-serif;
	font-size: 22px;
	letter-spacing: 0.08em;
	color: var(--bs-body-color);
	display: flex;
	align-items: center;
	padding-left: 12px;
	position: relative;
}

[b-vr2ybuaxu9] .section-title::before {
	content: '';
	position: absolute;
	left: 0;
	top: 50%;
	transform: translateY(-50%);
	width: 4px;
	height: 20px;
	background: var(--bs-warning);
	border-radius: 2px;
}

[b-vr2ybuaxu9] .section-count {
	font-family: 'DM Mono', monospace;
	font-size: 11px;
	color: var(--bs-secondary-color);
	background: var(--bs-tertiary-bg);
	border: 1px solid var(--bs-border-color);
	border-radius: 20px;
	padding: 2px 10px;
	font-weight: 400;
}

[b-vr2ybuaxu9] .details-toggle-btn {
	font-size: 13px;
	color: var(--bs-primary);
	font-weight: 500;
	padding: 6px 14px;
	background: var(--bs-primary-bg-subtle);
	border: 1px solid rgba(var(--bs-primary-rgb), 0.25);
	border-radius: 8px;
	transition: background 0.2s;
	display: flex;
	align-items: center;
	gap: 6px;
}

[b-vr2ybuaxu9] .details-toggle-btn:hover {
	background: var(--bs-primary-bg-subtle);
	color: var(--bs-primary);
	border-color: rgba(var(--bs-primary-rgb), 0.4);
	filter: brightness(0.9);
}

[b-vr2ybuaxu9] .details-toggle-btn:focus {
	box-shadow: 0 0 0 2px rgba(var(--bs-primary-rgb),0.3);
	outline: none;
}

[b-vr2ybuaxu9] .chevron {
	display: inline-block;
	transition: transform 0.3s ease;
	line-height: 1;
}

[b-vr2ybuaxu9] .chevron.open {
	transform: rotate(180deg);
}

[b-vr2ybuaxu9] .details-summary {
	font-size: 13px;
	color: var(--bs-secondary-color);
	padding-left: 2px;
	margin-bottom: 0;
}

[b-vr2ybuaxu9] .details-grid-anim {
	animation: fadeSlideIn-b-vr2ybuaxu9 0.3s ease;
}

@keyframes fadeSlideIn-b-vr2ybuaxu9 {
	from { opacity: 0; transform: translateY(-8px); }
	to   { opacity: 1; transform: translateY(0); }
}

[b-vr2ybuaxu9] .details-grid {
	background: var(--bs-tertiary-bg);
	border: 1px solid var(--bs-border-color);
	border-radius: 8px;
	overflow: hidden;
	margin-bottom: 0.5rem;
}

[b-vr2ybuaxu9] .detail-cell {
	padding: 2px 12px;
	border-bottom: 1px solid var(--bs-border-color);
	border-right: 1px solid var(--bs-border-color);
}

[b-vr2ybuaxu9] .detail-cell:nth-child(even) {
	border-right: none;
}

[b-vr2ybuaxu9] .col-12.detail-cell {
	border-right: none;
}

[b-vr2ybuaxu9] .detail-cell:last-child {
	border-bottom: none;
}

[b-vr2ybuaxu9] .detail-cell:nth-last-child(2):nth-child(odd) {
	border-bottom: none;
}

[b-vr2ybuaxu9] .detail-label {
	display: block;
	font-family: 'DM Sans', sans-serif;
	font-size: 0.6rem;
	text-transform: uppercase;
	letter-spacing: 1.5px;
	color: var(--bs-tertiary-color);
	margin-bottom: 4px;
}

[b-vr2ybuaxu9] .detail-value {
	display: block;
	font-size: 0.85rem;
	font-weight: 500;
	color: var(--bs-body-color);
	margin-bottom: 4px;
}

[b-vr2ybuaxu9] .detail-value--mono {
	font-family: 'DM Mono', monospace;
}

/* ── Completion bar ───────────────────── */
[b-vr2ybuaxu9] .completion-bar-track {
	width: 100%;
	height: 4px;
	background: var(--bs-border-color);
	border-radius: 2px;
	margin-top: 4px;
}

[b-vr2ybuaxu9] .completion-bar-fill {
	height: 100%;
	border-radius: 2px;
	transition: width 0.5s ease;
}

[b-vr2ybuaxu9] .completion-full { background: #22c55e; }
[b-vr2ybuaxu9] .completion-high { background: #84cc16; }
[b-vr2ybuaxu9] .completion-mid  { background: #eab308; }
[b-vr2ybuaxu9] .completion-low  { background: #ef4444; }

/* ── Status badges ────────────────────── */
[b-vr2ybuaxu9] .badge-status {
	font-size: 0.75rem;
	padding: 2px 8px;
	border-radius: 4px;
	font-weight: 600;
}

[b-vr2ybuaxu9] .badge-none {
	background: rgba(34,197,94,0.15);
	color: #22c55e;
}

[b-vr2ybuaxu9] .badge-passworded {
	background: rgba(239,68,68,0.15);
	color: #ef4444;
}

[b-vr2ybuaxu9] .badge-unknown {
	background: rgba(156,163,175,0.15);
	color: var(--bs-secondary-color);
}
/* /Components/Features/Details/Components/Release/ReleaseFilesSection.razor.rz.scp.css */
[b-3595hsnlaw] .files-section {
	animation: fadeInUp 0.5s ease both;
	animation-delay: 0.3s;
	margin-bottom: 2rem;
}

[b-3595hsnlaw] .section-title {
	font-family: 'Bebas Neue', sans-serif;
	font-size: 22px;
	letter-spacing: 0.08em;
	color: var(--bs-body-color);
	display: flex;
	align-items: center;
	padding-left: 12px;
	position: relative;
}

[b-3595hsnlaw] .section-title::before {
	content: '';
	position: absolute;
	left: 0;
	top: 50%;
	transform: translateY(-50%);
	width: 4px;
	height: 20px;
	background: var(--bs-warning);
	border-radius: 2px;
}

[b-3595hsnlaw] .section-count {
	font-family: 'DM Mono', monospace;
	font-size: 11px;
	color: var(--bs-secondary-color);
	background: var(--bs-tertiary-bg);
	border: 1px solid var(--bs-border-color);
	border-radius: 20px;
	padding: 2px 10px;
	font-weight: 400;
}

[b-3595hsnlaw] .details-toggle-btn {
	font-size: 13px;
	color: var(--bs-primary);
	font-weight: 500;
	padding: 6px 14px;
	background: var(--bs-primary-bg-subtle);
	border: 1px solid rgba(var(--bs-primary-rgb), 0.25);
	border-radius: 8px;
	transition: background 0.2s;
	display: flex;
	align-items: center;
	gap: 6px;
}

[b-3595hsnlaw] .details-toggle-btn:hover {
	background: var(--bs-primary-bg-subtle);
	color: var(--bs-primary);
	border-color: rgba(var(--bs-primary-rgb), 0.4);
	filter: brightness(0.9);
}

[b-3595hsnlaw] .chevron {
	display: inline-block;
	transition: transform 0.3s ease;
	line-height: 1;
}

[b-3595hsnlaw] .chevron.open {
	transform: rotate(180deg);
}

[b-3595hsnlaw] .details-summary {
	font-size: 13px;
	color: var(--bs-secondary-color);
	padding-left: 2px;
	margin-bottom: 0;
}

[b-3595hsnlaw] .details-grid-anim {
	animation: fadeSlideIn-b-3595hsnlaw 0.3s ease;
}

@keyframes fadeSlideIn-b-3595hsnlaw {
	from { opacity: 0; transform: translateY(-8px); }
	to   { opacity: 1; transform: translateY(0); }
}

[b-3595hsnlaw] .files-table-wrapper {
	background: var(--bs-tertiary-bg);
	border: 1px solid var(--bs-border-color);
	border-radius: 8px;
	overflow: hidden;
	max-height: 400px;
	overflow-y: auto;
}

[b-3595hsnlaw] .files-table {
	font-size: 0.82rem;
}

[b-3595hsnlaw] .files-table thead th {
	font-family: 'DM Sans', sans-serif;
	font-size: 0.65rem;
	text-transform: uppercase;
	letter-spacing: 1.5px;
	color: var(--bs-tertiary-color);
	border-bottom: 1px solid var(--bs-border-color);
	padding: 6px 12px;
	background: var(--bs-tertiary-bg);
	position: sticky;
	top: 0;
	z-index: 1;
}

[b-3595hsnlaw] .files-table tbody tr {
	border-bottom: 1px solid var(--bs-border-color);
}

[b-3595hsnlaw] .files-table tbody tr:last-child {
	border-bottom: none;
}

[b-3595hsnlaw] .file-name {
	font-family: 'DM Mono', monospace;
	font-size: 0.78rem;
	word-break: break-all;
	padding: 4px 12px;
	color: var(--bs-body-color);
}

[b-3595hsnlaw] .file-size {
	font-family: 'DM Mono', monospace;
	font-size: 0.78rem;
	padding: 4px 12px;
	color: var(--bs-secondary-color);
	white-space: nowrap;
}

[b-3595hsnlaw] .badge-pwd {
	font-size: 0.7rem;
}
/* /Components/Features/Details/Components/Release/ReleaseHeaderSection.razor.rz.scp.css */
[b-194p7id0hy] .title-meta-section {
	animation: fadeInUp-b-194p7id0hy 0.5s ease both;
	margin-bottom: 1rem;
}

[b-194p7id0hy] .release-display-title {
	font-family: 'Bebas Neue', sans-serif;
	font-size: 2.2rem;
	letter-spacing: 0.5px;
	margin-bottom: 0.25rem;
	word-break: break-word;
	line-height: 1.1;
}

[b-194p7id0hy] .meta-row {
	font-family: 'DM Sans', sans-serif;
	font-size: 0.9rem;
}

[b-194p7id0hy] .category-badge {
	background: var(--bs-warning-bg-subtle);
	color: var(--bs-warning-text-emphasis);
	border: 1px solid rgba(var(--bs-warning-rgb), 0.3);
	border-radius: 6px;
	padding-top: 5px;
	padding-bottom: 3px;
	padding-left: 12px;
	padding-right: 12px;
	font-size: 0.8rem;
	font-weight: 600;
	letter-spacing: 0.5px;
	align-self: center;
}

[b-194p7id0hy] .meta-dot {
	color: var(--bs-tertiary-color);
	font-weight: 700;
}

[b-194p7id0hy] .meta-text {
	color: var(--bs-secondary-color);
	font-size: 0.85rem;
}

@keyframes fadeInUp-b-194p7id0hy {
	from {
		opacity: 0;
		transform: translateY(16px);
	}
	to {
		opacity: 1;
		transform: translateY(0);
	}
}

.codec-badge[b-194p7id0hy] {
	font-family: 'DM Mono', monospace;
	font-size: 10px;
	padding: 2px 7px;
	border-radius: 4px;
	white-space: nowrap;
	background: var(--bs-secondary-bg);
	color: var(--bs-secondary-color);
	border: 1px solid var(--bs-border-color);
}

.audio-badge[b-194p7id0hy] {
	font-family: 'DM Mono', monospace;
	font-size: 10px;
	padding: 2px 7px;
	border-radius: 4px;
	white-space: nowrap;
	background: var(--bs-secondary-bg);
	color: var(--bs-secondary-color);
	border: 1px solid var(--bs-border-color);
}

/* ── FORMAT BADGE ───────────────────────────────── */
.fmt-badge[b-194p7id0hy] {
	font-family: 'DM Mono', monospace;
	font-size: 10px;
	font-weight: 700;
	letter-spacing: 0.05em;
	padding: 3px 8px;
	border-radius: 4px;
	white-space: nowrap;
}

	.fmt-badge.fmt-4k[b-194p7id0hy] {
		background: var(--bs-primary-bg-subtle);
		color: var(--bs-primary-text-emphasis);
		border: 1px solid rgba(var(--bs-primary-rgb), 0.3);
	}

	.fmt-badge.fmt-1080p[b-194p7id0hy] {
		background: var(--bs-info-bg-subtle);
		color: var(--bs-info-text-emphasis);
		border: 1px solid rgba(var(--bs-info-rgb), 0.3);
	}

	.fmt-badge.fmt-720p[b-194p7id0hy] {
		background: var(--bs-success-bg-subtle);
		color: var(--bs-success-text-emphasis);
		border: 1px solid rgba(var(--bs-success-rgb), 0.3);
	}

	.fmt-badge.fmt-sd[b-194p7id0hy] {
		background: var(--bs-secondary-bg-subtle);
		color: var(--bs-secondary-text-emphasis);
		border: 1px solid rgba(var(--bs-secondary-rgb), 0.3);
	}

	.fmt-badge.fmt-3d[b-194p7id0hy] {
		background: var(--bs-warning-bg-subtle);
		color: var(--bs-warning-text-emphasis);
		border: 1px solid rgba(var(--bs-warning-rgb), 0.3);
	}

	.fmt-badge.fmt-foreign[b-194p7id0hy] {
		background: var(--bs-danger-bg-subtle);
		color: var(--bs-danger-text-emphasis);
		border: 1px solid rgba(var(--bs-danger-rgb), 0.3);
	}

/* ── TAGS ───────────────────────────────────────── */
.release-tag[b-194p7id0hy] {
	font-size: 9px;
	font-family: 'DM Mono', monospace;
	font-weight: 600;
	letter-spacing: 0.06em;
	padding: 1px 6px;
	border-radius: 3px;
	background: var(--bs-secondary-bg);
	color: var(--bs-secondary-color);
	border: 1px solid var(--bs-border-color);
	text-transform: uppercase;
}

	.release-tag.tag-bluray[b-194p7id0hy] {
		color: var(--bs-info-text-emphasis);
		border-color: rgba(var(--bs-info-rgb), 0.3);
		background: var(--bs-info-bg-subtle);
	}

	.release-tag.tag-web-dl[b-194p7id0hy] {
		color: var(--bs-success-text-emphasis);
		border-color: rgba(var(--bs-success-rgb), 0.3);
		background: var(--bs-success-bg-subtle);
	}

	.release-tag.tag-webrip[b-194p7id0hy] {
		color: var(--bs-primary-text-emphasis);
		border-color: rgba(var(--bs-primary-rgb), 0.3);
		background: var(--bs-primary-bg-subtle);
	}

	.release-tag.tag-hdr[b-194p7id0hy] {
		color: var(--bs-warning-text-emphasis);
		border-color: rgba(var(--bs-warning-rgb), 0.3);
		background: var(--bs-warning-bg-subtle);
	}

	.release-tag.tag-hdr10\+[b-194p7id0hy] {
		color: var(--bs-warning-text-emphasis);
		border-color: rgba(var(--bs-warning-rgb), 0.3);
		background: var(--bs-warning-bg-subtle);
	}

	.release-tag.tag-dv[b-194p7id0hy] {
		color: var(--bs-danger-text-emphasis);
		border-color: rgba(var(--bs-danger-rgb), 0.3);
		background: var(--bs-danger-bg-subtle);
	}

	.release-tag.tag-remux[b-194p7id0hy] {
		color: var(--bs-info-text-emphasis);
		border-color: rgba(var(--bs-info-rgb), 0.3);
		background: var(--bs-info-bg-subtle);
	}

	.release-tag.tag-repack[b-194p7id0hy] {
		color: var(--bs-danger-text-emphasis);
		border-color: rgba(var(--bs-danger-rgb), 0.3);
		background: var(--bs-danger-bg-subtle);
	}

	.release-tag.tag-remaster[b-194p7id0hy] {
		color: var(--bs-info-text-emphasis);
		border-color: rgba(var(--bs-info-rgb), 0.3);
		background: var(--bs-info-bg-subtle);
	}
/* /Components/Features/Details/Components/Release/ReleaseMediaSection.razor.rz.scp.css */
[b-247e05y8bf] .media-section {
	animation: fadeInUp 0.5s ease both;
	animation-delay: 0.2s;
	margin-bottom: 2rem;
}

[b-247e05y8bf] .section-title {
	font-family: 'Bebas Neue', sans-serif;
	font-size: 22px;
	letter-spacing: 0.08em;
	color: var(--bs-body-color);
	display: flex;
	align-items: center;
	padding-left: 12px;
	position: relative;
}

[b-247e05y8bf] .section-title::before {
	content: '';
	position: absolute;
	left: 0;
	top: 50%;
	transform: translateY(-50%);
	width: 4px;
	height: 20px;
	background: var(--bs-warning);
	border-radius: 2px;
}

[b-247e05y8bf] .media-sub-title {
	font-family: 'DM Sans', sans-serif;
	font-size: 0.85rem;
	font-weight: 600;
	text-transform: uppercase;
	letter-spacing: 1px;
	color: var(--bs-secondary-color);
	margin-bottom: 0.5rem;
}

[b-247e05y8bf] .track-count {
	font-family: 'DM Mono', monospace;
	font-size: 0.7rem;
	color: var(--bs-secondary-color);
	background: var(--bs-tertiary-bg);
	border: 1px solid var(--bs-border-color);
	border-radius: 20px;
	padding: 1px 8px;
	margin-left: 6px;
}

[b-247e05y8bf] .details-toggle-btn {
	font-size: 13px;
	color: var(--bs-primary);
	font-weight: 500;
	padding: 6px 14px;
	background: var(--bs-primary-bg-subtle);
	border: 1px solid rgba(var(--bs-primary-rgb), 0.25);
	border-radius: 8px;
	transition: background 0.2s;
	display: flex;
	align-items: center;
	gap: 6px;
}

[b-247e05y8bf] .details-toggle-btn:hover {
	background: var(--bs-primary-bg-subtle);
	color: var(--bs-primary);
	border-color: rgba(var(--bs-primary-rgb), 0.4);
	filter: brightness(0.9);
}

[b-247e05y8bf] .chevron {
	display: inline-block;
	transition: transform 0.3s ease;
	line-height: 1;
}

[b-247e05y8bf] .chevron.open {
	transform: rotate(180deg);
}

[b-247e05y8bf] .details-summary {
	font-size: 13px;
	color: var(--bs-secondary-color);
	padding-left: 2px;
	margin-bottom: 0;
}

[b-247e05y8bf] .details-grid-anim {
	animation: fadeSlideIn-b-247e05y8bf 0.3s ease;
}

@keyframes fadeSlideIn-b-247e05y8bf {
	from { opacity: 0; transform: translateY(-8px); }
	to   { opacity: 1; transform: translateY(0); }
}

[b-247e05y8bf] .details-grid {
	background: var(--bs-tertiary-bg);
	border: 1px solid var(--bs-border-color);
	border-radius: 8px;
	overflow: hidden;
	margin-bottom: 0.5rem;
}

[b-247e05y8bf] .detail-cell {
	padding: 2px 12px;
	border-bottom: 1px solid var(--bs-border-color);
	border-right: 1px solid var(--bs-border-color);
}

[b-247e05y8bf] .detail-cell:nth-child(even) {
	border-right: none;
}

[b-247e05y8bf] .col-12.detail-cell {
	border-right: none;
}

[b-247e05y8bf] .detail-cell:last-child {
	border-bottom: none;
}

[b-247e05y8bf] .detail-cell:nth-last-child(2):nth-child(odd) {
	border-bottom: none;
}

[b-247e05y8bf] .detail-label {
	display: block;
	font-family: 'DM Sans', sans-serif;
	font-size: 0.6rem;
	text-transform: uppercase;
	letter-spacing: 1.5px;
	color: var(--bs-tertiary-color);
	margin-bottom: 4px;
}

[b-247e05y8bf] .detail-value {
	display: block;
	font-size: 0.85rem;
	font-weight: 500;
	color: var(--bs-body-color);
	margin-bottom: 4px;
}

[b-247e05y8bf] .detail-value--mono {
	font-family: 'DM Mono', monospace;
}
/* /Components/Features/Details/Components/Release/ReleaseMovieSection.razor.rz.scp.css */
/* ── Tagline & Overview ────────────────── */
[b-n7e97cfx9g] .movie-tagline {
	font-family: 'DM Sans', sans-serif;
	font-style: italic;
	color: var(--bs-secondary-color);
	font-size: 1rem;
	margin-bottom: 0.5rem;
	animation: fadeInUp-b-n7e97cfx9g 0.5s ease both;
	animation-delay: 0.05s;
}

[b-n7e97cfx9g] .overview-text {
	font-family: 'DM Sans', sans-serif;
	font-size: 1rem;
	line-height: 1.7;
	color: var(--bs-secondary-color);
	margin-bottom: 1rem;
	animation: fadeInUp-b-n7e97cfx9g 0.5s ease both;
	animation-delay: 0.1s;
}

/* ── Genre / Meta row ─────────────────── */
[b-n7e97cfx9g] .movie-meta-row {
	animation: fadeInUp-b-n7e97cfx9g 0.5s ease both;
	animation-delay: 0.15s;
}

[b-n7e97cfx9g] .genre-badge {
	font-family: 'DM Sans', sans-serif;
	font-size: 0.75rem;
	padding: 3px 10px;
	border-radius: 20px;
	background: var(--bs-primary-bg-subtle);
	border: 1px solid rgba(var(--bs-primary-rgb), 0.3);
	color: var(--bs-primary-text-emphasis);
	white-space: nowrap;
}

[b-n7e97cfx9g] .meta-dot {
	color: var(--bs-tertiary-color);
	font-size: 0.9rem;
}

[b-n7e97cfx9g] .meta-text {
	font-family: 'DM Sans', sans-serif;
	font-size: 0.85rem;
	color: var(--bs-secondary-color);
}

[b-n7e97cfx9g] .content-rating-badge {
	font-family: 'DM Mono', monospace;
	font-size: 0.7rem;
	padding: 2px 8px;
	border-radius: 4px;
	border: 1px solid var(--bs-border-color);
	color: var(--bs-secondary-color);
	letter-spacing: 0.5px;
}

[b-n7e97cfx9g] .country-badge {
	font-family: 'DM Sans', sans-serif;
	font-size: 0.75rem;
	padding: 3px 10px;
	border-radius: 20px;
	background: var(--bs-success-bg-subtle);
	border: 1px solid rgba(var(--bs-success-rgb), 0.3);
	color: var(--bs-success-text-emphasis);
	white-space: nowrap;
}

/* ── Crew cards ───────────────────────── */
[b-n7e97cfx9g] .crew-grid {
	animation: fadeSlideIn-b-n7e97cfx9g 0.3s ease;
}

[b-n7e97cfx9g] .crew-card {
	display: flex;
	flex-direction: column;
	background: var(--bs-tertiary-bg);
	border: 1px solid var(--bs-border-color);
	border-radius: 8px;
	padding: 5px 12px;
}

[b-n7e97cfx9g] .crew-role {
	font-family: 'DM Sans', sans-serif;
	font-size: 0.65rem;
	text-transform: uppercase;
	letter-spacing: 1px;
	color: var(--bs-secondary-color);
	margin-bottom: 2px;
}

[b-n7e97cfx9g] .crew-name {
	font-family: 'DM Sans', sans-serif;
	font-size: 0.9rem;
	color: var(--bs-body-color);
	font-weight: 500;
}

/* ── Details grid ─────────────────────── */
[b-n7e97cfx9g] .details-grid-section {
	animation: fadeInUp-b-n7e97cfx9g 0.5s ease both;
	animation-delay: 0.2s;
	margin-bottom: 2rem;
}

[b-n7e97cfx9g] .section-title {
	font-family: 'Bebas Neue', sans-serif;
	font-size: 22px;
	letter-spacing: 0.08em;
	color: var(--bs-body-color);
	display: flex;
	align-items: center;
	padding-left: 12px;
	position: relative;
}

[b-n7e97cfx9g] .section-title::before {
	content: '';
	position: absolute;
	left: 0;
	top: 50%;
	transform: translateY(-50%);
	width: 4px;
	height: 20px;
	background: var(--bs-warning);
	border-radius: 2px;
}

[b-n7e97cfx9g] .details-toggle-btn {
	font-size: 13px;
	color: var(--bs-primary);
	font-weight: 500;
	padding: 6px 14px;
	background: var(--bs-primary-bg-subtle);
	border: 1px solid rgba(var(--bs-primary-rgb), 0.25);
	border-radius: 8px;
	transition: background 0.2s;
	display: flex;
	align-items: center;
	gap: 6px;
}

[b-n7e97cfx9g] .details-toggle-btn:hover {
	background: var(--bs-primary-bg-subtle);
	color: var(--bs-primary);
	border-color: rgba(var(--bs-primary-rgb), 0.4);
	filter: brightness(0.9);
}

[b-n7e97cfx9g] .chevron {
	display: inline-block;
	transition: transform 0.3s ease;
	line-height: 1;
}

[b-n7e97cfx9g] .chevron.open {
	transform: rotate(180deg);
}

[b-n7e97cfx9g] .details-grid-anim {
	animation: fadeSlideIn-b-n7e97cfx9g 0.3s ease;
}

@keyframes fadeSlideIn-b-n7e97cfx9g {
	from { opacity: 0; transform: translateY(-8px); }
	to   { opacity: 1; transform: translateY(0); }
}

@keyframes fadeInUp-b-n7e97cfx9g {
	from { opacity: 0; transform: translateY(16px); }
	to   { opacity: 1; transform: translateY(0); }
}

[b-n7e97cfx9g] .details-grid {
	background: var(--bs-tertiary-bg);
	border: 1px solid var(--bs-border-color);
	border-radius: 8px;
	overflow: hidden;
	margin-bottom: 0.5rem;
}

[b-n7e97cfx9g] .detail-cell {
	padding: 2px 12px;
	border-bottom: 1px solid var(--bs-border-color);
	border-right: 1px solid var(--bs-border-color);
}

[b-n7e97cfx9g] .detail-cell:nth-child(even) {
	border-right: none;
}

[b-n7e97cfx9g] .col-12.detail-cell {
	border-right: none;
}

[b-n7e97cfx9g] .detail-cell:last-child {
	border-bottom: none;
}

[b-n7e97cfx9g] .detail-cell:nth-last-child(2):nth-child(odd) {
	border-bottom: none;
}

[b-n7e97cfx9g] .detail-label {
	display: block;
	font-family: 'DM Sans', sans-serif;
	font-size: 0.6rem;
	text-transform: uppercase;
	letter-spacing: 1.5px;
	color: var(--bs-tertiary-color);
	margin-bottom: 4px;
}

[b-n7e97cfx9g] .detail-value {
	display: block;
	font-size: 0.85rem;
	font-weight: 500;
	color: var(--bs-body-color);
	margin-bottom: 4px;
}

[b-n7e97cfx9g] .detail-value--mono {
	font-family: 'DM Mono', monospace;
}

[b-n7e97cfx9g] .detail-value-badges {
	display: flex;
	flex-wrap: wrap;
	gap: 6px;
	margin-bottom: 4px;
}

[b-n7e97cfx9g] .language-badge {
	font-family: 'DM Sans', sans-serif;
	font-size: 0.75rem;
	padding: 3px 10px;
	border-radius: 20px;
	background: rgba(139, 92, 246, 0.12);
	border: 1px solid rgba(139, 92, 246, 0.3);
	color: #a78bfa;
	white-space: nowrap;
}

[b-n7e97cfx9g] .info-link {
	color: #5b8af0;
	text-decoration: none;
	font-family: 'DM Mono', monospace;
	font-size: 0.78rem;
}

[b-n7e97cfx9g] .info-link:hover {
	text-decoration: underline;
}
/* /Components/Features/Details/Components/Release/ReleaseMusicSection.razor.rz.scp.css */
/* ── Music title & Artist ──────────────── */
[b-7zesmw8chg] .music-title {
	font-family: 'Bebas Neue', sans-serif;
	font-size: 1.25rem;
	letter-spacing: 0.5px;
	margin-bottom: 0.25rem;
	animation: fadeInUp-b-7zesmw8chg 0.5s ease both;
	animation-delay: 0.05s;
}

[b-7zesmw8chg] .music-artist {
	font-family: 'DM Sans', sans-serif;
	font-style: italic;
	color: var(--bs-secondary-color);
	font-size: 0.9rem;
	margin-bottom: 0.5rem;
	animation: fadeInUp-b-7zesmw8chg 0.5s ease both;
	animation-delay: 0.08s;
}

[b-7zesmw8chg] .overview-text {
	font-family: 'DM Sans', sans-serif;
	font-size: 1rem;
	line-height: 1.7;
	color: var(--bs-secondary-color);
	margin-bottom: 1rem;
	animation: fadeInUp-b-7zesmw8chg 0.5s ease both;
	animation-delay: 0.1s;
}

/* ── Genre / Meta row ─────────────────── */
[b-7zesmw8chg] .music-meta-row {
	animation: fadeInUp-b-7zesmw8chg 0.5s ease both;
	animation-delay: 0.15s;
}

[b-7zesmw8chg] .genre-badge {
	font-family: 'DM Sans', sans-serif;
	font-size: 0.75rem;
	padding: 3px 10px;
	border-radius: 20px;
	background: var(--bs-primary-bg-subtle);
	border: 1px solid rgba(var(--bs-primary-rgb), 0.3);
	color: var(--bs-primary-text-emphasis);
	white-space: nowrap;
}

/* ── Details grid ─────────────────────── */
[b-7zesmw8chg] .details-grid-section {
	animation: fadeInUp-b-7zesmw8chg 0.5s ease both;
	animation-delay: 0.2s;
	margin-bottom: 2rem;
}

[b-7zesmw8chg] .section-title {
	font-family: 'Bebas Neue', sans-serif;
	font-size: 22px;
	letter-spacing: 0.08em;
	color: var(--bs-body-color);
	display: flex;
	align-items: center;
	padding-left: 12px;
	position: relative;
}

[b-7zesmw8chg] .section-title::before {
	content: '';
	position: absolute;
	left: 0;
	top: 50%;
	transform: translateY(-50%);
	width: 4px;
	height: 20px;
	background: var(--bs-warning);
	border-radius: 2px;
}

[b-7zesmw8chg] .details-toggle-btn {
	font-size: 13px;
	color: var(--bs-primary);
	font-weight: 500;
	padding: 6px 14px;
	background: var(--bs-primary-bg-subtle);
	border: 1px solid rgba(var(--bs-primary-rgb), 0.25);
	border-radius: 8px;
	transition: background 0.2s;
	display: flex;
	align-items: center;
	gap: 6px;
}

[b-7zesmw8chg] .details-toggle-btn:hover {
	background: var(--bs-primary-bg-subtle);
	color: var(--bs-primary);
	border-color: rgba(var(--bs-primary-rgb), 0.4);
	filter: brightness(0.9);
}

[b-7zesmw8chg] .chevron {
	display: inline-block;
	transition: transform 0.3s ease;
	line-height: 1;
}

[b-7zesmw8chg] .chevron.open {
	transform: rotate(180deg);
}

[b-7zesmw8chg] .details-grid-anim {
	animation: fadeSlideIn-b-7zesmw8chg 0.3s ease;
}

@keyframes fadeSlideIn-b-7zesmw8chg {
	from { opacity: 0; transform: translateY(-8px); }
	to   { opacity: 1; transform: translateY(0); }
}

@keyframes fadeInUp-b-7zesmw8chg {
	from { opacity: 0; transform: translateY(16px); }
	to   { opacity: 1; transform: translateY(0); }
}

[b-7zesmw8chg] .details-grid {
	background: var(--bs-tertiary-bg);
	border: 1px solid var(--bs-border-color);
	border-radius: 8px;
	overflow: hidden;
	margin-bottom: 0.5rem;
}

[b-7zesmw8chg] .detail-cell {
	padding: 2px 12px;
	border-bottom: 1px solid var(--bs-border-color);
	border-right: 1px solid var(--bs-border-color);
}

[b-7zesmw8chg] .detail-cell:nth-child(even) {
	border-right: none;
}

[b-7zesmw8chg] .col-12.detail-cell {
	border-right: none;
}

[b-7zesmw8chg] .detail-cell:last-child {
	border-bottom: none;
}

[b-7zesmw8chg] .detail-cell:nth-last-child(2):nth-child(odd) {
	border-bottom: none;
}

[b-7zesmw8chg] .detail-label {
	display: block;
	font-family: 'DM Sans', sans-serif;
	font-size: 0.6rem;
	text-transform: uppercase;
	letter-spacing: 1.5px;
	color: var(--bs-tertiary-color);
	margin-bottom: 4px;
}

[b-7zesmw8chg] .detail-value {
	display: block;
	font-size: 0.85rem;
	font-weight: 500;
	color: var(--bs-body-color);
	margin-bottom: 4px;
}

[b-7zesmw8chg] .detail-value--mono {
	font-family: 'DM Mono', monospace;
}

[b-7zesmw8chg] .tracks-value {
	font-size: 0.8rem;
	line-height: 1.5;
	word-break: break-word;
	white-space: pre-wrap;
}

[b-7zesmw8chg] .info-link {
	color: #5b8af0;
	text-decoration: none;
	font-family: 'DM Sans', sans-serif;
	font-size: 0.78rem;
}

[b-7zesmw8chg] .info-link:hover {
	text-decoration: underline;
}
	letter-spacing: 0.5px;
	margin-bottom: 0.25rem;[b-7zesmw8chg]
}

[b-7zesmw8chg] .info-tagline {
	font-style: italic;
	font-size: 0.82rem;
	color: var(--bs-tertiary-color);
	margin-bottom: 0.5rem;
}

[b-7zesmw8chg] .info-description {
	font-size: 0.85rem;
	line-height: 1.6;
	color: var(--bs-secondary-color);
	margin-bottom: 0.5rem;
}

[b-7zesmw8chg] .info-grid {
	border: 1px solid var(--bs-border-color);
	border-radius: 6px;
	overflow: hidden;
}

[b-7zesmw8chg] .info-cell {
	padding: 2px 10px;
	border-bottom: 1px solid var(--bs-border-color);
	border-right: 1px solid var(--bs-border-color);
}

[b-7zesmw8chg] .info-cell:nth-child(even) {
	border-right: none;
}

[b-7zesmw8chg] .col-12.info-cell {
	border-right: none;
}

[b-7zesmw8chg] .info-cell:last-child {
	border-bottom: none;
}

[b-7zesmw8chg] .info-cell:nth-last-child(2):nth-child(odd) {
	border-bottom: none;
}

[b-7zesmw8chg] .info-label {
	display: block;
	font-family: 'DM Sans', sans-serif;
	font-size: 0.55rem;
	text-transform: uppercase;
	letter-spacing: 1.5px;
	color: var(--bs-tertiary-color);
	margin-bottom: 2px;
}

[b-7zesmw8chg] .info-value {
	display: block;
	font-size: 0.8rem;
	font-weight: 500;
	color: var(--bs-body-color);
	margin-bottom: 2px;
	word-break: break-word;
}

[b-7zesmw8chg] .info-value--mono {
	font-family: 'DM Mono', monospace;
}

[b-7zesmw8chg] .tracks-value {
	white-space: pre-wrap;
	font-size: 0.75rem;
	line-height: 1.8;
}

[b-7zesmw8chg] .info-link {
	color: #5b8af0;
	text-decoration: none;
	font-family: 'DM Mono', monospace;
	font-size: 0.78rem;
}

[b-7zesmw8chg] .info-link:hover {
	text-decoration: underline;
}

@media (max-width: 575.98px) {
	[b-7zesmw8chg] .info-poster {
		width: 80px;
	}
}
/* /Components/Features/Details/Components/Release/ReleasePosterColumn.razor.rz.scp.css */
[b-cp5jp3xj31] .poster-sticky {
	position: sticky;
	top: 20px;
}

[b-cp5jp3xj31] .poster-wrapper {
	position: relative;
	width: 260px;
}

[b-cp5jp3xj31] .poster-image {
	width: 260px;
	aspect-ratio: 2 / 3;
	object-fit: cover;
	border-radius: 12px;
	box-shadow: 0 8px 32px rgba(0, 0, 0, 0.6), 0 2px 8px rgba(0, 0, 0, 0.4);
	display: block;
}

[b-cp5jp3xj31] .poster-placeholder {
	width: 260px;
	aspect-ratio: 2 / 3;
	border-radius: 12px;
	background-color: var(--bs-tertiary-bg);
	display: flex;
	align-items: center;
	justify-content: center;
	color: var(--bs-secondary-color);
	box-shadow: 0 8px 32px rgba(0, 0, 0, 0.3), 0 2px 8px rgba(0, 0, 0, 0.2);
}

[b-cp5jp3xj31] .poster-category-badge {
	position: absolute;
	top: 10px;
	left: 10px;
	background: rgba(0, 0, 0, 0.75);
	color: #fff;
	font-family: 'DM Mono', monospace;
	font-size: 0.7rem;
	font-weight: 600;
	padding: 2px 8px;
	border-radius: 4px;
	border: 1px solid rgba(255, 255, 255, 0.15);
	z-index: 2;
	letter-spacing: 0.5px;
}

/* ── Rating pills ─────────────────────── */
[b-cp5jp3xj31] .rating-pill {
	flex: 1;
	display: flex;
	flex-direction: column;
	align-items: center;
	padding: 4px 12px;
	border-radius: 8px;
	min-width: 0;
}

[b-cp5jp3xj31] .rating-pill--tmdb {
	background: var(--bs-success-bg-subtle);
	border: 1px solid rgba(var(--bs-success-rgb), 0.3);
}

[b-cp5jp3xj31] .rating-pill--tvmaze {
	background: var(--bs-info-bg-subtle);
	border: 1px solid rgba(var(--bs-info-rgb), 0.3);
}

[b-cp5jp3xj31] .rating-pill--imdb {
	background: var(--bs-warning-bg-subtle);
	border: 1px solid rgba(var(--bs-warning-rgb), 0.25);
}

[b-cp5jp3xj31] .rating-label {
	font-family: 'DM Sans', sans-serif;
	font-size: 0.65rem;
	text-transform: uppercase;
	letter-spacing: 1px;
	color: var(--bs-secondary-color);
}

[b-cp5jp3xj31] .rating-pill--tmdb .rating-value {
	color: var(--bs-success-text-emphasis);
}

[b-cp5jp3xj31] .rating-pill--tvmaze .rating-value {
	color: var(--bs-info-text-emphasis);
}

[b-cp5jp3xj31] .rating-pill--imdb .rating-value {
	color: var(--bs-warning-text-emphasis);
}

[b-cp5jp3xj31] .rating-value {
	font-family: 'DM Mono', monospace;
	font-size: 1.1rem;
	font-weight: 600;
	line-height: 1.2;
}

/* ── Meta pills ───────────────────────── */
[b-cp5jp3xj31] .release-meta-pills {
	display: flex;
	gap: 0.5rem;
}

[b-cp5jp3xj31] .meta-pill {
	flex: 1;
	display: flex;
	flex-direction: column;
	align-items: center;
	padding: 4px 12px;
	border-radius: 8px;
	background: var(--bs-tertiary-bg);
	border: 1px solid var(--bs-border-color);
}

[b-cp5jp3xj31] .meta-pill-label {
	font-family: 'DM Sans', sans-serif;
	font-size: 0.6rem;
	text-transform: uppercase;
	letter-spacing: 1px;
	color: var(--bs-tertiary-color);
}

[b-cp5jp3xj31] .meta-pill-value {
	font-family: 'DM Mono', monospace;
	font-size: 0.9rem;
	font-weight: 600;
	color: var(--bs-body-color);
	line-height: 1.2;
}
/* /Components/Features/Details/Components/Release/ReleasePreviewSection.razor.rz.scp.css */
/* ── Preview Section ───────────────────── */
[b-k9ogii09mn] .release-preview-section {
	animation: fadeInUp-b-k9ogii09mn 0.5s ease both;
	animation-delay: 0.35s;
	margin-bottom: 2rem;
}

[b-k9ogii09mn] .section-title {
	font-family: 'Bebas Neue', sans-serif;
	font-size: 22px;
	letter-spacing: 0.08em;
	color: var(--bs-body-color);
	display: flex;
	align-items: center;
	padding-left: 12px;
	position: relative;
}

[b-k9ogii09mn] .section-title::before {
	content: '';
	position: absolute;
	left: 0;
	top: 50%;
	transform: translateY(-50%);
	width: 4px;
	height: 20px;
	background: var(--bs-warning);
	border-radius: 2px;
}

/* ── Preview Container ─────────────────── */
[b-k9ogii09mn] .preview-container {
	background: var(--bs-tertiary-bg);
	border: 1px solid var(--bs-border-color);
	border-radius: 8px;
	padding: 12px;
	overflow: hidden;
}

[b-k9ogii09mn] .preview-image {
	width: 100%;
	height: auto;
	display: block;
	border-radius: 4px;
	background: var(--bs-body-bg);
	animation: fadeInUp-b-k9ogii09mn 0.5s ease both;
	animation-delay: 0.4s;
}

@keyframes fadeInUp-b-k9ogii09mn {
	from { opacity: 0; transform: translateY(16px); }
	to   { opacity: 1; transform: translateY(0); }
}

@media (max-width: 767.98px) {
	[b-k9ogii09mn] .preview-container {
		padding: 8px;
	}
}
/* /Components/Features/Details/Components/Release/ReleaseTrailerSection.razor.rz.scp.css */
/* ── Trailer Section ───────────────────── */
[b-xk86zd5lxe] .release-trailer-section {
	animation: fadeInUp-b-xk86zd5lxe 0.5s ease both;
	animation-delay: 0.35s;
	margin-bottom: 2rem;
}

[b-xk86zd5lxe] .section-title {
	font-family: 'Bebas Neue', sans-serif;
	font-size: 22px;
	letter-spacing: 0.08em;
	color: var(--bs-body-color);
	display: flex;
	align-items: center;
	padding-left: 12px;
	position: relative;
}

[b-xk86zd5lxe] .section-title::before {
	content: '';
	position: absolute;
	left: 0;
	top: 50%;
	transform: translateY(-50%);
	width: 4px;
	height: 20px;
	background: var(--bs-warning);
	border-radius: 2px;
}

/* ── Trailer Container ─────────────────── */
[b-xk86zd5lxe] .trailer-container {
	background: #000;
	border: 1px solid var(--bs-border-color);
	border-radius: 8px;
	overflow: hidden;
	aspect-ratio: 16 / 9;
	width: 100%;
}

[b-xk86zd5lxe] .trailer-iframe {
	width: 100%;
	height: 100%;
	display: block;
	border: none;
}

@keyframes fadeInUp-b-xk86zd5lxe {
	from { opacity: 0; transform: translateY(16px); }
	to   { opacity: 1; transform: translateY(0); }
}
/* /Components/Features/Details/Components/Release/ReleaseTVSection.razor.rz.scp.css */
/* ── Tagline & Overview ────────────────── */
[b-pyjarmyoan] .show-tagline {
	font-family: 'DM Sans', sans-serif;
	font-style: italic;
	color: var(--bs-secondary-color);
	font-size: 1rem;
	margin-bottom: 0.5rem;
	animation: fadeInUp-b-pyjarmyoan 0.5s ease both;
	animation-delay: 0.05s;
}

[b-pyjarmyoan] .overview-text {
	font-family: 'DM Sans', sans-serif;
	font-size: 1rem;
	line-height: 1.7;
	color: var(--bs-secondary-color);
	margin-bottom: 1rem;
	animation: fadeInUp-b-pyjarmyoan 0.5s ease both;
	animation-delay: 0.1s;
}

/* ── Genre / Meta row ─────────────────── */
[b-pyjarmyoan] .show-meta-row {
	animation: fadeInUp-b-pyjarmyoan 0.5s ease both;
	animation-delay: 0.15s;
}

[b-pyjarmyoan] .showtype-badge {
	font-family: 'DM Sans', sans-serif;
	font-size: 0.75rem;
	padding: 3px 10px;
	border-radius: 20px;
	background: rgba(232, 184, 75, 0.12);
	border: 1px solid rgba(232, 184, 75, 0.3);
	color: #e8b84b;
	white-space: nowrap;
	font-weight: 600;
}

[b-pyjarmyoan] .genre-badge {
	font-family: 'DM Sans', sans-serif;
	font-size: 0.75rem;
	padding: 3px 10px;
	border-radius: 20px;
	background: rgba(59, 130, 246, 0.12);
	border: 1px solid rgba(59, 130, 246, 0.3);
	color: #7cb3f4;
	white-space: nowrap;
}

[b-pyjarmyoan] .meta-dot {
	color: var(--bs-tertiary-color);
	font-size: 0.9rem;
}

[b-pyjarmyoan] .meta-text {
	font-family: 'DM Sans', sans-serif;
	font-size: 0.85rem;
	color: var(--bs-secondary-color);
}

[b-pyjarmyoan] .content-rating-badge {
	font-family: 'DM Mono', monospace;
	font-size: 0.7rem;
	padding: 2px 8px;
	border-radius: 4px;
	border: 1px solid var(--bs-border-color);
	color: var(--bs-secondary-color);
	letter-spacing: 0.5px;
}

/* ── Crew cards ───────────────────────── */
[b-pyjarmyoan] .crew-grid {
	animation: fadeSlideIn-b-pyjarmyoan 0.3s ease;
}

[b-pyjarmyoan] .crew-card {
	display: flex;
	flex-direction: column;
	background: var(--bs-tertiary-bg);
	border: 1px solid var(--bs-border-color);
	border-radius: 8px;
	padding: 5px 12px;
}

[b-pyjarmyoan] .crew-role {
	font-family: 'DM Sans', sans-serif;
	font-size: 0.65rem;
	text-transform: uppercase;
	letter-spacing: 1px;
	color: var(--bs-secondary-color);
	margin-bottom: 2px;
}

[b-pyjarmyoan] .crew-name {
	font-family: 'DM Sans', sans-serif;
	font-size: 0.9rem;
	color: var(--bs-body-color);
	font-weight: 500;
}

/* ── Details grid ─────────────────────── */
[b-pyjarmyoan] .details-grid-section {
	animation: fadeInUp-b-pyjarmyoan 0.5s ease both;
	animation-delay: 0.2s;
	margin-bottom: 2rem;
}

[b-pyjarmyoan] .section-title {
	font-family: 'Bebas Neue', sans-serif;
	font-size: 22px;
	letter-spacing: 0.08em;
	color: var(--bs-body-color);
	display: flex;
	align-items: center;
	padding-left: 12px;
	position: relative;
}

[b-pyjarmyoan] .section-title::before {
	content: '';
	position: absolute;
	left: 0;
	top: 50%;
	transform: translateY(-50%);
	width: 4px;
	height: 20px;
	background: #e8b84b;
	border-radius: 2px;
}

[b-pyjarmyoan] .details-toggle-btn {
	font-size: 13px;
	color: #5b8af0;
	font-weight: 500;
	padding: 6px 14px;
	background: rgba(91,138,240,0.1);
	border: 1px solid rgba(91,138,240,0.25);
	border-radius: 8px;
	transition: background 0.2s;
	display: flex;
	align-items: center;
	gap: 6px;
}

[b-pyjarmyoan] .details-toggle-btn:hover {
	background: rgba(91,138,240,0.18);
	color: #5b8af0;
	border-color: rgba(91,138,240,0.4);
}

[b-pyjarmyoan] .chevron {
	display: inline-block;
	transition: transform 0.3s ease;
	line-height: 1;
}

[b-pyjarmyoan] .chevron.open {
	transform: rotate(180deg);
}

[b-pyjarmyoan] .details-grid-anim {
	animation: fadeSlideIn-b-pyjarmyoan 0.3s ease;
}

@keyframes fadeSlideIn-b-pyjarmyoan {
	from { opacity: 0; transform: translateY(-8px); }
	to   { opacity: 1; transform: translateY(0); }
}

@keyframes fadeInUp-b-pyjarmyoan {
	from { opacity: 0; transform: translateY(16px); }
	to   { opacity: 1; transform: translateY(0); }
}

[b-pyjarmyoan] .details-grid {
	background: var(--bs-tertiary-bg);
	border: 1px solid var(--bs-border-color);
	border-radius: 8px;
	overflow: hidden;
	margin-bottom: 0.5rem;
}

[b-pyjarmyoan] .detail-cell {
	padding: 2px 12px;
	border-bottom: 1px solid var(--bs-border-color);
	border-right: 1px solid var(--bs-border-color);
}

[b-pyjarmyoan] .detail-cell:nth-child(even) {
	border-right: none;
}

[b-pyjarmyoan] .col-12.detail-cell {
	border-right: none;
}

[b-pyjarmyoan] .detail-cell:last-child {
	border-bottom: none;
}

[b-pyjarmyoan] .detail-cell:nth-last-child(2):nth-child(odd) {
	border-bottom: none;
}

[b-pyjarmyoan] .detail-label {
	display: block;
	font-family: 'DM Sans', sans-serif;
	font-size: 0.6rem;
	text-transform: uppercase;
	letter-spacing: 1.5px;
	color: var(--bs-tertiary-color);
	margin-bottom: 4px;
}

[b-pyjarmyoan] .detail-value {
	display: block;
	font-size: 0.85rem;
	font-weight: 500;
	color: var(--bs-body-color);
	margin-bottom: 4px;
}

[b-pyjarmyoan] .detail-value--mono {
	font-family: 'DM Mono', monospace;
}

[b-pyjarmyoan] .info-link {
	color: #5b8af0;
	text-decoration: none;
	font-family: 'DM Mono', monospace;
	font-size: 0.78rem;
}

[b-pyjarmyoan] .info-link:hover {
	text-decoration: underline;
}

/* ── Status badges ────────────────────── */
[b-pyjarmyoan] .status-inline {
	font-size: 0.8rem;
	font-weight: 600;
	padding: 2px 10px;
	border-radius: 4px;
}

[b-pyjarmyoan] .status-running {
	background: rgba(34,197,94,0.15);
	color: #22c55e;
}

[b-pyjarmyoan] .status-ended {
	background: rgba(156,163,175,0.15);
	color: var(--bs-secondary-color);
}

[b-pyjarmyoan] .status-development {
	background: rgba(59,130,246,0.15);
	color: #3b82f6;
}

[b-pyjarmyoan] .status-tbd {
	background: rgba(234,179,8,0.15);
	color: #eab308;
}

/* ── Episode info ─────────────────────── */
[b-pyjarmyoan] .episode-title {
	font-style: italic;
	font-size: 0.85rem;
	color: var(--bs-tertiary-color);
	margin-bottom: 0.5rem;
}

[b-pyjarmyoan] .episode-overview {
	font-size: 0.85rem;
	line-height: 1.6;
	color: var(--bs-secondary-color);
	margin-bottom: 0.75rem;
}
/* /Components/Features/Details/Components/TVShow/AddToMyShowsButton.razor.rz.scp.css */
.add-tv-cat-chip[b-ugvnht1g79] {
	display: inline-flex;
	align-items: center;
	gap: 0.25rem;
	padding: 6px 14px;
	border-radius: 6px;
	border: 1px solid var(--bs-border-color);
	background: var(--bs-body-bg);
	cursor: pointer;
	font-size: 0.875rem;
	user-select: none;
	transition: border-color 0.15s, background 0.15s;
}

	.add-tv-cat-chip:hover[b-ugvnht1g79] {
		border-color: var(--bs-primary);
	}

	.add-tv-cat-chip.active[b-ugvnht1g79] {
		border-color: var(--bs-primary);
		background: rgba(59, 130, 246, 0.08);
	}

.modal-backdrop + .modal .modal-dialog[b-ugvnht1g79] {
	pointer-events: auto !important;
}
/* /Components/Features/Details/Components/TVShow/EpisodeDrawer.razor.rz.scp.css */
.ep-drawer[b-g7bfbpgpuw] {
	grid-column: 1 / -1;
	border: 1px solid rgba(232,184,75,0.2);
	border-radius: 8px;
	background: var(--bs-body-bg);
	padding: 16px;
	margin-top: 2px;
}

.drawer-title[b-g7bfbpgpuw] {
	font-family: 'Bebas Neue', sans-serif;
	font-size: 20px;
	letter-spacing: 0.05em;
	color: #e8b84b;
	margin-bottom: 12px;
}

.drawer-count[b-g7bfbpgpuw] {
	font-family: 'DM Mono', monospace;
	font-size: 12px;
	color: var(--bs-secondary-color);
	margin-left: 8px;
}
/* /Components/Features/Details/Components/TVShow/EpisodeGrid.razor.rz.scp.css */
.ep-grid[b-8frilvdh9p] {
	display: grid;
	grid-template-columns: repeat(auto-fill, minmax(62px, 1fr));
	gap: 6px;
}

.ep-grid-empty[b-8frilvdh9p] {
	grid-column: 1 / -1;
	font-family: 'DM Mono', monospace;
	font-size: 11px;
	color: var(--bs-secondary-color);
	padding: 24px;
	text-align: center;
}
/* /Components/Features/Details/Components/TVShow/EpisodeMoreTile.razor.rz.scp.css */
.ep-more[b-tgnzado5du] {
	aspect-ratio: 1;
	border-radius: 6px;
	border: 1px dashed var(--bs-border-color);
	background: transparent;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	cursor: pointer;
	transition: all 0.15s;
	font-family: 'DM Mono', monospace;
	color: var(--bs-secondary-color);
}

.ep-more:hover[b-tgnzado5du] {
	border-color: rgba(232,184,75,0.55);
	color: #e8b84b;
}

.more-n[b-tgnzado5du] { font-size: 15px; font-weight: 600; }
.more-l[b-tgnzado5du] { font-size: 9px; margin-top: 1px; }
/* /Components/Features/Details/Components/TVShow/EpisodeTile.razor.rz.scp.css */
.ep-tile[b-5j4q9d4yvw] {
	aspect-ratio: 1;
	border-radius: 6px;
	border: 1px solid var(--bs-border-color);
	background: var(--bs-tertiary-bg);
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	cursor: pointer;
	transition: all 0.15s;
	font-family: 'DM Mono', monospace;
	padding: 6px;
}

.ep-tile:hover[b-5j4q9d4yvw], .ep-tile.open[b-5j4q9d4yvw] {
	border-color: #e8b84b;
	background: rgba(232,184,75,0.06);
}

.ep-num[b-5j4q9d4yvw] { font-size: 13px; font-weight: 600; color: var(--bs-body-color); }
.ep-cnt[b-5j4q9d4yvw] { font-size: 9px; color: var(--bs-secondary-color); }

.ep-dots[b-5j4q9d4yvw] {
	display: flex;
	gap: 2px;
	margin-top: 3px;
	flex-wrap: wrap;
	justify-content: center;
	max-width: 42px;
}

.ep-dot[b-5j4q9d4yvw]         { width: 5px; height: 5px; border-radius: 50%; }
.ep-dot.d-4k[b-5j4q9d4yvw]    { background: #a78bfa; }
.ep-dot.d-1080p[b-5j4q9d4yvw] { background: #93c5fd; }
.ep-dot.d-720p[b-5j4q9d4yvw]  { background: #86efac; }
.ep-dot.d-sd[b-5j4q9d4yvw]    { background: #94a3b8; }
/* /Components/Features/Details/Components/TVShow/QualityFilterBar.razor.rz.scp.css */
.b-qbar[b-3blc46esyy] {
	display: flex;
	align-items: center;
	gap: 8px;
	flex-wrap: wrap;
	padding: 10px 14px;
	background: var(--bs-tertiary-bg);
	border: 1px solid var(--bs-border-color);
	border-radius: 8px;
	margin-bottom: 14px;
}

.b-qlabel[b-3blc46esyy] {
	font-family: 'DM Mono', monospace;
	font-size: 9px;
	letter-spacing: 0.08em;
	text-transform: uppercase;
	color: var(--bs-secondary-color);
	opacity: 0.6;
	margin-right: 2px;
}

.bq-btn[b-3blc46esyy] {
	font-family: 'DM Mono', monospace;
	font-size: 10px;
	font-weight: 600;
	padding: 3px 10px;
	border-radius: 20px;
	border: 1px solid;
	cursor: pointer;
	transition: all 0.15s;
	background: transparent;
}

.bq-btn.fmt-4k[b-3blc46esyy]    { border-color: rgba(124,58,237,0.4); color: rgba(124,58,237,0.6); }
.bq-btn.fmt-1080p[b-3blc46esyy] { border-color: rgba(29,78,216,0.4);  color: rgba(29,78,216,0.6);  }
.bq-btn.fmt-720p[b-3blc46esyy]  { border-color: rgba(21,128,61,0.4);  color: rgba(21,128,61,0.6);  }
.bq-btn.fmt-sd[b-3blc46esyy]    { border-color: rgba(71,85,105,0.4);  color: rgba(71,85,105,0.7);  }

.bq-btn.on.fmt-4k[b-3blc46esyy]    { background: rgba(124,58,237,0.15); border-color: rgba(124,58,237,0.7); color: #a78bfa; }
.bq-btn.on.fmt-1080p[b-3blc46esyy] { background: rgba(29,78,216,0.15);  border-color: rgba(29,78,216,0.7);  color: #93c5fd; }
.bq-btn.on.fmt-720p[b-3blc46esyy]  { background: rgba(21,128,61,0.15);  border-color: rgba(21,128,61,0.7);  color: #86efac; }
.bq-btn.on.fmt-sd[b-3blc46esyy]    { background: rgba(71,85,105,0.15);  border-color: rgba(71,85,105,0.6);  color: #94a3b8; }

.bq-btn:hover[b-3blc46esyy] {
	filter: brightness(1.3);
}

.b-clear[b-3blc46esyy] {
	margin-left: auto;
	font-size: 10px;
	padding: 3px 10px;
	border-radius: 20px;
	background: transparent;
	border: 1px solid var(--bs-border-color);
	color: var(--bs-secondary-color);
	cursor: pointer;
	font-family: 'DM Mono', monospace;
	transition: all 0.15s;
}

.b-clear:hover[b-3blc46esyy] {
	background: rgba(239,68,68,0.1);
	border-color: rgba(239,68,68,0.3);
	color: #f87171;
}
/* /Components/Features/Details/Components/TVShow/ReleaseViewToggle.razor.rz.scp.css */
.btn-view-toggle[b-bxoh1n4gfy] {
	font-family: 'DM Mono', monospace;
	font-size: 10px;
	font-weight: 600;
	letter-spacing: 0.06em;
	padding: 4px 12px;
	border-radius: 6px;
	border: 1px solid var(--bs-border-color);
	background: var(--bs-tertiary-bg);
	color: var(--bs-secondary-color);
	display: flex;
	align-items: center;
	gap: 6px;
	cursor: pointer;
	transition: all 0.15s;
}

.btn-view-toggle:hover[b-bxoh1n4gfy] {
	border-color: rgba(232,184,75,0.33);
	color: #e8b84b;
}
/* /Components/Features/Details/Components/TVShow/SeasonAccordionCard.razor.rz.scp.css */
.season-card[b-uk9wtt8uhz] {
	border: 1px solid var(--bs-border-color);
	border-radius: 10px;
	overflow: hidden;
	margin-bottom: 8px;
	background: var(--bs-body-bg);
}

.season-header[b-uk9wtt8uhz] {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 12px;
	padding: 12px 16px;
	background: var(--bs-tertiary-bg);
	cursor: pointer;
	border: none;
	width: 100%;
	text-align: left;
	transition: background 0.15s;
	flex-wrap: wrap;
}

.season-header:hover[b-uk9wtt8uhz] {
	background: var(--bs-secondary-bg);
}

.season-label[b-uk9wtt8uhz] {
	font-family: 'Bebas Neue', sans-serif;
	font-size: 18px;
	letter-spacing: 0.06em;
	color: var(--bs-body-color);
	white-space: nowrap;
}

.season-pill[b-uk9wtt8uhz] {
	font-family: 'DM Mono', monospace;
	font-size: 9px;
	font-weight: 600;
	letter-spacing: 0.06em;
	padding: 2px 8px;
	border-radius: 20px;
	border: 1px solid var(--bs-border-color);
	background: var(--bs-secondary-bg);
	color: var(--bs-secondary-color);
}

.season-pill.hl[b-uk9wtt8uhz] {
	color: #e8b84b;
	border-color: rgba(232,184,75,0.3);
	background: rgba(232,184,75,0.08);
}

.season-pill.fmt-tint-4k[b-uk9wtt8uhz]    { border-color: rgba(124,58,237,0.3); color: #a78bfa; background: rgba(124,58,237,0.08); }
.season-pill.fmt-tint-1080p[b-uk9wtt8uhz] { border-color: rgba(29,78,216,0.3);  color: #93c5fd; background: rgba(29,78,216,0.08); }
.season-pill.fmt-tint-720p[b-uk9wtt8uhz]  { border-color: rgba(21,128,61,0.3);  color: #86efac; background: rgba(21,128,61,0.08); }
.season-pill.fmt-tint-sd[b-uk9wtt8uhz]    { border-color: rgba(71,85,105,0.3);  color: #94a3b8; background: rgba(71,85,105,0.08); }

.season-chevron[b-uk9wtt8uhz] {
	width: 16px;
	height: 16px;
	color: var(--bs-secondary-color);
	transition: transform 0.2s;
	flex-shrink: 0;
}

.season-chevron.open[b-uk9wtt8uhz] {
	transform: rotate(180deg);
}

.season-body[b-uk9wtt8uhz] {
	border-top: 1px solid var(--bs-border-color);
}
/* /Components/Features/Details/Components/TVShow/SeasonTabBar.razor.rz.scp.css */
.season-tabs-b[b-5wdm6k7i52] {
	display: flex;
	gap: 6px;
	flex-wrap: wrap;
	margin-bottom: 14px;
}

.stab[b-5wdm6k7i52] {
	font-family: 'DM Mono', monospace;
	font-size: 11px;
	font-weight: 600;
	padding: 5px 14px;
	border-radius: 6px;
	border: 1px solid var(--bs-border-color);
	background: var(--bs-tertiary-bg);
	color: var(--bs-secondary-color);
	cursor: pointer;
	transition: all 0.15s;
}

.stab.active[b-5wdm6k7i52] {
	border-color: rgba(232,184,75,0.33);
	color: #e8b84b;
}

.stab:hover:not(.active)[b-5wdm6k7i52] {
	border-color: var(--bs-secondary-color);
	color: var(--bs-body-color);
}
/* /Components/Features/Details/Components/TVShow/SeasonToolbar.razor.rz.scp.css */
.season-toolbar[b-c3lxs2i6z1] {
	display: flex;
	align-items: center;
	gap: 8px;
	padding: 10px 14px;
	border-bottom: 1px solid var(--bs-border-color);
	flex-wrap: wrap;
}

.mf-btn[b-c3lxs2i6z1] {
	font-family: 'DM Mono', monospace;
	font-size: 11px;
	font-weight: 600;
	letter-spacing: 0.05em;
	padding: 3px 10px;
	border-radius: 20px;
	border: 1px solid var(--bs-border-color);
	background: var(--bs-tertiary-bg);
	color: var(--bs-secondary-color);
	cursor: pointer;
	transition: all 0.15s;
}

.mf-btn:hover[b-c3lxs2i6z1] {
	filter: brightness(1.2);
}

.mf-btn.a-4k[b-c3lxs2i6z1]    { background: rgba(124,58,237,0.15); border-color: rgba(124,58,237,0.5); color: #a78bfa; }
.mf-btn.a-1080p[b-c3lxs2i6z1] { background: rgba(29,78,216,0.15);  border-color: rgba(29,78,216,0.5);  color: #93c5fd; }
.mf-btn.a-720p[b-c3lxs2i6z1]  { background: rgba(21,128,61,0.15);  border-color: rgba(21,128,61,0.5);  color: #86efac; }
.mf-btn.a-sd[b-c3lxs2i6z1]    { background: rgba(71,85,105,0.15);  border-color: rgba(71,85,105,0.4);  color: #94a3b8; }

.ep-search-wrap[b-c3lxs2i6z1] {
	display: flex;
	align-items: center;
	gap: 6px;
	background: var(--bs-tertiary-bg);
	border: 1px solid var(--bs-border-color);
	border-radius: 6px;
	padding: 3px 10px;
}

.ep-search-input[b-c3lxs2i6z1] {
	font-family: 'DM Mono', monospace;
	font-size: 11px;
	background: transparent;
	border: none;
	outline: none;
	color: var(--bs-body-color);
	width: 165px;
}

.ep-search-clear[b-c3lxs2i6z1] {
	background: none;
	border: none;
	color: var(--bs-secondary-color);
	padding: 0;
	cursor: pointer;
	font-size: 12px;
	line-height: 1;
}
/* /Components/Features/Details/Components/TVShow/TVShowBackdropHero.razor.rz.scp.css */
[b-3ttyjrph9o] .backdrop-hero {
    position: relative;
    width: 100%;
    height: 340px;
    background: linear-gradient(135deg, var(--bs-body-bg) 0%, var(--bs-tertiary-bg) 50%, var(--bs-body-bg) 100%);
    overflow: hidden;
}

[b-3ttyjrph9o] .backdrop-image {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    opacity: 0.15;
    filter: blur(2px);
}

[b-3ttyjrph9o] .backdrop-watermark {
    position: absolute;
    right: -10px;
    bottom: 20px;
    font-family: 'Bebas Neue', sans-serif;
    font-size: 8rem;
    color: var(--bs-tertiary-color);
    opacity: 0.15;
    white-space: nowrap;
    text-transform: uppercase;
    pointer-events: none;
    line-height: 1;
    max-width: 80%;
    overflow: hidden;
    text-overflow: clip;
}

[b-3ttyjrph9o] .backdrop-fade {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    height: 120px;
    background: linear-gradient(to bottom, transparent, var(--bs-body-bg));
}
/* /Components/Features/Details/Components/TVShow/TVShowCastSection.razor.rz.scp.css */
/* ── SECTION HEADER ─────────────────────────────── */
.section-title[b-wwmcm20bqf] {
	font-family: 'Bebas Neue', sans-serif;
	font-size: 22px;
	letter-spacing: 0.08em;
	color: var(--bs-body-color);
	display: flex;
	align-items: center;
	padding-left: 12px;
	position: relative;
}

	.section-title[b-wwmcm20bqf]::before {
		content: '';
		position: absolute;
		left: 0;
		top: 50%;
		transform: translateY(-50%);
		width: 4px;
		height: 20px;
		background: #e8b84b;
		border-radius: 2px;
	}

.section-count[b-wwmcm20bqf] {
	font-family: 'DM Mono', monospace;
	font-size: 11px;
	color: var(--bs-secondary-color);
	background: var(--bs-tertiary-bg);
	border: 1px solid var(--bs-border-color);
	border-radius: 20px;
	padding: 2px 10px;
	font-weight: 400;
}

.toggle-btn[b-wwmcm20bqf] {
	font-size: 13px;
	color: #5b8af0;
	font-weight: 500;
	padding: 6px 14px;
	background: rgba(91,138,240,0.1);
	border: 1px solid rgba(91,138,240,0.25);
	border-radius: 8px;
	transition: background 0.2s;
	display: flex;
	align-items: center;
	gap: 6px;
}

	.toggle-btn:hover[b-wwmcm20bqf] {
		background: rgba(91,138,240,0.18);
		color: #5b8af0;
		border-color: rgba(91,138,240,0.4);
	}

	.toggle-btn:focus[b-wwmcm20bqf] {
		box-shadow: 0 0 0 2px rgba(91,138,240,0.3);
		outline: none;
	}

.chevron[b-wwmcm20bqf] {
	display: inline-block;
	transition: transform 0.3s ease;
	line-height: 1;
}

	.chevron.open[b-wwmcm20bqf] {
		transform: rotate(180deg);
	}

/* ── COLLAPSED SUMMARY ──────────────────────────── */
.cast-summary[b-wwmcm20bqf] {
	font-size: 13px;
	color: var(--bs-secondary-color);
	padding-left: 2px;
	margin-bottom: 0;
}

/* ── CAST GRID ──────────────────────────────────── */
.cast-grid[b-wwmcm20bqf] {
	animation: fadeSlideIn-b-wwmcm20bqf 0.3s ease;
}

@keyframes fadeSlideIn-b-wwmcm20bqf {
	from {
		opacity: 0;
		transform: translateY(-8px);
	}

	to {
		opacity: 1;
		transform: translateY(0);
	}
}

/* ── CAST CARD ──────────────────────────────────── */
.cast-card[b-wwmcm20bqf] {
	background: var(--bs-tertiary-bg);
	border: 1px solid var(--bs-border-color);
	border-radius: 10px;
	overflow: hidden;
	transition: transform 0.2s ease, border-color 0.2s ease, box-shadow 0.2s ease;
	cursor: pointer;
	height: 100%;
}

	.cast-card:hover[b-wwmcm20bqf] {
		transform: translateY(-3px);
		border-color: var(--bs-border-color-translucent);
		box-shadow: 0 10px 28px rgba(0,0,0,0.25);
	}

/* ── PHOTO AREA ─────────────────────────────────── */
.cast-photo-wrap[b-wwmcm20bqf] {
	width: 100%;
	aspect-ratio: 2 / 3;
	position: relative;
	overflow: hidden;
	background: var(--bs-secondary-bg);
}

.cast-photo[b-wwmcm20bqf] {
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: top;
	display: block;
	transition: transform 0.3s ease;
}

.cast-card:hover .cast-photo[b-wwmcm20bqf] {
	transform: scale(1.04);
}

.cast-no-photo[b-wwmcm20bqf] {
	width: 100%;
	height: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
	color: var(--bs-tertiary-color);
	background: var(--bs-secondary-bg);
}

/* ── CAST INFO ──────────────────────────────────── */
.cast-info[b-wwmcm20bqf] {
	padding: 8px 10px 10px;
}

.cast-name[b-wwmcm20bqf] {
	font-size: 12px;
	font-weight: 600;
	color: var(--bs-body-color);
	line-height: 1.3;
	margin-bottom: 3px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

/* ── CHARACTER BADGES ───────────────────────────── */
.character-badges[b-wwmcm20bqf] {
	display: flex;
	flex-wrap: wrap;
	gap: 3px;
	margin-top: 4px;
	animation: badgesFadeIn-b-wwmcm20bqf 0.2s ease;
}

@keyframes badgesFadeIn-b-wwmcm20bqf {
	from {
		opacity: 0;
		transform: translateY(-2px);
	}

	to {
		opacity: 1;
		transform: translateY(0);
	}
}

.char-badge[b-wwmcm20bqf] {
	font-size: 9px;
	font-weight: 500;
	color: var(--bs-body-color);
	background: var(--bs-secondary-bg);
	border: 1px solid var(--bs-border-color);
	border-radius: 4px;
	padding: 2px 5px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	max-width: 100%;
	line-height: 1.4;
}

.more-badge[b-wwmcm20bqf],
.less-badge[b-wwmcm20bqf] {
	font-family: 'DM Mono', monospace;
	font-size: 9px;
	font-weight: 600;
	padding: 2px 5px;
	border-radius: 4px;
	border: 1px solid rgba(232,184,75,0.3);
	cursor: pointer;
	transition: all 0.15s ease;
	line-height: 1.4;
}

.more-badge[b-wwmcm20bqf] {
	background: rgba(232,184,75,0.15);
	color: #e8b84b;
}

	.more-badge:hover[b-wwmcm20bqf] {
		background: rgba(232,184,75,0.25);
		border-color: rgba(232,184,75,0.5);
		color: #f5c563;
		transform: scale(1.05);
	}

	.more-badge:active[b-wwmcm20bqf] {
		transform: scale(0.98);
	}

.less-badge[b-wwmcm20bqf] {
	background: rgba(232,184,75,0.15);
	color: #e8b84b;
	font-size: 10px;
	padding: 1px 5px;
}

	.less-badge:hover[b-wwmcm20bqf] {
		background: rgba(239,68,68,0.2);
		border-color: rgba(239,68,68,0.4);
		color: #ef4444;
	}

	.less-badge:active[b-wwmcm20bqf] {
		transform: scale(0.95);
	}

/* ── EXPANDED CHARACTER ANIMATION ───────────────── */
@keyframes newBadgeSlideIn-b-wwmcm20bqf {
	from {
		opacity: 0;
		transform: scale(0.9) translateY(-3px);
	}

	to {
		opacity: 1;
		transform: scale(1) translateY(0);
	}
}

.character-badges .char-badge[b-wwmcm20bqf] {
	animation: newBadgeSlideIn-b-wwmcm20bqf 0.2s ease backwards;
}

	.character-badges .char-badge:nth-child(1)[b-wwmcm20bqf] {
		animation-delay: 0s;
	}

	.character-badges .char-badge:nth-child(2)[b-wwmcm20bqf] {
		animation-delay: 0.03s;
	}

	.character-badges .char-badge:nth-child(3)[b-wwmcm20bqf] {
		animation-delay: 0.06s;
	}

	.character-badges .char-badge:nth-child(4)[b-wwmcm20bqf] {
		animation-delay: 0.09s;
	}

	.character-badges .char-badge:nth-child(5)[b-wwmcm20bqf] {
		animation-delay: 0.12s;
	}

	.character-badges .char-badge:nth-child(6)[b-wwmcm20bqf] {
		animation-delay: 0.15s;
	}

	.character-badges .char-badge:nth-child(7)[b-wwmcm20bqf] {
		animation-delay: 0.18s;
	}

	.character-badges .char-badge:nth-child(8)[b-wwmcm20bqf] {
		animation-delay: 0.21s;
	}

	.character-badges .char-badge:nth-child(9)[b-wwmcm20bqf] {
		animation-delay: 0.24s;
	}

	.character-badges .char-badge:nth-child(n+10)[b-wwmcm20bqf] {
		animation-delay: 0.27s;
	}

/* ── CLICKABLE CHARACTER BADGE ───────────────────── */
.char-badge--clickable[b-wwmcm20bqf] {
	font-size: 9px;
	font-weight: 500;
	color: var(--bs-body-color);
	background: var(--bs-secondary-bg);
	border: 1px solid var(--bs-border-color);
	border-radius: 4px;
	padding: 2px 5px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	max-width: 100%;
	line-height: 1.4;
	cursor: pointer;
	display: inline-flex;
	align-items: center;
	gap: 3px;
	transition: border-color 0.15s, color 0.15s, background 0.15s;
}

.char-badge--clickable:hover[b-wwmcm20bqf] {
	border-color: rgba(232,184,75,0.5);
	color: #e8b84b;
	background: rgba(232,184,75,0.08);
}

.char-badge-icon[b-wwmcm20bqf] {
	opacity: 0.5;
	flex-shrink: 0;
	transition: opacity 0.15s;
}

.char-badge--clickable:hover .char-badge-icon[b-wwmcm20bqf] {
	opacity: 1;
}

/* ── CHARACTER IMAGE POPUP ───────────────────────── */
.char-popup-overlay[b-wwmcm20bqf] {
	position: fixed;
	inset: 0;
	z-index: 1055;
	background: rgba(0, 0, 0, 0.65);
	backdrop-filter: blur(5px);
	display: flex;
	align-items: center;
	justify-content: center;
	animation: overlayFadeIn-b-wwmcm20bqf 0.15s ease;
}

@keyframes overlayFadeIn-b-wwmcm20bqf {
	from { opacity: 0; }
	to   { opacity: 1; }
}

.char-popup-card[b-wwmcm20bqf] {
	background: var(--bs-body-bg);
	border: 1px solid var(--bs-border-color);
	border-radius: 14px;
	width: 220px;
	overflow: hidden;
	box-shadow: 0 24px 60px rgba(0,0,0,0.5);
	animation: popupSlideIn-b-wwmcm20bqf 0.18s ease;
}

@keyframes popupSlideIn-b-wwmcm20bqf {
	from { opacity: 0; transform: scale(0.92) translateY(8px); }
	to   { opacity: 1; transform: scale(1)    translateY(0);   }
}

.char-popup-header[b-wwmcm20bqf] {
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding: 10px 12px 8px;
	border-bottom: 1px solid var(--bs-border-color);
}

.char-popup-name[b-wwmcm20bqf] {
	font-family: 'Bebas Neue', sans-serif;
	font-size: 16px;
	letter-spacing: 0.05em;
	color: #e8b84b;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

.char-popup-close[b-wwmcm20bqf] {
	background: none;
	border: none;
	color: var(--bs-secondary-color);
	padding: 2px;
	cursor: pointer;
	display: flex;
	align-items: center;
	border-radius: 4px;
	transition: color 0.15s, background 0.15s;
	flex-shrink: 0;
}

.char-popup-close:hover[b-wwmcm20bqf] {
	color: var(--bs-body-color);
	background: var(--bs-secondary-bg);
}

.char-popup-img[b-wwmcm20bqf] {
	width: 100%;
	aspect-ratio: 2 / 3;
	object-fit: cover;
	object-position: top;
	display: block;
}

.char-popup-actor[b-wwmcm20bqf] {
	display: flex;
	align-items: center;
	gap: 6px;
	padding: 8px 12px;
	font-family: 'DM Mono', monospace;
	font-size: 10px;
	color: var(--bs-secondary-color);
	border-top: 1px solid var(--bs-border-color);
}
/* /Components/Features/Details/Components/TVShow/TVShowDetailsGrid.razor.rz.scp.css */
[b-ztk61lfi0m] .details-grid-section {
    animation: fadeInUp 0.5s ease both;
    animation-delay: 0.3s;
    margin-bottom: 2rem;
}

/* ── HEADER ────────────────────────────────────── */
[b-ztk61lfi0m] .section-title {
    font-family: 'Bebas Neue', sans-serif;
    font-size: 22px;
    letter-spacing: 0.08em;
    color: var(--bs-body-color);
    display: flex;
    align-items: center;
    padding-left: 12px;
    position: relative;
}

[b-ztk61lfi0m] .section-title::before {
    content: '';
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    width: 4px;
    height: 20px;
    background: #e8b84b;
    border-radius: 2px;
}

[b-ztk61lfi0m] .section-count {
    font-family: 'DM Mono', monospace;
    font-size: 11px;
    color: var(--bs-secondary-color);
    background: var(--bs-tertiary-bg);
    border: 1px solid var(--bs-border-color);
    border-radius: 20px;
    padding: 2px 10px;
    font-weight: 400;
}

/* ── TOGGLE BUTTON ─────────────────────────────── */
[b-ztk61lfi0m] .details-toggle-btn {
    font-size: 13px;
    color: #5b8af0;
    font-weight: 500;
    padding: 6px 14px;
    background: rgba(91,138,240,0.1);
    border: 1px solid rgba(91,138,240,0.25);
    border-radius: 8px;
    transition: background 0.2s;
    display: flex;
    align-items: center;
    gap: 6px;
}

[b-ztk61lfi0m] .details-toggle-btn:hover {
    background: rgba(91,138,240,0.18);
    color: #5b8af0;
    border-color: rgba(91,138,240,0.4);
}

[b-ztk61lfi0m] .details-toggle-btn:focus {
    box-shadow: 0 0 0 2px rgba(91,138,240,0.3);
    outline: none;
}

[b-ztk61lfi0m] .chevron {
    display: inline-block;
    transition: transform 0.3s ease;
    line-height: 1;
}

[b-ztk61lfi0m] .chevron.open {
    transform: rotate(180deg);
}

/* ── COLLAPSED SUMMARY ─────────────────────────── */
[b-ztk61lfi0m] .details-summary {
    font-size: 13px;
    color: var(--bs-secondary-color);
    padding-left: 2px;
    margin-bottom: 0;
}

/* ── EXPANDED GRID ─────────────────────────────── */
[b-ztk61lfi0m] .details-grid-anim {
    animation: fadeSlideIn-b-ztk61lfi0m 0.3s ease;
}

@keyframes fadeSlideIn-b-ztk61lfi0m {
    from {
        opacity: 0;
        transform: translateY(-8px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

[b-ztk61lfi0m] .details-grid {
    background: var(--bs-tertiary-bg);
    border: 1px solid var(--bs-border-color);
    border-radius: 8px;
    overflow: hidden;
    padding: 5px;
    margin-bottom: 0.5rem;
}

[b-ztk61lfi0m] .detail-cell {
    padding: 2px 2px;
    border-bottom: 1px solid var(--bs-border-color);
    border-right: 1px solid var(--bs-border-color);
}

[b-ztk61lfi0m] .detail-cell:nth-child(even) {
    border-right: none;
}

[b-ztk61lfi0m] .col-12.detail-cell {
    border-right: none;
}

[b-ztk61lfi0m] .detail-cell:last-child {
    border-bottom: none;
}

[b-ztk61lfi0m] .detail-cell:nth-last-child(2):nth-child(odd) {
    border-bottom: none;
}

[b-ztk61lfi0m] .detail-label {
    display: block;
    font-family: 'DM Sans', sans-serif;
    font-size: 0.6rem;
    text-transform: uppercase;
    letter-spacing: 1.5px;
    color: var(--bs-tertiary-color);
    margin-bottom: 4px;
}

[b-ztk61lfi0m] .detail-value {
    font-family: 'DM Sans', sans-serif;
    font-size: 0.85rem;
    color: var(--bs-secondary-color);
}

[b-ztk61lfi0m] .status-inline {
    font-size: 0.75rem;
    font-weight: 600;
    padding: 2px 8px;
    border-radius: 4px;
    color: #fff;
}

[b-ztk61lfi0m] .status-running {
    background: #22c55e;
}

[b-ztk61lfi0m] .status-ended {
    background: #64748b;
}

[b-ztk61lfi0m] .status-development {
    background: #3b82f6;
}

[b-ztk61lfi0m] .status-tbd {
    background: #f59e0b;
}
/* /Components/Features/Details/Components/TVShow/TVShowKeyCrew.razor.rz.scp.css */
[b-6yobfngc76] .crew-section {
    animation: fadeInUp 0.5s ease both;
    animation-delay: 0.2s;
    margin-bottom: 2rem;
}

/* ── HEADER ────────────────────────────────────── */
[b-6yobfngc76] .section-title {
    font-family: 'Bebas Neue', sans-serif;
    font-size: 22px;
    letter-spacing: 0.08em;
    color: var(--bs-body-color);
    display: flex;
    align-items: center;
    padding-left: 12px;
    position: relative;
}

[b-6yobfngc76] .section-title::before {
    content: '';
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    width: 4px;
    height: 20px;
    background: #e8b84b;
    border-radius: 2px;
}

[b-6yobfngc76] .section-count {
    font-family: 'DM Mono', monospace;
    font-size: 11px;
    color: var(--bs-secondary-color);
    background: var(--bs-tertiary-bg);
    border: 1px solid var(--bs-border-color);
    border-radius: 20px;
    padding: 2px 10px;
    font-weight: 400;
}

[b-6yobfngc76] .chevron {
    display: inline-block;
    transition: transform 0.3s ease;
    line-height: 1;
}

[b-6yobfngc76] .chevron.open {
    transform: rotate(180deg);
}

/* ── COLLAPSED SUMMARY ─────────────────────────── */
[b-6yobfngc76] .crew-summary {
    font-size: 13px;
    color: var(--bs-secondary-color);
    padding-left: 2px;
    margin-bottom: 0;
}

/* ── EXPANDED GRID ─────────────────────────────── */
[b-6yobfngc76] .crew-grid {
    animation: fadeSlideIn-b-6yobfngc76 0.3s ease;
}

@keyframes fadeSlideIn-b-6yobfngc76 {
    from {
        opacity: 0;
        transform: translateY(-8px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

/* ── CREW CARDS ────────────────────────────────── */
[b-6yobfngc76] .crew-card {
    display: flex;
    align-items: center;
    gap: 10px;
    background: var(--bs-tertiary-bg);
    border: 1px solid var(--bs-border-color);
    border-radius: 8px;
    padding: 6px 14px 6px 6px;
}

[b-6yobfngc76] .crew-avatar {
    width: 36px;
    height: 36px;
    border-radius: 50%;
    object-fit: cover;
}

[b-6yobfngc76] .crew-initials {
    width: 36px;
    height: 36px;
    border-radius: 50%;
    background: var(--bs-secondary-bg);
    display: flex;
    align-items: center;
    justify-content: center;
    font-family: 'Bebas Neue', sans-serif;
    font-size: 0.9rem;
    color: var(--bs-secondary-color);
}

[b-6yobfngc76] .crew-info {
    display: flex;
    flex-direction: column;
}

[b-6yobfngc76] .crew-role {
    font-family: 'DM Sans', sans-serif;
    font-size: 0.65rem;
    text-transform: uppercase;
    letter-spacing: 1px;
    color: var(--bs-secondary-color);
    margin-bottom: 1px;
}

[b-6yobfngc76] .crew-name {
    font-family: 'DM Sans', sans-serif;
    font-size: 0.9rem;
    color: var(--bs-body-color);
    font-weight: 500;
}

[b-6yobfngc76] .crew-card-link {
    cursor: pointer;
    transition: border-color 0.2s ease, background 0.2s ease;
}

[b-6yobfngc76] .crew-card-link:hover {
    border-color: var(--bs-primary-border-subtle, #b6d4fe);
    background: var(--bs-primary-bg-subtle, #cfe2ff);
}
/* /Components/Features/Details/Components/TVShow/TVShowOverview.razor.rz.scp.css */
[b-qx5mh8b6t1] .overview-section {
    animation: fadeInUp 0.5s ease both;
    animation-delay: 0.1s;
}

[b-qx5mh8b6t1] .overview-text {
    font-family: 'DM Sans', sans-serif;
    font-size: 1rem;
    line-height: 1.7;
    color: var(--bs-secondary-color);
    margin-bottom: 1rem;
}
/* /Components/Features/Details/Components/TVShow/TVShowPosterColumn.razor.rz.scp.css */
[b-mpu2xm5owa] .poster-sticky {
    position: sticky;
    top: 20px;
}

[b-mpu2xm5owa] .poster-wrapper {
    position: relative;
    width: 280px;
}

[b-mpu2xm5owa] .poster-image {
    width: 280px;
    aspect-ratio: 2 / 3;
    object-fit: cover;
    border-radius: 12px;
    box-shadow: 0 8px 32px rgba(0, 0, 0, 0.3), 0 2px 8px rgba(0, 0, 0, 0.2);
    display: block;
}

[b-mpu2xm5owa] .poster-placeholder {
    width: 280px;
    aspect-ratio: 2 / 3;
    border-radius: 12px;
    background-color: var(--bs-tertiary-bg);
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--bs-secondary-color);
    box-shadow: 0 8px 32px rgba(0, 0, 0, 0.3), 0 2px 8px rgba(0, 0, 0, 0.2);
}

[b-mpu2xm5owa] .status-badge {
    position: absolute;
    top: 10px;
    left: 10px;
    font-family: 'DM Sans', sans-serif;
    font-size: 0.7rem;
    font-weight: 600;
    padding: 3px 10px;
    border-radius: 4px;
    z-index: 2;
    letter-spacing: 0.5px;
    color: #fff;
    text-transform: uppercase;
}

[b-mpu2xm5owa] .status-running {
    background: #22c55e;
}

[b-mpu2xm5owa] .status-ended {
    background: #64748b;
}

[b-mpu2xm5owa] .status-development {
    background: #3b82f6;
}

[b-mpu2xm5owa] .status-tbd {
    background: #f59e0b;
}

[b-mpu2xm5owa] .rating-pill {
    flex: 1;
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 4px 12px;
    border-radius: 8px;
    min-width: 0;
}

[b-mpu2xm5owa] .rating-pill--tvmaze {
    background: rgba(33, 150, 83, 0.15);
    border: 1px solid rgba(33, 150, 83, 0.3);
}

[b-mpu2xm5owa] .rating-pill--imdb {
    background: rgba(245, 197, 24, 0.12);
    border: 1px solid rgba(245, 197, 24, 0.25);
}

[b-mpu2xm5owa] .rating-label {
    font-family: 'DM Sans', sans-serif;
    font-size: 0.65rem;
    text-transform: uppercase;
    letter-spacing: 1px;
    color: var(--bs-secondary-color);
}

[b-mpu2xm5owa] .rating-pill--tvmaze .rating-value {
    color: #21a653;
}

[b-mpu2xm5owa] .rating-pill--imdb .rating-value {
    color: #f5c518;
}

[b-mpu2xm5owa] .rating-value {
    font-family: 'DM Mono', monospace;
    font-size: 1.4rem;
    font-weight: 700;
    line-height: 1.2;
}

[b-mpu2xm5owa] .external-link-btn {
    font-size: 0.75rem;
    /*border-color: var(--bs-border-color);*/
    color: var(--bs-secondary-color);
}

[b-mpu2xm5owa] .external-link-btn:hover {
    border-color: #f5c518;
    color: #f5c518;
    background: rgba(245, 197, 24, 0.08);
}

/* TVDB logo: show light variant by default (light theme), swap in dark theme */
.tvdb-img-light[b-mpu2xm5owa] { display: inline-block; }
.tvdb-img-dark[b-mpu2xm5owa]  { display: none; }

html[data-bs-theme="dark"] .tvdb-img-light[b-mpu2xm5owa] { display: none; }
html[data-bs-theme="dark"] .tvdb-img-dark[b-mpu2xm5owa]  { display: inline-block; }

[b-mpu2xm5owa] .svg-inline--fa.fa-youtube.fa-2xl.fa-fw.other-link {
	color: #FF0000;
}
/* /Components/Features/Details/Components/TVShow/TVShowReleaseSection.razor.rz.scp.css */
/* ── SECTION HEADER ─────────────────────────────── */
.section-title[b-zecqfbn63q] {
	font-family: 'Bebas Neue', sans-serif;
	font-size: 15px;
	letter-spacing: 0.08em;
	padding-left: 12px;
	position: relative;
}

	.section-title[b-zecqfbn63q]::before {
		content: '';
		position: absolute;
		left: 0;
		top: 50%;
		transform: translateY(-50%);
		width: 4px;
		height: 14px;
		background: #e8b84b;
		border-radius: 2px;
	}

.release-count[b-zecqfbn63q] {
	font-family: 'DM Mono', monospace;
	font-size: 11px;
	color: #6b6e82;
	background-color: var(--bs-tertiary-bg);
	border: 1px solid var(--bs-border-color);
	border-radius: 20px;
	padding: 2px 10px;
}

/* ── FILTER BUTTONS ─────────────────────────────── */
.release-filter-btn[b-zecqfbn63q] {
	font-family: 'DM Mono', monospace;
	font-size: 11px;
	font-weight: 600;
	letter-spacing: 0.05em;
	padding: 4px 12px;
	border-radius: 20px;
	border: 1px solid var(--bs-border-color);
	background: var(--bs-tertiary-bg);
	color: var(--bs-secondary-color);
	transition: all 0.15s ease;
	display: flex;
	align-items: center;
}

	.release-filter-btn:hover[b-zecqfbn63q] {
		filter: brightness(1.15);
		color: white;
	}

.filter-count[b-zecqfbn63q] {
	font-size: 10px;
	opacity: 0.7;
}

/* Format filter active colors */
.release-filter-btn.active.fmt-4k[b-zecqfbn63q] {
	background: #7c3aed;
	border-color: #7c3aed;
	color: #fff;
}

.release-filter-btn.active.fmt-1080p[b-zecqfbn63q] {
	background: #1d4ed8;
	border-color: #1d4ed8;
	color: #fff;
}

.release-filter-btn.active.fmt-720p[b-zecqfbn63q] {
	background: #15803d;
	border-color: #15803d;
	color: #fff;
}

.release-filter-btn.active.fmt-sd[b-zecqfbn63q] {
	background: #475569;
	border-color: #475569;
	color: #fff;
}

.release-filter-btn.active.fmt-3d[b-zecqfbn63q] {
	background: #b45309;
	border-color: #b45309;
	color: #fff;
}

.release-filter-btn.active.fmt-foreign[b-zecqfbn63q] {
	background: #9d174d;
	border-color: #9d174d;
	color: #fff;
}

/* Inactive tints */
.release-filter-btn:not(.active).fmt-4k[b-zecqfbn63q] {
	border-color: #7c3aed;
	color: #a78bfa;
}

.release-filter-btn:not(.active).fmt-1080p[b-zecqfbn63q] {
	border-color: #1d4ed8;
	color: #93c5fd;
}

.release-filter-btn:not(.active).fmt-720p[b-zecqfbn63q] {
	border-color: #15803d;
	color: #86efac;
}

.release-filter-btn:not(.active).fmt-sd[b-zecqfbn63q] {
	border-color: #475569;
	color: #94a3b8;
}

.release-filter-btn:not(.active).fmt-3d[b-zecqfbn63q] {
	border-color: #b45309;
	color: #fcd34d;
}

.release-filter-btn:not(.active).fmt-foreign[b-zecqfbn63q] {
	border-color: #9d174d;
	color: #f9a8d4;
}

.btn-clear-filters[b-zecqfbn63q] {
	font-size: 11px;
	padding: 4px 12px;
	border-radius: 20px;
	background: transparent;
	border: 1px solid var(--bs-border-color);
	color: var(--bs-secondary-color);
}

	.btn-clear-filters:hover[b-zecqfbn63q] {
		background: var(--bs-danger-bg-subtle);
		border-color: var(--bs-danger-border-subtle);
		color: var(--bs-danger);
	}

/* ── TABLE ──────────────────────────────────────── */
.release-table-wrap[b-zecqfbn63q] {
	border-radius: 10px;
	overflow: hidden;
	border: 1px solid var(--bs-border-color);
}

.release-table[b-zecqfbn63q] {
	font-size: 13px;
}

	.release-table thead th[b-zecqfbn63q] {
		font-family: 'DM Mono', monospace;
		font-size: 10px;
		letter-spacing: 0.08em;
		text-transform: uppercase;
		color: var(--bs-secondary-color);
		background: var(--bs-tertiary-bg);
		border-bottom: 1px solid var(--bs-border-color);
		padding: 10px 12px;
		white-space: nowrap;
	}

	.release-table tbody td[b-zecqfbn63q] {
		padding: 10px 12px;
		vertical-align: middle;
		border-color: var(--bs-border-color);
	}

.release-row[b-zecqfbn63q] {
	transition: background 0.12s ease;
}

/* ── RELEASE NAME ───────────────────────────────── */
.release-name[b-zecqfbn63q] {
	font-size: 12px;
	font-weight: 500;
	color: var(--bs-body-color);
	display: block;
	text-wrap: auto;
}

.release-name-cell[b-zecqfbn63q] {
	max-width: 400px;
}

/* ── CODEC BADGES ───────────────────────────────── */
.codec-badge[b-zecqfbn63q],
.audio-badge[b-zecqfbn63q] {
	font-family: 'DM Mono', monospace;
	font-size: 10px;
	padding: 2px 7px;
	border-radius: 4px;
	white-space: nowrap;
	background: var(--bs-secondary-bg);
	color: var(--bs-secondary-color);
	border: 1px solid var(--bs-border-color);
}

/* ── TAGS ───────────────────────────────────────── */
.release-tag[b-zecqfbn63q] {
	font-size: 9px;
	font-family: 'DM Mono', monospace;
	font-weight: 600;
	letter-spacing: 0.06em;
	padding: 1px 6px;
	border-radius: 3px;
	background: var(--bs-secondary-bg);
	color: var(--bs-secondary-color);
	border: 1px solid var(--bs-border-color);
	text-transform: uppercase;
}

	.release-tag.tag-bluray[b-zecqfbn63q] {
		color: #38bdf8;
		border-color: rgba(56,189,248,0.3);
		background: rgba(56,189,248,0.08);
	}

	.release-tag.tag-web-dl[b-zecqfbn63q] {
		color: #34d399;
		border-color: rgba(52,211,153,0.3);
		background: rgba(52,211,153,0.08);
	}

	.release-tag.tag-webrip[b-zecqfbn63q] {
		color: #6ee7b7;
		border-color: rgba(110,231,183,0.3);
		background: rgba(110,231,183,0.08);
	}

	.release-tag.tag-hdr[b-zecqfbn63q] {
		color: #fb923c;
		border-color: rgba(251,146,60,0.3);
		background: rgba(251,146,60,0.08);
	}

	.release-tag.tag-hdr10\+[b-zecqfbn63q] {
		color: #f97316;
		border-color: rgba(249,115,22,0.3);
		background: rgba(249,115,22,0.08);
	}

	.release-tag.tag-dv[b-zecqfbn63q] {
		color: #c084fc;
		border-color: rgba(192,132,252,0.3);
		background: rgba(192,132,252,0.08);
	}

	.release-tag.tag-remux[b-zecqfbn63q] {
		color: #e8b84b;
		border-color: rgba(232,184,75,0.3);
		background: rgba(232,184,75,0.08);
	}

	.release-tag.tag-remaster[b-zecqfbn63q] {
		color: #67e8f9;
		border-color: rgba(103,232,249,0.3);
		background: rgba(103,232,249,0.08);
	}

/* ── OTHER CELLS ────────────────────────────────── */
.size-cell[b-zecqfbn63q], .date-cell[b-zecqfbn63q] {
	font-family: 'DM Mono', monospace;
	font-size: 11px;
	color: var(--bs-secondary-color);
}

.grabs-val[b-zecqfbn63q] {
	font-family: 'DM Mono', monospace;
	font-size: 12px;
	color: var(--bs-secondary-color);
}

/* ── DOWNLOAD BUTTON ────────────────────────────── */
.btn-download[b-zecqfbn63q] {
	padding: 4px 8px;
	background: transparent;
	border: 1px solid var(--bs-border-color);
	color: var(--bs-secondary-color);
	border-radius: 6px;
	transition: all 0.15s;
	line-height: 1;
}

	.btn-download:hover[b-zecqfbn63q] {
		background: var(--bs-primary-bg-subtle);
		border-color: var(--bs-primary-border-subtle);
		color: var(--bs-primary);
	}
/* /Components/Features/Details/Components/TVShow/TVShowSeasonsSection.razor.rz.scp.css */
/* ── SEASONS SECTION ────────────────────────────── */
[b-hvz36rl89f] .seasons-section {
    animation: fadeInUp 0.5s ease both;
    animation-delay: 0.4s;
    margin-bottom: 2rem;
}

[b-hvz36rl89f] .seasons-accordion {
    display: flex;
    flex-direction: column;
    gap: 4px;
}

/* ── SEASON PANEL ──────────────────────────────── */
[b-hvz36rl89f] .season-panel {
    background: var(--bs-tertiary-bg);
    border: 1px solid var(--bs-border-color);
    border-radius: 8px;
    overflow: hidden;
    transition: border-color 0.2s ease;
}

[b-hvz36rl89f] .season-panel.expanded {
    border-color: rgba(245, 197, 24, 0.3);
}

/* ── SEASON HEADER (BUTTON) ────────────────────── */
[b-hvz36rl89f] .season-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    padding: 10px 14px;
    background: none;
    border: none;
    color: var(--bs-body-color);
    cursor: pointer;
    transition: background 0.15s ease;
    text-align: left;
}

[b-hvz36rl89f] .season-header:hover {
    background: rgba(255, 255, 255, 0.03);
}

[b-hvz36rl89f] .season-thumb {
    width: 48px;
    height: 68px;
    object-fit: cover;
    border-radius: 4px;
    flex-shrink: 0;
}

[b-hvz36rl89f] .season-thumb-placeholder {
    width: 48px;
    height: 68px;
    border-radius: 4px;
    background: var(--bs-secondary-bg);
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    font-family: 'Bebas Neue', sans-serif;
    font-size: 0.85rem;
    color: var(--bs-secondary-color);
}

[b-hvz36rl89f] .season-header-info {
    display: flex;
    flex-direction: column;
    min-width: 0;
}

[b-hvz36rl89f] .season-title {
    font-family: 'DM Sans', sans-serif;
    font-size: 0.95rem;
    font-weight: 600;
    color: var(--bs-body-color);
}

[b-hvz36rl89f] .season-name {
    font-weight: 400;
    color: var(--bs-secondary-color);
    font-size: 0.85rem;
}

[b-hvz36rl89f] .season-meta {
    font-family: 'DM Sans', sans-serif;
    font-size: 0.75rem;
    color: var(--bs-secondary-color);
    margin-top: 2px;
}

[b-hvz36rl89f] .season-chevron {
    color: var(--bs-secondary-color);
    transition: transform 0.3s ease;
    font-size: 0.75rem;
    flex-shrink: 0;
}

[b-hvz36rl89f] .season-chevron.open {
    transform: rotate(180deg);
}

/* ── EPISODE LIST ──────────────────────────────── */
[b-hvz36rl89f] .season-episodes {
    border-top: 1px solid var(--bs-border-color);
    animation: fadeSlideIn-b-hvz36rl89f 0.25s ease;
}

[b-hvz36rl89f] .episode-row {
    display: flex;
    gap: 12px;
    padding: 10px 14px;
    border-bottom: 1px solid var(--bs-border-color);
    transition: background 0.15s ease;
}

[b-hvz36rl89f] .episode-row:last-child {
    border-bottom: none;
}

[b-hvz36rl89f] .episode-row:hover {
    background: rgba(255, 255, 255, 0.02);
}

[b-hvz36rl89f] .episode-number {
    font-family: 'DM Mono', monospace;
    font-size: 0.8rem;
    font-weight: 600;
    color: var(--bs-secondary-color);
    min-width: 28px;
    text-align: center;
    padding-top: 2px;
    flex-shrink: 0;
}

[b-hvz36rl89f] .episode-details {
    flex: 1;
    min-width: 0;
}

[b-hvz36rl89f] .episode-title-wrap {
    display: flex;
    flex-direction: column;
    min-width: 0;
}

[b-hvz36rl89f] .episode-title {
    font-family: 'DM Sans', sans-serif;
    font-size: 0.85rem;
    font-weight: 500;
    color: var(--bs-body-color);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

[b-hvz36rl89f] .episode-airdate {
    font-family: 'DM Sans', sans-serif;
    font-size: 0.7rem;
    color: var(--bs-tertiary-color);
    margin-top: 1px;
}

[b-hvz36rl89f] .episode-runtime {
    font-family: 'DM Mono', monospace;
    font-size: 0.7rem;
    color: var(--bs-secondary-color);
    background: var(--bs-secondary-bg);
    padding: 1px 6px;
    border-radius: 4px;
}

[b-hvz36rl89f] .episode-rating {
    font-family: 'DM Mono', monospace;
    font-size: 0.7rem;
    color: #f5c518;
    display: flex;
    align-items: center;
    gap: 3px;
}

[b-hvz36rl89f] .episode-rating i {
    font-size: 0.6rem;
}

[b-hvz36rl89f] .episode-summary {
    font-family: 'DM Sans', sans-serif;
    font-size: 0.78rem;
    color: var(--bs-secondary-color);
    line-height: 1.5;
    margin-top: 4px;
    margin-bottom: 0;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

@keyframes fadeSlideIn-b-hvz36rl89f {
    from {
        opacity: 0;
        transform: translateY(-8px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}
/* /Components/Features/Details/Components/TVShow/TVShowTitleMeta.razor.rz.scp.css */
[b-r11bnpgidw] .title-meta-section {
    animation: fadeInUp 0.5s ease both;
}

[b-r11bnpgidw] .show-display-title {
    font-family: 'Bebas Neue', sans-serif;
    font-size: 3rem;
    font-weight: 400;
    letter-spacing: 1px;
    line-height: 1.1;
    margin-bottom: 0.25rem;
    color: var(--bs-body-color);
}

[b-r11bnpgidw] .show-year {
    color: #f5c518;
    font-size: 2.2rem;
    margin-left: 0.5rem;
    opacity: 0.7;
}

[b-r11bnpgidw] .show-tagline {
    font-family: 'DM Sans', sans-serif;
    font-style: italic;
    color: var(--bs-secondary-color);
    font-size: 1rem;
    margin-bottom: 1rem;
}

[b-r11bnpgidw] .meta-row {
    margin-bottom: 1.5rem;
}

[b-r11bnpgidw] .showtype-badge {
    font-family: 'DM Mono', monospace;
    font-size: 0.7rem;
    padding: 3px 10px;
    border-radius: 4px;
    background: rgba(139, 92, 246, 0.15);
    border: 1px solid rgba(139, 92, 246, 0.3);
    color: #a78bfa;
    text-transform: uppercase;
    letter-spacing: 0.5px;
}

[b-r11bnpgidw] .genre-badge {
    font-family: 'DM Sans', sans-serif;
    font-size: 0.75rem;
    padding: 3px 10px;
    border-radius: 20px;
    background: rgba(59, 130, 246, 0.12);
    border: 1px solid rgba(59, 130, 246, 0.3);
    color: #7cb3f4;
    white-space: nowrap;
}

[b-r11bnpgidw] .meta-dot {
    color: var(--bs-tertiary-color);
    font-size: 0.9rem;
}

[b-r11bnpgidw] .meta-text {
    font-family: 'DM Sans', sans-serif;
    font-size: 0.85rem;
    color: var(--bs-secondary-color);
}

[b-r11bnpgidw] .network-name {
    font-weight: 600;
}
/* /Components/Features/Details/Pages/MovieDetails.razor.rz.scp.css */
[b-1o5oicq310] .movie-detail-page {
    --accent-gold: #f5c518;
    --font-display: 'Bebas Neue', sans-serif;
    --font-body: 'DM Sans', sans-serif;
    --font-mono: 'DM Mono', monospace;

    color: var(--bs-body-color);
    overflow-x: hidden;
}

[b-1o5oicq310] .movie-content-grid {
    position: relative;
    z-index: 1;
    max-width: 100%;
    overflow-x: hidden;
}

[b-1o5oicq310] .poster-col {
    width: 260px;
    flex-shrink: 0;
}

[b-1o5oicq310] .detail-col {
	min-width: 0;
	margin-left: 1rem;
	max-width: 100%;
	overflow-x: hidden;
}

[b-1o5oicq310] .overview-text {
    font-family: 'DM Sans', sans-serif;
    font-size: 1rem;
    line-height: 1.7;
    color: var(--bs-secondary-color);
    margin-bottom: 1rem;
    animation: fadeInUp-b-1o5oicq310 0.5s ease both;
    animation-delay: 0.1s;
}

[b-1o5oicq310] .section-header {
    font-family: 'Bebas Neue', sans-serif;
    font-size: 1.3rem;
    letter-spacing: 1px;
    color: var(--bs-body-color);
    margin-bottom: 1rem;
    padding-left: 14px;
    position: relative;
	margin-top: 0.5rem;
}

[b-1o5oicq310] .section-header::before {
    content: '';
    position: absolute;
    left: 0;
    top: 2px;
    bottom: 2px;
    width: 4px;
    background: #f5c518;
    border-radius: 2px;
}

@keyframes fadeInUp-b-1o5oicq310 {
    from {
        opacity: 0;
        transform: translateY(16px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

@media (max-width: 767.98px) {
    [b-1o5oicq310] .movie-content-grid {
        padding: 0 1rem 2rem;
    }

    [b-1o5oicq310] .poster-col {
        width: 100%;
        display: flex;
        justify-content: center;
    }

    [b-1o5oicq310] .row.align-items-start {
        flex-direction: column;
    }
}
/* /Components/Features/Details/Pages/ReleaseDetails.razor.rz.scp.css */
[b-y01mjjt8ey] .release-detail-page {
	--accent-gold: var(--bs-warning);
	--font-display: 'Bebas Neue', sans-serif;
	--font-body: 'DM Sans', sans-serif;
	--font-mono: 'DM Mono', monospace;

	color: var(--bs-body-color);
	overflow-x: hidden;
}

[b-y01mjjt8ey] .release-content-grid {
	position: relative;
	z-index: 1;
	max-width: 100%;
	overflow-x: hidden;
}

[b-y01mjjt8ey] .poster-col {
	width: 260px;
	flex-shrink: 0;
}

[b-y01mjjt8ey] .detail-col {
	min-width: 0;
	margin-left: 1rem;
	max-width: 100%;
	overflow-x: hidden;
}

/* ── Tab navigation ───────────────────── */
[b-y01mjjt8ey] .release-tabs {
	display: flex;
	gap: 0;
	border-bottom: 1px solid var(--bs-border-color);
	margin-bottom: 1.5rem;
	flex-wrap: wrap;
}

[b-y01mjjt8ey] .release-tab {
	font-family: 'DM Mono', monospace;
	font-size: 11px;
	font-weight: 700;
	letter-spacing: 0.08em;
	text-transform: uppercase;
	padding: 8px 20px;
	border-radius: 0;
	border: none;
	border-bottom: 2px solid transparent;
	margin-bottom: -1px;
	background: transparent;
	color: var(--bs-secondary-color);
	cursor: pointer;
	transition: color 0.15s, border-color 0.15s;
	opacity: 0.6;
}

[b-y01mjjt8ey] .release-tab:hover {
	color: var(--bs-body-color);
	opacity: 1;
}

[b-y01mjjt8ey] .release-tab.active {
	color: var(--bs-primary);
	border-bottom-color: var(--bs-primary);
	opacity: 1;
}

[b-y01mjjt8ey] .overview-text {
	font-family: 'DM Sans', sans-serif;
	font-size: 1rem;
	line-height: 1.7;
	color: var(--bs-secondary-color);
	margin-bottom: 1rem;
	animation: fadeInUp-b-y01mjjt8ey 0.5s ease both;
	animation-delay: 0.1s;
}

[b-y01mjjt8ey] .section-header {
	font-family: 'Bebas Neue', sans-serif;
	font-size: 1.3rem;
	letter-spacing: 1px;
	color: var(--bs-body-color);
	margin-bottom: 1rem;
	padding-left: 14px;
	position: relative;
	margin-top: 0.5rem;
}

[b-y01mjjt8ey] .section-header::before {
	content: '';
	position: absolute;
	left: 0;
	top: 2px;
	bottom: 2px;
	width: 4px;
	background: var(--accent-gold);
	border-radius: 2px;
}

@keyframes fadeInUp-b-y01mjjt8ey {
	from {
		opacity: 0;
		transform: translateY(16px);
	}
	to {
		opacity: 1;
		transform: translateY(0);
	}
}

@media (max-width: 767.98px) {
	[b-y01mjjt8ey] .release-content-grid {
		padding: 0 1rem 2rem;
	}

	[b-y01mjjt8ey] .poster-col {
		width: 100%;
		display: flex;
		justify-content: center;
	}

	[b-y01mjjt8ey] .row.align-items-start {
		flex-direction: column;
	}
}

/* ── CATEGORY CHIPS (tracking modal) ────────── */
.release-cat-chip[b-y01mjjt8ey] {
	display: inline-flex;
	align-items: center;
	gap: 0.25rem;
	padding: 6px 14px;
	border-radius: 6px;
	border: 1px solid var(--bs-border-color);
	background: var(--bs-body-bg);
	cursor: pointer;
	font-size: 0.875rem;
	user-select: none;
	transition: border-color 0.15s, background 0.15s;
}

.release-cat-chip:hover[b-y01mjjt8ey] {
	border-color: var(--bs-primary);
}

.release-cat-chip.active[b-y01mjjt8ey] {
	border-color: var(--bs-primary);
	background: rgba(59, 130, 246, 0.08);
}
/* /Components/Features/Details/Pages/TVShowDetails.razor.rz.scp.css */
[b-htu323mr9n] .tvshow-detail-page {
    --accent-gold: #f5c518;
    --font-display: 'Bebas Neue', sans-serif;
    --font-body: 'DM Sans', sans-serif;
    --font-mono: 'DM Mono', monospace;

    color: var(--bs-body-color);
    overflow-x: hidden;
}

[b-htu323mr9n] .tvshow-content-grid {
    position: relative;
    z-index: 1;
    max-width: 100%;
    overflow-x: hidden;
}

[b-htu323mr9n] .poster-col {
    width: 280px;
    flex-shrink: 0;
}

[b-htu323mr9n] .detail-col {
    min-width: 0;
    margin-left: 1rem;
    max-width: 100%;
    overflow-x: hidden;
}

[b-htu323mr9n] .section-header {
    font-family: 'Bebas Neue', sans-serif;
    font-size: 1.3rem;
    letter-spacing: 1px;
    color: var(--bs-body-color);
    margin-bottom: 1rem;
    padding-left: 14px;
    position: relative;
    margin-top: 0.5rem;
}

[b-htu323mr9n] .section-header::before {
    content: '';
    position: absolute;
    left: 0;
    top: 2px;
    bottom: 2px;
    width: 4px;
    background: #f5c518;
    border-radius: 2px;
}

@keyframes fadeInUp-b-htu323mr9n {
    from {
        opacity: 0;
        transform: translateY(16px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

@media (max-width: 767.98px) {
    [b-htu323mr9n] .tvshow-content-grid {
        padding: 0 1rem 2rem;
    }

    [b-htu323mr9n] .poster-col {
        width: 100%;
        display: flex;
        justify-content: center;
    }

    [b-htu323mr9n] .row.align-items-start {
        flex-direction: column;
    }
}
/* /Components/Features/Info/Controls/NewsItem.razor.rz.scp.css */
.news-item-container[b-l3uqawwtdw] {
    display: flex;
    flex-direction: column;
    gap: 1rem;
    padding: 1.5rem;
    margin-bottom: 1.5rem;
    background-color: var(--bs-body-bg);
    border: 1px solid var(--bs-border-color);
    border-radius: 0.5rem;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.05);
    transition: all 0.2s ease-in-out;
}

    .news-item-container:hover[b-l3uqawwtdw] {
        box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
        border-color: var(--bs-border-color-hover, var(--bs-border-color));
    }

    .news-item-container.news-item-hidden[b-l3uqawwtdw] {
        opacity: 0.6;
        background-color: var(--bs-secondary-bg);
    }

.news-item-header[b-l3uqawwtdw] {
    border-bottom: 2px solid var(--bs-border-color);
    padding-bottom: 0.75rem;
    margin-bottom: 0.25rem;
}

.news-item-title[b-l3uqawwtdw] {
    margin: 0;
    font-size: 1.5rem;
    font-weight: 600;
    color: var(--bs-heading-color);
    word-break: break-word;
}

.news-item-metadata[b-l3uqawwtdw] {
    display: flex;
    flex-wrap: wrap;
    gap: 1.5rem;
    font-size: 0.9rem;
    color: var(--bs-secondary-color);
    padding: 0.5rem 0;
}

.news-item-date[b-l3uqawwtdw],
.news-item-author[b-l3uqawwtdw] {
    display: flex;
    align-items: center;
    gap: 0.4rem;
}

    .news-item-date i[b-l3uqawwtdw],
    .news-item-author i[b-l3uqawwtdw] {
        font-size: 0.85rem;
        opacity: 0.8;
    }

.news-item-content[b-l3uqawwtdw] {
    flex: 1;
    line-height: 1.6;
    color: var(--bs-body-color);
    word-break: break-word;
    overflow-wrap: break-word;
}

    .news-item-content p[b-l3uqawwtdw] {
        margin: 0;
    }

        .news-item-content p + p[b-l3uqawwtdw] {
            margin-top: 1rem;
        }

.news-item-actions[b-l3uqawwtdw] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 0.5rem;
    padding-top: 0.75rem;
    border-top: 1px solid var(--bs-border-color);
}

.btn-action-sm[b-l3uqawwtdw] {
    padding: 0.4rem 0.6rem;
    font-size: 0.85rem;
    min-width: 2.5rem;
    height: 2rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    transition: all 0.15s ease-in-out;
}

.btn-action-separator[b-l3uqawwtdw] {
    width: 1px;
    height: 1.5rem;
    background-color: var(--bs-border-color);
    opacity: 0.5;
}
/* /Components/Features/Info/Pages/Api.razor.rz.scp.css */
.options-badge[b-kfrq92j5hb] {
	font-size: 9px;
}
/* /Components/Features/Info/Pages/GuidesPage.razor.rz.scp.css */
.guide-content[b-3xip9j25ax] {
	padding-top: 1rem;
}
/* /Components/Features/Lists/Controls/Filters/Movies/MovieGenreFilter.razor.rz.scp.css */
.genre-pill[b-1byqkpxlzs] {
	font-size: 0.875rem; /* ~14px - compact */
	line-height: 1.2;
	padding: 0.25rem 0.45rem; /* explicit padding - same for both states */
	border-width: 1px;
	border-style: solid;
	transition: background-color 0.15s ease, color 0.15s ease, border-color 0.15s ease, box-shadow 0.15s ease;
	white-space: nowrap;
	position: relative; /* helps with shadow containment */
}

/* Outline (unselected) state */
.genre-pill.btn-outline-primary[b-1byqkpxlzs] {
	--bs-btn-bg: transparent;
	--bs-btn-border-color: var(--bs-primary);
	--bs-btn-color: var(--bs-primary);
	--bs-btn-hover-bg: var(--bs-primary);
	--bs-btn-hover-border-color: var(--bs-primary);
	--bs-btn-hover-color: white;
}

/* Selected (filled) state */
.genre-pill.btn-primary[b-1byqkpxlzs] {
	--bs-btn-bg: var(--bs-primary);
	--bs-btn-border-color: var(--bs-primary);
	--bs-btn-color: white;
}

/* Prevent any size change on click/active */
.genre-pill:active[b-1byqkpxlzs],
.genre-pill:focus:active[b-1byqkpxlzs] {
	transform: none !important; /* override Bootstrap's translateY(1px) on :active */
	box-shadow: none !important; /* remove inset shadow that shrinks content area */
}

/* Hover lift effect - only on non-active */
.genre-pill:hover:not(:active)[b-1byqkpxlzs] {
	transform: translateY(-1px);
	box-shadow: 0 2px 8px rgba(0,0,0,0.12);
}

.genre-pills-container[b-1byqkpxlzs] {
	row-gap: 0.5rem;
	column-gap: 0.5rem; /* consistent with gap-2 */
}
/* /Components/Features/Lists/Controls/Filters/TV/TVGenreFilter.razor.rz.scp.css */
.genre-pill[b-qd2v26mgl5] {
	font-size: 0.875rem; /* ~14px - compact */
	line-height: 1.2;
	padding: 0.25rem 0.45rem; /* explicit padding - same for both states */
	border-width: 1px;
	border-style: solid;
	transition: background-color 0.15s ease, color 0.15s ease, border-color 0.15s ease, box-shadow 0.15s ease;
	white-space: nowrap;
	position: relative; /* helps with shadow containment */
}

/* Outline (unselected) state */
.genre-pill.btn-outline-primary[b-qd2v26mgl5] {
	--bs-btn-bg: transparent;
	--bs-btn-border-color: var(--bs-primary);
	--bs-btn-color: var(--bs-primary);
	--bs-btn-hover-bg: var(--bs-primary);
	--bs-btn-hover-border-color: var(--bs-primary);
	--bs-btn-hover-color: white;
}

/* Selected (filled) state */
.genre-pill.btn-primary[b-qd2v26mgl5] {
	--bs-btn-bg: var(--bs-primary);
	--bs-btn-border-color: var(--bs-primary);
	--bs-btn-color: white;
}

/* Prevent any size change on click/active */
.genre-pill:active[b-qd2v26mgl5],
.genre-pill:focus:active[b-qd2v26mgl5] {
	transform: none !important; /* override Bootstrap's translateY(1px) on :active */
	box-shadow: none !important; /* remove inset shadow that shrinks content area */
}

/* Hover lift effect - only on non-active */
.genre-pill:hover:not(:active)[b-qd2v26mgl5] {
	transform: translateY(-1px);
	box-shadow: 0 2px 8px rgba(0,0,0,0.12);
}

.genre-pills-container[b-qd2v26mgl5] {
	row-gap: 0.5rem;
	column-gap: 0.5rem; /* consistent with gap-2 */
}
/* /Components/Features/Lists/Controls/MovieFilterView.razor.rz.scp.css */
/* ── Filter Overlay ── */
.filter-overlay[b-6r76l6iazs] {
	position: fixed;
	inset: 0;
	background-color: rgba(0, 0, 0, 0.5);
	z-index: 1040;
	opacity: 0;
	transition: opacity 0.3s ease;
	pointer-events: none;
	display: none;
}

	.filter-overlay.open[b-6r76l6iazs] {
		opacity: 1;
		pointer-events: auto;
		display: block;
	}

/* ── Filter Panel ── */
.filter-panel[b-6r76l6iazs] {
	position: fixed;
	top: 0;
	right: -380px;
	bottom: 0;
	width: 380px;
	background-color: #0f0f0f;
	border-left: 1px solid #333;
	z-index: 1050;
	display: flex;
	flex-direction: column;
	transition: right 0.3s ease;
	box-shadow: -2px 0 8px rgba(0, 0, 0, 0.3);
	visibility: hidden;
	pointer-events: none;
}

	.filter-panel.open[b-6r76l6iazs] {
		right: 0;
		visibility: visible;
		pointer-events: auto;
	}

 /* ── Header ── */
.filter-panel-header[b-6r76l6iazs] {
	display: flex;
	justify-content: space-between;
	align-items: center;
	padding: 1rem 1.25rem;
	border-bottom: 1px solid var(--bs-border-color);
	background-color: var(--bs-tertiary-bg);
	flex-shrink: 0;
}

.filter-panel-header h5[b-6r76l6iazs] {
	color: var(--bs-emphasis-color);
	font-weight: 600;
	margin: 0;
}

.filter-panel-close[b-6r76l6iazs] {
	background: none;
	border: none;
	color: var(--bs-secondary-color);
	font-size: 1.5rem;
	line-height: 1;
	padding: 0;
	cursor: pointer;
	transition: color 0.15s ease;
}

	.filter-panel-close:hover[b-6r76l6iazs] {
		color: var(--bs-emphasis-color);
	}

.filter-panel-body[b-6r76l6iazs] {
	flex: 1;
	overflow-y: auto;
	padding: 1.25rem;
	min-width: 0;
	background-color: var(--bs-body-bg);
}

	.filter-panel-body .filter-group[b-6r76l6iazs] {
		margin-bottom: 1.5rem;
	}

		.filter-panel-body .filter-group:last-child[b-6r76l6iazs] {
			margin-bottom: 0;
		}

	/* Override Bootstrap grid classes inside the panel */
	.filter-panel-body[b-6r76l6iazs]  [class*="col-"] {
		padding-left: 0 !important;
		padding-right: 0 !important;
		flex: 0 0 100% !important;
		max-width: 100% !important;
		width: 100% !important;
	}

	.filter-panel-body[b-6r76l6iazs]  .form-label,
	.filter-panel-body[b-6r76l6iazs]  label {
		font-weight: 600;
		letter-spacing: 0.5px;
		color: #ccc;
		display: block;
		margin-bottom: 0.5rem;
	}

	.filter-panel-body[b-6r76l6iazs]  .form-select:focus,
	.filter-panel-body[b-6r76l6iazs]  .form-control:focus {
		border-color: var(--bs-primary);
		box-shadow: 0 0 0 0.2rem rgba(var(--bs-primary-rgb), 0.2);
		background-color: var(--bs-body-bg);
		color: var(--bs-body-color);
	}

	.filter-panel-body[b-6r76l6iazs]  .form-select:focus,
	.filter-panel-body[b-6r76l6iazs]  .form-control:focus,
	.filter-panel-body[b-6r76l6iazs]  .hx-select:focus,
	.filter-panel-body[b-6r76l6iazs]  .hx-autosuggest:focus {
		background-color: var(--bs-body-bg);
		border-color: var(--bs-border-color);
		box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
	}

	.filter-panel-body[b-6r76l6iazs]  .dropdown-item {
		color: var(--bs-body-color);
	}

		.filter-panel-body[b-6r76l6iazs]  .dropdown-item:hover,
		.filter-panel-body[b-6r76l6iazs]  .dropdown-item:focus {
			background-color: var(--bs-tertiary-bg);
			color: var(--bs-emphasis-color);
		}

.filter-panel-footer[b-6r76l6iazs] {
	display: flex;
	gap: 0.5rem;
	padding: 1rem 1.25rem;
	border-top: 1px solid var(--bs-border-color);
	background-color: var(--bs-tertiary-bg);
	flex-shrink: 0;
}

	.filter-panel-footer[b-6r76l6iazs]  button {
		flex: 1;
	}

/* ── Genre Checkboxes in Panel ── */
.filter-panel-body .genre-pills-container[b-6r76l6iazs] {
	display: flex;
	flex-wrap: wrap;
	gap: 0.4rem;
	margin-top: 0.5rem;
}

.filter-panel-body[b-6r76l6iazs]  .hx-form-group.genre-checkbox-list .d-flex.gap-1 {
	flex-wrap: wrap !important;
	gap: 0.5rem !important;
}

/* Scrollbar styling for panel */
.filter-panel-body[b-6r76l6iazs]::-webkit-scrollbar {
	width: 6px;
}

.filter-panel-body[b-6r76l6iazs]::-webkit-scrollbar-track {
	background: transparent;
}

.filter-panel-body[b-6r76l6iazs]::-webkit-scrollbar-thumb {
	background: #444;
	border-radius: 4px;
}

	.filter-panel-body[b-6r76l6iazs]::-webkit-scrollbar-thumb:hover {
		background: #555;
	}

/* /Components/Features/Lists/Controls/MovieImageCard.razor.rz.scp.css */
.movie-image-card-link[b-bxp89b1iuy] {
	text-decoration: none;
	color: inherit;
	display: block;
	width: 140px;
	margin: 8px;
}

.movie-image-card[b-bxp89b1iuy] {
	display: flex;
	flex-direction: column;
	gap: 8px;
	width: 140px;
	transition: transform 0.2s ease, box-shadow 0.2s ease;
	position: relative;
}

.movie-image-card-link:hover .movie-image-card[b-bxp89b1iuy] {
	transform: translateY(-4px);
}

.movie-poster-container[b-bxp89b1iuy] {
	position: relative;
	overflow: visible;
	border-radius: 8px;
	background-color: var(--bs-secondary-bg, #e9ecef);
	width: 140px;
	height: 210px;
}

.movie-poster-image[b-bxp89b1iuy] {
	width: 100%;
	height: 100%;
	object-fit: cover;
	display: block;
}

.movie-poster-placeholder[b-bxp89b1iuy] {
	width: 100%;
	height: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
	color: var(--bs-secondary, #6c757d);
}

.movie-rating-badge[b-bxp89b1iuy] {
	position: absolute;
	top: 195px;
	right: 8px;
	width: 30px;
	height: 30px;
	border-radius: 50%;
	background-color: #000;
	display: flex;
	align-items: center;
	justify-content: center;
	box-shadow: 0 2px 8px rgba(0, 0, 0, 0.3);
	z-index: 10;
}

.movie-imdb-badge[b-bxp89b1iuy] {
	position: absolute;
	top: 196px;
	left: 8px;
	height: 28px;
	padding: 0 4px;
	border-radius: 18px;
	background-color: #000;
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 4px;
	box-shadow: 0 2px 8px rgba(0, 0, 0, 0.3);
	z-index: 10;
}

	.movie-imdb-badge svg[b-bxp89b1iuy] {
		width: 16px;
		height: 16px;
		color: #ffc107;
	}

.imdb-rating-value[b-bxp89b1iuy] {
	font-size: 0.75rem;
	font-weight: 500;
	color: white;
	min-width: 20px;
	text-align: center;
}

.circular-progress[b-bxp89b1iuy] {
	width: 36px;
	height: 36px;
	transform: rotate(-90deg);
	position: absolute;
}

.progress-background[b-bxp89b1iuy] {
	fill: none;
	stroke: #333;
	stroke-width: 2;
}

.progress-bar[b-bxp89b1iuy] {
	fill: none;
	stroke-width: 2;
	stroke-linecap: round;
	transition: stroke 0.3s ease;
}

.badge-text[b-bxp89b1iuy] {
	font-size: 0.625rem;
	font-weight: 700;
	color: white;
	position: relative;
	z-index: 1;
}

.movie-info[b-bxp89b1iuy] {
	padding: 0 2px;
	width: 140px;
	margin-top: 5px;
}

.movie-title[b-bxp89b1iuy] {
	margin: 0;
	font-size: 0.875rem;
	font-weight: 600;
	line-height: 1.3;
	color: var(--bs-body-color, #212529);
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	overflow: hidden;
}

.movie-release-date[b-bxp89b1iuy] {
	margin: 4px 0 0;
	font-size: 0.8125rem;
	color: var(--bs-secondary, #6c757d);
}

.movie-image-card-link:hover .movie-title[b-bxp89b1iuy] {
	color: var(--bs-primary, #0d6efd);
}

.content-rating[b-bxp89b1iuy] {
	position: absolute;
	top: 1px;
	right: 1px;
	padding: 2px 6px;
	font-size: 0.65rem;
	font-weight: 600;
	letter-spacing: .02em;
	border-radius: 4px;
	background: rgba(0,0,0,0.65);
	color: #fff;
	backdrop-filter: blur(2px);
	pointer-events: none;
	border: 1px solid #ffc107;
}
/* /Components/Features/Lists/Controls/TopMovieNav.razor.rz.scp.css */
.top-movies-nav[b-9uouure3po] {
	display: flex;
	flex-direction: column;
	gap: 0;
	padding: 0;
}

/* Category pills — flatter, less noisy */
.top-movies-pills[b-9uouure3po] {
	display: flex;
	flex-wrap: wrap;
	gap: 0.4rem;
	padding: 0.75rem 0;
}

.top-movies-pill[b-9uouure3po] {
	font-family: 'DM Mono', monospace;
	font-size: 10px;
	font-weight: 600;
	letter-spacing: 0.07em;
	text-transform: uppercase;
	padding: 4px 12px;
	border-radius: 4px;
	border: none;
	background: var(--bs-tertiary-bg);
	color: var(--bs-secondary-color);
	cursor: pointer;
	transition: background 0.15s, color 0.15s;
}

	.top-movies-pill:hover[b-9uouure3po] {
		background: rgba(var(--bs-primary-rgb), 0.1);
		color: var(--bs-primary);
	}

	.top-movies-pill.active[b-9uouure3po] {
		background: rgba(var(--bs-primary-rgb), 0.15);
		color: var(--bs-primary);
		font-weight: 700;
	}
/* /Components/Features/Lists/Controls/TVFilterView.razor.rz.scp.css */
/* ── Filter Overlay ── */
.filter-overlay[b-brtvr8anze] {
	position: fixed;
	inset: 0;
	background-color: rgba(0, 0, 0, 0.5);
	z-index: 1040;
	opacity: 0;
	transition: opacity 0.3s ease;
	pointer-events: none;
	display: none;
}

	.filter-overlay.open[b-brtvr8anze] {
		opacity: 1;
		pointer-events: auto;
		display: block;
	}

/* ── Filter Panel ── */
.filter-panel[b-brtvr8anze] {
	position: fixed;
	top: 0;
	right: -380px;
	bottom: 0;
	width: 380px;
	background-color: #0f0f0f;
	border-left: 1px solid #333;
	z-index: 1050;
	display: flex;
	flex-direction: column;
	transition: right 0.3s ease;
	box-shadow: -2px 0 8px rgba(0, 0, 0, 0.3);
	visibility: hidden;
	pointer-events: none;
}

	.filter-panel.open[b-brtvr8anze] {
		right: 0;
		visibility: visible;
		pointer-events: auto;
	}

/* ── Header ── */
.filter-panel-header[b-brtvr8anze] {
	display: flex;
	justify-content: space-between;
	align-items: center;
	padding: 1rem 1.25rem;
	border-bottom: 1px solid var(--bs-border-color);
	background-color: var(--bs-tertiary-bg);
	flex-shrink: 0;
}

	.filter-panel-header h5[b-brtvr8anze] {
		color: var(--bs-emphasis-color);
		font-weight: 600;
		margin: 0;
	}

.filter-panel-close[b-brtvr8anze] {
	background: none;
	border: none;
	color: var(--bs-secondary-color);
	font-size: 1.5rem;
	line-height: 1;
	padding: 0;
	cursor: pointer;
	transition: color 0.15s ease;
}

	.filter-panel-close:hover[b-brtvr8anze] {
		color: var(--bs-emphasis-color);
	}

/* ── Body ── */
.filter-panel-body[b-brtvr8anze] {
	flex: 1;
	overflow-y: auto;
	padding: 1rem;
	min-width: 0;
	background-color: var(--bs-body-bg);
}

	.filter-panel-body .filter-group[b-brtvr8anze] {
		margin-bottom: 1.25rem;
		padding-bottom: 1.25rem;
		border-bottom: 1px solid var(--bs-border-color-translucent);
	}

		.filter-panel-body .filter-group:last-child[b-brtvr8anze] {
			margin-bottom: 0;
			padding-bottom: 0;
			border-bottom: none;
		}

	/* Flatten the Bootstrap grid inside the panel */
	.filter-panel-body[b-brtvr8anze]  [class*="col-"] {
		padding-left: 0 !important;
		padding-right: 0 !important;
		flex: 0 0 100% !important;
		max-width: 100% !important;
		width: 100% !important;
	}

	/* Labels */
	.filter-panel-body[b-brtvr8anze]  .form-label,
	.filter-panel-body[b-brtvr8anze]  label {
		font-size: 0.7rem;
		font-weight: 700;
		letter-spacing: 0.6px;
		text-transform: uppercase;
		color: #ccc;
		display: block;
		margin-bottom: 0.4rem;
	}

	/* Form controls – inherit Bootstrap theme colours */
	.filter-panel-body[b-brtvr8anze]  .form-select,
	.filter-panel-body[b-brtvr8anze]  .form-control {
		width: 100%;
		background-color: var(--bs-body-bg);
		border-color: var(--bs-border-color);
		color: var(--bs-body-color);
	}

		.filter-panel-body[b-brtvr8anze]  .form-select:focus,
		.filter-panel-body[b-brtvr8anze]  .form-control:focus {
			border-color: var(--bs-primary);
			box-shadow: 0 0 0 0.2rem rgba(var(--bs-primary-rgb), 0.2);
			background-color: var(--bs-body-bg);
			color: var(--bs-body-color);
		}

	/* Havit HxSelect / HxAutosuggest wrappers */
	.filter-panel-body[b-brtvr8anze]  .hx-form-state-valid-icon,
	.filter-panel-body[b-brtvr8anze]  .hx-form-state-invalid-icon {
		display: none;
	}

	/* Autosuggest dropdown */
	.filter-panel-body[b-brtvr8anze]  .dropdown-menu {
		background-color: var(--bs-body-bg);
		border-color: var(--bs-border-color);
		box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
	}

	.filter-panel-body[b-brtvr8anze]  .dropdown-item {
		color: var(--bs-body-color);
	}

		.filter-panel-body[b-brtvr8anze]  .dropdown-item:hover,
		.filter-panel-body[b-brtvr8anze]  .dropdown-item:focus {
			background-color: var(--bs-tertiary-bg);
			color: var(--bs-emphasis-color);
		}

/* ── Footer ── */
.filter-panel-footer[b-brtvr8anze] {
	display: flex;
	gap: 0.5rem;
	padding: 1rem 1.25rem;
	border-top: 1px solid var(--bs-border-color);
	background-color: var(--bs-tertiary-bg);
	flex-shrink: 0;
}

	.filter-panel-footer[b-brtvr8anze]  button {
		flex: 1;
	}

/* ── Genre pills ── */
.filter-panel-body .genre-pills-container[b-brtvr8anze] {
	display: flex;
	flex-wrap: wrap;
	gap: 0.4rem;
	margin-top: 0.5rem;
}

.filter-panel-body[b-brtvr8anze]  .hx-form-group.genre-checkbox-list .d-flex.gap-1 {
	flex-wrap: wrap !important;
	gap: 0.5rem !important;
}

/* ── Scrollbar ── */
.filter-panel-body[b-brtvr8anze]::-webkit-scrollbar {
	width: 6px;
}

.filter-panel-body[b-brtvr8anze]::-webkit-scrollbar-track {
	background: transparent;
}

.filter-panel-body[b-brtvr8anze]::-webkit-scrollbar-thumb {
	background: var(--bs-border-color);
	border-radius: 4px;
}

	.filter-panel-body[b-brtvr8anze]::-webkit-scrollbar-thumb:hover {
		background: var(--bs-secondary-color);
	}

/* /Components/Features/Lists/Controls/TVImageCard.razor.rz.scp.css */
.tv-image-card-link[b-9j0u3rvwey] {
	text-decoration: none;
	color: inherit;
	display: block;
	width: 140px;
	margin: 8px;
}

.tv-image-card[b-9j0u3rvwey] {
	display: flex;
	flex-direction: column;
	gap: 8px;
	width: 140px;
	transition: transform 0.2s ease, box-shadow 0.2s ease;
	position: relative;
}

.tv-image-card-link:hover .tv-image-card[b-9j0u3rvwey] {
	transform: translateY(-4px);
}

.tv-poster-container[b-9j0u3rvwey] {
	position: relative;
	overflow: visible;
	border-radius: 8px;
	background-color: var(--bs-secondary-bg, #e9ecef);
	width: 140px;
	height: 210px;
	border: 2px solid rgba(255,255,255,0.08); /* neutral default */
	transition: border-color .18s ease, box-shadow .18s ease;
}

.tv-poster-image[b-9j0u3rvwey] {
	width: 100%;
	height: 100%;
	object-fit: cover;
	display: block;
}

.tv-poster-placeholder[b-9j0u3rvwey] {
	width: 100%;
	height: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
	color: var(--bs-secondary, #6c757d);
}

.tv-rating-badge[b-9j0u3rvwey] {
	position: absolute;
	top: 195px;
	right: 8px;
	width: 30px;
	height: 30px;
	border-radius: 50%;
	background-color: #000;
	display: flex;
	align-items: center;
	justify-content: center;
	box-shadow: 0 2px 8px rgba(0, 0, 0, 0.3);
	z-index: 10;
}

.tv-imdb-badge[b-9j0u3rvwey] {
	position: absolute;
	top: 196px;
	left: 8px;
	height: 28px;
	padding: 0 4px;
	border-radius: 18px;
	background-color: #000;
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 4px;
	box-shadow: 0 2px 8px rgba(0, 0, 0, 0.3);
	z-index: 10;
}

	.tv-imdb-badge svg[b-9j0u3rvwey] {
		width: 16px;
		height: 16px;
		color: #ffc107;
	}

.imdb-rating-value[b-9j0u3rvwey] {
	font-size: 0.75rem;
	font-weight: 500;
	color: white;
	min-width: 20px;
	text-align: center;
}

.circular-progress[b-9j0u3rvwey] {
	width: 36px;
	height: 36px;
	transform: rotate(-90deg);
	position: absolute;
}

.progress-background[b-9j0u3rvwey] {
	fill: none;
	stroke: #333;
	stroke-width: 2;
}

.progress-bar[b-9j0u3rvwey] {
	fill: none;
	stroke-width: 2;
	stroke-linecap: round;
	transition: stroke 0.3s ease;
}

.badge-text[b-9j0u3rvwey] {
	font-size: 0.625rem;
	font-weight: 700;
	color: white;
	position: relative;
	z-index: 1;
}

.tv-info[b-9j0u3rvwey] {
	padding: 0 2px;
	width: 140px;
	margin-top: 5px;
}

.tv-title[b-9j0u3rvwey] {
	margin: 0;
	font-size: 0.875rem;
	font-weight: 600;
	line-height: 1.3;
	color: var(--bs-body-color, #212529);
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	overflow: hidden;
}

.tv-release-date[b-9j0u3rvwey] {
	margin: 4px 0 0;
	font-size: 0.8125rem;
	color: var(--bs-secondary, #6c757d);
}

.tv-image-card-link:hover .tv-title[b-9j0u3rvwey] {
	color: var(--bs-primary, #0d6efd);
}

.status-running .tv-poster-container[b-9j0u3rvwey] {
	border-color: rgba(34, 197, 94, 0.7); /* green */
}

.status-dev .tv-poster-container[b-9j0u3rvwey] {
	border-color: rgba(59, 130, 246, 0.7); /* blue */
}

.status-ended .tv-poster-container[b-9j0u3rvwey] {
	border-color: rgba(107, 114, 128, 0.6); /* gray */
}

.status-tbd .tv-poster-container[b-9j0u3rvwey] {
	border-color: rgba(245, 158, 11, 0.75); /* amber */
}

.tv-image-card-link:hover .tv-poster-container[b-9j0u3rvwey] {
	border-color: var(--status-color, rgba(255,255,255,0.35));
	box-shadow: 0 4px 10px rgba(0,0,0,0.35);
}

.status-running[b-9j0u3rvwey] {
	--status-color: #22C55E;
}

.status-dev[b-9j0u3rvwey] {
	--status-color: #3B82F6;
}

.status-ended[b-9j0u3rvwey] {
	--status-color: #6B7280;
}

.status-tbd[b-9j0u3rvwey] {
	--status-color: #F59E0B;
}
/* /Components/Features/Lists/Pages/MovieLists.razor.rz.scp.css */
.active-filters-bar[b-jdxupgffw0] {
	display: flex;
	align-items: center;
	gap: 1rem;
	flex-wrap: wrap;
}

.active-filters-content[b-jdxupgffw0] {
	display: flex;
	align-items: center;
	gap: 0.5rem;
}

.active-filters-bar-end[b-jdxupgffw0] {
	display: flex;
	align-items: center;
	gap: 1.5rem;
	margin-left: auto;
}

.active-filter-tag[b-jdxupgffw0] {
	display: inline-flex;
	align-items: center;
	gap: 0.5rem;
	padding: 0.25rem 0.75rem;
	background-color: var(--bs-primary-bg-subtle, #cfe2ff);
	border: 1px solid var(--bs-primary-border-subtle, #b6d4fe);
	border-radius: 4px;
	font-size: 0.875rem;
	color: var(--bs-primary, #0d6efd);
}

.active-filter-remove[b-jdxupgffw0] {
	background: none;
	border: none;
	padding: 0;
	cursor: pointer;
	color: inherit;
	display: flex;
	align-items: center;
}

.active-filter-remove:hover[b-jdxupgffw0] {
	opacity: 0.7;
}

.sort-display[b-jdxupgffw0] {
	font-weight: 500;
	color: var(--bs-body-color, #212529);
	white-space: nowrap;
}

.movies-count[b-jdxupgffw0] {
	font-size: 0.875rem;
	color: var(--bs-secondary, #6c757d);
	white-space: nowrap;
}
/* /Components/Features/Lists/Pages/TopDownloads.razor.rz.scp.css */
/* ── SECTION PILL NAVIGATION ────────────────────── */
.top-dl-pills[b-idxe3aemif] {
	display: flex;
	gap: 0;
	border-bottom: 1px solid var(--bs-border-color);
	padding-bottom: 0;
}

.top-dl-pill[b-idxe3aemif] {
	font-family: 'DM Mono', monospace;
	font-size: 11px;
	font-weight: 700;
	letter-spacing: 0.08em;
	text-transform: uppercase;
	padding: 8px 20px;
	border-radius: 0;
	border: none;
	border-bottom: 2px solid transparent;
	margin-bottom: -1px; /* sits on top of the nav border */
	background: transparent;
	color: var(--bs-secondary-color);
	cursor: pointer;
	transition: color 0.15s, border-color 0.15s;
	opacity: 0.6;
}

	.top-dl-pill:hover[b-idxe3aemif] {
		color: var(--bs-body-color);
		opacity: 1;
	}

	.top-dl-pill.active[b-idxe3aemif] {
		color: var(--bs-primary);
		border-bottom-color: var(--bs-primary);
		opacity: 1;
	}
/* /Components/Features/Lists/Pages/TopMovies.razor.rz.scp.css */
.top-movies-pills[b-b3gn7mhkte] {
	display: flex;
	flex-wrap: wrap;
	gap: 0.5rem;
	padding: 1rem 0;
}

.top-movies-pill[b-b3gn7mhkte] {
	font-family: 'DM Mono', monospace;
	font-size: 11px;
	font-weight: 600;
	letter-spacing: 0.06em;
	text-transform: uppercase;
	padding: 5px 14px;
	border-radius: 20px;
	border: 1px solid var(--bs-border-color);
	background: var(--bs-tertiary-bg);
	color: var(--bs-secondary-color);
	cursor: pointer;
	transition: background 0.15s, border-color 0.15s, color 0.15s;
}

	.top-movies-pill:hover[b-b3gn7mhkte] {
		border-color: rgba(var(--bs-primary-rgb), 0.5);
		color: var(--bs-primary);
		background: rgba(var(--bs-primary-rgb), 0.06);
	}

	.top-movies-pill.active[b-b3gn7mhkte] {
		background: var(--bs-primary);
		border-color: var(--bs-primary);
		color: #fff;
	}
/* /Components/Features/Lists/Pages/TVCalendar.razor.rz.scp.css */
:global(.tv-calendar-wrapper)[b-guip41y7a2] {
	display: flex !important;
	flex-direction: column !important;
	height: calc(100vh - 60px) !important;
}

:global(.tv-calendar-wrapper > *)[b-guip41y7a2] {
	display: flex !important;
	flex-direction: column !important;
	height: 100% !important;
	overflow: hidden !important;
}

.tv-calendar-nav[b-guip41y7a2] {
	flex-shrink: 0;
	padding-bottom: 1rem;
	overflow-x: auto;
}

.calendar-container[b-guip41y7a2] {
	flex: 1 1 auto;
	overflow-y: auto;
	overflow-x: hidden;
	transition: all 0.3s ease;
	padding-right: 8px;
}

	.calendar-container[b-guip41y7a2]::-webkit-scrollbar {
		width: 8px;
	}

	.calendar-container[b-guip41y7a2]::-webkit-scrollbar-track {
		background: var(--bs-gray-100);
	}

	.calendar-container[b-guip41y7a2]::-webkit-scrollbar-thumb {
		background: var(--bs-gray-400);
		border-radius: 4px;
	}

		.calendar-container[b-guip41y7a2]::-webkit-scrollbar-thumb:hover {
			background: var(--bs-gray-600);
		}

.calendar-header[b-guip41y7a2] {
	flex-shrink: 0;
	overflow-x: auto;
	padding-bottom: 0.5rem;
}

	.calendar-header[b-guip41y7a2]::-webkit-scrollbar {
		height: 4px;
	}

	.calendar-header[b-guip41y7a2]::-webkit-scrollbar-thumb {
		background: var(--bs-gray-400);
		border-radius: 2px;
	}

.calendar-episode[b-guip41y7a2] {
	transition: background-color 0.2s ease;
}

	.calendar-episode:hover[b-guip41y7a2] {
		background-color: var(--bs-gray-100);
	}

.no-image[b-guip41y7a2] {
	font-size: 0.75rem;
}

/* Responsive adjustments */
@@media (max-width: 576px) {
	:global(.tv-calendar-wrapper)[b-guip41y7a2] {
		height: auto !important;
	}

	.calendar-container[b-guip41y7a2] {
		max-height: calc(100vh - 350px);
	}

	.btn-sm[b-guip41y7a2] {
		padding: 0.35rem 0.5rem;
		font-size: 0.8rem;
	}

	.card[b-guip41y7a2] {
		margin-bottom: 0.5rem;
	}

	.card-header h6[b-guip41y7a2] {
		font-size: 1rem;
	}

	input[type="date"][b-guip41y7a2] {
		font-size: 0.9rem;
	}
}

@@media (max-width: 768px) {
	.calendar-header[b-guip41y7a2] {
		margin-bottom: 1rem;
	}

	.table-sm[b-guip41y7a2] {
		font-size: 0.85rem;
	}

	.badge[b-guip41y7a2] {
		font-size: 0.75rem;
	}
}

/* Accessibility */
.btn:focus[b-guip41y7a2] {
	outline: 2px solid var(--bs-primary);
	outline-offset: 2px;
}

.card[b-guip41y7a2] {
	border-radius: 0.5rem;
	box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12);
}

.calendar-page-content[b-guip41y7a2] {
	display: flex;
	flex-direction: column;
	height: calc(100vh - 180px); /* Account for header, nav, etc. */
	min-height: 0;
	overflow-y: hidden;
}
/* /Components/Features/Lists/Pages/TVLists.razor.rz.scp.css */
.active-filters-bar[b-3i0t98fdnx] {
	display: flex;
	align-items: center;
	gap: 1rem;
	flex-wrap: wrap;
}

.active-filters-content[b-3i0t98fdnx] {
	display: flex;
	align-items: center;
	gap: 0.5rem;
}

.active-filters-bar-end[b-3i0t98fdnx] {
	display: flex;
	align-items: center;
	gap: 1.5rem;
	margin-left: auto;
}

.active-filter-tag[b-3i0t98fdnx] {
	display: inline-flex;
	align-items: center;
	gap: 0.5rem;
	padding: 0.25rem 0.75rem;
	background-color: var(--bs-primary-bg-subtle, #cfe2ff);
	border: 1px solid var(--bs-primary-border-subtle, #b6d4fe);
	border-radius: 4px;
	font-size: 0.875rem;
	color: var(--bs-primary, #0d6efd);
}

.active-filter-remove[b-3i0t98fdnx] {
	background: none;
	border: none;
	padding: 0;
	cursor: pointer;
	color: inherit;
	display: flex;
	align-items: center;
}

.active-filter-remove:hover[b-3i0t98fdnx] {
	opacity: 0.7;
}

.sort-display[b-3i0t98fdnx] {
	font-weight: 500;
	color: var(--bs-body-color, #212529);
	white-space: nowrap;
}
/* /Components/Features/MyAccount/Controls/EditProfilePreferencesTab.razor.rz.scp.css */
.edit-profile-excluded-categories[b-wpbzfreffm] {
	max-height: 9rem;
	overflow-y: auto;
	padding: 0.75rem;
	border: 1px solid var(--bs-border-color);
	border-radius: var(--bs-border-radius);
	background-color: var(--bs-body-bg);
}
/* /Components/Features/MyAccount/Pages/Donate.razor.rz.scp.css */
.donate-card[b-ugtmn7ny4r] {
	transition: transform 0.15s ease, box-shadow 0.15s ease;
}

.donate-card:hover[b-ugtmn7ny4r] {
	transform: translateY(-2px);
	box-shadow: 0 4px 16px rgba(0, 0, 0, 0.12);
}
/* /Components/Features/MyAccount/Pages/EditProfile.razor.rz.scp.css */
.edit-profile-tabs :deep(.sp-pill.active)[b-hnsmc32in2] {
	color: var(--bs-primary);
	border-bottom: 3px solid var(--bs-primary);
	background-color: rgba(var(--bs-primary-rgb), 0.07);
	opacity: 1;
}
/* /Components/Features/MyAccount/Pages/MembershipUpgrade.razor.rz.scp.css */
.upgrade-card[b-iopp5k1to8] {
	transition: transform 0.15s ease, box-shadow 0.15s ease;
}

.upgrade-card:hover[b-iopp5k1to8] {
	transform: translateY(-2px);
	box-shadow: 0 4px 16px rgba(0, 0, 0, 0.12);
}

.upgrade-card.border-warning[b-iopp5k1to8] {
	box-shadow: 0 0 0 1px var(--bs-warning);
}

.upgrade-features li[b-iopp5k1to8] {
	padding: 0.3rem 0;
	display: flex;
	align-items: center;
}
/* /Components/Features/MyAccount/Pages/Profile.razor.rz.scp.css */
.checkbox-list-container[b-imt32qxwz8] {
	max-height: 150px;
	overflow-y: auto;
	border: 1px solid var(--bs-border-color);
	border-radius: var(--bs-border-radius);
	padding: 0.5rem;
}

.profile-image-section[b-imt32qxwz8] {
	padding: 1.5rem;
	border: 1px solid var(--bs-border-color);
	border-radius: var(--bs-border-radius);
}

.profile-image-preview[b-imt32qxwz8] {
	max-width: 300px;
	max-height: 300px;
	border-radius: var(--bs-border-radius);
	object-fit: cover;
	border-radius: 50%;
	border: 2px solid var(--bs-border-color);
	display: inline-block;
}
/* /Components/Features/Releases/Components/ActiveFiltersBar.razor.rz.scp.css */
.active-filters-bar[b-pp5hqk8zcr] {
	display: flex;
	align-items: center;
	gap: 1rem;
	flex-wrap: wrap;
}

.active-filters-content[b-pp5hqk8zcr] {
	display: flex;
	align-items: center;
	gap: 0.5rem;
}

.active-filter-tag[b-pp5hqk8zcr] {
	display: inline-flex;
	align-items: center;
	gap: 0.5rem;
	padding: 0.25rem 0.75rem;
	background-color: var(--bs-primary-bg-subtle, #cfe2ff);
	border: 1px solid var(--bs-primary-border-subtle, #b6d4fe);
	border-radius: 4px;
	font-size: 0.875rem;
	color: var(--bs-primary, #0d6efd);
}

.active-filter-remove[b-pp5hqk8zcr] {
	background: none;
	border: none;
	padding: 0;
	cursor: pointer;
	color: inherit;
	display: flex;
	align-items: center;
}

.active-filter-remove:hover[b-pp5hqk8zcr] {
	opacity: 0.7;
}
/* /Components/Features/Releases/Components/BrowseFilterView.razor.rz.scp.css */
/* ── Filter Overlay ── */
.filter-overlay[b-ujubw2mpwj] {
	position: fixed;
	inset: 0;
	background-color: rgba(0, 0, 0, 0.5);
	z-index: 1040;
	opacity: 0;
	transition: opacity 0.3s ease;
	pointer-events: none;
	display: none;
}

	.filter-overlay.open[b-ujubw2mpwj] {
		opacity: 1;
		pointer-events: auto;
		display: block;
	}

/* ── Filter Panel ── */
.filter-panel[b-ujubw2mpwj] {
	position: fixed;
	top: 0;
	right: -380px;
	bottom: 0;
	width: 380px;
	background-color: #0f0f0f;
	border-left: 1px solid #333;
	z-index: 1050;
	display: flex;
	flex-direction: column;
	transition: right 0.3s ease;
	box-shadow: -2px 0 8px rgba(0, 0, 0, 0.3);
	visibility: hidden;
	pointer-events: none;
}

	.filter-panel.open[b-ujubw2mpwj] {
		right: 0;
		visibility: visible;
		pointer-events: auto;
	}

/* ── Header ── */
.filter-panel-header[b-ujubw2mpwj] {
	display: flex;
	justify-content: space-between;
	align-items: center;
	padding: 1rem 1.25rem;
	border-bottom: 1px solid var(--bs-border-color);
	background-color: var(--bs-tertiary-bg);
	flex-shrink: 0;
}

	.filter-panel-header h5[b-ujubw2mpwj] {
		color: var(--bs-emphasis-color);
		font-weight: 600;
		margin: 0;
	}

.filter-panel-close[b-ujubw2mpwj] {
	background: none;
	border: none;
	color: var(--bs-secondary-color);
	font-size: 1.5rem;
	line-height: 1;
	padding: 0;
	cursor: pointer;
	transition: color 0.15s ease;
}

	.filter-panel-close:hover[b-ujubw2mpwj] {
		color: var(--bs-emphasis-color);
	}

/* ── Body ── */
.filter-panel-body[b-ujubw2mpwj] {
	flex: 1;
	overflow-y: auto;
	padding: 1rem;
	min-width: 0;
	background-color: var(--bs-body-bg);
}

	.filter-panel-body .filter-group[b-ujubw2mpwj] {
		margin-bottom: 1.25rem;
		padding-bottom: 1.25rem;
		border-bottom: 1px solid var(--bs-border-color-translucent);
	}

		.filter-panel-body .filter-group:last-child[b-ujubw2mpwj] {
			margin-bottom: 0;
			padding-bottom: 0;
			border-bottom: none;
		}

	/* Flatten the Bootstrap grid inside the panel */
	.filter-panel-body[b-ujubw2mpwj]  [class*="col-"] {
		padding-left: 0 !important;
		padding-right: 0 !important;
		flex: 0 0 100% !important;
		max-width: 100% !important;
		width: 100% !important;
	}

	/* Labels */
	.filter-panel-body[b-ujubw2mpwj]  .form-label,
	.filter-panel-body[b-ujubw2mpwj]  label {
		font-size: 0.7rem;
		font-weight: 700;
		letter-spacing: 0.6px;
		text-transform: uppercase;
		color: #ccc;
		display: block;
		margin-bottom: 0.4rem;
	}

	/* Form controls – inherit Bootstrap theme colours */
	.filter-panel-body[b-ujubw2mpwj]  .form-select,
	.filter-panel-body[b-ujubw2mpwj]  .form-control {
		width: 100%;
		background-color: var(--bs-body-bg);
		border-color: var(--bs-border-color);
		color: var(--bs-body-color);
	}

		.filter-panel-body[b-ujubw2mpwj]  .form-select:focus,
		.filter-panel-body[b-ujubw2mpwj]  .form-control:focus {
			border-color: var(--bs-primary);
			box-shadow: 0 0 0 0.2rem rgba(var(--bs-primary-rgb), 0.2);
			background-color: var(--bs-body-bg);
			color: var(--bs-body-color);
		}

	/* Havit HxSelect / HxAutosuggest wrappers */
	.filter-panel-body[b-ujubw2mpwj]  .hx-form-state-valid-icon,
	.filter-panel-body[b-ujubw2mpwj]  .hx-form-state-invalid-icon {
		display: none;
	}

/* ── Footer ── */
.filter-panel-footer[b-ujubw2mpwj] {
	display: flex;
	gap: 0.5rem;
	padding: 1rem 1.25rem;
	border-top: 1px solid var(--bs-border-color);
	background-color: var(--bs-tertiary-bg);
	flex-shrink: 0;
}

	.filter-panel-footer[b-ujubw2mpwj]  button {
		flex: 1;
	}

/* ── Scrollbar ── */
.filter-panel-body[b-ujubw2mpwj]::-webkit-scrollbar {
	width: 6px;
}

.filter-panel-body[b-ujubw2mpwj]::-webkit-scrollbar-track {
	background: transparent;
}

.filter-panel-body[b-ujubw2mpwj]::-webkit-scrollbar-thumb {
	background: var(--bs-border-color);
	border-radius: 4px;
}

	.filter-panel-body[b-ujubw2mpwj]::-webkit-scrollbar-thumb:hover {
		background: var(--bs-secondary-color);
	}
/* /Components/Features/Releases/Components/CoverPoster.razor.rz.scp.css */
.release-poster-col[b-663yv8jqqv] {
	flex-shrink: 0;
	width: 140px;
	display: flex;
	flex-direction: column;
	align-items: center;
}

.release-poster[b-663yv8jqqv] {
	width: 140px;
	border-radius: 4px;
	object-fit: cover;
}

.release-poster-placeholder[b-663yv8jqqv] {
	width: 140px;
	height: 200px;
	background: var(--bs-tertiary-bg);
	border-radius: 4px;
	display: flex;
	align-items: center;
	justify-content: center;
	color: var(--bs-secondary-color);
	text-decoration: none;
}

.release-social-links[b-663yv8jqqv] {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
}

	.release-social-links a[b-663yv8jqqv] {
		display: inline-flex;
		align-items: center;
		justify-content: center;
		color: var(--bs-secondary-color);
		text-decoration: none;
		font-size: 1.2rem;
		line-height: 1;
		transition: color 0.15s;
	}

		.release-social-links a:hover[b-663yv8jqqv] {
			color: var(--bs-primary);
		}

	.release-social-links[b-663yv8jqqv]  svg.svg-inline--fa,
	.release-social-links[b-663yv8jqqv]  img {
		vertical-align: middle;
		width: 1.25em;
	}

	.release-social-links[b-663yv8jqqv]  .btn-sm {
		padding: 0;
	}
/* /Components/Features/Releases/Components/MovieReleaseCard.razor.rz.scp.css */
.movie-release-card[b-azzwm5oji7] {
	background: var(--bs-body-bg);
	border: 1px solid var(--bs-border-color);
	border-radius: 6px;
	margin-bottom: 1rem;
	overflow: hidden;
}

.movie-release-card-body[b-azzwm5oji7] {
	display: flex;
	gap: 1rem;
	padding: 1rem;
}

.movie-release-detail-col[b-azzwm5oji7] {
	flex: 1;
	min-width: 0;
}

.movie-release-title[b-azzwm5oji7] {
	margin: 0 0 0.25rem 0;
	font-size: 1.25rem;
	font-weight: 600;
	line-height: 1.3;
}

.movie-release-title a[b-azzwm5oji7] {
	color: var(--bs-body-color);
	text-decoration: none;
}

.movie-release-title a:hover[b-azzwm5oji7] {
	color: var(--bs-primary);
}

.movie-release-year[b-azzwm5oji7] {
	font-weight: 400;
	color: var(--bs-secondary-color);
	margin-left: 0.25rem;
}

.movie-release-content-rating[b-azzwm5oji7] {
	font-weight: 400;
	font-size: 0.85rem;
	color: var(--bs-secondary-color);
	margin-left: 0.25rem;
}

.movie-release-imdb-rating[b-azzwm5oji7] {
	font-weight: 400;
	color: var(--bs-secondary-color);
	margin-left: 0.25rem;
}

.movie-release-summary[b-azzwm5oji7] {
	font-size: 0.875rem;
	color: var(--bs-secondary-color);
	margin-bottom: 0.5rem;
	display: -webkit-box;
	-webkit-line-clamp: 3;
	-webkit-box-orient: vertical;
	overflow: hidden;
}

.movie-release-meta-row[b-azzwm5oji7] {
	display: flex;
	align-items: center;
	gap: 0.5rem;
	margin-bottom: 0.35rem;
	font-size: 0.875rem;
	flex-wrap: wrap;
}

.movie-release-meta-label[b-azzwm5oji7] {
	font-weight: 600;
	color: var(--bs-body-color);
	white-space: nowrap;
}

.movie-release-genre-badge[b-azzwm5oji7] {
	display: inline-block;
	font-family: 'DM Sans', sans-serif;
	font-size: 0.75rem;
	padding: 3px 10px;
	border-radius: 20px;
	background: rgba(59, 130, 246, 0.12);
	border: 1px solid rgba(59, 130, 246, 0.3);
	color: #7cb3f4;
	white-space: nowrap;
}

.movie-release-cast-names[b-azzwm5oji7] {
	color: var(--bs-info);
	font-size: 0.875rem;
}

.movie-release-preview-table[b-azzwm5oji7] {
	margin-top: 0.5rem;
	border: 1px solid var(--bs-border-color);
	border-radius: 4px;
	overflow: hidden;
}

.movie-release-preview-table table[b-azzwm5oji7] {
	margin: 0;
}

.movie-release-preview-row td[b-azzwm5oji7] {
	padding: 0.3rem 0.5rem;
	font-size: 0.8rem;
	border-bottom: 1px solid var(--bs-border-color);
	vertical-align: middle;
}

.movie-release-preview-check[b-azzwm5oji7] {
	width: 1.5rem;
	text-align: center;
	padding-left: 0.5rem !important;
}

.movie-release-preview-actions[b-azzwm5oji7] {
	white-space: nowrap;
	text-align: right;
	padding-right: 0.5rem !important;
}

.movie-release-action-btn[b-azzwm5oji7] {
	padding: 0.1rem 0.35rem;
	font-size: 0.75rem;
	line-height: 1.2;
}

.movie-release-preview-row:last-child td[b-azzwm5oji7] {
	border-bottom: none;
}

.movie-release-preview-name[b-azzwm5oji7] {
	color: var(--bs-info);
	max-width: 0;
	width: 100%;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.movie-release-preview-stat[b-azzwm5oji7] {
	white-space: nowrap;
	color: var(--bs-secondary-color);
	text-align: right;
}

.movie-release-more-link[b-azzwm5oji7] {
	display: block;
	padding: 0.25rem 0.5rem;
	font-size: 0.8rem;
	color: var(--bs-info);
	text-decoration: none;
	border-top: 1px solid var(--bs-border-color);
	background: var(--bs-tertiary-bg);
}

.movie-release-more-link:hover[b-azzwm5oji7] {
	color: var(--bs-primary);
	background: var(--bs-secondary-bg);
}


/* /Components/Features/Releases/Components/ReleaseToolbar.razor.rz.scp.css */
.releases-toolbar[b-wxtzm3a54n] {
	margin-bottom: 0.5rem;
}

.sort-display[b-wxtzm3a54n] {
	font-weight: 500;
	color: var(--bs-body-color, #212529);
	white-space: nowrap;
}
/* /Components/Features/Releases/Components/TVSeriesReleaseCard.razor.rz.scp.css */
.tv-release-card[b-b8wn6p4q2e] {
	background: var(--bs-body-bg);
	border: 1px solid var(--bs-border-color);
	border-radius: 6px;
	margin-bottom: 1rem;
	overflow: hidden;
}

.tv-release-card-body[b-b8wn6p4q2e] {
	display: flex;
	gap: 1rem;
	padding: 1rem;
}


.tv-release-detail-col[b-b8wn6p4q2e] {
	flex: 1;
	min-width: 0;
}

.tv-release-title[b-b8wn6p4q2e] {
	margin: 0 0 0.25rem 0;
	font-size: 1.25rem;
	font-weight: 600;
	line-height: 1.3;
}

.tv-release-title a[b-b8wn6p4q2e] {
	color: var(--bs-body-color);
	text-decoration: none;
}

.tv-release-title a:hover[b-b8wn6p4q2e] {
	color: var(--bs-primary);
}

.tv-release-year[b-b8wn6p4q2e] {
	font-weight: 400;
	color: var(--bs-secondary-color);
	margin-left: 0.25rem;
}

.tv-release-content-rating[b-b8wn6p4q2e] {
	font-weight: 400;
	font-size: 0.85rem;
	color: var(--bs-secondary-color);
	margin-left: 0.25rem;
}

.tv-release-imdb-rating[b-b8wn6p4q2e] {
	font-weight: 400;
	color: var(--bs-secondary-color);
	margin-left: 0.25rem;
}

.tv-release-summary[b-b8wn6p4q2e] {
	font-size: 0.875rem;
	color: var(--bs-secondary-color);
	margin-bottom: 0.5rem;
	display: -webkit-box;
	-webkit-line-clamp: 3;
	-webkit-box-orient: vertical;
	overflow: hidden;
}

.tv-release-meta-row[b-b8wn6p4q2e] {
	display: flex;
	align-items: center;
	gap: 0.5rem;
	margin-bottom: 0.35rem;
	font-size: 0.875rem;
	flex-wrap: wrap;
}

.tv-release-meta-label[b-b8wn6p4q2e] {
	font-weight: 600;
	color: var(--bs-body-color);
	white-space: nowrap;
}

.tv-release-genre-badge[b-b8wn6p4q2e] {
	display: inline-block;
	font-family: 'DM Sans', sans-serif;
	font-size: 0.75rem;
	padding: 3px 10px;
	border-radius: 20px;
	background: rgba(59, 130, 246, 0.12);
	border: 1px solid rgba(59, 130, 246, 0.3);
	color: #7cb3f4;
	white-space: nowrap;
}

.tv-release-cast-names[b-b8wn6p4q2e] {
	color: var(--bs-info);
	font-size: 0.875rem;
}

.tv-release-preview-table[b-b8wn6p4q2e] {
	margin-top: 0.5rem;
	border: 1px solid var(--bs-border-color);
	border-radius: 4px;
	overflow: hidden;
}

.tv-release-preview-table table[b-b8wn6p4q2e] {
	margin: 0;
}

.tv-release-preview-row td[b-b8wn6p4q2e] {
	padding: 0.3rem 0.5rem;
	font-size: 0.8rem;
	border-bottom: 1px solid var(--bs-border-color);
	vertical-align: middle;
}

.tv-release-preview-check[b-b8wn6p4q2e] {
	width: 1.5rem;
	text-align: center;
	padding-left: 0.5rem !important;
}

.tv-release-preview-actions[b-b8wn6p4q2e] {
	white-space: nowrap;
	text-align: right;
	padding-right: 0.5rem !important;
}

.tv-release-action-btn[b-b8wn6p4q2e] {
	padding: 0.1rem 0.35rem;
	font-size: 0.75rem;
	line-height: 1.2;
}

.tv-release-preview-row:last-child td[b-b8wn6p4q2e] {
	border-bottom: none;
}

.tv-release-preview-name[b-b8wn6p4q2e] {
	color: var(--bs-info);
	max-width: 0;
	width: 100%;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.tv-release-preview-stat[b-b8wn6p4q2e] {
	white-space: nowrap;
	color: var(--bs-secondary-color);
	text-align: right;
}

.tv-release-more-link[b-b8wn6p4q2e] {
	display: block;
	padding: 0.25rem 0.5rem;
	font-size: 0.8rem;
	color: var(--bs-info);
	text-decoration: none;
	border-top: 1px solid var(--bs-border-color);
	background: var(--bs-tertiary-bg);
}

.tv-release-more-link:hover[b-b8wn6p4q2e] {
	color: var(--bs-primary);
	background: var(--bs-secondary-bg);
}
/* /Components/Features/Releases/Pages/Browse.razor.rz.scp.css */
.sort-display[b-stmz24itgs] {
	font-weight: 500;
	color: var(--bs-body-color, #212529);
	white-space: nowrap;
}

[b-stmz24itgs] .left-btn {
	border-top-right-radius: 0;
	border-bottom-right-radius: 0;
}

[b-stmz24itgs] .middle-btn {
	border-top-right-radius: 0;
	border-bottom-right-radius: 0;
	border-top-left-radius: 0;
	border-bottom-left-radius: 0;
}

[b-stmz24itgs] .right-btn {
	border-top-left-radius: 0;
	border-bottom-left-radius: 0;
}
/* /Components/Features/Releases/Pages/Movies.razor.rz.scp.css */
.movie-releases-list[b-bik6hq7e8y] {
	display: flex;
	flex-direction: column;
}
/* /Components/Features/Releases/Pages/TVSeries.razor.rz.scp.css */
.tv-releases-list[b-jakd80t6q7] {
	display: flex;
	flex-direction: column;
}
/* /Components/Layout/MainLayout.razor.rz.scp.css */
#blazor-error-ui[b-k0eaxq6qr7] {
    color-scheme: light only;
    background: lightyellow;
    bottom: 0;
    box-shadow: 0 -1px 2px rgba(0, 0, 0, 0.2);
    box-sizing: border-box;
    display: none;
    left: 0;
    padding: 0.6rem 1.25rem 0.7rem 1.25rem;
    position: fixed;
    width: 100%;
    z-index: 91000;
}

#blazor-error-ui .dismiss[b-k0eaxq6qr7] {
    cursor: pointer;
    position: absolute;
    right: 0.75rem;
    top: 0.5rem;
}

.app-header[b-k0eaxq6qr7] {
    max-width: 100%;
    height: 4.25rem;
    z-index: 100;
    position: fixed;
    inset-block-start: 0;
    inset-inline: 0;
    background: var(--header-bg);
    border-block-end: 1px solid var(--header-border-color);
    transition: all 0.1s ease;
    box-shadow: 0px 2px 0px rgba(118, 138, 254, 0.03);
}

.navbar[b-k0eaxq6qr7] {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    padding: .875rem 1.375rem;
    position: relative;
    border-bottom: 0;
    box-shadow: 0 0 2rem 0 rgba(33, 37, 41, .1);
}

.navbar-bg[b-k0eaxq6qr7] {
    background: #fff;
}

.navbar-nav[b-k0eaxq6qr7] {
    display: flex;
    flex-direction: column;
    list-style: none;
    margin-bottom: 0;
    padding-left: 0;
}

#content[b-k0eaxq6qr7] {
    display: flex;
    flex-direction: column;
    flex: 1;
    min-height: 100vh;
    overflow: hidden;
}

#content nav[b-k0eaxq6qr7] {
    flex-shrink: 0;
}

main[b-k0eaxq6qr7] {
    display: flex;
    flex-direction: column;
    flex: 1;
    overflow: auto;
    padding: 1rem;
}

#overall[b-k0eaxq6qr7] {
    display: flex;
    min-height: 100vh;
    max-width: 100vw;
    overflow: hidden;
}

#sidebar[b-k0eaxq6qr7] {
    height: 100vh;
    flex-shrink: 0;
}

article[b-k0eaxq6qr7] {
    flex: 1;
}
/* /Components/Layout/NavMenu.razor.rz.scp.css */
:root[b-le8udi9jok] {
	--hx-sidebar-subitem-margin: 0 0 0 2rem;
}

.hx-sidebar-item-divider[b-le8udi9jok] {
    margin: var(--hx-sidebar-subitem-margin);
    border-top-color: var(--bs-border-color);
    border-top-style: solid;
    border-top-width: 1.11111px;
    display: flex;
    padding: 0 0 5px 5px;
}

.hx-sidebar-item-icon[b-le8udi9jok] {
    padding: 50px !important; 
}
/* /Components/Layout/ReconnectModal.razor.rz.scp.css */
.components-reconnect-first-attempt-visible[b-uavkgjwgsg],
.components-reconnect-repeated-attempt-visible[b-uavkgjwgsg],
.components-reconnect-failed-visible[b-uavkgjwgsg],
.components-pause-visible[b-uavkgjwgsg],
.components-resume-failed-visible[b-uavkgjwgsg],
.components-rejoining-animation[b-uavkgjwgsg] {
    display: none;
}

#components-reconnect-modal.components-reconnect-show .components-reconnect-first-attempt-visible[b-uavkgjwgsg],
#components-reconnect-modal.components-reconnect-show .components-rejoining-animation[b-uavkgjwgsg],
#components-reconnect-modal.components-reconnect-paused .components-pause-visible[b-uavkgjwgsg],
#components-reconnect-modal.components-reconnect-resume-failed .components-resume-failed-visible[b-uavkgjwgsg],
#components-reconnect-modal.components-reconnect-retrying[b-uavkgjwgsg],
#components-reconnect-modal.components-reconnect-retrying .components-reconnect-repeated-attempt-visible[b-uavkgjwgsg],
#components-reconnect-modal.components-reconnect-retrying .components-rejoining-animation[b-uavkgjwgsg],
#components-reconnect-modal.components-reconnect-failed[b-uavkgjwgsg],
#components-reconnect-modal.components-reconnect-failed .components-reconnect-failed-visible[b-uavkgjwgsg] {
    display: block;
}


#components-reconnect-modal[b-uavkgjwgsg] {
    background-color: white;
    width: 20rem;
    margin: 20vh auto;
    padding: 2rem;
    border: 0;
    border-radius: 0.5rem;
    box-shadow: 0 3px 6px 2px rgba(0, 0, 0, 0.3);
    opacity: 0;
    transition: display 0.5s allow-discrete, overlay 0.5s allow-discrete;
    animation: components-reconnect-modal-fadeOutOpacity-b-uavkgjwgsg 0.5s both;
    &[open]

{
    animation: components-reconnect-modal-slideUp-b-uavkgjwgsg 1.5s cubic-bezier(.05, .89, .25, 1.02) 0.3s, components-reconnect-modal-fadeInOpacity-b-uavkgjwgsg 0.5s ease-in-out 0.3s;
    animation-fill-mode: both;
}

}

#components-reconnect-modal[b-uavkgjwgsg]::backdrop {
    background-color: rgba(0, 0, 0, 0.4);
    animation: components-reconnect-modal-fadeInOpacity-b-uavkgjwgsg 0.5s ease-in-out;
    opacity: 1;
}

@keyframes components-reconnect-modal-slideUp-b-uavkgjwgsg {
    0% {
        transform: translateY(30px) scale(0.95);
    }

    100% {
        transform: translateY(0);
    }
}

@keyframes components-reconnect-modal-fadeInOpacity-b-uavkgjwgsg {
    0% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

@keyframes components-reconnect-modal-fadeOutOpacity-b-uavkgjwgsg {
    0% {
        opacity: 1;
    }

    100% {
        opacity: 0;
    }
}

.components-reconnect-container[b-uavkgjwgsg] {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 1rem;
}

#components-reconnect-modal p[b-uavkgjwgsg] {
    margin: 0;
    text-align: center;
}

#components-reconnect-modal button[b-uavkgjwgsg] {
    border: 0;
    background-color: #6b9ed2;
    color: white;
    padding: 4px 24px;
    border-radius: 4px;
}

    #components-reconnect-modal button:hover[b-uavkgjwgsg] {
        background-color: #3b6ea2;
    }

    #components-reconnect-modal button:active[b-uavkgjwgsg] {
        background-color: #6b9ed2;
    }

.components-rejoining-animation[b-uavkgjwgsg] {
    position: relative;
    width: 80px;
    height: 80px;
}

    .components-rejoining-animation div[b-uavkgjwgsg] {
        position: absolute;
        border: 3px solid #0087ff;
        opacity: 1;
        border-radius: 50%;
        animation: components-rejoining-animation-b-uavkgjwgsg 1.5s cubic-bezier(0, 0.2, 0.8, 1) infinite;
    }

        .components-rejoining-animation div:nth-child(2)[b-uavkgjwgsg] {
            animation-delay: -0.5s;
        }

@keyframes components-rejoining-animation-b-uavkgjwgsg {
    0% {
        top: 40px;
        left: 40px;
        width: 0;
        height: 0;
        opacity: 0;
    }

    4.9% {
        top: 40px;
        left: 40px;
        width: 0;
        height: 0;
        opacity: 0;
    }

    5% {
        top: 40px;
        left: 40px;
        width: 0;
        height: 0;
        opacity: 1;
    }

    100% {
        top: 0px;
        left: 0px;
        width: 80px;
        height: 80px;
        opacity: 0;
    }
}
/* /Components/Layout/SiteFooter.razor.rz.scp.css */
.footer-container[b-xf9id4hov9] {
	width: auto;
	padding: 0 15px;
}

footer[b-xf9id4hov9] {
	margin-top: auto;
}
/* /Components/Layout/TopNavBar.razor.rz.scp.css */
.dropdown-menu.columns-3[b-ad3ls4i123] {
    min-width: 600px;
}

nav.navbar[b-ad3ls4i123] {
    --bs-navbar-padding-y: .25rem;
}
