/* /Features/AboutFaq/AboutFaq.razor.rz.scp.css */
.about-faq-page[b-ql6iih0747] { min-width: 0; overflow-x: clip; }
.about-faq-page h1[b-ql6iih0747] { margin: 0; color: var(--uzex-text); }
.about-faq-page-description[b-ql6iih0747] { margin: var(--uzex-space-2) 0 var(--uzex-space-5); color: var(--uzex-text-muted); }
.about-faq-page-alert[b-ql6iih0747] { margin-bottom: var(--uzex-space-4); }

.about-faq-panel[b-ql6iih0747] { min-width: 0; padding: var(--uzex-space-4); border: 1px solid var(--uzex-border-strong); border-radius: var(--uzex-radius-panel); background: var(--uzex-surface); }
.about-faq-panel-toolbar[b-ql6iih0747] { display: flex; justify-content: flex-end; align-items: center; gap: var(--uzex-space-2); flex-wrap: wrap; }

.about-faq-grid-scroll[b-ql6iih0747] { width: 100%; min-width: 0; margin-top: var(--uzex-space-4); overflow-x: auto; }
.about-faq-grid-scroll[b-ql6iih0747]  .rz-data-grid { min-width: 52rem; }
.about-faq-title-cell[b-ql6iih0747] { display: block; max-width: 24rem; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-weight: 600; color: var(--uzex-text); }
.about-faq-answer-cell[b-ql6iih0747] { display: block; max-width: 28rem; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; color: var(--uzex-text-muted); }
.about-faq-actions[b-ql6iih0747] { display: flex; align-items: center; gap: 0.25rem; flex-wrap: wrap; }

@media (max-width: 640px) {
    .about-faq-panel[b-ql6iih0747] { padding: var(--uzex-space-3); }
    .about-faq-panel-toolbar[b-ql6iih0747] { justify-content: stretch; }
    .about-faq-panel-toolbar[b-ql6iih0747]  .rz-button { flex: 1 1 auto; }
}
/* /Features/AboutFaq/AboutFaqEditorDialog.razor.rz.scp.css */
.about-faq-wizard[b-bjzw84f47m] { min-width: 0; color: var(--uzex-text); }
[b-bjzw84f47m] .about-faq-steps > ul { display: flex; flex-wrap: nowrap; justify-content: safe center; overflow-x: auto; border-bottom: 1px solid var(--uzex-border-strong); padding-bottom: var(--uzex-space-3); margin-bottom: var(--uzex-space-4); }
[b-bjzw84f47m] .about-faq-steps .rz-steps-title { white-space: nowrap; }
[b-bjzw84f47m] .about-faq-steps > ul > li.rz-steps-item { position: relative; flex: 0 0 auto; }
[b-bjzw84f47m] .about-faq-steps > ul > li.rz-steps-item:not(:last-child) { padding-right: 2rem; }
[b-bjzw84f47m] .about-faq-steps > ul > li.rz-steps-item:not(:last-child)::after { content: ""; position: absolute; top: 50%; right: 0; width: 2rem; height: 2px; transform: translateY(-50%); background: var(--uzex-border-strong); }
[b-bjzw84f47m] .about-faq-steps > ul > li.rz-steps-item .rz-menuitem-link { display: inline-flex; align-items: center; gap: 0.5rem; padding: 0.25rem 0.875rem 0.25rem 0.25rem; border: 1px solid var(--uzex-border-strong); border-radius: 999px; }
[b-bjzw84f47m] .about-faq-steps > ul > li.rz-steps-item.rz-steps-current .rz-menuitem-link { border-color: var(--uzex-blue-600); }
[b-bjzw84f47m] .about-faq-steps.steps-completed-1 > ul > li:nth-child(-n+1):not(.rz-steps-current) .rz-steps-number,
[b-bjzw84f47m] .about-faq-steps.steps-completed-2 > ul > li:nth-child(-n+2):not(.rz-steps-current) .rz-steps-number,
[b-bjzw84f47m] .about-faq-steps.steps-completed-3 > ul > li:nth-child(-n+3):not(.rz-steps-current) .rz-steps-number,
[b-bjzw84f47m] .about-faq-steps.steps-completed-4 > ul > li:nth-child(-n+4):not(.rz-steps-current) .rz-steps-number { background: var(--rz-success-dark); color: #fff; }
[b-bjzw84f47m] .about-faq-steps.steps-completed-1 > ul > li:nth-child(-n+1):not(.rz-steps-current) .rz-steps-title,
[b-bjzw84f47m] .about-faq-steps.steps-completed-2 > ul > li:nth-child(-n+2):not(.rz-steps-current) .rz-steps-title,
[b-bjzw84f47m] .about-faq-steps.steps-completed-3 > ul > li:nth-child(-n+3):not(.rz-steps-current) .rz-steps-title,
[b-bjzw84f47m] .about-faq-steps.steps-completed-4 > ul > li:nth-child(-n+4):not(.rz-steps-current) .rz-steps-title { color: var(--rz-success-dark); font-weight: 600; }
[b-bjzw84f47m] .about-faq-steps.steps-completed-1 > ul > li:nth-child(-n+1):not(.rz-steps-current) .rz-menuitem-link,
[b-bjzw84f47m] .about-faq-steps.steps-completed-2 > ul > li:nth-child(-n+2):not(.rz-steps-current) .rz-menuitem-link,
[b-bjzw84f47m] .about-faq-steps.steps-completed-3 > ul > li:nth-child(-n+3):not(.rz-steps-current) .rz-menuitem-link,
[b-bjzw84f47m] .about-faq-steps.steps-completed-4 > ul > li:nth-child(-n+4):not(.rz-steps-current) .rz-menuitem-link { border-color: var(--rz-success-dark); }
[b-bjzw84f47m] .about-faq-steps.steps-completed-1 > ul > li:nth-child(-n+1):not(.rz-steps-current)::after,
[b-bjzw84f47m] .about-faq-steps.steps-completed-2 > ul > li:nth-child(-n+2):not(.rz-steps-current)::after,
[b-bjzw84f47m] .about-faq-steps.steps-completed-3 > ul > li:nth-child(-n+3):not(.rz-steps-current)::after,
[b-bjzw84f47m] .about-faq-steps.steps-completed-4 > ul > li:nth-child(-n+4):not(.rz-steps-current)::after { background: var(--rz-success-dark); }
.about-faq-step-heading[b-bjzw84f47m] { margin-bottom: var(--uzex-space-3); font-size: 1.0625rem; font-weight: 600; }
.about-faq-settings-grid[b-bjzw84f47m] { display: grid; grid-template-columns: 1fr 1fr; gap: var(--uzex-space-4); align-items: end; }
.about-faq-field-error[b-bjzw84f47m] { margin-top: -0.5rem; font-size: 0.8125rem; color: var(--rz-danger); }
.about-faq-review[b-bjzw84f47m] { margin-top: var(--uzex-space-4); padding-top: var(--uzex-space-4); border-top: 1px solid var(--uzex-border-strong); }
.about-faq-review-title[b-bjzw84f47m] { font-size: 0.8125rem; font-weight: 600; text-transform: uppercase; color: var(--uzex-text-muted); }
.about-faq-review-grid[b-bjzw84f47m] { display: grid; grid-template-columns: 1fr 1fr; gap: var(--uzex-space-3); margin-top: var(--uzex-space-3); }
.about-faq-review-card[b-bjzw84f47m] { display: flex; flex-direction: column; gap: 0.25rem; min-width: 0; padding: var(--uzex-space-3); border: 1px solid var(--uzex-border-strong); border-radius: var(--uzex-radius-md); background: var(--uzex-surface-alt); }
.about-faq-review-locale[b-bjzw84f47m] { font-size: 0.6875rem; font-weight: 600; text-transform: uppercase; color: var(--uzex-text-muted); }
.about-faq-review-card strong[b-bjzw84f47m] { overflow-wrap: anywhere; }
[b-bjzw84f47m] .about-faq-wizard-actions { padding-top: var(--uzex-space-3); border-top: 1px solid var(--uzex-border-strong); }
@media (max-width: 720px) { .about-faq-settings-grid[b-bjzw84f47m], .about-faq-review-grid[b-bjzw84f47m] { grid-template-columns: 1fr; } [b-bjzw84f47m] .about-faq-wizard-actions { align-items: stretch !important; flex-direction: column; } }
@media (prefers-reduced-motion: reduce) { [b-bjzw84f47m] .about-faq-steps .rz-steps-fade, [b-bjzw84f47m] .about-faq-steps .rz-steps-slide { transition-duration: 0s !important; animation-duration: 0s !important; } }
/* /Features/AboutFaq/AboutFaqTranslationStep.razor.rz.scp.css */
.about-faq-step[b-9a8m31r863] { min-width: 0; display: flex; flex-direction: column; gap: var(--uzex-space-3); }
.about-faq-step-heading[b-9a8m31r863] { font-size: 1.0625rem; font-weight: 600; margin-bottom: var(--uzex-space-1); }
.about-faq-field-error[b-9a8m31r863] { margin-top: -0.5rem; font-size: 0.8125rem; color: var(--rz-danger); }
/* /Features/AboutVideoMaterials/AboutVideoMaterialCategories.razor.rz.scp.css */
.about-video-material-categories-page[b-y7osmta1n0] { min-width: 0; overflow-x: clip; }
.about-video-material-categories-page h1[b-y7osmta1n0] { margin: 0; color: var(--uzex-text); }
.about-video-material-categories-page-description[b-y7osmta1n0] { margin: var(--uzex-space-2) 0 var(--uzex-space-5); color: var(--uzex-text-muted); }
.about-video-material-categories-page-alert[b-y7osmta1n0] { margin-bottom: var(--uzex-space-4); }

.about-video-material-categories-panel[b-y7osmta1n0] { min-width: 0; padding: var(--uzex-space-4); border: 1px solid var(--uzex-border-strong); border-radius: var(--uzex-radius-panel); background: var(--uzex-surface); }
.about-video-material-categories-panel-toolbar[b-y7osmta1n0] { display: flex; justify-content: flex-end; align-items: center; gap: var(--uzex-space-2); flex-wrap: wrap; }

.about-video-material-categories-grid-scroll[b-y7osmta1n0] { width: 100%; min-width: 0; margin-top: var(--uzex-space-4); overflow-x: auto; }
.about-video-material-categories-grid-scroll[b-y7osmta1n0]  .rz-data-grid { min-width: 56rem; }
.about-video-material-categories-title-cell[b-y7osmta1n0] { display: block; max-width: 20rem; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-weight: 600; color: var(--uzex-text); }
.about-video-material-categories-link-cell[b-y7osmta1n0] { display: block; max-width: 20rem; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; color: var(--uzex-blue-600); }
.about-video-material-categories-muted[b-y7osmta1n0] { color: var(--uzex-text-muted); }
.about-video-material-categories-actions[b-y7osmta1n0] { display: flex; align-items: center; gap: 0.25rem; flex-wrap: wrap; }

@media (max-width: 640px) {
    .about-video-material-categories-panel[b-y7osmta1n0] { padding: var(--uzex-space-3); }
    .about-video-material-categories-panel-toolbar[b-y7osmta1n0] { justify-content: stretch; }
    .about-video-material-categories-panel-toolbar[b-y7osmta1n0]  .rz-button { flex: 1 1 auto; }
}
/* /Features/AboutVideoMaterials/AboutVideoMaterialCategoryEditorDialog.razor.rz.scp.css */
.about-video-material-category-wizard[b-6wwkxsyca3] { min-width: 0; color: var(--uzex-text); }
[b-6wwkxsyca3] .about-video-material-category-steps > ul { display: flex; flex-wrap: nowrap; justify-content: safe center; overflow-x: auto; border-bottom: 1px solid var(--uzex-border-strong); padding-bottom: var(--uzex-space-3); margin-bottom: var(--uzex-space-4); }
[b-6wwkxsyca3] .about-video-material-category-steps .rz-steps-title { white-space: nowrap; }
[b-6wwkxsyca3] .about-video-material-category-steps > ul > li.rz-steps-item { position: relative; flex: 0 0 auto; }
[b-6wwkxsyca3] .about-video-material-category-steps > ul > li.rz-steps-item:not(:last-child) { padding-right: 2rem; }
[b-6wwkxsyca3] .about-video-material-category-steps > ul > li.rz-steps-item:not(:last-child)::after { content: ""; position: absolute; top: 50%; right: 0; width: 2rem; height: 2px; transform: translateY(-50%); background: var(--uzex-border-strong); }
[b-6wwkxsyca3] .about-video-material-category-steps > ul > li.rz-steps-item .rz-menuitem-link { display: inline-flex; align-items: center; gap: 0.5rem; padding: 0.25rem 0.875rem 0.25rem 0.25rem; border: 1px solid var(--uzex-border-strong); border-radius: 999px; }
[b-6wwkxsyca3] .about-video-material-category-steps > ul > li.rz-steps-item.rz-steps-current .rz-menuitem-link { border-color: var(--uzex-blue-600); }
[b-6wwkxsyca3] .about-video-material-category-steps.steps-completed-1 > ul > li:nth-child(-n+1):not(.rz-steps-current) .rz-steps-number,
[b-6wwkxsyca3] .about-video-material-category-steps.steps-completed-2 > ul > li:nth-child(-n+2):not(.rz-steps-current) .rz-steps-number,
[b-6wwkxsyca3] .about-video-material-category-steps.steps-completed-3 > ul > li:nth-child(-n+3):not(.rz-steps-current) .rz-steps-number,
[b-6wwkxsyca3] .about-video-material-category-steps.steps-completed-4 > ul > li:nth-child(-n+4):not(.rz-steps-current) .rz-steps-number { background: var(--rz-success-dark); color: #fff; }
[b-6wwkxsyca3] .about-video-material-category-steps.steps-completed-1 > ul > li:nth-child(-n+1):not(.rz-steps-current) .rz-steps-title,
[b-6wwkxsyca3] .about-video-material-category-steps.steps-completed-2 > ul > li:nth-child(-n+2):not(.rz-steps-current) .rz-steps-title,
[b-6wwkxsyca3] .about-video-material-category-steps.steps-completed-3 > ul > li:nth-child(-n+3):not(.rz-steps-current) .rz-steps-title,
[b-6wwkxsyca3] .about-video-material-category-steps.steps-completed-4 > ul > li:nth-child(-n+4):not(.rz-steps-current) .rz-steps-title { color: var(--rz-success-dark); font-weight: 600; }
[b-6wwkxsyca3] .about-video-material-category-steps.steps-completed-1 > ul > li:nth-child(-n+1):not(.rz-steps-current) .rz-menuitem-link,
[b-6wwkxsyca3] .about-video-material-category-steps.steps-completed-2 > ul > li:nth-child(-n+2):not(.rz-steps-current) .rz-menuitem-link,
[b-6wwkxsyca3] .about-video-material-category-steps.steps-completed-3 > ul > li:nth-child(-n+3):not(.rz-steps-current) .rz-menuitem-link,
[b-6wwkxsyca3] .about-video-material-category-steps.steps-completed-4 > ul > li:nth-child(-n+4):not(.rz-steps-current) .rz-menuitem-link { border-color: var(--rz-success-dark); }
[b-6wwkxsyca3] .about-video-material-category-steps.steps-completed-1 > ul > li:nth-child(-n+1):not(.rz-steps-current)::after,
[b-6wwkxsyca3] .about-video-material-category-steps.steps-completed-2 > ul > li:nth-child(-n+2):not(.rz-steps-current)::after,
[b-6wwkxsyca3] .about-video-material-category-steps.steps-completed-3 > ul > li:nth-child(-n+3):not(.rz-steps-current)::after,
[b-6wwkxsyca3] .about-video-material-category-steps.steps-completed-4 > ul > li:nth-child(-n+4):not(.rz-steps-current)::after { background: var(--rz-success-dark); }
.about-video-material-category-step-heading[b-6wwkxsyca3] { margin-bottom: var(--uzex-space-3); font-size: 1.0625rem; font-weight: 600; }
.about-video-material-category-name-field[b-6wwkxsyca3] { width: 100%; }
.about-video-material-category-name-field[b-6wwkxsyca3]  .rz-form-field { display: flex; width: 100%; }
.about-video-material-category-name-field[b-6wwkxsyca3]  .rz-textbox { width: 100%; }
.about-video-material-category-settings-row[b-6wwkxsyca3] { display: grid; grid-template-columns: 1fr 1fr; gap: var(--uzex-space-4); align-items: end; margin-top: var(--uzex-space-4); }
.about-video-material-category-field-error[b-6wwkxsyca3] { margin-top: -0.5rem; font-size: 0.8125rem; color: var(--rz-danger); }
.about-video-material-category-review[b-6wwkxsyca3] { margin-top: var(--uzex-space-4); padding-top: var(--uzex-space-4); border-top: 1px solid var(--uzex-border-strong); }
.about-video-material-category-review-title[b-6wwkxsyca3] { font-size: 0.8125rem; font-weight: 600; text-transform: uppercase; color: var(--uzex-text-muted); }
.about-video-material-category-review-grid[b-6wwkxsyca3] { display: grid; grid-template-columns: 1fr 1fr; gap: var(--uzex-space-3); margin-top: var(--uzex-space-3); }
.about-video-material-category-review-card[b-6wwkxsyca3] { display: flex; flex-direction: column; gap: 0.25rem; min-width: 0; padding: var(--uzex-space-3); border: 1px solid var(--uzex-border-strong); border-radius: var(--uzex-radius-md); background: var(--uzex-surface-alt); }
.about-video-material-category-review-locale[b-6wwkxsyca3] { font-size: 0.6875rem; font-weight: 600; text-transform: uppercase; color: var(--uzex-text-muted); }
.about-video-material-category-review-card strong[b-6wwkxsyca3] { overflow-wrap: anywhere; }
[b-6wwkxsyca3] .about-video-material-category-wizard-actions { padding-top: var(--uzex-space-3); border-top: 1px solid var(--uzex-border-strong); }
@media (max-width: 720px) { .about-video-material-category-settings-row[b-6wwkxsyca3], .about-video-material-category-review-grid[b-6wwkxsyca3] { grid-template-columns: 1fr; } [b-6wwkxsyca3] .about-video-material-category-wizard-actions { align-items: stretch !important; flex-direction: column; } }
@media (prefers-reduced-motion: reduce) { [b-6wwkxsyca3] .about-video-material-category-steps .rz-steps-fade, [b-6wwkxsyca3] .about-video-material-category-steps .rz-steps-slide { transition-duration: 0s !important; animation-duration: 0s !important; } }
/* /Features/AboutVideoMaterials/AboutVideoMaterialEditorDialog.razor.rz.scp.css */
.about-video-material-wizard[b-618g63ppcu] { min-width: 0; color: var(--uzex-text); }
.about-video-material-steps-scroll[b-618g63ppcu] { max-height: min(72dvh, 46rem); overflow-y: auto; overflow-x: hidden; padding-right: var(--uzex-space-1); }
[b-618g63ppcu] .about-video-material-steps > ul { position: sticky; top: 0; z-index: 2; display: flex; flex-wrap: nowrap; justify-content: safe center; overflow-x: auto; background: var(--uzex-surface); border-bottom: 1px solid var(--uzex-border-strong); padding-bottom: var(--uzex-space-3); margin-bottom: var(--uzex-space-4); }
[b-618g63ppcu] .about-video-material-steps .rz-steps-title { white-space: nowrap; }
[b-618g63ppcu] .about-video-material-steps > ul > li.rz-steps-item { position: relative; flex: 0 0 auto; }
[b-618g63ppcu] .about-video-material-steps > ul > li.rz-steps-item:not(:last-child) { padding-right: 2rem; }
[b-618g63ppcu] .about-video-material-steps > ul > li.rz-steps-item:not(:last-child)::after { content: ""; position: absolute; top: 50%; right: 0; width: 2rem; height: 2px; transform: translateY(-50%); background: var(--uzex-border-strong); }
[b-618g63ppcu] .about-video-material-steps > ul > li.rz-steps-item .rz-menuitem-link { display: inline-flex; align-items: center; gap: 0.5rem; padding: 0.25rem 0.875rem 0.25rem 0.25rem; border: 1px solid var(--uzex-border-strong); border-radius: 999px; }
[b-618g63ppcu] .about-video-material-steps > ul > li.rz-steps-item.rz-steps-current .rz-menuitem-link { border-color: var(--uzex-blue-600); }
[b-618g63ppcu] .about-video-material-steps.steps-completed-1 > ul > li:nth-child(-n+1):not(.rz-steps-current) .rz-steps-number,
[b-618g63ppcu] .about-video-material-steps.steps-completed-2 > ul > li:nth-child(-n+2):not(.rz-steps-current) .rz-steps-number,
[b-618g63ppcu] .about-video-material-steps.steps-completed-3 > ul > li:nth-child(-n+3):not(.rz-steps-current) .rz-steps-number,
[b-618g63ppcu] .about-video-material-steps.steps-completed-4 > ul > li:nth-child(-n+4):not(.rz-steps-current) .rz-steps-number { background: var(--rz-success-dark); color: #fff; }
[b-618g63ppcu] .about-video-material-steps.steps-completed-1 > ul > li:nth-child(-n+1):not(.rz-steps-current) .rz-steps-title,
[b-618g63ppcu] .about-video-material-steps.steps-completed-2 > ul > li:nth-child(-n+2):not(.rz-steps-current) .rz-steps-title,
[b-618g63ppcu] .about-video-material-steps.steps-completed-3 > ul > li:nth-child(-n+3):not(.rz-steps-current) .rz-steps-title,
[b-618g63ppcu] .about-video-material-steps.steps-completed-4 > ul > li:nth-child(-n+4):not(.rz-steps-current) .rz-steps-title { color: var(--rz-success-dark); font-weight: 600; }
[b-618g63ppcu] .about-video-material-steps.steps-completed-1 > ul > li:nth-child(-n+1):not(.rz-steps-current) .rz-menuitem-link,
[b-618g63ppcu] .about-video-material-steps.steps-completed-2 > ul > li:nth-child(-n+2):not(.rz-steps-current) .rz-menuitem-link,
[b-618g63ppcu] .about-video-material-steps.steps-completed-3 > ul > li:nth-child(-n+3):not(.rz-steps-current) .rz-menuitem-link,
[b-618g63ppcu] .about-video-material-steps.steps-completed-4 > ul > li:nth-child(-n+4):not(.rz-steps-current) .rz-menuitem-link { border-color: var(--rz-success-dark); }
[b-618g63ppcu] .about-video-material-steps.steps-completed-1 > ul > li:nth-child(-n+1):not(.rz-steps-current)::after,
[b-618g63ppcu] .about-video-material-steps.steps-completed-2 > ul > li:nth-child(-n+2):not(.rz-steps-current)::after,
[b-618g63ppcu] .about-video-material-steps.steps-completed-3 > ul > li:nth-child(-n+3):not(.rz-steps-current)::after,
[b-618g63ppcu] .about-video-material-steps.steps-completed-4 > ul > li:nth-child(-n+4):not(.rz-steps-current)::after { background: var(--rz-success-dark); }
.about-video-material-step-heading[b-618g63ppcu] { margin-bottom: var(--uzex-space-3); font-size: 1.0625rem; font-weight: 600; }

.about-video-material-settings-grid[b-618g63ppcu] { display: grid; grid-template-columns: 1fr 1fr; gap: var(--uzex-space-4); align-items: start; margin-bottom: var(--uzex-space-4); }
.about-video-material-field-error[b-618g63ppcu] { margin-top: -0.75rem; margin-bottom: var(--uzex-space-2); font-size: 0.8125rem; color: var(--rz-danger); }

.about-video-material-thumbnail-panel[b-618g63ppcu] { display: flex; flex-direction: column; gap: var(--uzex-space-3); width: 100%; margin-bottom: var(--uzex-space-4); padding: var(--uzex-space-4); border: 1px solid var(--uzex-border-strong); border-radius: var(--uzex-radius-panel); background: var(--uzex-surface); }
.about-video-material-thumbnail-panel-title[b-618g63ppcu] { font-size: 0.8125rem; font-weight: 600; text-transform: uppercase; color: var(--uzex-text-muted); }
.about-video-material-thumbnail-visual[b-618g63ppcu] { width: 100%; display: flex; align-items: center; justify-content: center; overflow: hidden; border: 1px solid var(--uzex-border); border-radius: var(--uzex-radius-md); background: var(--uzex-surface-alt); }
.about-video-material-thumbnail-image[b-618g63ppcu] { display: block; width: 100%; height: auto; max-height: min(45dvh, 26rem); object-fit: contain; }
.about-video-material-thumbnail-empty[b-618g63ppcu],
.about-video-material-thumbnail-unsupported[b-618g63ppcu] { display: flex; flex-direction: column; align-items: center; justify-content: center; gap: var(--uzex-space-2); width: 100%; min-height: 12rem; padding: var(--uzex-space-6) var(--uzex-space-4); color: var(--uzex-text-muted); text-align: center; }
.about-video-material-thumbnail-unsupported span[b-618g63ppcu] { overflow: hidden; max-width: 100%; text-overflow: ellipsis; white-space: nowrap; }
.about-video-material-thumbnail-visual[b-618g63ppcu]  .rz-icon { font-size: 2.5rem; }
.about-video-material-thumbnail-actions[b-618g63ppcu] { width: 100%; }

.about-video-material-review[b-618g63ppcu] { margin-top: var(--uzex-space-4); padding-top: var(--uzex-space-4); border-top: 1px solid var(--uzex-border-strong); }
.about-video-material-review-title[b-618g63ppcu] { font-size: 0.8125rem; font-weight: 600; text-transform: uppercase; color: var(--uzex-text-muted); }
.about-video-material-review-grid[b-618g63ppcu] { display: grid; grid-template-columns: 1fr 1fr; gap: var(--uzex-space-3); margin-top: var(--uzex-space-3); }
.about-video-material-review-card[b-618g63ppcu] { display: flex; flex-direction: column; gap: 0.25rem; min-width: 0; padding: var(--uzex-space-3); border: 1px solid var(--uzex-border-strong); border-radius: var(--uzex-radius-md); background: var(--uzex-surface-alt); }
.about-video-material-review-locale[b-618g63ppcu] { font-size: 0.6875rem; font-weight: 600; text-transform: uppercase; color: var(--uzex-text-muted); }
.about-video-material-review-card strong[b-618g63ppcu], .about-video-material-review-description[b-618g63ppcu] { overflow-wrap: anywhere; }
.about-video-material-review-description[b-618g63ppcu] { color: var(--uzex-text-muted); }
[b-618g63ppcu] .about-video-material-wizard-actions { position: sticky; bottom: 0; z-index: 2; background: var(--uzex-surface); padding-top: var(--uzex-space-3); border-top: 1px solid var(--uzex-border-strong); }
@media (max-width: 720px) {
    .about-video-material-settings-grid[b-618g63ppcu], .about-video-material-review-grid[b-618g63ppcu] { grid-template-columns: 1fr; }
    [b-618g63ppcu] .about-video-material-wizard-actions { align-items: stretch !important; flex-direction: column; }
    .about-video-material-thumbnail-panel[b-618g63ppcu] { padding: var(--uzex-space-3); }
}
@media (prefers-reduced-motion: reduce) { [b-618g63ppcu] .about-video-material-steps .rz-steps-fade, [b-618g63ppcu] .about-video-material-steps .rz-steps-slide { transition-duration: 0s !important; animation-duration: 0s !important; } }
/* /Features/AboutVideoMaterials/AboutVideoMaterials.razor.rz.scp.css */
.about-video-materials-page[b-k9q5f8bv64] { min-width: 0; overflow-x: clip; }
.about-video-materials-page h1[b-k9q5f8bv64] { margin: 0; color: var(--uzex-text); }
.about-video-materials-page-description[b-k9q5f8bv64] { margin: var(--uzex-space-2) 0 var(--uzex-space-5); color: var(--uzex-text-muted); }
.about-video-materials-panel[b-k9q5f8bv64] { min-width: 0; padding: var(--uzex-space-4); border: 1px solid var(--uzex-border-strong); border-radius: var(--uzex-radius-panel); background: var(--uzex-surface); }
.about-video-materials-filters[b-k9q5f8bv64] { display: grid; grid-template-columns: minmax(14rem, 2fr) repeat(2, minmax(9rem, 1fr)); gap: var(--uzex-space-3); }

/* .about-video-materials-toolbar-actions sits on a <RadzenStack>, and Radzen renders
   that component's own root div - Blazor CSS isolation only scopes elements
   written directly in this component's markup, so a margin rule on that class
   never matches the rendered div. This wrapper is a plain div declared here, so
   it scopes correctly. */
.about-video-materials-actions-wrapper[b-k9q5f8bv64] { margin-top: var(--uzex-space-4); }

.about-video-materials-alert[b-k9q5f8bv64] { margin-top: var(--uzex-space-3); }

.about-video-materials-grid-scroll[b-k9q5f8bv64] {
    width: 100%;
    min-width: 0;
    margin-top: var(--uzex-space-4);
    overflow-x: auto;
}
.about-video-materials-grid-scroll[b-k9q5f8bv64]  .rz-data-grid { min-width: 64rem; }
.about-video-materials-title-cell[b-k9q5f8bv64] { display: block; max-width: 22rem; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-weight: 600; color: var(--uzex-text); }
.about-video-materials-actions[b-k9q5f8bv64] { display: flex; align-items: center; gap: 0.25rem; flex-wrap: wrap; }

@media (max-width: 980px) {
    .about-video-materials-filters[b-k9q5f8bv64] { grid-template-columns: 1fr 1fr; }
}

@media (max-width: 640px) {
    .about-video-materials-panel[b-k9q5f8bv64] { padding: var(--uzex-space-3); }
    .about-video-materials-filters[b-k9q5f8bv64] { grid-template-columns: 1fr; }
    .about-video-materials-toolbar-actions[b-k9q5f8bv64] { justify-content: stretch !important; }
    .about-video-materials-toolbar-actions[b-k9q5f8bv64]  .rz-button { flex: 1 1 auto; }
}
/* /Features/AboutVideoMaterials/AboutVideoMaterialThumbnailPreview.razor.rz.scp.css */
.about-video-material-thumb[b-qbr71izpjj] { width: 4.5rem; aspect-ratio: 16 / 9; display: grid; place-items: center; overflow: hidden; border: 1px solid var(--uzex-border-strong); border-radius: var(--uzex-radius-md); background: var(--uzex-surface-alt); color: var(--uzex-text-muted); }
.about-video-material-thumb img[b-qbr71izpjj] { width: 100%; height: 100%; object-fit: cover; }
.about-video-material-thumb[b-qbr71izpjj]  .rz-progressbar { width: 80%; }
/* /Features/AboutVideoMaterials/AboutVideoMaterialThumbnailUploadDialog.razor.rz.scp.css */
.about-video-material-upload-dialog[b-1m27upsgp7] { min-width: 0; color: var(--uzex-text); }
.about-video-material-upload-help[b-1m27upsgp7] { margin: 0; color: var(--uzex-text-muted); }
[b-1m27upsgp7] .about-video-material-upload { max-width: 100%; }
.about-video-material-upload-selection[b-1m27upsgp7] { display: flex; align-items: center; gap: var(--uzex-space-2); min-width: 0; color: var(--uzex-text-muted); }
.about-video-material-upload-selection span:first-of-type[b-1m27upsgp7] { overflow: hidden; max-width: min(28rem, 60vw); color: var(--uzex-text); text-overflow: ellipsis; white-space: nowrap; }
.about-video-material-upload-placeholder[b-1m27upsgp7] { color: var(--uzex-text-muted); }
/* /Features/AboutVideoMaterials/AboutVideoMaterialTranslationStep.razor.rz.scp.css */
.about-video-material-translation-step[b-r2lmm3nh1h] { min-width: 0; color: var(--uzex-text); }
.about-video-material-translation-step[b-r2lmm3nh1h]  .rz-form-field { display: flex; width: 100%; }
.about-video-material-step-heading[b-r2lmm3nh1h] { margin-bottom: var(--uzex-space-3); font-size: 1.0625rem; font-weight: 600; }
.about-video-material-field-error[b-r2lmm3nh1h] { margin-top: -0.75rem; margin-bottom: var(--uzex-space-2); font-size: 0.8125rem; color: var(--rz-danger); }
/* /Features/AnnouncementCategories/AnnouncementCategories.razor.rz.scp.css */
.announcement-categories-page h1[b-14ptmy0vz1] {
    margin: 0 0 var(--uzex-space-2);
    font-size: 1.5rem;
    font-weight: 600;
    color: var(--uzex-text);
}

.announcement-categories-description[b-14ptmy0vz1] {
    margin: 0 0 var(--uzex-space-6);
    color: var(--uzex-text-muted);
}

/* Rounded content panel, matching the existing card/panel tokens used
   elsewhere in the shell (radius, border, surface, shadow) - no separate
   design system. The grid inside follows the shared global DataGrid
   standard in radzen-overrides.css/variables.css; nothing here
   duplicates that. */
.announcement-categories-panel[b-14ptmy0vz1] {
    background: var(--uzex-surface);
    border: 1px solid var(--uzex-border-strong);
    border-radius: var(--uzex-radius-panel);
    box-shadow: var(--uzex-shadow-sm);
    padding: var(--uzex-space-6);
    max-width: 100%;
    overflow-x: auto;
}

[b-14ptmy0vz1] .announcement-categories-toolbar {
    margin-bottom: var(--uzex-space-4);
}

[b-14ptmy0vz1] .announcement-categories-search {
    width: 100%;
    max-width: 22rem;
}

[b-14ptmy0vz1] .announcement-categories-actions {
    width: 100%;
}

.announcement-categories-ellipsis[b-14ptmy0vz1] {
    display: inline-block;
    max-width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    vertical-align: bottom;
}

.announcement-categories-grid-actions[b-14ptmy0vz1] {
    display: flex;
    justify-content: flex-start;
    gap: var(--uzex-space-2);
}

@media (max-width: 768px) {
    [b-14ptmy0vz1] .announcement-categories-search {
        max-width: none;
    }

    [b-14ptmy0vz1] .announcement-categories-actions {
        justify-content: flex-start !important;
    }

    .announcement-categories-grid-actions[b-14ptmy0vz1] {
        justify-content: flex-start;
    }
}
/* /Features/AnnouncementCategories/AnnouncementCategoryEditorDialog.razor.rz.scp.css */
.announcement-category-wizard[b-xqb92scxn3] {
    display: flex;
    flex-direction: column;
    min-width: 0;
}

/* Step header strip and the boundary under it - both are structural
   separators, so they use --uzex-border-strong the same way the page
   panel/grid/dialog do (see radzen-overrides.css). Active/selected step
   color driven off the app's own brand blue rather than Radzen's stock
   "secondary" accent, so it reads as consistent with every other
   selected/active state in the cabinet (buttons, nav, links). */
[b-xqb92scxn3] .announcement-category-steps {
    --rz-steps-number-selected-background: var(--uzex-blue-600);
    --rz-steps-number-selected-color: #ffffff;
    --rz-steps-title-selected-color: var(--uzex-blue-600);
    --rz-steps-color: var(--uzex-text-muted);
}

/* The rendered steps header is <ul> (not a div) directly under .rz-steps.
   Flex + justify-content: safe center keeps the row centered at normal
   widths, but automatically falls back to start-alignment the moment the
   row would overflow - so the horizontal scrollbar never starts scrolled
   past a clipped first pill (the plain inline-block + text-align: center
   approach used previously cannot do this: it centers the overflow itself,
   clipping equally on both ends). */
[b-xqb92scxn3] .announcement-category-steps > ul {
    display: flex;
    flex-wrap: nowrap;
    justify-content: safe center;
    border-bottom: 1px solid var(--uzex-border-strong);
    padding-bottom: var(--uzex-space-3);
    margin-bottom: var(--uzex-space-4);
    overflow-x: auto;
}

[b-xqb92scxn3] .announcement-category-steps .rz-steps-title {
    white-space: nowrap;
}

/* Connector line between consecutive pills. Reserved as this item's OWN
   trailing padding (not an overlay), so it can never cross the next pill or
   this item's title text regardless of title length/locale. */
[b-xqb92scxn3] .announcement-category-steps > ul > li.rz-steps-item {
    position: relative;
    flex: 0 0 auto;
}

[b-xqb92scxn3] .announcement-category-steps > ul > li.rz-steps-item:not(:last-child) {
    padding-right: 2rem;
}

[b-xqb92scxn3] .announcement-category-steps > ul > li.rz-steps-item:not(:last-child)::after {
    content: "";
    position: absolute;
    top: 50%;
    right: 0;
    width: 2rem;
    height: 2px;
    transform: translateY(-50%);
    background: var(--uzex-border-strong);
}

/* Outlined pill: border + radius on the item's own link/button, which
   already wraps the number circle and title. Left padding stays tight
   (the circle fills it visually) and border-radius: 999px makes it a true
   pill regardless of title length. Future/default state (neutral gray
   border) needs no extra rule - it's the base here. */
[b-xqb92scxn3] .announcement-category-steps > ul > li.rz-steps-item .rz-menuitem-link {
    display: inline-flex;
    align-items: center;
    gap: 0.5rem;
    padding: 0.25rem 0.875rem 0.25rem 0.25rem;
    border: 1px solid var(--uzex-border-strong);
    border-radius: 999px;
}

[b-xqb92scxn3] .announcement-category-steps > ul > li.rz-steps-item.rz-steps-current .rz-menuitem-link {
    border-color: var(--uzex-blue-600);
}

/* Completed state - driven by steps-completed-N (see GetStepsCssClass() in
   the .razor file, based on furthestUnlockedIndex/validated state, not the
   selected index) rather than Radzen's own selected-index-only classes.
   :not(.rz-steps-current) keeps the currently open step blue even if its
   index falls within the completed range (e.g. after navigating back to an
   already-validated step). Reuses Radzen's own --rz-success-dark token -
   identical value in both Humanistic themes, so no new token is needed. */
[b-xqb92scxn3] .announcement-category-steps.steps-completed-1 > ul > li:nth-child(-n+1):not(.rz-steps-current) .rz-steps-number,
[b-xqb92scxn3] .announcement-category-steps.steps-completed-2 > ul > li:nth-child(-n+2):not(.rz-steps-current) .rz-steps-number,
[b-xqb92scxn3] .announcement-category-steps.steps-completed-3 > ul > li:nth-child(-n+3):not(.rz-steps-current) .rz-steps-number,
[b-xqb92scxn3] .announcement-category-steps.steps-completed-4 > ul > li:nth-child(-n+4):not(.rz-steps-current) .rz-steps-number {
    background: var(--rz-success-dark);
    color: #ffffff;
}

[b-xqb92scxn3] .announcement-category-steps.steps-completed-1 > ul > li:nth-child(-n+1):not(.rz-steps-current) .rz-steps-title,
[b-xqb92scxn3] .announcement-category-steps.steps-completed-2 > ul > li:nth-child(-n+2):not(.rz-steps-current) .rz-steps-title,
[b-xqb92scxn3] .announcement-category-steps.steps-completed-3 > ul > li:nth-child(-n+3):not(.rz-steps-current) .rz-steps-title,
[b-xqb92scxn3] .announcement-category-steps.steps-completed-4 > ul > li:nth-child(-n+4):not(.rz-steps-current) .rz-steps-title {
    color: var(--rz-success-dark);
    font-weight: 600;
}

[b-xqb92scxn3] .announcement-category-steps.steps-completed-1 > ul > li:nth-child(-n+1):not(.rz-steps-current) .rz-menuitem-link,
[b-xqb92scxn3] .announcement-category-steps.steps-completed-2 > ul > li:nth-child(-n+2):not(.rz-steps-current) .rz-menuitem-link,
[b-xqb92scxn3] .announcement-category-steps.steps-completed-3 > ul > li:nth-child(-n+3):not(.rz-steps-current) .rz-menuitem-link,
[b-xqb92scxn3] .announcement-category-steps.steps-completed-4 > ul > li:nth-child(-n+4):not(.rz-steps-current) .rz-menuitem-link {
    border-color: var(--rz-success-dark);
}

[b-xqb92scxn3] .announcement-category-steps.steps-completed-1 > ul > li:nth-child(-n+1):not(.rz-steps-current)::after,
[b-xqb92scxn3] .announcement-category-steps.steps-completed-2 > ul > li:nth-child(-n+2):not(.rz-steps-current)::after,
[b-xqb92scxn3] .announcement-category-steps.steps-completed-3 > ul > li:nth-child(-n+3):not(.rz-steps-current)::after,
[b-xqb92scxn3] .announcement-category-steps.steps-completed-4 > ul > li:nth-child(-n+4):not(.rz-steps-current)::after {
    background: var(--rz-success-dark);
}

.announcement-category-step-heading[b-xqb92scxn3] {
    font-size: 1.0625rem;
    font-weight: 600;
    color: var(--uzex-text);
    margin: 0 0 var(--uzex-space-3);
}

.announcement-category-field-grid[b-xqb92scxn3] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: var(--uzex-space-3) var(--uzex-space-4);
}

@media (max-width: 640px) {
    .announcement-category-field-grid[b-xqb92scxn3] {
        grid-template-columns: 1fr;
    }
}

/* Display Order + Active side by side on the final step, switch pinned to
   the row's right edge. flex-wrap lets them stack cleanly on genuinely
   narrow screens instead of overflowing. */
.announcement-category-settings-row[b-xqb92scxn3] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: var(--uzex-space-3) var(--uzex-space-4);
}

.announcement-category-settings-row .rz-form-field[b-xqb92scxn3] {
    flex: 0 0 auto;
}

.announcement-category-active-row[b-xqb92scxn3] {
    margin-left: auto;
}

.announcement-category-review[b-xqb92scxn3] {
    margin-top: var(--uzex-space-4);
    padding-top: var(--uzex-space-4);
    border-top: 1px solid var(--uzex-border-strong);
}

.announcement-category-review-title[b-xqb92scxn3] {
    margin: 0 0 var(--uzex-space-3);
    font-size: 0.8125rem;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.02em;
    color: var(--uzex-text-muted);
}

.announcement-category-review-grid[b-xqb92scxn3] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: var(--uzex-space-3);
}

@media (max-width: 640px) {
    .announcement-category-review-grid[b-xqb92scxn3] {
        grid-template-columns: 1fr;
    }
}

.announcement-category-review-item[b-xqb92scxn3] {
    display: flex;
    flex-direction: column;
    gap: 0.125rem;
    padding: var(--uzex-space-2) var(--uzex-space-3);
    background: var(--uzex-surface-alt);
    border: 1px solid var(--uzex-border-strong);
    border-radius: var(--uzex-radius-md);
    min-width: 0;
}

.announcement-category-review-locale[b-xqb92scxn3] {
    font-size: 0.6875rem;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.02em;
    color: var(--uzex-text-muted);
}

.announcement-category-review-name[b-xqb92scxn3] {
    font-weight: 600;
    color: var(--uzex-text);
    overflow-wrap: break-word;
}

.announcement-category-review-slug[b-xqb92scxn3] {
    font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
    font-size: 0.8125rem;
    color: var(--uzex-text-muted);
    overflow-wrap: break-word;
}

.announcement-category-wizard-actions[b-xqb92scxn3] {
    padding-top: var(--uzex-space-3);
    border-top: 1px solid var(--uzex-border-strong);
}

/* Radzen's own Fade/Slide step transitions are driven by inline/JS timing
   rather than a CSS animation we can select and disable outright - the
   TransitionDuration="200" passed to RadzenSteps already keeps the effect
   short, and reduced-motion users additionally get it skipped entirely by
   forcing that duration to 0 here. */
@media (prefers-reduced-motion: reduce) {
    [b-xqb92scxn3] .announcement-category-steps .rz-steps-fade,
    [b-xqb92scxn3] .announcement-category-steps .rz-steps-slide {
        transition-duration: 0s !important;
        animation-duration: 0s !important;
    }
}
/* /Features/Announcements/AnnouncementCoverThumbnail.razor.rz.scp.css */
.announcement-cover-thumbnail[b-emtt8uy5pm] { width: 3.5rem; aspect-ratio: 4 / 3; display: grid; place-items: center; overflow: hidden; border: 1px solid var(--uzex-border-strong); border-radius: var(--uzex-radius-md); background: var(--uzex-surface-alt); color: var(--uzex-text-muted); }
.announcement-cover-thumbnail img[b-emtt8uy5pm] { width: 100%; height: 100%; object-fit: cover; }
.announcement-cover-thumbnail[b-emtt8uy5pm]  .rz-progressbar { width: 80%; }
/* /Features/Announcements/AnnouncementEditorDialog.razor.rz.scp.css */
.announcement-wizard[b-t5har580ky] { min-width: 0; color: var(--uzex-text); }
[b-t5har580ky] .announcement-steps > ul { display: flex; flex-wrap: nowrap; justify-content: safe center; overflow-x: auto; border-bottom: 1px solid var(--uzex-border-strong); padding-bottom: var(--uzex-space-3); margin-bottom: var(--uzex-space-4); }
[b-t5har580ky] .announcement-steps .rz-steps-title { white-space: nowrap; }
[b-t5har580ky] .announcement-steps > ul > li.rz-steps-item { position: relative; flex: 0 0 auto; }
[b-t5har580ky] .announcement-steps > ul > li.rz-steps-item:not(:last-child) { padding-right: 2rem; }
[b-t5har580ky] .announcement-steps > ul > li.rz-steps-item:not(:last-child)::after { content: ""; position: absolute; top: 50%; right: 0; width: 2rem; height: 2px; transform: translateY(-50%); background: var(--uzex-border-strong); }
[b-t5har580ky] .announcement-steps > ul > li.rz-steps-item .rz-menuitem-link { display: inline-flex; align-items: center; gap: 0.5rem; padding: 0.25rem 0.875rem 0.25rem 0.25rem; border: 1px solid var(--uzex-border-strong); border-radius: 999px; }
[b-t5har580ky] .announcement-steps > ul > li.rz-steps-item.rz-steps-current .rz-menuitem-link { border-color: var(--uzex-blue-600); }
[b-t5har580ky] .announcement-steps.steps-completed-1 > ul > li:nth-child(-n+1):not(.rz-steps-current) .rz-steps-number,
[b-t5har580ky] .announcement-steps.steps-completed-2 > ul > li:nth-child(-n+2):not(.rz-steps-current) .rz-steps-number,
[b-t5har580ky] .announcement-steps.steps-completed-3 > ul > li:nth-child(-n+3):not(.rz-steps-current) .rz-steps-number,
[b-t5har580ky] .announcement-steps.steps-completed-4 > ul > li:nth-child(-n+4):not(.rz-steps-current) .rz-steps-number { background: var(--rz-success-dark); color: #fff; }
[b-t5har580ky] .announcement-steps.steps-completed-1 > ul > li:nth-child(-n+1):not(.rz-steps-current) .rz-steps-title,
[b-t5har580ky] .announcement-steps.steps-completed-2 > ul > li:nth-child(-n+2):not(.rz-steps-current) .rz-steps-title,
[b-t5har580ky] .announcement-steps.steps-completed-3 > ul > li:nth-child(-n+3):not(.rz-steps-current) .rz-steps-title,
[b-t5har580ky] .announcement-steps.steps-completed-4 > ul > li:nth-child(-n+4):not(.rz-steps-current) .rz-steps-title { color: var(--rz-success-dark); font-weight: 600; }
[b-t5har580ky] .announcement-steps.steps-completed-1 > ul > li:nth-child(-n+1):not(.rz-steps-current) .rz-menuitem-link,
[b-t5har580ky] .announcement-steps.steps-completed-2 > ul > li:nth-child(-n+2):not(.rz-steps-current) .rz-menuitem-link,
[b-t5har580ky] .announcement-steps.steps-completed-3 > ul > li:nth-child(-n+3):not(.rz-steps-current) .rz-menuitem-link,
[b-t5har580ky] .announcement-steps.steps-completed-4 > ul > li:nth-child(-n+4):not(.rz-steps-current) .rz-menuitem-link { border-color: var(--rz-success-dark); }
[b-t5har580ky] .announcement-steps.steps-completed-1 > ul > li:nth-child(-n+1):not(.rz-steps-current)::after,
[b-t5har580ky] .announcement-steps.steps-completed-2 > ul > li:nth-child(-n+2):not(.rz-steps-current)::after,
[b-t5har580ky] .announcement-steps.steps-completed-3 > ul > li:nth-child(-n+3):not(.rz-steps-current)::after,
[b-t5har580ky] .announcement-steps.steps-completed-4 > ul > li:nth-child(-n+4):not(.rz-steps-current)::after { background: var(--rz-success-dark); }
.announcement-step-heading[b-t5har580ky] { margin-bottom: var(--uzex-space-3); font-size: 1.0625rem; font-weight: 600; }
.announcement-settings-grid[b-t5har580ky] { display: grid; grid-template-columns: 1fr 1fr; gap: var(--uzex-space-4); }
.announcement-cover-section[b-t5har580ky] { display: flex; flex-direction: column; gap: var(--uzex-space-3); margin-top: var(--uzex-space-4); padding-top: var(--uzex-space-4); border-top: 1px solid var(--uzex-border-strong); }
.announcement-cover-heading[b-t5har580ky], .announcement-review-title[b-t5har580ky] { font-size: 0.8125rem; font-weight: 600; text-transform: uppercase; color: var(--uzex-text-muted); }
.announcement-cover-empty[b-t5har580ky] { min-height: 5rem; display: flex; align-items: center; justify-content: center; gap: var(--uzex-space-2); border: 1px dashed var(--uzex-border-strong); border-radius: var(--uzex-radius-md); color: var(--uzex-text-muted); background: var(--uzex-surface-alt); }
.announcement-review[b-t5har580ky] { margin-top: var(--uzex-space-4); padding-top: var(--uzex-space-4); border-top: 1px solid var(--uzex-border-strong); }
.announcement-review-grid[b-t5har580ky] { display: grid; grid-template-columns: 1fr 1fr; gap: var(--uzex-space-3); margin-top: var(--uzex-space-3); }
.announcement-review-card[b-t5har580ky] { display: flex; flex-direction: column; gap: 0.25rem; min-width: 0; padding: var(--uzex-space-3); border: 1px solid var(--uzex-border-strong); border-radius: var(--uzex-radius-md); background: var(--uzex-surface-alt); }
.announcement-review-locale[b-t5har580ky] { font-size: 0.6875rem; font-weight: 600; text-transform: uppercase; color: var(--uzex-text-muted); }
.announcement-review-card strong[b-t5har580ky], .announcement-review-slug[b-t5har580ky], .announcement-review-summary[b-t5har580ky] { overflow-wrap: anywhere; }
.announcement-review-slug[b-t5har580ky] { font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace; font-size: 0.8125rem; color: var(--uzex-text-muted); }
.announcement-review-summary[b-t5har580ky] { color: var(--uzex-text-muted); }
.announcement-review-settings[b-t5har580ky] { display: flex; flex-wrap: wrap; gap: var(--uzex-space-3) var(--uzex-space-5); margin-top: var(--uzex-space-3); }
.announcement-wizard-actions[b-t5har580ky] { padding-top: var(--uzex-space-3); border-top: 1px solid var(--uzex-border-strong); }
@media (max-width: 720px) { .announcement-settings-grid[b-t5har580ky], .announcement-review-grid[b-t5har580ky] { grid-template-columns: 1fr; } .announcement-wizard-actions[b-t5har580ky] { align-items: stretch !important; flex-direction: column; } }
@media (prefers-reduced-motion: reduce) { [b-t5har580ky] .announcement-steps .rz-steps-fade, [b-t5har580ky] .announcement-steps .rz-steps-slide { transition-duration: 0s !important; animation-duration: 0s !important; } }
/* /Features/Announcements/AnnouncementImageDialog.razor.rz.scp.css */
.announcement-image-dialog[b-qaz436o999] { min-width: 0; color: var(--uzex-text); }

.announcement-image-section-heading[b-qaz436o999] {
    margin-bottom: var(--uzex-space-2);
    font-size: 0.8125rem;
    font-weight: 600;
    text-transform: uppercase;
    color: var(--uzex-text-muted);
}

/* One bordered control: Choose file (left) | filename+size or placeholder
   (center, truncates) | Upload | Clear (right). Grid keeps every control on
   a single row and vertically centered; the narrow-screen media query below
   is the only place this wraps. */
.announcement-image-upload-row[b-qaz436o999] {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr) auto auto;
    align-items: center;
    gap: var(--uzex-space-2);
    min-width: 0;
    padding: var(--uzex-space-2) var(--uzex-space-3);
    border: 1px solid var(--uzex-border-strong);
    border-radius: var(--uzex-radius-md);
    background: var(--uzex-surface-alt);
}

/* RadzenUpload renders its own root div (not scoped to this component), so
   its internal selected-file list - a full-width row duplicating the
   filename/size shown here - can only be reached and hidden via ::deep. */
.announcement-image-upload-control[b-qaz436o999]  .rz-fileupload-content {
    display: none;
}

.announcement-image-upload-info[b-qaz436o999] {
    display: flex;
    align-items: baseline;
    gap: var(--uzex-space-2);
    min-width: 0;
}

.announcement-image-upload-filename[b-qaz436o999] {
    overflow: hidden;
    min-width: 0;
    color: var(--uzex-text);
    text-overflow: ellipsis;
    white-space: nowrap;
}

.announcement-image-upload-filesize[b-qaz436o999] {
    flex-shrink: 0;
    color: var(--uzex-text-muted);
    font-size: 0.8125rem;
}

.announcement-image-upload-placeholder[b-qaz436o999] {
    min-width: 0;
    overflow: hidden;
    color: var(--uzex-text-muted);
    font-size: 0.875rem;
    text-overflow: ellipsis;
    white-space: nowrap;
}

@media (max-width: 480px) {
    .announcement-image-upload-row[b-qaz436o999] {
        grid-template-columns: auto 1fr;
        grid-template-areas:
            "choose info"
            "upload clear";
    }

    .announcement-image-upload-control[b-qaz436o999] { grid-area: choose; }
    .announcement-image-upload-info[b-qaz436o999],
    .announcement-image-upload-placeholder[b-qaz436o999] { grid-area: info; }
    .announcement-image-upload-row[b-qaz436o999]  .announcement-image-upload-submit { grid-area: upload; }
    .announcement-image-upload-row[b-qaz436o999]  .announcement-image-upload-clear { grid-area: clear; }
}

.announcement-image-dimensions[b-qaz436o999] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 12rem));
    gap: var(--uzex-space-3);
}

.announcement-image-dimensions-hint[b-qaz436o999] {
    margin-top: var(--uzex-space-2);
    color: var(--uzex-text-muted);
    font-size: 0.8125rem;
}

.announcement-image-dimensions-error[b-qaz436o999] { margin-top: var(--uzex-space-2); }

@media (max-width: 480px) {
    .announcement-image-dimensions[b-qaz436o999] { grid-template-columns: 1fr; }
}

.announcement-image-gallery-empty[b-qaz436o999] {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: var(--uzex-space-2);
    min-height: 5rem;
    border: 1px dashed var(--uzex-border-strong);
    border-radius: var(--uzex-radius-md);
    background: var(--uzex-surface-alt);
    color: var(--uzex-text-muted);
}

.announcement-image-gallery[b-qaz436o999] {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(9rem, 1fr));
    gap: var(--uzex-space-3);
}

.announcement-image-card[b-qaz436o999] {
    display: flex;
    flex-direction: column;
    min-width: 0;
    overflow: hidden;
    border: 1px solid var(--uzex-border-strong);
    border-radius: var(--uzex-radius-md);
    background: var(--uzex-surface);
    cursor: pointer;
    text-align: left;
    transition: border-color 0.15s ease;
}

.announcement-image-card:hover[b-qaz436o999],
.announcement-image-card:focus-visible[b-qaz436o999] {
    border-color: var(--uzex-blue-600);
    outline: none;
}

.announcement-image-card-visual[b-qaz436o999] {
    display: grid;
    place-items: center;
    aspect-ratio: 4 / 3;
    background: var(--uzex-surface-alt);
    border-bottom: 1px solid var(--uzex-border-strong);
}

.announcement-image-card-visual img[b-qaz436o999] { width: 100%; height: 100%; object-fit: cover; }
.announcement-image-card-visual[b-qaz436o999]  .rz-icon { font-size: 2rem; color: var(--uzex-blue-600); }

.announcement-image-card-name[b-qaz436o999] {
    padding: var(--uzex-space-2);
    overflow: hidden;
    font-size: 0.8125rem;
    text-overflow: ellipsis;
    white-space: nowrap;
}
/* /Features/Announcements/Announcements.razor.rz.scp.css */
.announcement-page[b-hwjyrsbf7w] { min-width: 0; overflow-x: clip; }
.announcement-page h1[b-hwjyrsbf7w] { margin: 0; color: var(--uzex-text); }
.announcement-description[b-hwjyrsbf7w] { margin: var(--uzex-space-2) 0 var(--uzex-space-5); color: var(--uzex-text-muted); }
.announcement-panel[b-hwjyrsbf7w] { min-width: 0; padding: var(--uzex-space-4); border: 1px solid var(--uzex-border-strong); border-radius: var(--uzex-radius-lg); background: var(--uzex-surface); }
.announcement-filters[b-hwjyrsbf7w] { display: grid; grid-template-columns: minmax(14rem, 2fr) repeat(3, minmax(9rem, 1fr)); gap: var(--uzex-space-3); }
.announcement-filters .rz-datepicker[b-hwjyrsbf7w] { min-width: 0; width: 100%; }
.announcement-filters > :nth-last-child(-n+2)[b-hwjyrsbf7w] { grid-column: span 2; }

/* .announcement-toolbar-actions sits on a <RadzenStack>, and Radzen renders that
   component's own root div - Blazor CSS isolation only scopes elements
   written directly in this component's markup, so a margin rule on that
   class never matches the rendered div (same reason as the grid-scroll
   comment below). This wrapper is a plain div declared here, so it scopes
   correctly. No extra top margin at desktop, where the actions row sits
   directly after the filters as usual; once filters wrap to their own
   rows (same breakpoint as .announcement-filters below) the actions row visually
   touches the last filter row, so a gap is added only from there down. */
.announcement-actions-wrapper[b-hwjyrsbf7w] { margin-top: 0; }

.announcement-grid-scroll[b-hwjyrsbf7w] {
    width: 100%;
    min-width: 0;
    /* .announcement-toolbar-actions sits on a <RadzenStack>, and Radzen renders that
       component's own root div - Blazor CSS isolation only scopes elements
       written directly in this component's markup, so a margin rule on that
       class never matches the rendered div. This element is a plain div
       declared here, so it scopes correctly; the gap is applied here instead. */
    margin-top: var(--uzex-space-4);
    overflow-x: auto;
}
.announcement-grid-scroll[b-hwjyrsbf7w]  .rz-data-grid { min-width: 68rem; }
.announcement-title-cell[b-hwjyrsbf7w] { display: block; max-width: 30rem; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-weight: 600; color: var(--uzex-text); }
.announcement-grid-actions[b-hwjyrsbf7w] { display: flex; align-items: center; gap: 0.25rem; }
.announcement-cover-thumbnail[b-hwjyrsbf7w] { width: 3.5rem; aspect-ratio: 4 / 3; display: grid; place-items: center; overflow: hidden; border: 1px solid var(--uzex-border-strong); border-radius: var(--uzex-radius-md); background: var(--uzex-surface-alt); color: var(--uzex-text-muted); }
.announcement-list-alert[b-hwjyrsbf7w] { margin-bottom: var(--uzex-space-3); }

@media (max-width: 980px) {
    .announcement-filters[b-hwjyrsbf7w] { grid-template-columns: 1fr 1fr; }
    .announcement-filters > :nth-last-child(-n+2)[b-hwjyrsbf7w] { grid-column: auto; }
    .announcement-actions-wrapper[b-hwjyrsbf7w] { margin-top: var(--uzex-space-4); }
}

@media (max-width: 640px) {
    .announcement-panel[b-hwjyrsbf7w] { padding: var(--uzex-space-3); }
    .announcement-filters[b-hwjyrsbf7w] { grid-template-columns: 1fr; }
    .announcement-toolbar-actions[b-hwjyrsbf7w] { justify-content: stretch !important; }
    .announcement-toolbar-actions[b-hwjyrsbf7w]  .rz-button { flex: 1 1 auto; }
}
/* /Features/Announcements/AnnouncementSelectedMediaPreview.razor.rz.scp.css */
.announcement-selected-media[b-441g62gsd2] { display: flex; align-items: center; gap: var(--uzex-space-3); min-width: 0; padding: var(--uzex-space-2); border: 1px solid var(--uzex-border-strong); border-radius: var(--uzex-radius-md); background: var(--uzex-surface-alt); }
.announcement-selected-media-visual[b-441g62gsd2] { width: 8rem; aspect-ratio: 16 / 9; flex: 0 0 auto; display: grid; place-items: center; overflow: hidden; border-radius: var(--uzex-radius-sm); background: var(--uzex-surface); color: var(--uzex-text-muted); }
.announcement-selected-media-visual img[b-441g62gsd2] { width: 100%; height: 100%; object-fit: contain; }
.announcement-selected-media-name[b-441g62gsd2] { min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-weight: 600; color: var(--uzex-text); }
@media (max-width: 480px) { .announcement-selected-media[b-441g62gsd2] { align-items: stretch; flex-direction: column; } .announcement-selected-media-visual[b-441g62gsd2] { width: 100%; } }
/* /Features/Announcements/AnnouncementTranslationStep.razor.rz.scp.css */
.announcement-translation-step[b-q03ye0o8jx] { display: flex; flex-direction: column; gap: var(--uzex-space-4); min-width: 0; }
.announcement-step-heading[b-q03ye0o8jx] { font-size: 1.0625rem; font-weight: 600; color: var(--uzex-text); }
.announcement-field-grid[b-q03ye0o8jx] { display: grid; grid-template-columns: 1fr 1fr; gap: var(--uzex-space-3) var(--uzex-space-4); }
.announcement-field-error[b-q03ye0o8jx] { margin-top: calc(-1 * var(--uzex-space-3)); font-size: 0.8125rem; color: var(--rz-danger); }
.announcement-html-editor[b-q03ye0o8jx] { min-height: 22rem; width: 100%; }
[b-q03ye0o8jx] .announcement-html-editor .rz-html-editor-content { min-height: 17rem; }
[b-q03ye0o8jx] .announcement-html-editor .rz-html-editor-toolbar { flex-wrap: wrap; }
@media (max-width: 720px) { .announcement-field-grid[b-q03ye0o8jx] { grid-template-columns: 1fr; } .announcement-html-editor[b-q03ye0o8jx] { min-height: 18rem; } }
/* /Features/AuditLogs/AuditLogDetailDialog.razor.rz.scp.css */
.audit-detail-grid[b-ya505mejp7] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: var(--uzex-space-4);
}

@media (max-width: 640px) {
    .audit-detail-grid[b-ya505mejp7] {
        grid-template-columns: 1fr;
    }
}

.audit-detail-field[b-ya505mejp7] {
    display: flex;
    flex-direction: column;
    gap: var(--uzex-space-1);
    min-width: 0;
}

.audit-detail-field-full[b-ya505mejp7] {
    grid-column: 1 / -1;
}

.audit-detail-label[b-ya505mejp7] {
    font-size: 0.75rem;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.02em;
    color: var(--uzex-text-muted);
}

/* Read-only (not disabled) so the value stays high-contrast, selectable
   and copyable - matches the surrounding panel rather than looking like
   a disabled/inactive form. */
.audit-detail-field[b-ya505mejp7]  .audit-detail-input.rz-textbox {
    width: 100%;
    background: var(--uzex-surface-alt);
    border: 1px solid var(--uzex-border);
    border-radius: var(--uzex-radius-md);
    color: var(--uzex-text);
    opacity: 1;
    cursor: text;
}

.audit-detail-badge-row[b-ya505mejp7] {
    display: flex;
    align-items: center;
    min-height: 2.25rem;
}

.audit-detail-value[b-ya505mejp7] {
    color: var(--uzex-text);
}

.audit-detail-payloads[b-ya505mejp7] {
    display: flex;
    flex-direction: column;
    gap: var(--uzex-space-4);
}

.audit-detail-payload-section[b-ya505mejp7] {
    background: var(--uzex-surface-alt);
    border: 1px solid var(--uzex-border);
    border-radius: var(--uzex-radius-md);
    padding: var(--uzex-space-3);
}

.audit-detail-section-title[b-ya505mejp7] {
    margin: 0 0 var(--uzex-space-2);
    font-size: 0.875rem;
    font-weight: 600;
    color: var(--uzex-text);
}

.audit-detail-pre[b-ya505mejp7] {
    margin: 0;
    padding: var(--uzex-space-3);
    background: var(--uzex-surface);
    border: 1px solid var(--uzex-border);
    border-radius: var(--uzex-radius-sm);
    max-height: 16rem;
    overflow: auto;
    font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
    font-size: 0.8125rem;
    white-space: pre-wrap;
    word-break: break-word;
    color: var(--uzex-text);
}

/* Duplicated from AuditLogs.razor.css (CSS-isolated to this component) -
   same Swagger-style method colors, kept in sync manually since the two
   components don't share a stylesheet. */
.audit-method-badge[b-ya505mejp7] {
    display: inline-flex;
    align-items: center;
    padding: 0.125rem 0.5rem;
    border-radius: var(--uzex-radius-full);
    font-size: 0.6875rem;
    font-weight: 600;
    letter-spacing: 0.02em;
    line-height: 1.4;
    white-space: nowrap;
}

.audit-method-get[b-ya505mejp7] {
    background: var(--uzex-method-get-bg);
    color: var(--uzex-method-get-text);
}

.audit-method-post[b-ya505mejp7] {
    background: var(--uzex-method-post-bg);
    color: var(--uzex-method-post-text);
}

.audit-method-put[b-ya505mejp7] {
    background: var(--uzex-method-put-bg);
    color: var(--uzex-method-put-text);
}

.audit-method-patch[b-ya505mejp7] {
    background: var(--uzex-method-patch-bg);
    color: var(--uzex-method-patch-text);
}

.audit-method-delete[b-ya505mejp7] {
    background: var(--uzex-method-delete-bg);
    color: var(--uzex-method-delete-text);
}

.audit-method-other[b-ya505mejp7] {
    background: var(--uzex-method-other-bg);
    color: var(--uzex-method-other-text);
}
/* /Features/AuditLogs/AuditLogs.razor.rz.scp.css */
.audit-logs-page h1[b-ycsbaqpnp6] {
    margin: 0 0 var(--uzex-space-2);
    font-size: 1.5rem;
    font-weight: 600;
    color: var(--uzex-text);
}

.audit-logs-description[b-ycsbaqpnp6] {
    margin: 0 0 var(--uzex-space-6);
    color: var(--uzex-text-muted);
}

/* Rounded content panel, matching the existing card/panel tokens used
   elsewhere in the shell (radius, border, surface, shadow) - no separate
   design system. The grid inside follows the shared global DataGrid
   standard in radzen-overrides.css/variables.css; nothing here
   duplicates that. */
.audit-logs-panel[b-ycsbaqpnp6] {
    background: var(--uzex-surface);
    border: 1px solid var(--uzex-border-strong);
    border-radius: var(--uzex-radius-panel);
    box-shadow: var(--uzex-shadow-sm);
    padding: var(--uzex-space-6);
    max-width: 100%;
    overflow-x: auto;
}

/* Compact, evenly-distributed filter row: 6 fields on large desktop,
   stepping down to 3 / 2 / 1 per row as the panel narrows. Plain divs
   (not RadzenRow/RadzenColumn) so the exact breakpoints below are not
   fighting Bootstrap-style column math - the Radzen form components
   inside each cell still provide the actual field chrome. */
.audit-logs-filter-grid[b-ycsbaqpnp6] {
    display: grid;
    grid-template-columns: repeat(6, minmax(0, 1fr));
    gap: var(--uzex-space-3);
    align-items: start;
    margin-bottom: var(--uzex-space-2);
}

@media (max-width: 1199px) {
    .audit-logs-filter-grid[b-ycsbaqpnp6] {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }
}

@media (max-width: 899px) {
    .audit-logs-filter-grid[b-ycsbaqpnp6] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 599px) {
    .audit-logs-filter-grid[b-ycsbaqpnp6] {
        grid-template-columns: minmax(0, 1fr);
    }
}

.audit-logs-filter-field[b-ycsbaqpnp6] {
    display: flex;
    flex-direction: column;
    min-width: 0;
}

.audit-logs-filter-field[b-ycsbaqpnp6]  .rz-formfield {
    width: 100%;
}

.audit-logs-filter-field[b-ycsbaqpnp6]  .rz-textbox,
.audit-logs-filter-field[b-ycsbaqpnp6]  .rz-dropdown,
.audit-logs-filter-field[b-ycsbaqpnp6]  .rz-dropdown-data-grid {
    width: 100%;
    min-height: 2.25rem;
}

[b-ycsbaqpnp6] .audit-logs-filter-actions {
    margin-bottom: var(--uzex-space-4);
}

.audit-logs-field-error[b-ycsbaqpnp6] {
    display: block;
    margin-top: var(--uzex-space-1);
    font-size: 0.8125rem;
    color: var(--rz-danger, #f9777f);
}

.audit-logs-ellipsis[b-ycsbaqpnp6] {
    display: inline-block;
    max-width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    vertical-align: bottom;
}

.audit-user-unknown[b-ycsbaqpnp6] {
    color: var(--uzex-text-muted);
    font-style: italic;
}

.audit-user-resolving[b-ycsbaqpnp6] {
    color: var(--uzex-text-muted);
}

.audit-logs-grid-actions[b-ycsbaqpnp6] {
    display: flex;
    justify-content: flex-start;
}

/* Swagger-style HTTP method badges - color communicates the method at a
   glance; the text content itself is always the raw, unaltered value
   from the server (see NormalizeMethodClass in the code-behind, which is
   used only to pick the class below, never to change what is displayed). */
.audit-method-badge[b-ycsbaqpnp6] {
    display: inline-flex;
    align-items: center;
    padding: 0.125rem 0.5rem;
    border-radius: var(--uzex-radius-full);
    font-size: 0.6875rem;
    font-weight: 600;
    letter-spacing: 0.02em;
    line-height: 1.4;
    white-space: nowrap;
}

.audit-method-get[b-ycsbaqpnp6] {
    background: var(--uzex-method-get-bg);
    color: var(--uzex-method-get-text);
}

.audit-method-post[b-ycsbaqpnp6] {
    background: var(--uzex-method-post-bg);
    color: var(--uzex-method-post-text);
}

.audit-method-put[b-ycsbaqpnp6] {
    background: var(--uzex-method-put-bg);
    color: var(--uzex-method-put-text);
}

.audit-method-patch[b-ycsbaqpnp6] {
    background: var(--uzex-method-patch-bg);
    color: var(--uzex-method-patch-text);
}

.audit-method-delete[b-ycsbaqpnp6] {
    background: var(--uzex-method-delete-bg);
    color: var(--uzex-method-delete-text);
}

.audit-method-other[b-ycsbaqpnp6] {
    background: var(--uzex-method-other-bg);
    color: var(--uzex-method-other-text);
}

@media (max-width: 768px) {
    [b-ycsbaqpnp6] .audit-logs-filter-actions {
        justify-content: flex-start !important;
    }

    [b-ycsbaqpnp6] .audit-logs-filter-actions .rz-button {
        flex: 1 1 auto;
    }
}
/* /Features/Auth/Login.razor.rz.scp.css */
.login-page[b-0adzhsxaj0] {
    display: flex;
    flex-direction: column;
}

/* Logo, heading and subtitle are treated as one centered brand/header
   block; the form below keeps its own default (stretch) alignment so
   field widths and input text remain untouched. */
.login-header[b-0adzhsxaj0] {
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    gap: var(--uzex-space-1);
    margin-block-end: var(--uzex-space-6);
}

.login-brand[b-0adzhsxaj0] {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: var(--uzex-space-3);
    /* Combined with .login-header's own gap (4px), this puts ~20px of
       breathing room between the logo and the title below it. */
    margin-block-end: var(--uzex-space-4);
}

.login-brand-logo[b-0adzhsxaj0] {
    display: block;
    height: 36px;
    width: auto;
    max-width: 100%;
    object-fit: contain;
    background: transparent;
}

/* Theme-aware logo: light artwork on the light login card, white/dark
   artwork on the dark login card. Driven by the same data-theme attribute
   ClientPreferences sets on <html> for the rest of the app. */
.login-brand-logo-dark[b-0adzhsxaj0] {
    display: none;
}

:root[data-theme="dark"] .login-brand-logo-light[b-0adzhsxaj0] {
    display: none;
}

:root[data-theme="dark"] .login-brand-logo-dark[b-0adzhsxaj0] {
    display: block;
}

.login-heading[b-0adzhsxaj0] {
    margin: 0;
    color: var(--uzex-text);
    text-align: center;
}

.login-subtitle[b-0adzhsxaj0] {
    margin: 0;
    color: var(--uzex-text-muted);
    text-align: center;
}

.login-alert[b-0adzhsxaj0] {
    margin-bottom: var(--uzex-space-4);
}

.login-field[b-0adzhsxaj0] {
    width: 100%;
}

.login-submit[b-0adzhsxaj0] {
    width: 100%;
    margin-top: var(--uzex-space-2);
}
/* /Features/Dashboard/Dashboard.razor.rz.scp.css */
.dashboard-page[b-ajarb0fw9u] {
    display: flex;
    flex-direction: column;
    gap: var(--uzex-space-6);
}

.dashboard-header[b-ajarb0fw9u] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: var(--uzex-space-4);
    flex-wrap: wrap;
}

.dashboard-header-text h1[b-ajarb0fw9u] {
    margin: 0 0 var(--uzex-space-1);
    font-size: 1.5rem;
    font-weight: 600;
    color: var(--uzex-text);
}

.dashboard-header-text p[b-ajarb0fw9u] {
    margin: 0;
    color: var(--uzex-text-muted);
}

.dashboard-state[b-ajarb0fw9u] {
    display: flex;
    flex-direction: column;
    gap: var(--uzex-space-3);
    padding: var(--uzex-space-8) var(--uzex-space-4);
    color: var(--uzex-text-muted);
    text-align: center;
}

.dashboard-alert-body[b-ajarb0fw9u] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: var(--uzex-space-4);
    flex-wrap: wrap;
}

/* Metric cards — 8 cards as two full rows of 4, equal width, full dashboard width. */
.dashboard-metrics[b-ajarb0fw9u] {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: var(--uzex-space-4);
}

.dashboard-card[b-ajarb0fw9u] {
    display: flex;
    align-items: center;
    gap: var(--uzex-space-4);
    padding: var(--uzex-space-4);
    background: var(--uzex-surface);
    border: 1px solid var(--uzex-border-strong);
    border-radius: var(--uzex-radius-panel);
    cursor: pointer;
    transition: border-color 0.15s ease, box-shadow 0.15s ease;
}

.dashboard-card:hover[b-ajarb0fw9u],
.dashboard-card:focus-visible[b-ajarb0fw9u] {
    border-color: var(--uzex-blue-500);
    box-shadow: var(--uzex-shadow-sm);
    outline: none;
}

.dashboard-card-icon[b-ajarb0fw9u] {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 2.75rem;
    height: 2.75rem;
    flex: 0 0 auto;
    border-radius: var(--uzex-radius-md);
    background: var(--uzex-blue-100);
    color: var(--uzex-blue-600);
}

.dashboard-card-body[b-ajarb0fw9u] {
    min-width: 0;
}

.dashboard-card-label[b-ajarb0fw9u] {
    font-size: 0.8125rem;
    color: var(--uzex-text-muted);
}

.dashboard-card-value[b-ajarb0fw9u] {
    font-size: 1.5rem;
    font-weight: 600;
    line-height: 1.2;
    color: var(--uzex-text);
}

.dashboard-card-detail[b-ajarb0fw9u] {
    font-size: 0.8125rem;
    color: var(--uzex-text-muted);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

/* Full-width stacked sections (Quick links, Recent activity) */
.dashboard-section[b-ajarb0fw9u] {
    display: flex;
    flex-direction: column;
    gap: var(--uzex-space-4);
}

.dashboard-section-header[b-ajarb0fw9u] {
    display: flex;
    flex-direction: column;
    gap: var(--uzex-space-1);
}

.dashboard-section h2[b-ajarb0fw9u] {
    margin: 0;
    font-size: 1.125rem;
    font-weight: 600;
    color: var(--uzex-text);
}

.dashboard-section-subtitle[b-ajarb0fw9u] {
    margin: 0;
    font-size: 0.8125rem;
    color: var(--uzex-text-muted);
}

/* Quick links — full-width action-card grid, not a narrow side panel */
.dashboard-quicklinks[b-ajarb0fw9u] {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: var(--uzex-space-4);
}

.dashboard-quicklink[b-ajarb0fw9u] {
    display: flex;
    align-items: center;
    gap: var(--uzex-space-3);
    padding: var(--uzex-space-4);
    background: var(--uzex-surface);
    border: 1px solid var(--uzex-border-strong);
    border-radius: var(--uzex-radius-panel);
    color: var(--uzex-text);
    text-decoration: none;
    transition: border-color 0.15s ease, box-shadow 0.15s ease;
}

.dashboard-quicklink:hover[b-ajarb0fw9u],
.dashboard-quicklink:focus-visible[b-ajarb0fw9u] {
    border-color: var(--uzex-blue-500);
    box-shadow: var(--uzex-shadow-sm);
    outline: none;
}

.dashboard-quicklink-icon[b-ajarb0fw9u] {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 2.25rem;
    height: 2.25rem;
    flex: 0 0 auto;
    border-radius: var(--uzex-radius-md);
    background: var(--uzex-blue-100);
    color: var(--uzex-blue-600);
}

.dashboard-quicklink-label[b-ajarb0fw9u] {
    font-weight: 500;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

/* Recent activity — full-width readable list; two lines per row (prominent
   description + muted actor/time), comfortable padding so rows never touch the
   panel border. */
.dashboard-activity[b-ajarb0fw9u] {
    list-style: none;
    margin: 0;
    padding: var(--uzex-space-3) var(--uzex-space-5);
    background: var(--uzex-surface);
    border: 1px solid var(--uzex-border-strong);
    border-radius: var(--uzex-radius-panel);
}

.dashboard-activity-row[b-ajarb0fw9u] {
    display: flex;
    align-items: flex-start;
    gap: var(--uzex-space-4);
    padding: var(--uzex-space-4) 0;
    border-top: 1px solid var(--uzex-border);
}

.dashboard-activity-row:first-child[b-ajarb0fw9u] {
    border-top: 0;
    padding-top: var(--uzex-space-3);
}

.dashboard-activity-row:last-child[b-ajarb0fw9u] {
    padding-bottom: var(--uzex-space-3);
}

.dashboard-activity-marker[b-ajarb0fw9u] {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 2.25rem;
    height: 2.25rem;
    flex: 0 0 auto;
    border-radius: var(--uzex-radius-full);
    background: var(--uzex-blue-100);
    color: var(--uzex-blue-600);
}

.dashboard-activity-marker[b-ajarb0fw9u]  .rz-icon {
    font-size: 1.125rem;
}

.dashboard-activity-marker-created[b-ajarb0fw9u] {
    background: var(--uzex-method-post-bg);
    color: var(--uzex-method-post-text);
}

.dashboard-activity-marker-deleted[b-ajarb0fw9u] {
    background: var(--uzex-method-delete-bg);
    color: var(--uzex-method-delete-text);
}

.dashboard-activity-body[b-ajarb0fw9u] {
    display: flex;
    flex-direction: column;
    gap: 2px;
    min-width: 0;
    padding-top: 1px;
}

.dashboard-activity-text[b-ajarb0fw9u] {
    font-size: 0.9375rem;
    font-weight: 500;
    line-height: 1.35;
    color: var(--uzex-text);
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.dashboard-activity-meta[b-ajarb0fw9u] {
    font-size: 0.8125rem;
    line-height: 1.35;
    color: var(--uzex-text-muted);
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.dashboard-empty[b-ajarb0fw9u] {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: var(--uzex-space-2);
    padding: var(--uzex-space-8) var(--uzex-space-4);
    background: var(--uzex-surface);
    border: 1px solid var(--uzex-border-strong);
    border-radius: var(--uzex-radius-panel);
    color: var(--uzex-text-muted);
}

/* Responsive: desktop 4 per row -> tablet 2 -> mobile 1 */
@media (max-width: 1024px) {
    .dashboard-metrics[b-ajarb0fw9u],
    .dashboard-quicklinks[b-ajarb0fw9u] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 560px) {
    .dashboard-metrics[b-ajarb0fw9u],
    .dashboard-quicklinks[b-ajarb0fw9u] {
        grid-template-columns: 1fr;
    }

    .dashboard-activity-text[b-ajarb0fw9u] {
        white-space: normal;
    }
}
/* /Features/Education/EducationVideoCategories.razor.rz.scp.css */
.education-categories-page[b-xntibb4buf] { min-width: 0; overflow-x: clip; }
.education-categories-page h1[b-xntibb4buf] { margin: 0; color: var(--uzex-text); }
.education-categories-page-description[b-xntibb4buf] { margin: var(--uzex-space-2) 0 var(--uzex-space-5); color: var(--uzex-text-muted); }
.education-categories-page-alert[b-xntibb4buf] { margin-bottom: var(--uzex-space-4); }

.education-categories-panel[b-xntibb4buf] { min-width: 0; padding: var(--uzex-space-4); border: 1px solid var(--uzex-border-strong); border-radius: var(--uzex-radius-panel); background: var(--uzex-surface); }
.education-categories-panel-toolbar[b-xntibb4buf] { display: flex; justify-content: flex-end; align-items: center; gap: var(--uzex-space-2); flex-wrap: wrap; }

.education-categories-grid-scroll[b-xntibb4buf] { width: 100%; min-width: 0; margin-top: var(--uzex-space-4); overflow-x: auto; }
.education-categories-grid-scroll[b-xntibb4buf]  .rz-data-grid { min-width: 56rem; }
.education-categories-title-cell[b-xntibb4buf] { display: block; max-width: 20rem; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-weight: 600; color: var(--uzex-text); }
.education-categories-link-cell[b-xntibb4buf] { display: block; max-width: 20rem; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; color: var(--uzex-blue-600); }
.education-categories-muted[b-xntibb4buf] { color: var(--uzex-text-muted); }
.education-categories-actions[b-xntibb4buf] { display: flex; align-items: center; gap: 0.25rem; flex-wrap: wrap; }

@media (max-width: 640px) {
    .education-categories-panel[b-xntibb4buf] { padding: var(--uzex-space-3); }
    .education-categories-panel-toolbar[b-xntibb4buf] { justify-content: stretch; }
    .education-categories-panel-toolbar[b-xntibb4buf]  .rz-button { flex: 1 1 auto; }
}
/* /Features/Education/EducationVideoCategoryEditorDialog.razor.rz.scp.css */
.education-category-wizard[b-hhf4zrb79z] { min-width: 0; color: var(--uzex-text); }
[b-hhf4zrb79z] .education-category-steps > ul { display: flex; flex-wrap: nowrap; justify-content: safe center; overflow-x: auto; border-bottom: 1px solid var(--uzex-border-strong); padding-bottom: var(--uzex-space-3); margin-bottom: var(--uzex-space-4); }
[b-hhf4zrb79z] .education-category-steps .rz-steps-title { white-space: nowrap; }
[b-hhf4zrb79z] .education-category-steps > ul > li.rz-steps-item { position: relative; flex: 0 0 auto; }
[b-hhf4zrb79z] .education-category-steps > ul > li.rz-steps-item:not(:last-child) { padding-right: 2rem; }
[b-hhf4zrb79z] .education-category-steps > ul > li.rz-steps-item:not(:last-child)::after { content: ""; position: absolute; top: 50%; right: 0; width: 2rem; height: 2px; transform: translateY(-50%); background: var(--uzex-border-strong); }
[b-hhf4zrb79z] .education-category-steps > ul > li.rz-steps-item .rz-menuitem-link { display: inline-flex; align-items: center; gap: 0.5rem; padding: 0.25rem 0.875rem 0.25rem 0.25rem; border: 1px solid var(--uzex-border-strong); border-radius: 999px; }
[b-hhf4zrb79z] .education-category-steps > ul > li.rz-steps-item.rz-steps-current .rz-menuitem-link { border-color: var(--uzex-blue-600); }
[b-hhf4zrb79z] .education-category-steps.steps-completed-1 > ul > li:nth-child(-n+1):not(.rz-steps-current) .rz-steps-number,
[b-hhf4zrb79z] .education-category-steps.steps-completed-2 > ul > li:nth-child(-n+2):not(.rz-steps-current) .rz-steps-number,
[b-hhf4zrb79z] .education-category-steps.steps-completed-3 > ul > li:nth-child(-n+3):not(.rz-steps-current) .rz-steps-number,
[b-hhf4zrb79z] .education-category-steps.steps-completed-4 > ul > li:nth-child(-n+4):not(.rz-steps-current) .rz-steps-number { background: var(--rz-success-dark); color: #fff; }
[b-hhf4zrb79z] .education-category-steps.steps-completed-1 > ul > li:nth-child(-n+1):not(.rz-steps-current) .rz-steps-title,
[b-hhf4zrb79z] .education-category-steps.steps-completed-2 > ul > li:nth-child(-n+2):not(.rz-steps-current) .rz-steps-title,
[b-hhf4zrb79z] .education-category-steps.steps-completed-3 > ul > li:nth-child(-n+3):not(.rz-steps-current) .rz-steps-title,
[b-hhf4zrb79z] .education-category-steps.steps-completed-4 > ul > li:nth-child(-n+4):not(.rz-steps-current) .rz-steps-title { color: var(--rz-success-dark); font-weight: 600; }
[b-hhf4zrb79z] .education-category-steps.steps-completed-1 > ul > li:nth-child(-n+1):not(.rz-steps-current) .rz-menuitem-link,
[b-hhf4zrb79z] .education-category-steps.steps-completed-2 > ul > li:nth-child(-n+2):not(.rz-steps-current) .rz-menuitem-link,
[b-hhf4zrb79z] .education-category-steps.steps-completed-3 > ul > li:nth-child(-n+3):not(.rz-steps-current) .rz-menuitem-link,
[b-hhf4zrb79z] .education-category-steps.steps-completed-4 > ul > li:nth-child(-n+4):not(.rz-steps-current) .rz-menuitem-link { border-color: var(--rz-success-dark); }
[b-hhf4zrb79z] .education-category-steps.steps-completed-1 > ul > li:nth-child(-n+1):not(.rz-steps-current)::after,
[b-hhf4zrb79z] .education-category-steps.steps-completed-2 > ul > li:nth-child(-n+2):not(.rz-steps-current)::after,
[b-hhf4zrb79z] .education-category-steps.steps-completed-3 > ul > li:nth-child(-n+3):not(.rz-steps-current)::after,
[b-hhf4zrb79z] .education-category-steps.steps-completed-4 > ul > li:nth-child(-n+4):not(.rz-steps-current)::after { background: var(--rz-success-dark); }
.education-category-step-heading[b-hhf4zrb79z] { margin-bottom: var(--uzex-space-3); font-size: 1.0625rem; font-weight: 600; }
.education-category-name-field[b-hhf4zrb79z] { width: 100%; }
.education-category-name-field[b-hhf4zrb79z]  .rz-form-field { display: flex; width: 100%; }
.education-category-name-field[b-hhf4zrb79z]  .rz-textbox { width: 100%; }
.education-category-settings-row[b-hhf4zrb79z] { display: grid; grid-template-columns: 1fr 1fr; gap: var(--uzex-space-4); align-items: end; margin-top: var(--uzex-space-4); }
.education-category-field-error[b-hhf4zrb79z] { margin-top: -0.5rem; font-size: 0.8125rem; color: var(--rz-danger); }
.education-category-review[b-hhf4zrb79z] { margin-top: var(--uzex-space-4); padding-top: var(--uzex-space-4); border-top: 1px solid var(--uzex-border-strong); }
.education-category-review-title[b-hhf4zrb79z] { font-size: 0.8125rem; font-weight: 600; text-transform: uppercase; color: var(--uzex-text-muted); }
.education-category-review-grid[b-hhf4zrb79z] { display: grid; grid-template-columns: 1fr 1fr; gap: var(--uzex-space-3); margin-top: var(--uzex-space-3); }
.education-category-review-card[b-hhf4zrb79z] { display: flex; flex-direction: column; gap: 0.25rem; min-width: 0; padding: var(--uzex-space-3); border: 1px solid var(--uzex-border-strong); border-radius: var(--uzex-radius-md); background: var(--uzex-surface-alt); }
.education-category-review-locale[b-hhf4zrb79z] { font-size: 0.6875rem; font-weight: 600; text-transform: uppercase; color: var(--uzex-text-muted); }
.education-category-review-card strong[b-hhf4zrb79z] { overflow-wrap: anywhere; }
[b-hhf4zrb79z] .education-category-wizard-actions { padding-top: var(--uzex-space-3); border-top: 1px solid var(--uzex-border-strong); }
@media (max-width: 720px) { .education-category-settings-row[b-hhf4zrb79z], .education-category-review-grid[b-hhf4zrb79z] { grid-template-columns: 1fr; } [b-hhf4zrb79z] .education-category-wizard-actions { align-items: stretch !important; flex-direction: column; } }
@media (prefers-reduced-motion: reduce) { [b-hhf4zrb79z] .education-category-steps .rz-steps-fade, [b-hhf4zrb79z] .education-category-steps .rz-steps-slide { transition-duration: 0s !important; animation-duration: 0s !important; } }
/* /Features/Education/EducationVideoEditorDialog.razor.rz.scp.css */
.education-video-wizard[b-plak79o715] { min-width: 0; color: var(--uzex-text); }
.education-video-steps-scroll[b-plak79o715] { max-height: min(72dvh, 46rem); overflow-y: auto; overflow-x: hidden; padding-right: var(--uzex-space-1); }
[b-plak79o715] .education-video-steps > ul { position: sticky; top: 0; z-index: 2; display: flex; flex-wrap: nowrap; justify-content: safe center; overflow-x: auto; background: var(--uzex-surface); border-bottom: 1px solid var(--uzex-border-strong); padding-bottom: var(--uzex-space-3); margin-bottom: var(--uzex-space-4); }
[b-plak79o715] .education-video-steps .rz-steps-title { white-space: nowrap; }
[b-plak79o715] .education-video-steps > ul > li.rz-steps-item { position: relative; flex: 0 0 auto; }
[b-plak79o715] .education-video-steps > ul > li.rz-steps-item:not(:last-child) { padding-right: 2rem; }
[b-plak79o715] .education-video-steps > ul > li.rz-steps-item:not(:last-child)::after { content: ""; position: absolute; top: 50%; right: 0; width: 2rem; height: 2px; transform: translateY(-50%); background: var(--uzex-border-strong); }
[b-plak79o715] .education-video-steps > ul > li.rz-steps-item .rz-menuitem-link { display: inline-flex; align-items: center; gap: 0.5rem; padding: 0.25rem 0.875rem 0.25rem 0.25rem; border: 1px solid var(--uzex-border-strong); border-radius: 999px; }
[b-plak79o715] .education-video-steps > ul > li.rz-steps-item.rz-steps-current .rz-menuitem-link { border-color: var(--uzex-blue-600); }
[b-plak79o715] .education-video-steps.steps-completed-1 > ul > li:nth-child(-n+1):not(.rz-steps-current) .rz-steps-number,
[b-plak79o715] .education-video-steps.steps-completed-2 > ul > li:nth-child(-n+2):not(.rz-steps-current) .rz-steps-number,
[b-plak79o715] .education-video-steps.steps-completed-3 > ul > li:nth-child(-n+3):not(.rz-steps-current) .rz-steps-number,
[b-plak79o715] .education-video-steps.steps-completed-4 > ul > li:nth-child(-n+4):not(.rz-steps-current) .rz-steps-number { background: var(--rz-success-dark); color: #fff; }
[b-plak79o715] .education-video-steps.steps-completed-1 > ul > li:nth-child(-n+1):not(.rz-steps-current) .rz-steps-title,
[b-plak79o715] .education-video-steps.steps-completed-2 > ul > li:nth-child(-n+2):not(.rz-steps-current) .rz-steps-title,
[b-plak79o715] .education-video-steps.steps-completed-3 > ul > li:nth-child(-n+3):not(.rz-steps-current) .rz-steps-title,
[b-plak79o715] .education-video-steps.steps-completed-4 > ul > li:nth-child(-n+4):not(.rz-steps-current) .rz-steps-title { color: var(--rz-success-dark); font-weight: 600; }
[b-plak79o715] .education-video-steps.steps-completed-1 > ul > li:nth-child(-n+1):not(.rz-steps-current) .rz-menuitem-link,
[b-plak79o715] .education-video-steps.steps-completed-2 > ul > li:nth-child(-n+2):not(.rz-steps-current) .rz-menuitem-link,
[b-plak79o715] .education-video-steps.steps-completed-3 > ul > li:nth-child(-n+3):not(.rz-steps-current) .rz-menuitem-link,
[b-plak79o715] .education-video-steps.steps-completed-4 > ul > li:nth-child(-n+4):not(.rz-steps-current) .rz-menuitem-link { border-color: var(--rz-success-dark); }
[b-plak79o715] .education-video-steps.steps-completed-1 > ul > li:nth-child(-n+1):not(.rz-steps-current)::after,
[b-plak79o715] .education-video-steps.steps-completed-2 > ul > li:nth-child(-n+2):not(.rz-steps-current)::after,
[b-plak79o715] .education-video-steps.steps-completed-3 > ul > li:nth-child(-n+3):not(.rz-steps-current)::after,
[b-plak79o715] .education-video-steps.steps-completed-4 > ul > li:nth-child(-n+4):not(.rz-steps-current)::after { background: var(--rz-success-dark); }
.education-video-step-heading[b-plak79o715] { margin-bottom: var(--uzex-space-3); font-size: 1.0625rem; font-weight: 600; }

.education-video-settings-grid[b-plak79o715] { display: grid; grid-template-columns: 1fr 1fr; gap: var(--uzex-space-4); align-items: start; margin-bottom: var(--uzex-space-4); }
.education-video-field-error[b-plak79o715] { margin-top: -0.75rem; margin-bottom: var(--uzex-space-2); font-size: 0.8125rem; color: var(--rz-danger); }

.education-video-thumbnail-panel[b-plak79o715] { display: flex; flex-direction: column; gap: var(--uzex-space-3); width: 100%; margin-bottom: var(--uzex-space-4); padding: var(--uzex-space-4); border: 1px solid var(--uzex-border-strong); border-radius: var(--uzex-radius-panel); background: var(--uzex-surface); }
.education-video-thumbnail-panel-title[b-plak79o715] { font-size: 0.8125rem; font-weight: 600; text-transform: uppercase; color: var(--uzex-text-muted); }
.education-video-thumbnail-visual[b-plak79o715] { width: 100%; display: flex; align-items: center; justify-content: center; overflow: hidden; border: 1px solid var(--uzex-border); border-radius: var(--uzex-radius-md); background: var(--uzex-surface-alt); }
.education-video-thumbnail-image[b-plak79o715] { display: block; width: 100%; height: auto; max-height: min(45dvh, 26rem); object-fit: contain; }
.education-video-thumbnail-empty[b-plak79o715],
.education-video-thumbnail-unsupported[b-plak79o715] { display: flex; flex-direction: column; align-items: center; justify-content: center; gap: var(--uzex-space-2); width: 100%; min-height: 12rem; padding: var(--uzex-space-6) var(--uzex-space-4); color: var(--uzex-text-muted); text-align: center; }
.education-video-thumbnail-unsupported span[b-plak79o715] { overflow: hidden; max-width: 100%; text-overflow: ellipsis; white-space: nowrap; }
.education-video-thumbnail-visual[b-plak79o715]  .rz-icon { font-size: 2.5rem; }
.education-video-thumbnail-actions[b-plak79o715] { width: 100%; }

.education-video-review[b-plak79o715] { margin-top: var(--uzex-space-4); padding-top: var(--uzex-space-4); border-top: 1px solid var(--uzex-border-strong); }
.education-video-review-title[b-plak79o715] { font-size: 0.8125rem; font-weight: 600; text-transform: uppercase; color: var(--uzex-text-muted); }
.education-video-review-grid[b-plak79o715] { display: grid; grid-template-columns: 1fr 1fr; gap: var(--uzex-space-3); margin-top: var(--uzex-space-3); }
.education-video-review-card[b-plak79o715] { display: flex; flex-direction: column; gap: 0.25rem; min-width: 0; padding: var(--uzex-space-3); border: 1px solid var(--uzex-border-strong); border-radius: var(--uzex-radius-md); background: var(--uzex-surface-alt); }
.education-video-review-locale[b-plak79o715] { font-size: 0.6875rem; font-weight: 600; text-transform: uppercase; color: var(--uzex-text-muted); }
.education-video-review-card strong[b-plak79o715], .education-video-review-description[b-plak79o715] { overflow-wrap: anywhere; }
.education-video-review-description[b-plak79o715] { color: var(--uzex-text-muted); }
[b-plak79o715] .education-video-wizard-actions { position: sticky; bottom: 0; z-index: 2; background: var(--uzex-surface); padding-top: var(--uzex-space-3); border-top: 1px solid var(--uzex-border-strong); }
@media (max-width: 720px) {
    .education-video-settings-grid[b-plak79o715], .education-video-review-grid[b-plak79o715] { grid-template-columns: 1fr; }
    [b-plak79o715] .education-video-wizard-actions { align-items: stretch !important; flex-direction: column; }
    .education-video-thumbnail-panel[b-plak79o715] { padding: var(--uzex-space-3); }
}
@media (prefers-reduced-motion: reduce) { [b-plak79o715] .education-video-steps .rz-steps-fade, [b-plak79o715] .education-video-steps .rz-steps-slide { transition-duration: 0s !important; animation-duration: 0s !important; } }
/* /Features/Education/EducationVideos.razor.rz.scp.css */
.education-videos-page[b-t2r3zmn98f] { min-width: 0; overflow-x: clip; }
.education-videos-page h1[b-t2r3zmn98f] { margin: 0; color: var(--uzex-text); }
.education-videos-page-description[b-t2r3zmn98f] { margin: var(--uzex-space-2) 0 var(--uzex-space-5); color: var(--uzex-text-muted); }
.education-videos-panel[b-t2r3zmn98f] { min-width: 0; padding: var(--uzex-space-4); border: 1px solid var(--uzex-border-strong); border-radius: var(--uzex-radius-panel); background: var(--uzex-surface); }
.education-videos-filters[b-t2r3zmn98f] { display: grid; grid-template-columns: minmax(14rem, 2fr) repeat(2, minmax(9rem, 1fr)); gap: var(--uzex-space-3); }

/* .education-videos-toolbar-actions sits on a <RadzenStack>, and Radzen renders
   that component's own root div - Blazor CSS isolation only scopes elements
   written directly in this component's markup, so a margin rule on that class
   never matches the rendered div (same reason as the grid-scroll comment
   below). This wrapper is a plain div declared here, so it scopes correctly. */
.education-videos-actions-wrapper[b-t2r3zmn98f] { margin-top: var(--uzex-space-4); }

.education-videos-alert[b-t2r3zmn98f] { margin-top: var(--uzex-space-3); }

.education-videos-grid-scroll[b-t2r3zmn98f] {
    width: 100%;
    min-width: 0;
    margin-top: var(--uzex-space-4);
    overflow-x: auto;
}
.education-videos-grid-scroll[b-t2r3zmn98f]  .rz-data-grid { min-width: 64rem; }
.education-videos-title-cell[b-t2r3zmn98f] { display: block; max-width: 22rem; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-weight: 600; color: var(--uzex-text); }
.education-videos-actions[b-t2r3zmn98f] { display: flex; align-items: center; gap: 0.25rem; flex-wrap: wrap; }

@media (max-width: 980px) {
    .education-videos-filters[b-t2r3zmn98f] { grid-template-columns: 1fr 1fr; }
}

@media (max-width: 640px) {
    .education-videos-panel[b-t2r3zmn98f] { padding: var(--uzex-space-3); }
    .education-videos-filters[b-t2r3zmn98f] { grid-template-columns: 1fr; }
    .education-videos-toolbar-actions[b-t2r3zmn98f] { justify-content: stretch !important; }
    .education-videos-toolbar-actions[b-t2r3zmn98f]  .rz-button { flex: 1 1 auto; }
}
/* /Features/Education/EducationVideoThumbnailPreview.razor.rz.scp.css */
.education-video-thumb[b-ocpwtlek69] { width: 4.5rem; aspect-ratio: 16 / 9; display: grid; place-items: center; overflow: hidden; border: 1px solid var(--uzex-border-strong); border-radius: var(--uzex-radius-md); background: var(--uzex-surface-alt); color: var(--uzex-text-muted); }
.education-video-thumb img[b-ocpwtlek69] { width: 100%; height: 100%; object-fit: cover; }
.education-video-thumb[b-ocpwtlek69]  .rz-progressbar { width: 80%; }
/* /Features/Education/EducationVideoThumbnailUploadDialog.razor.rz.scp.css */
.education-video-upload-dialog[b-b5laeouzgt] { min-width: 0; color: var(--uzex-text); }
.education-video-upload-help[b-b5laeouzgt] { margin: 0; color: var(--uzex-text-muted); }
[b-b5laeouzgt] .education-video-upload { max-width: 100%; }
.education-video-upload-selection[b-b5laeouzgt] { display: flex; align-items: center; gap: var(--uzex-space-2); min-width: 0; color: var(--uzex-text-muted); }
.education-video-upload-selection span:first-of-type[b-b5laeouzgt] { overflow: hidden; max-width: min(28rem, 60vw); color: var(--uzex-text); text-overflow: ellipsis; white-space: nowrap; }
.education-video-upload-placeholder[b-b5laeouzgt] { color: var(--uzex-text-muted); }
/* /Features/Education/EducationVideoTranslationStep.razor.rz.scp.css */
.education-video-translation-step[b-km4nbxmkpm] { min-width: 0; color: var(--uzex-text); }
.education-video-translation-step[b-km4nbxmkpm]  .rz-form-field { display: flex; width: 100%; }
.education-video-step-heading[b-km4nbxmkpm] { margin-bottom: var(--uzex-space-3); font-size: 1.0625rem; font-weight: 600; }
.education-video-field-error[b-km4nbxmkpm] { margin-top: -0.75rem; margin-bottom: var(--uzex-space-2); font-size: 0.8125rem; color: var(--rz-danger); }
/* /Features/EducationalArticles/EducationalArticleCategories.razor.rz.scp.css */
.educational-article-categories-page[b-gd2tk711aj] { min-width: 0; overflow-x: clip; }
.educational-article-categories-page h1[b-gd2tk711aj] { margin: 0; color: var(--uzex-text); }
.educational-article-categories-page-description[b-gd2tk711aj] { margin: var(--uzex-space-2) 0 var(--uzex-space-5); color: var(--uzex-text-muted); }
.educational-article-categories-page-alert[b-gd2tk711aj] { margin-bottom: var(--uzex-space-4); }

.educational-article-categories-panel[b-gd2tk711aj] { min-width: 0; padding: var(--uzex-space-4); border: 1px solid var(--uzex-border-strong); border-radius: var(--uzex-radius-panel); background: var(--uzex-surface); }
.educational-article-categories-filters[b-gd2tk711aj] { display: grid; grid-template-columns: minmax(14rem, 2fr) minmax(9rem, 1fr); gap: var(--uzex-space-3); }
.educational-article-categories-panel-toolbar[b-gd2tk711aj] { display: flex; justify-content: flex-end; align-items: center; gap: var(--uzex-space-2); flex-wrap: wrap; margin-top: var(--uzex-space-4); }

.educational-article-categories-grid-scroll[b-gd2tk711aj] { width: 100%; min-width: 0; margin-top: var(--uzex-space-4); overflow-x: auto; }
.educational-article-categories-grid-scroll[b-gd2tk711aj]  .rz-data-grid { min-width: 44rem; }
.educational-article-categories-title-cell[b-gd2tk711aj] { display: block; max-width: 24rem; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-weight: 600; color: var(--uzex-text); }
.educational-article-categories-actions[b-gd2tk711aj] { display: flex; align-items: center; gap: 0.25rem; flex-wrap: wrap; }

@media (max-width: 640px) {
    .educational-article-categories-panel[b-gd2tk711aj] { padding: var(--uzex-space-3); }
    .educational-article-categories-filters[b-gd2tk711aj] { grid-template-columns: 1fr; }
    .educational-article-categories-panel-toolbar[b-gd2tk711aj] { justify-content: stretch; }
    .educational-article-categories-panel-toolbar[b-gd2tk711aj]  .rz-button { flex: 1 1 auto; }
}
/* /Features/EducationalArticles/EducationalArticleCategoryEditorDialog.razor.rz.scp.css */
.educational-article-category-wizard[b-vbr9tbduny] { min-width: 0; color: var(--uzex-text); }
[b-vbr9tbduny] .educational-article-category-steps > ul { display: flex; flex-wrap: nowrap; justify-content: safe center; overflow-x: auto; border-bottom: 1px solid var(--uzex-border-strong); padding-bottom: var(--uzex-space-3); margin-bottom: var(--uzex-space-4); }
[b-vbr9tbduny] .educational-article-category-steps .rz-steps-title { white-space: nowrap; }
[b-vbr9tbduny] .educational-article-category-steps > ul > li.rz-steps-item { position: relative; flex: 0 0 auto; }
[b-vbr9tbduny] .educational-article-category-steps > ul > li.rz-steps-item:not(:last-child) { padding-right: 2rem; }
[b-vbr9tbduny] .educational-article-category-steps > ul > li.rz-steps-item:not(:last-child)::after { content: ""; position: absolute; top: 50%; right: 0; width: 2rem; height: 2px; transform: translateY(-50%); background: var(--uzex-border-strong); }
[b-vbr9tbduny] .educational-article-category-steps > ul > li.rz-steps-item .rz-menuitem-link { display: inline-flex; align-items: center; gap: 0.5rem; padding: 0.25rem 0.875rem 0.25rem 0.25rem; border: 1px solid var(--uzex-border-strong); border-radius: 999px; }
[b-vbr9tbduny] .educational-article-category-steps > ul > li.rz-steps-item.rz-steps-current .rz-menuitem-link { border-color: var(--uzex-blue-600); }
[b-vbr9tbduny] .educational-article-category-steps.steps-completed-1 > ul > li:nth-child(-n+1):not(.rz-steps-current) .rz-steps-number,
[b-vbr9tbduny] .educational-article-category-steps.steps-completed-2 > ul > li:nth-child(-n+2):not(.rz-steps-current) .rz-steps-number,
[b-vbr9tbduny] .educational-article-category-steps.steps-completed-3 > ul > li:nth-child(-n+3):not(.rz-steps-current) .rz-steps-number,
[b-vbr9tbduny] .educational-article-category-steps.steps-completed-4 > ul > li:nth-child(-n+4):not(.rz-steps-current) .rz-steps-number { background: var(--rz-success-dark); color: #fff; }
[b-vbr9tbduny] .educational-article-category-steps.steps-completed-1 > ul > li:nth-child(-n+1):not(.rz-steps-current) .rz-steps-title,
[b-vbr9tbduny] .educational-article-category-steps.steps-completed-2 > ul > li:nth-child(-n+2):not(.rz-steps-current) .rz-steps-title,
[b-vbr9tbduny] .educational-article-category-steps.steps-completed-3 > ul > li:nth-child(-n+3):not(.rz-steps-current) .rz-steps-title,
[b-vbr9tbduny] .educational-article-category-steps.steps-completed-4 > ul > li:nth-child(-n+4):not(.rz-steps-current) .rz-steps-title { color: var(--rz-success-dark); font-weight: 600; }
[b-vbr9tbduny] .educational-article-category-steps.steps-completed-1 > ul > li:nth-child(-n+1):not(.rz-steps-current) .rz-menuitem-link,
[b-vbr9tbduny] .educational-article-category-steps.steps-completed-2 > ul > li:nth-child(-n+2):not(.rz-steps-current) .rz-menuitem-link,
[b-vbr9tbduny] .educational-article-category-steps.steps-completed-3 > ul > li:nth-child(-n+3):not(.rz-steps-current) .rz-menuitem-link,
[b-vbr9tbduny] .educational-article-category-steps.steps-completed-4 > ul > li:nth-child(-n+4):not(.rz-steps-current) .rz-menuitem-link { border-color: var(--rz-success-dark); }
[b-vbr9tbduny] .educational-article-category-steps.steps-completed-1 > ul > li:nth-child(-n+1):not(.rz-steps-current)::after,
[b-vbr9tbduny] .educational-article-category-steps.steps-completed-2 > ul > li:nth-child(-n+2):not(.rz-steps-current)::after,
[b-vbr9tbduny] .educational-article-category-steps.steps-completed-3 > ul > li:nth-child(-n+3):not(.rz-steps-current)::after,
[b-vbr9tbduny] .educational-article-category-steps.steps-completed-4 > ul > li:nth-child(-n+4):not(.rz-steps-current)::after { background: var(--rz-success-dark); }
.educational-article-category-step-heading[b-vbr9tbduny] { margin-bottom: var(--uzex-space-3); font-size: 1.0625rem; font-weight: 600; }
.educational-article-category-name-field[b-vbr9tbduny] { width: 100%; }
.educational-article-category-name-field[b-vbr9tbduny]  .rz-form-field { display: flex; width: 100%; }
.educational-article-category-name-field[b-vbr9tbduny]  .rz-textbox { width: 100%; }
.educational-article-category-settings-row[b-vbr9tbduny] { display: grid; grid-template-columns: 1fr 1fr; gap: var(--uzex-space-4); align-items: end; margin-top: var(--uzex-space-4); }
.educational-article-category-field-error[b-vbr9tbduny] { margin-top: -0.5rem; font-size: 0.8125rem; color: var(--rz-danger); }
.educational-article-category-review[b-vbr9tbduny] { margin-top: var(--uzex-space-4); padding-top: var(--uzex-space-4); border-top: 1px solid var(--uzex-border-strong); }
.educational-article-category-review-title[b-vbr9tbduny] { font-size: 0.8125rem; font-weight: 600; text-transform: uppercase; color: var(--uzex-text-muted); }
.educational-article-category-review-grid[b-vbr9tbduny] { display: grid; grid-template-columns: 1fr 1fr; gap: var(--uzex-space-3); margin-top: var(--uzex-space-3); }
.educational-article-category-review-card[b-vbr9tbduny] { display: flex; flex-direction: column; gap: 0.25rem; min-width: 0; padding: var(--uzex-space-3); border: 1px solid var(--uzex-border-strong); border-radius: var(--uzex-radius-md); background: var(--uzex-surface-alt); }
.educational-article-category-review-locale[b-vbr9tbduny] { font-size: 0.6875rem; font-weight: 600; text-transform: uppercase; color: var(--uzex-text-muted); }
.educational-article-category-review-card strong[b-vbr9tbduny] { overflow-wrap: anywhere; }
[b-vbr9tbduny] .educational-article-category-wizard-actions { padding-top: var(--uzex-space-3); border-top: 1px solid var(--uzex-border-strong); }
@media (max-width: 720px) { .educational-article-category-settings-row[b-vbr9tbduny], .educational-article-category-review-grid[b-vbr9tbduny] { grid-template-columns: 1fr; } [b-vbr9tbduny] .educational-article-category-wizard-actions { align-items: stretch !important; flex-direction: column; } }
@media (prefers-reduced-motion: reduce) { [b-vbr9tbduny] .educational-article-category-steps .rz-steps-fade, [b-vbr9tbduny] .educational-article-category-steps .rz-steps-slide { transition-duration: 0s !important; animation-duration: 0s !important; } }
/* /Features/EducationalArticles/EducationalArticleCoverThumbnail.razor.rz.scp.css */
.educational-article-cover-thumbnail[b-h6zwy1yrq4] { width: 3.5rem; aspect-ratio: 4 / 3; display: grid; place-items: center; overflow: hidden; border: 1px solid var(--uzex-border-strong); border-radius: var(--uzex-radius-md); background: var(--uzex-surface-alt); color: var(--uzex-text-muted); }
.educational-article-cover-thumbnail img[b-h6zwy1yrq4] { width: 100%; height: 100%; object-fit: cover; }
.educational-article-cover-thumbnail[b-h6zwy1yrq4]  .rz-progressbar { width: 80%; }
/* /Features/EducationalArticles/EducationalArticleEditorDialog.razor.rz.scp.css */
.educational-article-wizard[b-878hz4e2as] { min-width: 0; color: var(--uzex-text); }
.educational-article-steps-scroll[b-878hz4e2as] { max-height: min(72dvh, 46rem); overflow-y: auto; overflow-x: hidden; padding-right: var(--uzex-space-1); }
[b-878hz4e2as] .educational-article-steps > ul { position: sticky; top: 0; z-index: 2; display: flex; flex-wrap: nowrap; justify-content: safe center; overflow-x: auto; background: var(--uzex-surface); border-bottom: 1px solid var(--uzex-border-strong); padding-bottom: var(--uzex-space-3); margin-bottom: var(--uzex-space-4); }
[b-878hz4e2as] .educational-article-steps .rz-steps-title { white-space: nowrap; }
[b-878hz4e2as] .educational-article-steps > ul > li.rz-steps-item { position: relative; flex: 0 0 auto; }
[b-878hz4e2as] .educational-article-steps > ul > li.rz-steps-item:not(:last-child) { padding-right: 2rem; }
[b-878hz4e2as] .educational-article-steps > ul > li.rz-steps-item:not(:last-child)::after { content: ""; position: absolute; top: 50%; right: 0; width: 2rem; height: 2px; transform: translateY(-50%); background: var(--uzex-border-strong); }
[b-878hz4e2as] .educational-article-steps > ul > li.rz-steps-item .rz-menuitem-link { display: inline-flex; align-items: center; gap: 0.5rem; padding: 0.25rem 0.875rem 0.25rem 0.25rem; border: 1px solid var(--uzex-border-strong); border-radius: 999px; }
[b-878hz4e2as] .educational-article-steps > ul > li.rz-steps-item.rz-steps-current .rz-menuitem-link { border-color: var(--uzex-blue-600); }
[b-878hz4e2as] .educational-article-steps.steps-completed-1 > ul > li:nth-child(-n+1):not(.rz-steps-current) .rz-steps-number,
[b-878hz4e2as] .educational-article-steps.steps-completed-2 > ul > li:nth-child(-n+2):not(.rz-steps-current) .rz-steps-number,
[b-878hz4e2as] .educational-article-steps.steps-completed-3 > ul > li:nth-child(-n+3):not(.rz-steps-current) .rz-steps-number,
[b-878hz4e2as] .educational-article-steps.steps-completed-4 > ul > li:nth-child(-n+4):not(.rz-steps-current) .rz-steps-number { background: var(--rz-success-dark); color: #fff; }
[b-878hz4e2as] .educational-article-steps.steps-completed-1 > ul > li:nth-child(-n+1):not(.rz-steps-current) .rz-steps-title,
[b-878hz4e2as] .educational-article-steps.steps-completed-2 > ul > li:nth-child(-n+2):not(.rz-steps-current) .rz-steps-title,
[b-878hz4e2as] .educational-article-steps.steps-completed-3 > ul > li:nth-child(-n+3):not(.rz-steps-current) .rz-steps-title,
[b-878hz4e2as] .educational-article-steps.steps-completed-4 > ul > li:nth-child(-n+4):not(.rz-steps-current) .rz-steps-title { color: var(--rz-success-dark); font-weight: 600; }
[b-878hz4e2as] .educational-article-steps.steps-completed-1 > ul > li:nth-child(-n+1):not(.rz-steps-current) .rz-menuitem-link,
[b-878hz4e2as] .educational-article-steps.steps-completed-2 > ul > li:nth-child(-n+2):not(.rz-steps-current) .rz-menuitem-link,
[b-878hz4e2as] .educational-article-steps.steps-completed-3 > ul > li:nth-child(-n+3):not(.rz-steps-current) .rz-menuitem-link,
[b-878hz4e2as] .educational-article-steps.steps-completed-4 > ul > li:nth-child(-n+4):not(.rz-steps-current) .rz-menuitem-link { border-color: var(--rz-success-dark); }
[b-878hz4e2as] .educational-article-steps.steps-completed-1 > ul > li:nth-child(-n+1):not(.rz-steps-current)::after,
[b-878hz4e2as] .educational-article-steps.steps-completed-2 > ul > li:nth-child(-n+2):not(.rz-steps-current)::after,
[b-878hz4e2as] .educational-article-steps.steps-completed-3 > ul > li:nth-child(-n+3):not(.rz-steps-current)::after,
[b-878hz4e2as] .educational-article-steps.steps-completed-4 > ul > li:nth-child(-n+4):not(.rz-steps-current)::after { background: var(--rz-success-dark); }
.educational-article-step-heading[b-878hz4e2as] { margin-bottom: var(--uzex-space-3); font-size: 1.0625rem; font-weight: 600; }

.educational-article-settings-grid[b-878hz4e2as] { display: grid; grid-template-columns: 1fr 1fr; gap: var(--uzex-space-4); align-items: start; margin-bottom: var(--uzex-space-4); }
.educational-article-field-error[b-878hz4e2as] { margin-top: -0.5rem; margin-bottom: var(--uzex-space-2); font-size: 0.8125rem; color: var(--rz-danger); }
.educational-article-field-hint[b-878hz4e2as] { font-size: 0.8125rem; color: var(--uzex-text-muted); }
.educational-article-featured-row[b-878hz4e2as] { display: flex; align-items: center; gap: var(--uzex-space-2); flex-wrap: wrap; margin-bottom: var(--uzex-space-4); }

.educational-article-cover-panel[b-878hz4e2as] { display: flex; flex-direction: column; gap: var(--uzex-space-3); width: 100%; margin-bottom: var(--uzex-space-4); padding: var(--uzex-space-4); border: 1px solid var(--uzex-border-strong); border-radius: var(--uzex-radius-panel); background: var(--uzex-surface); }
.educational-article-cover-panel-title[b-878hz4e2as] { font-size: 0.8125rem; font-weight: 600; text-transform: uppercase; color: var(--uzex-text-muted); }
.educational-article-cover-empty[b-878hz4e2as] { display: flex; flex-direction: column; align-items: center; justify-content: center; gap: var(--uzex-space-2); width: 100%; min-height: 10rem; padding: var(--uzex-space-6) var(--uzex-space-4); color: var(--uzex-text-muted); text-align: center; border: 1px solid var(--uzex-border); border-radius: var(--uzex-radius-md); background: var(--uzex-surface-alt); }
.educational-article-cover-actions[b-878hz4e2as] { width: 100%; }

.educational-article-resource-panel[b-878hz4e2as] { display: flex; flex-direction: column; gap: var(--uzex-space-2); margin-bottom: var(--uzex-space-4); padding-bottom: var(--uzex-space-4); border-bottom: 1px solid var(--uzex-border-strong); }
.educational-article-resource-panel-title[b-878hz4e2as] { font-size: 0.8125rem; font-weight: 600; text-transform: uppercase; color: var(--uzex-text-muted); }
.educational-article-resource-current[b-878hz4e2as], .educational-article-resource-selected[b-878hz4e2as] { display: flex; align-items: center; gap: 0.375rem; min-width: 0; }
.educational-article-resource-current span:first-of-type[b-878hz4e2as], .educational-article-resource-selected span:first-of-type[b-878hz4e2as] { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.educational-article-resource-meta[b-878hz4e2as] { color: var(--uzex-text-muted); white-space: nowrap; }
.educational-article-resource-hint[b-878hz4e2as], .educational-article-resource-help[b-878hz4e2as] { margin: 0; font-size: 0.8125rem; color: var(--uzex-text-muted); }
.educational-article-resource-remove-alert[b-878hz4e2as] { display: flex; align-items: center; justify-content: space-between; gap: var(--uzex-space-3); }

.educational-article-review[b-878hz4e2as] { margin-top: var(--uzex-space-4); padding-top: var(--uzex-space-4); border-top: 1px solid var(--uzex-border-strong); }
.educational-article-review-title[b-878hz4e2as] { font-size: 0.8125rem; font-weight: 600; text-transform: uppercase; color: var(--uzex-text-muted); }
.educational-article-review-grid[b-878hz4e2as] { display: grid; grid-template-columns: 1fr 1fr; gap: var(--uzex-space-3); margin-top: var(--uzex-space-3); }
.educational-article-review-card[b-878hz4e2as] { display: flex; flex-direction: column; gap: 0.25rem; min-width: 0; padding: var(--uzex-space-3); border: 1px solid var(--uzex-border-strong); border-radius: var(--uzex-radius-md); background: var(--uzex-surface-alt); }
.educational-article-review-locale[b-878hz4e2as] { font-size: 0.6875rem; font-weight: 600; text-transform: uppercase; color: var(--uzex-text-muted); }
.educational-article-review-card strong[b-878hz4e2as], .educational-article-review-line[b-878hz4e2as] { overflow-wrap: anywhere; }
.educational-article-review-line[b-878hz4e2as] { color: var(--uzex-text-muted); font-size: 0.8125rem; }
.educational-article-review-settings[b-878hz4e2as] { display: flex; flex-direction: column; gap: 0.25rem; margin-top: var(--uzex-space-3); font-size: 0.875rem; }
[b-878hz4e2as] .educational-article-wizard-actions { position: sticky; bottom: 0; z-index: 2; background: var(--uzex-surface); padding-top: var(--uzex-space-3); border-top: 1px solid var(--uzex-border-strong); }
@media (max-width: 720px) {
    .educational-article-settings-grid[b-878hz4e2as], .educational-article-review-grid[b-878hz4e2as] { grid-template-columns: 1fr; }
    [b-878hz4e2as] .educational-article-wizard-actions { align-items: stretch !important; flex-direction: column; }
    .educational-article-cover-panel[b-878hz4e2as] { padding: var(--uzex-space-3); }
}
@media (prefers-reduced-motion: reduce) { [b-878hz4e2as] .educational-article-steps .rz-steps-fade, [b-878hz4e2as] .educational-article-steps .rz-steps-slide { transition-duration: 0s !important; animation-duration: 0s !important; } }
/* /Features/EducationalArticles/EducationalArticleImageDialog.razor.rz.scp.css */
.educational-article-image-dialog[b-6ohv5wjmdf] { min-width: 0; color: var(--uzex-text); }

.educational-article-image-section-heading[b-6ohv5wjmdf] {
    margin-bottom: var(--uzex-space-2);
    font-size: 0.8125rem;
    font-weight: 600;
    text-transform: uppercase;
    color: var(--uzex-text-muted);
}

/* One bordered control: Choose file (left) | filename+size or placeholder
   (center, truncates) | Upload | Clear (right). Grid keeps every control on
   a single row and vertically centered; the narrow-screen media query below
   is the only place this wraps. */
.educational-article-image-upload-row[b-6ohv5wjmdf] {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr) auto auto;
    align-items: center;
    gap: var(--uzex-space-2);
    min-width: 0;
    padding: var(--uzex-space-2) var(--uzex-space-3);
    border: 1px solid var(--uzex-border-strong);
    border-radius: var(--uzex-radius-md);
    background: var(--uzex-surface-alt);
}

/* RadzenUpload renders its own root div (not scoped to this component), so
   its internal selected-file list - a full-width row duplicating the
   filename/size shown here - can only be reached and hidden via ::deep. */
.educational-article-image-upload-control[b-6ohv5wjmdf]  .rz-fileupload-content {
    display: none;
}

.educational-article-image-upload-info[b-6ohv5wjmdf] {
    display: flex;
    align-items: baseline;
    gap: var(--uzex-space-2);
    min-width: 0;
}

.educational-article-image-upload-filename[b-6ohv5wjmdf] {
    overflow: hidden;
    min-width: 0;
    color: var(--uzex-text);
    text-overflow: ellipsis;
    white-space: nowrap;
}

.educational-article-image-upload-filesize[b-6ohv5wjmdf] {
    flex-shrink: 0;
    color: var(--uzex-text-muted);
    font-size: 0.8125rem;
}

.educational-article-image-upload-placeholder[b-6ohv5wjmdf] {
    min-width: 0;
    overflow: hidden;
    color: var(--uzex-text-muted);
    font-size: 0.875rem;
    text-overflow: ellipsis;
    white-space: nowrap;
}

@media (max-width: 480px) {
    .educational-article-image-upload-row[b-6ohv5wjmdf] {
        grid-template-columns: auto 1fr;
        grid-template-areas:
            "choose info"
            "upload clear";
    }

    .educational-article-image-upload-control[b-6ohv5wjmdf] { grid-area: choose; }
    .educational-article-image-upload-info[b-6ohv5wjmdf],
    .educational-article-image-upload-placeholder[b-6ohv5wjmdf] { grid-area: info; }
    .educational-article-image-upload-row[b-6ohv5wjmdf]  .educational-article-image-upload-submit { grid-area: upload; }
    .educational-article-image-upload-row[b-6ohv5wjmdf]  .educational-article-image-upload-clear { grid-area: clear; }
}

.educational-article-image-gallery-empty[b-6ohv5wjmdf] {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: var(--uzex-space-2);
    min-height: 5rem;
    border: 1px dashed var(--uzex-border-strong);
    border-radius: var(--uzex-radius-md);
    background: var(--uzex-surface-alt);
    color: var(--uzex-text-muted);
}

.educational-article-image-gallery[b-6ohv5wjmdf] {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(9rem, 1fr));
    gap: var(--uzex-space-3);
}

.educational-article-image-card[b-6ohv5wjmdf] {
    display: flex;
    flex-direction: column;
    min-width: 0;
    overflow: hidden;
    border: 1px solid var(--uzex-border-strong);
    border-radius: var(--uzex-radius-md);
    background: var(--uzex-surface);
    cursor: pointer;
    text-align: left;
    transition: border-color 0.15s ease;
}

.educational-article-image-card:hover[b-6ohv5wjmdf],
.educational-article-image-card:focus-visible[b-6ohv5wjmdf] {
    border-color: var(--uzex-blue-600);
    outline: none;
}

.educational-article-image-card-visual[b-6ohv5wjmdf] {
    display: grid;
    place-items: center;
    aspect-ratio: 4 / 3;
    background: var(--uzex-surface-alt);
    border-bottom: 1px solid var(--uzex-border-strong);
}

.educational-article-image-card-visual img[b-6ohv5wjmdf] { width: 100%; height: 100%; object-fit: cover; }
.educational-article-image-card-visual[b-6ohv5wjmdf]  .rz-icon { font-size: 2rem; color: var(--uzex-blue-600); }

.educational-article-image-card-name[b-6ohv5wjmdf] {
    padding: var(--uzex-space-2);
    overflow: hidden;
    font-size: 0.8125rem;
    text-overflow: ellipsis;
    white-space: nowrap;
}
/* /Features/EducationalArticles/EducationalArticlePreviewDialog.razor.rz.scp.css */
.educational-article-preview[b-zlmtx7ec4m] {
    display: flex;
    flex-direction: column;
    gap: var(--uzex-space-4);
    min-width: 0;
    height: 100%;
}

.educational-article-preview-status[b-zlmtx7ec4m] {
    color: var(--uzex-text-muted);
}

.educational-article-preview-frame[b-zlmtx7ec4m] {
    flex: 1 1 auto;
    min-height: 60vh;
    border: 1px solid var(--uzex-border-strong);
    border-radius: var(--uzex-radius-md);
    overflow: hidden;
    background: var(--uzex-surface-alt);
}

.educational-article-preview-frame iframe[b-zlmtx7ec4m] {
    display: block;
    width: 100%;
    height: 78vh;
    border: 0;
}

.educational-article-preview-actions[b-zlmtx7ec4m] {
    display: flex;
    justify-content: flex-end;
    gap: var(--uzex-space-2);
    flex-wrap: wrap;
}

@media (max-width: 640px) {
    .educational-article-preview-frame iframe[b-zlmtx7ec4m] {
        height: 70vh;
    }

    .educational-article-preview-actions[b-zlmtx7ec4m] {
        justify-content: stretch;
    }

    .educational-article-preview-actions[b-zlmtx7ec4m]  .rz-button {
        flex: 1 1 auto;
    }
}
/* /Features/EducationalArticles/EducationalArticles.razor.rz.scp.css */
.educational-articles-page[b-pbhcvq257a] { min-width: 0; overflow-x: clip; }
.educational-articles-page h1[b-pbhcvq257a] { margin: 0; color: var(--uzex-text); }
.educational-articles-page-description[b-pbhcvq257a] { margin: var(--uzex-space-2) 0 var(--uzex-space-5); color: var(--uzex-text-muted); }

.educational-articles-panel[b-pbhcvq257a] { min-width: 0; padding: var(--uzex-space-4); border: 1px solid var(--uzex-border-strong); border-radius: var(--uzex-radius-panel); background: var(--uzex-surface); }
.educational-articles-filters[b-pbhcvq257a] { display: grid; grid-template-columns: minmax(14rem, 2fr) repeat(4, minmax(9rem, 1fr)); gap: var(--uzex-space-3); }

.educational-articles-actions-wrapper[b-pbhcvq257a] { margin-top: var(--uzex-space-4); }

.educational-articles-grid-scroll[b-pbhcvq257a] { width: 100%; min-width: 0; margin-top: var(--uzex-space-4); overflow-x: auto; }
.educational-articles-grid-scroll[b-pbhcvq257a]  .rz-data-grid { min-width: 74rem; }
.educational-articles-title-cell[b-pbhcvq257a] { display: block; max-width: 28rem; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-weight: 600; color: var(--uzex-text); }
.educational-articles-grid-actions[b-pbhcvq257a] { display: flex; align-items: center; gap: 0.25rem; flex-wrap: wrap; }
.educational-articles-muted[b-pbhcvq257a] { color: var(--uzex-text-muted); }
.educational-articles-pdf-yes[b-pbhcvq257a]  .rz-icon,
.educational-articles-pdf-yes[b-pbhcvq257a] { color: #DC2626; }
.educational-articles-list-alert[b-pbhcvq257a] { margin-bottom: var(--uzex-space-3); }

@media (max-width: 1100px) {
    .educational-articles-filters[b-pbhcvq257a] { grid-template-columns: 1fr 1fr; }
}

@media (max-width: 640px) {
    .educational-articles-panel[b-pbhcvq257a] { padding: var(--uzex-space-3); }
    .educational-articles-filters[b-pbhcvq257a] { grid-template-columns: 1fr; }
    .educational-articles-toolbar-actions[b-pbhcvq257a] { justify-content: stretch !important; }
    .educational-articles-toolbar-actions[b-pbhcvq257a]  .rz-button { flex: 1 1 auto; }
}
/* /Features/EducationalArticles/EducationalArticleSelectedMediaPreview.razor.rz.scp.css */
.educational-article-selected-media[b-msf9q1zyaf] { display: flex; align-items: center; gap: var(--uzex-space-3); min-width: 0; padding: var(--uzex-space-2); border: 1px solid var(--uzex-border-strong); border-radius: var(--uzex-radius-md); background: var(--uzex-surface-alt); }
.educational-article-selected-media-visual[b-msf9q1zyaf] { width: 8rem; aspect-ratio: 16 / 9; flex: 0 0 auto; display: grid; place-items: center; overflow: hidden; border-radius: var(--uzex-radius-sm); background: var(--uzex-surface); color: var(--uzex-text-muted); }
.educational-article-selected-media-visual img[b-msf9q1zyaf] { width: 100%; height: 100%; object-fit: contain; }
.educational-article-selected-media-name[b-msf9q1zyaf] { min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-weight: 600; color: var(--uzex-text); }
@media (max-width: 480px) { .educational-article-selected-media[b-msf9q1zyaf] { align-items: stretch; flex-direction: column; } .educational-article-selected-media-visual[b-msf9q1zyaf] { width: 100%; } }
/* /Features/EducationalArticles/EducationalArticleTranslationStep.razor.rz.scp.css */
.educational-article-translation-step[b-i9lojwzyrx] { display: flex; flex-direction: column; gap: var(--uzex-space-4); min-width: 0; }
.educational-article-step-heading[b-i9lojwzyrx] { font-size: 1.0625rem; font-weight: 600; color: var(--uzex-text); }
.educational-article-translation-step[b-i9lojwzyrx]  .rz-form-field { display: flex; width: 100%; }
.educational-article-field-error[b-i9lojwzyrx] { margin-top: calc(-1 * var(--uzex-space-3)); font-size: 0.8125rem; color: var(--rz-danger); }
.educational-article-field-hint[b-i9lojwzyrx] { font-size: 0.8125rem; color: var(--uzex-text-muted); }
.educational-article-html-editor[b-i9lojwzyrx] { min-height: 22rem; width: 100%; }
[b-i9lojwzyrx] .educational-article-html-editor .rz-html-editor-content { min-height: 17rem; }
[b-i9lojwzyrx] .educational-article-html-editor .rz-html-editor-toolbar { flex-wrap: wrap; }
@media (max-width: 720px) { .educational-article-html-editor[b-i9lojwzyrx] { min-height: 18rem; } }
/* /Features/HomePage/HomeItemLimitSettingsDialog.razor.rz.scp.css */
.home-item-limit-settings[b-ppyvwgdshl] { min-width: 0; color: var(--uzex-text); }
.home-item-limit-field-error[b-ppyvwgdshl] { margin-top: var(--uzex-space-1); font-size: 0.8125rem; color: var(--rz-danger); }
/* /Features/HomePage/HomePageFaq.razor.rz.scp.css */
.home-faq-page[b-mx3fwd702h] { min-width: 0; overflow-x: clip; }
.home-faq-page h1[b-mx3fwd702h] { margin: 0; color: var(--uzex-text); }
.home-faq-page-description[b-mx3fwd702h] { margin: var(--uzex-space-2) 0 var(--uzex-space-5); color: var(--uzex-text-muted); }
.home-faq-page-alert[b-mx3fwd702h] { margin-bottom: var(--uzex-space-4); }

.home-faq-panel[b-mx3fwd702h] { min-width: 0; padding: var(--uzex-space-4); border: 1px solid var(--uzex-border-strong); border-radius: var(--uzex-radius-panel); background: var(--uzex-surface); }
.home-faq-panel-toolbar[b-mx3fwd702h] { display: flex; justify-content: flex-end; align-items: center; gap: var(--uzex-space-2); flex-wrap: wrap; }

.home-faq-grid-scroll[b-mx3fwd702h] { width: 100%; min-width: 0; margin-top: var(--uzex-space-4); overflow-x: auto; }
.home-faq-grid-scroll[b-mx3fwd702h]  .rz-data-grid { min-width: 52rem; }
.home-faq-title-cell[b-mx3fwd702h] { display: block; max-width: 24rem; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-weight: 600; color: var(--uzex-text); }
.home-faq-answer-cell[b-mx3fwd702h] { display: block; max-width: 28rem; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; color: var(--uzex-text-muted); }
.home-faq-actions[b-mx3fwd702h] { display: flex; align-items: center; gap: 0.25rem; flex-wrap: wrap; }

@media (max-width: 640px) {
    .home-faq-panel[b-mx3fwd702h] { padding: var(--uzex-space-3); }
    .home-faq-panel-toolbar[b-mx3fwd702h] { justify-content: stretch; }
    .home-faq-panel-toolbar[b-mx3fwd702h]  .rz-button { flex: 1 1 auto; }
}
/* /Features/HomePage/HomePageFaqEditorDialog.razor.rz.scp.css */
.home-faq-wizard[b-5n1lojx1rw] { min-width: 0; color: var(--uzex-text); }
[b-5n1lojx1rw] .home-faq-steps > ul { display: flex; flex-wrap: nowrap; justify-content: safe center; overflow-x: auto; border-bottom: 1px solid var(--uzex-border-strong); padding-bottom: var(--uzex-space-3); margin-bottom: var(--uzex-space-4); }
[b-5n1lojx1rw] .home-faq-steps .rz-steps-title { white-space: nowrap; }
[b-5n1lojx1rw] .home-faq-steps > ul > li.rz-steps-item { position: relative; flex: 0 0 auto; }
[b-5n1lojx1rw] .home-faq-steps > ul > li.rz-steps-item:not(:last-child) { padding-right: 2rem; }
[b-5n1lojx1rw] .home-faq-steps > ul > li.rz-steps-item:not(:last-child)::after { content: ""; position: absolute; top: 50%; right: 0; width: 2rem; height: 2px; transform: translateY(-50%); background: var(--uzex-border-strong); }
[b-5n1lojx1rw] .home-faq-steps > ul > li.rz-steps-item .rz-menuitem-link { display: inline-flex; align-items: center; gap: 0.5rem; padding: 0.25rem 0.875rem 0.25rem 0.25rem; border: 1px solid var(--uzex-border-strong); border-radius: 999px; }
[b-5n1lojx1rw] .home-faq-steps > ul > li.rz-steps-item.rz-steps-current .rz-menuitem-link { border-color: var(--uzex-blue-600); }
[b-5n1lojx1rw] .home-faq-steps.steps-completed-1 > ul > li:nth-child(-n+1):not(.rz-steps-current) .rz-steps-number,
[b-5n1lojx1rw] .home-faq-steps.steps-completed-2 > ul > li:nth-child(-n+2):not(.rz-steps-current) .rz-steps-number,
[b-5n1lojx1rw] .home-faq-steps.steps-completed-3 > ul > li:nth-child(-n+3):not(.rz-steps-current) .rz-steps-number,
[b-5n1lojx1rw] .home-faq-steps.steps-completed-4 > ul > li:nth-child(-n+4):not(.rz-steps-current) .rz-steps-number { background: var(--rz-success-dark); color: #fff; }
[b-5n1lojx1rw] .home-faq-steps.steps-completed-1 > ul > li:nth-child(-n+1):not(.rz-steps-current) .rz-steps-title,
[b-5n1lojx1rw] .home-faq-steps.steps-completed-2 > ul > li:nth-child(-n+2):not(.rz-steps-current) .rz-steps-title,
[b-5n1lojx1rw] .home-faq-steps.steps-completed-3 > ul > li:nth-child(-n+3):not(.rz-steps-current) .rz-steps-title,
[b-5n1lojx1rw] .home-faq-steps.steps-completed-4 > ul > li:nth-child(-n+4):not(.rz-steps-current) .rz-steps-title { color: var(--rz-success-dark); font-weight: 600; }
[b-5n1lojx1rw] .home-faq-steps.steps-completed-1 > ul > li:nth-child(-n+1):not(.rz-steps-current) .rz-menuitem-link,
[b-5n1lojx1rw] .home-faq-steps.steps-completed-2 > ul > li:nth-child(-n+2):not(.rz-steps-current) .rz-menuitem-link,
[b-5n1lojx1rw] .home-faq-steps.steps-completed-3 > ul > li:nth-child(-n+3):not(.rz-steps-current) .rz-menuitem-link,
[b-5n1lojx1rw] .home-faq-steps.steps-completed-4 > ul > li:nth-child(-n+4):not(.rz-steps-current) .rz-menuitem-link { border-color: var(--rz-success-dark); }
[b-5n1lojx1rw] .home-faq-steps.steps-completed-1 > ul > li:nth-child(-n+1):not(.rz-steps-current)::after,
[b-5n1lojx1rw] .home-faq-steps.steps-completed-2 > ul > li:nth-child(-n+2):not(.rz-steps-current)::after,
[b-5n1lojx1rw] .home-faq-steps.steps-completed-3 > ul > li:nth-child(-n+3):not(.rz-steps-current)::after,
[b-5n1lojx1rw] .home-faq-steps.steps-completed-4 > ul > li:nth-child(-n+4):not(.rz-steps-current)::after { background: var(--rz-success-dark); }
.home-faq-step-heading[b-5n1lojx1rw] { margin-bottom: var(--uzex-space-3); font-size: 1.0625rem; font-weight: 600; }
.home-faq-settings-grid[b-5n1lojx1rw] { display: grid; grid-template-columns: 1fr 1fr; gap: var(--uzex-space-4); align-items: end; }
.home-faq-field-error[b-5n1lojx1rw] { margin-top: -0.5rem; font-size: 0.8125rem; color: var(--rz-danger); }
.home-faq-review[b-5n1lojx1rw] { margin-top: var(--uzex-space-4); padding-top: var(--uzex-space-4); border-top: 1px solid var(--uzex-border-strong); }
.home-faq-review-title[b-5n1lojx1rw] { font-size: 0.8125rem; font-weight: 600; text-transform: uppercase; color: var(--uzex-text-muted); }
.home-faq-review-grid[b-5n1lojx1rw] { display: grid; grid-template-columns: 1fr 1fr; gap: var(--uzex-space-3); margin-top: var(--uzex-space-3); }
.home-faq-review-card[b-5n1lojx1rw] { display: flex; flex-direction: column; gap: 0.25rem; min-width: 0; padding: var(--uzex-space-3); border: 1px solid var(--uzex-border-strong); border-radius: var(--uzex-radius-md); background: var(--uzex-surface-alt); }
.home-faq-review-locale[b-5n1lojx1rw] { font-size: 0.6875rem; font-weight: 600; text-transform: uppercase; color: var(--uzex-text-muted); }
.home-faq-review-card strong[b-5n1lojx1rw] { overflow-wrap: anywhere; }
[b-5n1lojx1rw] .home-faq-wizard-actions { padding-top: var(--uzex-space-3); border-top: 1px solid var(--uzex-border-strong); }
@media (max-width: 720px) { .home-faq-settings-grid[b-5n1lojx1rw], .home-faq-review-grid[b-5n1lojx1rw] { grid-template-columns: 1fr; } [b-5n1lojx1rw] .home-faq-wizard-actions { align-items: stretch !important; flex-direction: column; } }
@media (prefers-reduced-motion: reduce) { [b-5n1lojx1rw] .home-faq-steps .rz-steps-fade, [b-5n1lojx1rw] .home-faq-steps .rz-steps-slide { transition-duration: 0s !important; animation-duration: 0s !important; } }
/* /Features/HomePage/HomePageFaqTranslationStep.razor.rz.scp.css */
.home-faq-step[b-51o57hfjuw] { min-width: 0; display: flex; flex-direction: column; gap: var(--uzex-space-3); }
.home-faq-step-heading[b-51o57hfjuw] { font-size: 1.0625rem; font-weight: 600; margin-bottom: var(--uzex-space-1); }
.home-faq-field-error[b-51o57hfjuw] { margin-top: -0.5rem; font-size: 0.8125rem; color: var(--rz-danger); }
/* /Features/HomePage/HomePageHero.razor.rz.scp.css */
.home-hero-page[b-qas8jqeh6w] { min-width: 0; overflow-x: clip; }
.home-hero-page h1[b-qas8jqeh6w] { margin: 0; color: var(--uzex-text); }
.home-hero-page-description[b-qas8jqeh6w] { margin: var(--uzex-space-2) 0 var(--uzex-space-5); color: var(--uzex-text-muted); }
.home-hero-page-alert[b-qas8jqeh6w] { margin-bottom: var(--uzex-space-4); }

.home-hero-panel[b-qas8jqeh6w] { min-width: 0; padding: var(--uzex-space-4); border: 1px solid var(--uzex-border-strong); border-radius: var(--uzex-radius-panel); background: var(--uzex-surface); }
.home-hero-panel-toolbar[b-qas8jqeh6w] { display: flex; justify-content: flex-end; align-items: center; gap: var(--uzex-space-2); flex-wrap: wrap; }

.home-hero-grid-scroll[b-qas8jqeh6w] { width: 100%; min-width: 0; margin-top: var(--uzex-space-4); overflow-x: auto; }
.home-hero-grid-scroll[b-qas8jqeh6w]  .rz-data-grid { min-width: 52rem; }
.home-hero-title-cell[b-qas8jqeh6w] { display: block; max-width: 24rem; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-weight: 600; color: var(--uzex-text); }
.home-hero-actions[b-qas8jqeh6w] { display: flex; align-items: center; gap: 0.25rem; flex-wrap: wrap; }

@media (max-width: 640px) {
    .home-hero-panel[b-qas8jqeh6w] { padding: var(--uzex-space-3); }
    .home-hero-panel-toolbar[b-qas8jqeh6w] { justify-content: stretch; }
    .home-hero-panel-toolbar[b-qas8jqeh6w]  .rz-button { flex: 1 1 auto; }
}
/* /Features/HomePage/HomePageHeroImageUploadDialog.razor.rz.scp.css */
.home-hero-upload-dialog[b-v0xrjmqpf4] { min-width: 0; color: var(--uzex-text); }
.home-hero-upload-help[b-v0xrjmqpf4] { margin: 0; color: var(--uzex-text-muted); }
[b-v0xrjmqpf4] .home-hero-upload { max-width: 100%; }
.home-hero-upload-selection[b-v0xrjmqpf4] { display: flex; align-items: center; gap: var(--uzex-space-2); min-width: 0; color: var(--uzex-text-muted); }
.home-hero-upload-selection span:first-of-type[b-v0xrjmqpf4] { overflow: hidden; max-width: min(28rem, 60vw); color: var(--uzex-text); text-overflow: ellipsis; white-space: nowrap; }
.home-hero-upload-placeholder[b-v0xrjmqpf4] { color: var(--uzex-text-muted); }
/* /Features/HomePage/HomePageHeroSlideEditorDialog.razor.rz.scp.css */
.home-hero-wizard[b-68drqxd9lk] { min-width: 0; color: var(--uzex-text); }
.home-hero-steps-scroll[b-68drqxd9lk] { max-height: min(72dvh, 46rem); overflow-y: auto; overflow-x: hidden; padding-right: var(--uzex-space-1); }
[b-68drqxd9lk] .home-hero-steps > ul { position: sticky; top: 0; z-index: 2; display: flex; flex-wrap: nowrap; justify-content: safe center; overflow-x: auto; background: var(--uzex-surface); border-bottom: 1px solid var(--uzex-border-strong); padding-bottom: var(--uzex-space-3); margin-bottom: var(--uzex-space-4); }
[b-68drqxd9lk] .home-hero-steps .rz-steps-title { white-space: nowrap; }
[b-68drqxd9lk] .home-hero-steps > ul > li.rz-steps-item { position: relative; flex: 0 0 auto; }
[b-68drqxd9lk] .home-hero-steps > ul > li.rz-steps-item:not(:last-child) { padding-right: 2rem; }
[b-68drqxd9lk] .home-hero-steps > ul > li.rz-steps-item:not(:last-child)::after { content: ""; position: absolute; top: 50%; right: 0; width: 2rem; height: 2px; transform: translateY(-50%); background: var(--uzex-border-strong); }
[b-68drqxd9lk] .home-hero-steps > ul > li.rz-steps-item .rz-menuitem-link { display: inline-flex; align-items: center; gap: 0.5rem; padding: 0.25rem 0.875rem 0.25rem 0.25rem; border: 1px solid var(--uzex-border-strong); border-radius: 999px; }
[b-68drqxd9lk] .home-hero-steps > ul > li.rz-steps-item.rz-steps-current .rz-menuitem-link { border-color: var(--uzex-blue-600); }
[b-68drqxd9lk] .home-hero-steps.steps-completed-1 > ul > li:nth-child(-n+1):not(.rz-steps-current) .rz-steps-number,
[b-68drqxd9lk] .home-hero-steps.steps-completed-2 > ul > li:nth-child(-n+2):not(.rz-steps-current) .rz-steps-number,
[b-68drqxd9lk] .home-hero-steps.steps-completed-3 > ul > li:nth-child(-n+3):not(.rz-steps-current) .rz-steps-number,
[b-68drqxd9lk] .home-hero-steps.steps-completed-4 > ul > li:nth-child(-n+4):not(.rz-steps-current) .rz-steps-number { background: var(--rz-success-dark); color: #fff; }
[b-68drqxd9lk] .home-hero-steps.steps-completed-1 > ul > li:nth-child(-n+1):not(.rz-steps-current) .rz-steps-title,
[b-68drqxd9lk] .home-hero-steps.steps-completed-2 > ul > li:nth-child(-n+2):not(.rz-steps-current) .rz-steps-title,
[b-68drqxd9lk] .home-hero-steps.steps-completed-3 > ul > li:nth-child(-n+3):not(.rz-steps-current) .rz-steps-title,
[b-68drqxd9lk] .home-hero-steps.steps-completed-4 > ul > li:nth-child(-n+4):not(.rz-steps-current) .rz-steps-title { color: var(--rz-success-dark); font-weight: 600; }
[b-68drqxd9lk] .home-hero-steps.steps-completed-1 > ul > li:nth-child(-n+1):not(.rz-steps-current) .rz-menuitem-link,
[b-68drqxd9lk] .home-hero-steps.steps-completed-2 > ul > li:nth-child(-n+2):not(.rz-steps-current) .rz-menuitem-link,
[b-68drqxd9lk] .home-hero-steps.steps-completed-3 > ul > li:nth-child(-n+3):not(.rz-steps-current) .rz-menuitem-link,
[b-68drqxd9lk] .home-hero-steps.steps-completed-4 > ul > li:nth-child(-n+4):not(.rz-steps-current) .rz-menuitem-link { border-color: var(--rz-success-dark); }
[b-68drqxd9lk] .home-hero-steps.steps-completed-1 > ul > li:nth-child(-n+1):not(.rz-steps-current)::after,
[b-68drqxd9lk] .home-hero-steps.steps-completed-2 > ul > li:nth-child(-n+2):not(.rz-steps-current)::after,
[b-68drqxd9lk] .home-hero-steps.steps-completed-3 > ul > li:nth-child(-n+3):not(.rz-steps-current)::after,
[b-68drqxd9lk] .home-hero-steps.steps-completed-4 > ul > li:nth-child(-n+4):not(.rz-steps-current)::after { background: var(--rz-success-dark); }
.home-hero-step-heading[b-68drqxd9lk] { margin-bottom: var(--uzex-space-3); font-size: 1.0625rem; font-weight: 600; }

.home-hero-background-panel[b-68drqxd9lk] { display: flex; flex-direction: column; gap: var(--uzex-space-3); width: 100%; margin-bottom: var(--uzex-space-4); padding: var(--uzex-space-4); border: 1px solid var(--uzex-border-strong); border-radius: var(--uzex-radius-panel); background: var(--uzex-surface); }
.home-hero-background-panel-title[b-68drqxd9lk] { font-size: 0.8125rem; font-weight: 600; text-transform: uppercase; color: var(--uzex-text-muted); }
.home-hero-background-visual[b-68drqxd9lk] { width: 100%; display: flex; align-items: center; justify-content: center; overflow: hidden; border: 1px solid var(--uzex-border); border-radius: var(--uzex-radius-md); background: var(--uzex-surface-alt); }
.home-hero-background-image[b-68drqxd9lk] { display: block; width: 100%; height: auto; max-height: min(55dvh, 32rem); object-fit: contain; }
.home-hero-background-empty[b-68drqxd9lk],
.home-hero-background-unsupported[b-68drqxd9lk] { display: flex; flex-direction: column; align-items: center; justify-content: center; gap: var(--uzex-space-2); width: 100%; min-height: 12rem; padding: var(--uzex-space-6) var(--uzex-space-4); color: var(--uzex-text-muted); text-align: center; }
.home-hero-background-unsupported span[b-68drqxd9lk] { overflow: hidden; max-width: 100%; text-overflow: ellipsis; white-space: nowrap; }
.home-hero-background-visual[b-68drqxd9lk]  .rz-icon { font-size: 2.5rem; }
.home-hero-background-actions[b-68drqxd9lk] { width: 100%; }

.home-hero-url-grid[b-68drqxd9lk] { display: grid; grid-template-columns: 1fr 1fr; gap: var(--uzex-space-4); align-items: end; }
.home-hero-order-status-row[b-68drqxd9lk] { display: grid; grid-template-columns: 1fr 1fr; gap: var(--uzex-space-4); align-items: end; margin-top: var(--uzex-space-4); }
.home-hero-field-error[b-68drqxd9lk] { margin-top: -0.5rem; font-size: 0.8125rem; color: var(--rz-danger); }
.home-hero-review[b-68drqxd9lk] { margin-top: var(--uzex-space-4); padding-top: var(--uzex-space-4); border-top: 1px solid var(--uzex-border-strong); }
.home-hero-review-title[b-68drqxd9lk] { font-size: 0.8125rem; font-weight: 600; text-transform: uppercase; color: var(--uzex-text-muted); }
.home-hero-review-grid[b-68drqxd9lk] { display: grid; grid-template-columns: 1fr 1fr; gap: var(--uzex-space-3); margin-top: var(--uzex-space-3); }
.home-hero-review-card[b-68drqxd9lk] { display: flex; flex-direction: column; gap: 0.25rem; min-width: 0; padding: var(--uzex-space-3); border: 1px solid var(--uzex-border-strong); border-radius: var(--uzex-radius-md); background: var(--uzex-surface-alt); }
.home-hero-review-locale[b-68drqxd9lk] { font-size: 0.6875rem; font-weight: 600; text-transform: uppercase; color: var(--uzex-text-muted); }
.home-hero-review-card strong[b-68drqxd9lk], .home-hero-review-description[b-68drqxd9lk] { overflow-wrap: anywhere; }
.home-hero-review-description[b-68drqxd9lk] { color: var(--uzex-text-muted); }
[b-68drqxd9lk] .home-hero-wizard-actions { position: sticky; bottom: 0; z-index: 2; background: var(--uzex-surface); padding-top: var(--uzex-space-3); border-top: 1px solid var(--uzex-border-strong); }
@media (max-width: 720px) {
    .home-hero-url-grid[b-68drqxd9lk], .home-hero-order-status-row[b-68drqxd9lk], .home-hero-review-grid[b-68drqxd9lk] { grid-template-columns: 1fr; }
    [b-68drqxd9lk] .home-hero-wizard-actions { align-items: stretch !important; flex-direction: column; }
    .home-hero-background-panel[b-68drqxd9lk] { padding: var(--uzex-space-3); }
}
@media (prefers-reduced-motion: reduce) { [b-68drqxd9lk] .home-hero-steps .rz-steps-fade, [b-68drqxd9lk] .home-hero-steps .rz-steps-slide { transition-duration: 0s !important; animation-duration: 0s !important; } }
/* /Features/HomePage/HomePageHeroSlidePreview.razor.rz.scp.css */
.home-hero-preview[b-iyfbk0r8t8] { width: 100%; aspect-ratio: 16 / 9; display: grid; place-items: center; overflow: hidden; border: 1px solid var(--uzex-border-strong); border-radius: var(--uzex-radius-md); background: var(--uzex-surface-alt); color: var(--uzex-text-muted); }
.home-hero-preview img[b-iyfbk0r8t8] { width: 100%; height: 100%; object-fit: cover; }
/* /Features/HomePage/HomePageHeroTranslationStep.razor.rz.scp.css */
.home-hero-step[b-pjd5cn51fr] { min-width: 0; display: flex; flex-direction: column; gap: var(--uzex-space-3); }
.home-hero-step-heading[b-pjd5cn51fr] { font-size: 1.0625rem; font-weight: 600; margin-bottom: var(--uzex-space-1); }
.home-hero-field-grid[b-pjd5cn51fr] { display: grid; grid-template-columns: 1fr 1fr; gap: var(--uzex-space-4); }
.home-hero-field-error[b-pjd5cn51fr] { margin-top: -0.5rem; font-size: 0.8125rem; color: var(--rz-danger); }
@media (max-width: 720px) { .home-hero-field-grid[b-pjd5cn51fr] { grid-template-columns: 1fr; } }
/* /Features/HomePage/HomePageLatestNews.razor.rz.scp.css */
.home-source-panel[b-5d1f6v0w8i] {
    min-width: 0;
    margin-top: var(--uzex-space-4);
    padding: var(--uzex-space-4);
    border: 1px solid var(--uzex-border-strong);
    border-radius: var(--uzex-radius-panel);
    background: var(--uzex-surface);
    display: flex;
    flex-direction: column;
    gap: var(--uzex-space-4);
}

.home-source-toolbar[b-5d1f6v0w8i] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: var(--uzex-space-3);
    flex-wrap: wrap;
}

.home-source-toolbar-limit[b-5d1f6v0w8i] { font-size: 0.875rem; color: var(--uzex-text-muted); }
.home-source-toolbar-limit strong[b-5d1f6v0w8i] { color: var(--uzex-text); }

.home-source-toolbar-actions[b-5d1f6v0w8i] {
    display: flex;
    align-items: center;
    gap: var(--uzex-space-3);
    flex-wrap: wrap;
}

.home-source-head[b-5d1f6v0w8i] {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    gap: var(--uzex-space-4);
    flex-wrap: wrap;
}

.home-source-head-text[b-5d1f6v0w8i] { min-width: 0; }
.home-source-head-text h2[b-5d1f6v0w8i] { margin: 0; font-size: 1.0625rem; font-weight: 600; color: var(--uzex-text); }
.home-source-head-text p[b-5d1f6v0w8i] { margin: var(--uzex-space-2) 0 0; color: var(--uzex-text-muted); }

.home-source-grid-scroll[b-5d1f6v0w8i] { width: 100%; min-width: 0; overflow-x: auto; }
.home-source-grid-scroll[b-5d1f6v0w8i]  .rz-data-grid { min-width: 52rem; }
.home-source-title-cell[b-5d1f6v0w8i] { display: block; max-width: 28rem; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-weight: 600; color: var(--uzex-text); }

.home-source-thumb-empty[b-5d1f6v0w8i] {
    width: 3.5rem;
    aspect-ratio: 4 / 3;
    display: grid;
    place-items: center;
    overflow: hidden;
    border: 1px solid var(--uzex-border-strong);
    border-radius: var(--uzex-radius-md);
    background: var(--uzex-surface-alt);
    color: var(--uzex-text-muted);
}

@media (max-width: 640px) {
    .home-source-panel[b-5d1f6v0w8i] { padding: var(--uzex-space-3); }
    .home-source-toolbar[b-5d1f6v0w8i] { justify-content: stretch; }
    .home-source-toolbar-actions[b-5d1f6v0w8i] { width: 100%; }
    .home-source-toolbar-actions[b-5d1f6v0w8i]  .rz-button { flex: 1 1 auto; }
    .home-source-head[b-5d1f6v0w8i] { justify-content: stretch; }
    .home-source-head[b-5d1f6v0w8i]  .rz-button { flex: 1 1 auto; }
}
/* /Features/HomePage/HomePageSectionSettingsDialog.razor.rz.scp.css */
.home-section-wizard[b-m2xp8izh5c] { min-width: 0; color: var(--uzex-text); }
[b-m2xp8izh5c] .home-section-steps > ul { display: flex; flex-wrap: nowrap; justify-content: safe center; overflow-x: auto; border-bottom: 1px solid var(--uzex-border-strong); padding-bottom: var(--uzex-space-3); margin-bottom: var(--uzex-space-4); }
[b-m2xp8izh5c] .home-section-steps .rz-steps-title { white-space: nowrap; }
[b-m2xp8izh5c] .home-section-steps > ul > li.rz-steps-item { position: relative; flex: 0 0 auto; }
[b-m2xp8izh5c] .home-section-steps > ul > li.rz-steps-item:not(:last-child) { padding-right: 2rem; }
[b-m2xp8izh5c] .home-section-steps > ul > li.rz-steps-item:not(:last-child)::after { content: ""; position: absolute; top: 50%; right: 0; width: 2rem; height: 2px; transform: translateY(-50%); background: var(--uzex-border-strong); }
[b-m2xp8izh5c] .home-section-steps > ul > li.rz-steps-item .rz-menuitem-link { display: inline-flex; align-items: center; gap: 0.5rem; padding: 0.25rem 0.875rem 0.25rem 0.25rem; border: 1px solid var(--uzex-border-strong); border-radius: 999px; }
[b-m2xp8izh5c] .home-section-steps > ul > li.rz-steps-item.rz-steps-current .rz-menuitem-link { border-color: var(--uzex-blue-600); }
[b-m2xp8izh5c] .home-section-steps.steps-completed-1 > ul > li:nth-child(-n+1):not(.rz-steps-current) .rz-steps-number,
[b-m2xp8izh5c] .home-section-steps.steps-completed-2 > ul > li:nth-child(-n+2):not(.rz-steps-current) .rz-steps-number,
[b-m2xp8izh5c] .home-section-steps.steps-completed-3 > ul > li:nth-child(-n+3):not(.rz-steps-current) .rz-steps-number,
[b-m2xp8izh5c] .home-section-steps.steps-completed-4 > ul > li:nth-child(-n+4):not(.rz-steps-current) .rz-steps-number { background: var(--rz-success-dark); color: #fff; }
[b-m2xp8izh5c] .home-section-steps.steps-completed-1 > ul > li:nth-child(-n+1):not(.rz-steps-current) .rz-steps-title,
[b-m2xp8izh5c] .home-section-steps.steps-completed-2 > ul > li:nth-child(-n+2):not(.rz-steps-current) .rz-steps-title,
[b-m2xp8izh5c] .home-section-steps.steps-completed-3 > ul > li:nth-child(-n+3):not(.rz-steps-current) .rz-steps-title,
[b-m2xp8izh5c] .home-section-steps.steps-completed-4 > ul > li:nth-child(-n+4):not(.rz-steps-current) .rz-steps-title { color: var(--rz-success-dark); font-weight: 600; }
[b-m2xp8izh5c] .home-section-steps.steps-completed-1 > ul > li:nth-child(-n+1):not(.rz-steps-current) .rz-menuitem-link,
[b-m2xp8izh5c] .home-section-steps.steps-completed-2 > ul > li:nth-child(-n+2):not(.rz-steps-current) .rz-menuitem-link,
[b-m2xp8izh5c] .home-section-steps.steps-completed-3 > ul > li:nth-child(-n+3):not(.rz-steps-current) .rz-menuitem-link,
[b-m2xp8izh5c] .home-section-steps.steps-completed-4 > ul > li:nth-child(-n+4):not(.rz-steps-current) .rz-menuitem-link { border-color: var(--rz-success-dark); }
[b-m2xp8izh5c] .home-section-steps.steps-completed-1 > ul > li:nth-child(-n+1):not(.rz-steps-current)::after,
[b-m2xp8izh5c] .home-section-steps.steps-completed-2 > ul > li:nth-child(-n+2):not(.rz-steps-current)::after,
[b-m2xp8izh5c] .home-section-steps.steps-completed-3 > ul > li:nth-child(-n+3):not(.rz-steps-current)::after,
[b-m2xp8izh5c] .home-section-steps.steps-completed-4 > ul > li:nth-child(-n+4):not(.rz-steps-current)::after { background: var(--rz-success-dark); }
.home-section-step-heading[b-m2xp8izh5c] { margin-bottom: var(--uzex-space-3); font-size: 1.0625rem; font-weight: 600; }
.home-section-settings-grid[b-m2xp8izh5c] { display: grid; grid-template-columns: 1fr 1fr; gap: var(--uzex-space-4); align-items: end; }
.home-section-enabled-field[b-m2xp8izh5c] { display: flex; align-items: center; gap: var(--uzex-space-3); padding-bottom: 0.5rem; }
.home-section-field-error[b-m2xp8izh5c] { margin-top: -0.5rem; font-size: 0.8125rem; color: var(--rz-danger); }
.home-section-review[b-m2xp8izh5c] { margin-top: var(--uzex-space-4); padding-top: var(--uzex-space-4); border-top: 1px solid var(--uzex-border-strong); }
.home-section-review-title[b-m2xp8izh5c] { font-size: 0.8125rem; font-weight: 600; text-transform: uppercase; color: var(--uzex-text-muted); }
.home-section-review-grid[b-m2xp8izh5c] { display: grid; grid-template-columns: 1fr 1fr; gap: var(--uzex-space-3); margin-top: var(--uzex-space-3); }
.home-section-review-card[b-m2xp8izh5c] { display: flex; flex-direction: column; gap: 0.25rem; min-width: 0; padding: var(--uzex-space-3); border: 1px solid var(--uzex-border-strong); border-radius: var(--uzex-radius-md); background: var(--uzex-surface-alt); }
.home-section-review-locale[b-m2xp8izh5c] { font-size: 0.6875rem; font-weight: 600; text-transform: uppercase; color: var(--uzex-text-muted); }
.home-section-review-card strong[b-m2xp8izh5c] { overflow-wrap: anywhere; }
[b-m2xp8izh5c] .home-section-wizard-actions { padding-top: var(--uzex-space-3); border-top: 1px solid var(--uzex-border-strong); }
@media (max-width: 720px) { .home-section-settings-grid[b-m2xp8izh5c], .home-section-review-grid[b-m2xp8izh5c] { grid-template-columns: 1fr; } [b-m2xp8izh5c] .home-section-wizard-actions { align-items: stretch !important; flex-direction: column; } }
@media (prefers-reduced-motion: reduce) { [b-m2xp8izh5c] .home-section-steps .rz-steps-fade, [b-m2xp8izh5c] .home-section-steps .rz-steps-slide { transition-duration: 0s !important; animation-duration: 0s !important; } }
/* /Features/HomePage/HomePageSectionTranslationStep.razor.rz.scp.css */
.home-section-step[b-42j3vxildh] { min-width: 0; display: flex; flex-direction: column; gap: var(--uzex-space-3); }
.home-section-step-heading[b-42j3vxildh] { font-size: 1.0625rem; font-weight: 600; margin-bottom: var(--uzex-space-1); }
.home-section-field-grid[b-42j3vxildh] { display: grid; grid-template-columns: 1fr 1fr; gap: var(--uzex-space-4); }
.home-section-field-error[b-42j3vxildh] { margin-top: -0.5rem; font-size: 0.8125rem; color: var(--rz-danger); }
@media (max-width: 640px) { .home-section-field-grid[b-42j3vxildh] { grid-template-columns: 1fr; } }
/* /Features/HomePage/HomePageVideo.razor.rz.scp.css */
.home-source-panel[b-qqk56dpotz] {
    min-width: 0;
    margin-top: var(--uzex-space-4);
    padding: var(--uzex-space-4);
    border: 1px solid var(--uzex-border-strong);
    border-radius: var(--uzex-radius-panel);
    background: var(--uzex-surface);
    display: flex;
    flex-direction: column;
    gap: var(--uzex-space-4);
}

.home-source-toolbar[b-qqk56dpotz] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: var(--uzex-space-3);
    flex-wrap: wrap;
}

.home-source-toolbar-limit[b-qqk56dpotz] { font-size: 0.875rem; color: var(--uzex-text-muted); }
.home-source-toolbar-limit strong[b-qqk56dpotz] { color: var(--uzex-text); }

.home-source-toolbar-actions[b-qqk56dpotz] {
    display: flex;
    align-items: center;
    gap: var(--uzex-space-3);
    flex-wrap: wrap;
}

.home-source-rule[b-qqk56dpotz] {
    display: flex;
    align-items: center;
    gap: var(--uzex-space-2);
    font-size: 0.875rem;
    font-weight: 600;
    color: var(--uzex-text-muted);
}

.home-source-head[b-qqk56dpotz] {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    gap: var(--uzex-space-4);
    flex-wrap: wrap;
}

.home-source-head-text[b-qqk56dpotz] { min-width: 0; }
.home-source-head-text h2[b-qqk56dpotz] { margin: 0; font-size: 1.0625rem; font-weight: 600; color: var(--uzex-text); }
.home-source-head-text p[b-qqk56dpotz] { margin: var(--uzex-space-2) 0 0; color: var(--uzex-text-muted); }

.home-source-grid-scroll[b-qqk56dpotz] { width: 100%; min-width: 0; overflow-x: auto; }
.home-source-grid-scroll[b-qqk56dpotz]  .rz-data-grid { min-width: 58rem; }
.home-source-title-cell[b-qqk56dpotz] { display: block; max-width: 24rem; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-weight: 600; color: var(--uzex-text); }

@media (max-width: 640px) {
    .home-source-panel[b-qqk56dpotz] { padding: var(--uzex-space-3); }
    .home-source-toolbar[b-qqk56dpotz] { justify-content: stretch; }
    .home-source-toolbar-actions[b-qqk56dpotz] { width: 100%; }
    .home-source-toolbar-actions[b-qqk56dpotz]  .rz-button { flex: 1 1 auto; }
    .home-source-head[b-qqk56dpotz] { justify-content: stretch; }
    .home-source-head[b-qqk56dpotz]  .rz-button { flex: 1 1 auto; }
}
/* /Features/LegalFrameworkDocuments/LegalFrameworkDocumentEditorDialog.razor.rz.scp.css */
.legal-framework-document-wizard[b-3ptzbbpqt3] { min-width: 0; color: var(--uzex-text); }
[b-3ptzbbpqt3] .legal-framework-document-steps > ul { display: flex; flex-wrap: nowrap; justify-content: safe center; overflow-x: auto; border-bottom: 1px solid var(--uzex-border-strong); padding-bottom: var(--uzex-space-3); margin-bottom: var(--uzex-space-4); }
[b-3ptzbbpqt3] .legal-framework-document-steps .rz-steps-title { white-space: nowrap; }
[b-3ptzbbpqt3] .legal-framework-document-steps > ul > li.rz-steps-item { position: relative; flex: 0 0 auto; }
[b-3ptzbbpqt3] .legal-framework-document-steps > ul > li.rz-steps-item:not(:last-child) { padding-right: 2rem; }
[b-3ptzbbpqt3] .legal-framework-document-steps > ul > li.rz-steps-item:not(:last-child)::after { content: ""; position: absolute; top: 50%; right: 0; width: 2rem; height: 2px; transform: translateY(-50%); background: var(--uzex-border-strong); }
[b-3ptzbbpqt3] .legal-framework-document-steps > ul > li.rz-steps-item .rz-menuitem-link { display: inline-flex; align-items: center; gap: 0.5rem; padding: 0.25rem 0.875rem 0.25rem 0.25rem; border: 1px solid var(--uzex-border-strong); border-radius: 999px; }
[b-3ptzbbpqt3] .legal-framework-document-steps > ul > li.rz-steps-item.rz-steps-current .rz-menuitem-link { border-color: var(--uzex-blue-600); }
[b-3ptzbbpqt3] .legal-framework-document-steps.steps-completed-1 > ul > li:nth-child(-n+1):not(.rz-steps-current) .rz-steps-number,
[b-3ptzbbpqt3] .legal-framework-document-steps.steps-completed-2 > ul > li:nth-child(-n+2):not(.rz-steps-current) .rz-steps-number,
[b-3ptzbbpqt3] .legal-framework-document-steps.steps-completed-3 > ul > li:nth-child(-n+3):not(.rz-steps-current) .rz-steps-number,
[b-3ptzbbpqt3] .legal-framework-document-steps.steps-completed-4 > ul > li:nth-child(-n+4):not(.rz-steps-current) .rz-steps-number { background: var(--rz-success-dark); color: #fff; }
[b-3ptzbbpqt3] .legal-framework-document-steps.steps-completed-1 > ul > li:nth-child(-n+1):not(.rz-steps-current) .rz-steps-title,
[b-3ptzbbpqt3] .legal-framework-document-steps.steps-completed-2 > ul > li:nth-child(-n+2):not(.rz-steps-current) .rz-steps-title,
[b-3ptzbbpqt3] .legal-framework-document-steps.steps-completed-3 > ul > li:nth-child(-n+3):not(.rz-steps-current) .rz-steps-title,
[b-3ptzbbpqt3] .legal-framework-document-steps.steps-completed-4 > ul > li:nth-child(-n+4):not(.rz-steps-current) .rz-steps-title { color: var(--rz-success-dark); font-weight: 600; }
[b-3ptzbbpqt3] .legal-framework-document-steps.steps-completed-1 > ul > li:nth-child(-n+1):not(.rz-steps-current) .rz-menuitem-link,
[b-3ptzbbpqt3] .legal-framework-document-steps.steps-completed-2 > ul > li:nth-child(-n+2):not(.rz-steps-current) .rz-menuitem-link,
[b-3ptzbbpqt3] .legal-framework-document-steps.steps-completed-3 > ul > li:nth-child(-n+3):not(.rz-steps-current) .rz-menuitem-link,
[b-3ptzbbpqt3] .legal-framework-document-steps.steps-completed-4 > ul > li:nth-child(-n+4):not(.rz-steps-current) .rz-menuitem-link { border-color: var(--rz-success-dark); }
[b-3ptzbbpqt3] .legal-framework-document-steps.steps-completed-1 > ul > li:nth-child(-n+1):not(.rz-steps-current)::after,
[b-3ptzbbpqt3] .legal-framework-document-steps.steps-completed-2 > ul > li:nth-child(-n+2):not(.rz-steps-current)::after,
[b-3ptzbbpqt3] .legal-framework-document-steps.steps-completed-3 > ul > li:nth-child(-n+3):not(.rz-steps-current)::after,
[b-3ptzbbpqt3] .legal-framework-document-steps.steps-completed-4 > ul > li:nth-child(-n+4):not(.rz-steps-current)::after { background: var(--rz-success-dark); }
.legal-framework-document-step-heading[b-3ptzbbpqt3] { margin-bottom: var(--uzex-space-3); font-size: 1.0625rem; font-weight: 600; }

.legal-framework-document-file-section[b-3ptzbbpqt3] { display: flex; flex-direction: column; gap: var(--uzex-space-2); margin-bottom: var(--uzex-space-4); padding-bottom: var(--uzex-space-4); border-bottom: 1px solid var(--uzex-border-strong); }
.legal-framework-document-file-label[b-3ptzbbpqt3] { font-size: 0.8125rem; font-weight: 600; color: var(--uzex-text-muted); }
.legal-framework-document-file-current[b-3ptzbbpqt3], .legal-framework-document-file-selected[b-3ptzbbpqt3] { display: flex; align-items: center; gap: 0.375rem; min-width: 0; }
.legal-framework-document-file-current span:first-of-type[b-3ptzbbpqt3], .legal-framework-document-file-selected span:first-of-type[b-3ptzbbpqt3] { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.legal-framework-document-file-meta[b-3ptzbbpqt3] { color: var(--uzex-text-muted); white-space: nowrap; }
.legal-framework-document-file-hint[b-3ptzbbpqt3], .legal-framework-document-file-help[b-3ptzbbpqt3] { margin: 0; font-size: 0.8125rem; color: var(--uzex-text-muted); }

.legal-framework-document-settings-grid[b-3ptzbbpqt3] { display: grid; grid-template-columns: 1fr 1fr; gap: var(--uzex-space-4); align-items: start; }
.legal-framework-document-field-error[b-3ptzbbpqt3] { margin-top: -0.5rem; font-size: 0.8125rem; color: var(--rz-danger); }
.legal-framework-document-review[b-3ptzbbpqt3] { margin-top: var(--uzex-space-4); padding-top: var(--uzex-space-4); border-top: 1px solid var(--uzex-border-strong); }
.legal-framework-document-review-title[b-3ptzbbpqt3] { font-size: 0.8125rem; font-weight: 600; text-transform: uppercase; color: var(--uzex-text-muted); }
.legal-framework-document-review-grid[b-3ptzbbpqt3] { display: grid; grid-template-columns: 1fr 1fr; gap: var(--uzex-space-3); margin-top: var(--uzex-space-3); }
.legal-framework-document-review-card[b-3ptzbbpqt3] { display: flex; flex-direction: column; gap: 0.25rem; min-width: 0; padding: var(--uzex-space-3); border: 1px solid var(--uzex-border-strong); border-radius: var(--uzex-radius-md); background: var(--uzex-surface-alt); }
.legal-framework-document-review-locale[b-3ptzbbpqt3] { font-size: 0.6875rem; font-weight: 600; text-transform: uppercase; color: var(--uzex-text-muted); }
.legal-framework-document-review-card strong[b-3ptzbbpqt3] { overflow-wrap: anywhere; }
[b-3ptzbbpqt3] .legal-framework-document-wizard-actions { padding-top: var(--uzex-space-3); border-top: 1px solid var(--uzex-border-strong); }
@media (max-width: 720px) { .legal-framework-document-settings-grid[b-3ptzbbpqt3], .legal-framework-document-review-grid[b-3ptzbbpqt3] { grid-template-columns: 1fr; } [b-3ptzbbpqt3] .legal-framework-document-wizard-actions { align-items: stretch !important; flex-direction: column; } }
@media (prefers-reduced-motion: reduce) { [b-3ptzbbpqt3] .legal-framework-document-steps .rz-steps-fade, [b-3ptzbbpqt3] .legal-framework-document-steps .rz-steps-slide { transition-duration: 0s !important; animation-duration: 0s !important; } }
/* /Features/LegalFrameworkDocuments/LegalFrameworkDocumentPreviewDialog.razor.rz.scp.css */
.legal-framework-document-preview[b-tiqjupx9gz] {
    display: flex;
    flex-direction: column;
    gap: var(--uzex-space-4);
    min-width: 0;
    height: 100%;
}

.legal-framework-document-preview-status[b-tiqjupx9gz] {
    color: var(--uzex-text-muted);
}

.legal-framework-document-preview-frame[b-tiqjupx9gz] {
    flex: 1 1 auto;
    min-height: 60vh;
    border: 1px solid var(--uzex-border-strong);
    border-radius: var(--uzex-radius-md);
    overflow: hidden;
    background: var(--uzex-surface-alt);
}

.legal-framework-document-preview-frame iframe[b-tiqjupx9gz] {
    display: block;
    width: 100%;
    height: 78vh;
    border: 0;
}

.legal-framework-document-preview-actions[b-tiqjupx9gz] {
    display: flex;
    justify-content: flex-end;
    gap: var(--uzex-space-2);
    flex-wrap: wrap;
}

@media (max-width: 640px) {
    .legal-framework-document-preview-frame iframe[b-tiqjupx9gz] {
        height: 70vh;
    }

    .legal-framework-document-preview-actions[b-tiqjupx9gz] {
        justify-content: stretch;
    }

    .legal-framework-document-preview-actions[b-tiqjupx9gz]  .rz-button {
        flex: 1 1 auto;
    }
}
/* /Features/LegalFrameworkDocuments/LegalFrameworkDocuments.razor.rz.scp.css */
.legal-framework-document-page[b-a45lcel7uk] { min-width: 0; overflow-x: clip; }
.legal-framework-document-page h1[b-a45lcel7uk] { margin: 0; color: var(--uzex-text); }
.legal-framework-document-page-description[b-a45lcel7uk] { margin: var(--uzex-space-2) 0 var(--uzex-space-5); color: var(--uzex-text-muted); }
.legal-framework-document-page-alert[b-a45lcel7uk] { margin-bottom: var(--uzex-space-4); }

.legal-framework-document-panel[b-a45lcel7uk] { min-width: 0; padding: var(--uzex-space-4); border: 1px solid var(--uzex-border-strong); border-radius: var(--uzex-radius-panel); background: var(--uzex-surface); }
.legal-framework-document-filters[b-a45lcel7uk] { display: grid; grid-template-columns: minmax(14rem, 2fr) minmax(9rem, 1fr); gap: var(--uzex-space-3); }
.legal-framework-document-panel-toolbar[b-a45lcel7uk] { display: flex; justify-content: flex-end; align-items: center; gap: var(--uzex-space-2); flex-wrap: wrap; margin-top: var(--uzex-space-4); }

/* Vertical, full-width document list (replaces the former RadzenDataGrid). */
.legal-framework-document-list-wrap[b-a45lcel7uk] { width: 100%; min-width: 0; margin-top: var(--uzex-space-4); }
.legal-framework-document-list[b-a45lcel7uk]  .rz-datalist-data { display: flex; flex-direction: column; gap: var(--uzex-space-3); padding: 0; margin: 0; list-style: none; }
.legal-framework-document-list[b-a45lcel7uk]  .rz-datalist-item { display: block; width: 100%; border: 0; padding: 0; margin: 0; background: transparent; }
.legal-framework-document-list[b-a45lcel7uk]  .rz-paginator { margin-top: var(--uzex-space-4); border: 0; background: transparent; }

.legal-framework-document-card[b-a45lcel7uk] {
    display: flex;
    align-items: center;
    gap: var(--uzex-space-4);
    padding: var(--uzex-space-4);
    background: var(--uzex-surface);
    border: 1px solid var(--uzex-border);
    border-radius: var(--uzex-radius-panel);
    box-shadow: var(--uzex-shadow-sm);
    transition: box-shadow 0.15s ease, border-color 0.15s ease;
}
.legal-framework-document-card:hover[b-a45lcel7uk] { border-color: var(--uzex-border-strong); box-shadow: var(--uzex-shadow-md); }

.legal-framework-document-card-main[b-a45lcel7uk] { display: flex; align-items: center; gap: var(--uzex-space-4); flex: 1 1 auto; min-width: 0; }

/* Left file-type visual block. Extension-specific colors are fixed brand-ish
   values from the design spec - there are no Cabinet tokens for them. */
.legal-framework-document-file[b-a45lcel7uk] {
    flex: 0 0 auto;
    width: 5rem;
    height: 5rem;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 0.15rem;
    border-radius: var(--uzex-radius-md);
    background: var(--uzex-surface-alt);
    color: var(--uzex-text-muted);
}
.legal-framework-document-file[b-a45lcel7uk]  .rzi { font-size: 1.9rem; }
.legal-framework-document-file-ext[b-a45lcel7uk] { font-size: 0.7rem; font-weight: 700; letter-spacing: 0.04em; }
.legal-framework-document-file--pdf[b-a45lcel7uk] { background: #FEF2F2; color: #DC2626; }
.legal-framework-document-file--word[b-a45lcel7uk] { background: #EFF6FF; color: #2563EB; }
.legal-framework-document-file--excel[b-a45lcel7uk] { background: #F0FDF4; color: #16A34A; }

.legal-framework-document-info[b-a45lcel7uk] { min-width: 0; display: flex; flex-direction: column; gap: 0.25rem; }
.legal-framework-document-title[b-a45lcel7uk] { font-weight: 700; color: var(--uzex-text); overflow-wrap: anywhere; }
.legal-framework-document-filename[b-a45lcel7uk] { font-size: 0.85rem; color: var(--uzex-text-muted); overflow-wrap: anywhere; }
.legal-framework-document-meta[b-a45lcel7uk] { display: flex; align-items: center; flex-wrap: wrap; gap: var(--uzex-space-2); margin-top: 0.15rem; }
.legal-framework-document-chip[b-a45lcel7uk] {
    display: inline-flex;
    align-items: center;
    gap: 0.25rem;
    padding: 0.15rem 0.5rem;
    border-radius: var(--uzex-radius-full);
    background: var(--uzex-surface-alt);
    color: var(--uzex-text-muted);
    font-size: 0.78rem;
    font-weight: 600;
}
.legal-framework-document-chip[b-a45lcel7uk]  .rzi { font-size: 0.95rem; }

.legal-framework-document-actions[b-a45lcel7uk] { flex: 0 0 auto; display: flex; align-items: center; flex-wrap: wrap; gap: 0.35rem; justify-content: flex-end; }

/* Circular 40x40 sizing for every action button. */
.legal-framework-document-actions[b-a45lcel7uk]  .rz-button {
    width: 40px;
    height: 40px;
    min-width: 40px;
    padding: 0;
    border-radius: var(--uzex-radius-full);
    transition: background-color 0.15s ease, border-color 0.15s ease, color 0.15s ease, box-shadow 0.15s ease;
}

/* Solid per-action colors. Radzen's ButtonStyle.Base paints
   `.rz-button.rz-base` (specificity 0,2,0); the `button.document-action--x`
   selector below (element + 2 classes + the scoped parent class) outranks it
   without needing !important, regardless of stylesheet order. */
.legal-framework-document-actions[b-a45lcel7uk]  button.document-action {
    color: #ffffff;
    border: 1px solid transparent;
    background-image: none;
    box-shadow: none;
}
.legal-framework-document-actions[b-a45lcel7uk]  button.document-action .rzi,
.legal-framework-document-actions[b-a45lcel7uk]  button.document-action i { color: #ffffff; }

.legal-framework-document-actions[b-a45lcel7uk]  button.document-action--view { background-color: #7C3AED; border-color: #7C3AED; }
.legal-framework-document-actions[b-a45lcel7uk]  button.document-action--view:hover:not(:disabled) { background-color: #6D28D9; border-color: #6D28D9; }
.legal-framework-document-actions[b-a45lcel7uk]  button.document-action--view:focus-visible { outline: 2px solid #7C3AED; outline-offset: 2px; }

.legal-framework-document-actions[b-a45lcel7uk]  button.document-action--download { background-color: #2563EB; border-color: #2563EB; }
.legal-framework-document-actions[b-a45lcel7uk]  button.document-action--download:hover:not(:disabled) { background-color: #1D4ED8; border-color: #1D4ED8; }
.legal-framework-document-actions[b-a45lcel7uk]  button.document-action--download:focus-visible { outline: 2px solid #2563EB; outline-offset: 2px; }

.legal-framework-document-actions[b-a45lcel7uk]  button.document-action--move-up { background-color: #16A34A; border-color: #16A34A; }
.legal-framework-document-actions[b-a45lcel7uk]  button.document-action--move-up:hover:not(:disabled) { background-color: #15803D; border-color: #15803D; }
.legal-framework-document-actions[b-a45lcel7uk]  button.document-action--move-up:focus-visible { outline: 2px solid #16A34A; outline-offset: 2px; }

.legal-framework-document-actions[b-a45lcel7uk]  button.document-action--move-down { background-color: #0891B2; border-color: #0891B2; }
.legal-framework-document-actions[b-a45lcel7uk]  button.document-action--move-down:hover:not(:disabled) { background-color: #0E7490; border-color: #0E7490; }
.legal-framework-document-actions[b-a45lcel7uk]  button.document-action--move-down:focus-visible { outline: 2px solid #0891B2; outline-offset: 2px; }

.legal-framework-document-actions[b-a45lcel7uk]  button.document-action--edit { background-color: #D97706; border-color: #D97706; }
.legal-framework-document-actions[b-a45lcel7uk]  button.document-action--edit:hover:not(:disabled) { background-color: #B45309; border-color: #B45309; }
.legal-framework-document-actions[b-a45lcel7uk]  button.document-action--edit:focus-visible { outline: 2px solid #D97706; outline-offset: 2px; }

.legal-framework-document-actions[b-a45lcel7uk]  button.document-action--delete { background-color: #DC2626; border-color: #DC2626; }
.legal-framework-document-actions[b-a45lcel7uk]  button.document-action--delete:hover:not(:disabled) { background-color: #B91C1C; border-color: #B91C1C; }
.legal-framework-document-actions[b-a45lcel7uk]  button.document-action--delete:focus-visible { outline: 2px solid #DC2626; outline-offset: 2px; }

/* Disabled action (covers the disabled Move Up / Move Down arrows): readable
   slate gray, no colored hover, not-allowed cursor. */
.legal-framework-document-actions[b-a45lcel7uk]  button.document-action:disabled,
.legal-framework-document-actions[b-a45lcel7uk]  button.document-action.rz-state-disabled {
    background-color: #CBD5E1;
    border-color: #CBD5E1;
    color: #64748B;
    opacity: 1;
    cursor: not-allowed;
}
.legal-framework-document-actions[b-a45lcel7uk]  button.document-action:disabled .rzi,
.legal-framework-document-actions[b-a45lcel7uk]  button.document-action:disabled i { color: #64748B; }
.legal-framework-document-actions[b-a45lcel7uk]  button.document-action:disabled:hover {
    background-color: #CBD5E1;
    border-color: #CBD5E1;
}

.legal-framework-document-empty[b-a45lcel7uk] { display: flex; flex-direction: column; align-items: center; text-align: center; gap: var(--uzex-space-2); padding: var(--uzex-space-8) var(--uzex-space-4); }
.legal-framework-document-empty-icon[b-a45lcel7uk] { font-size: 2.75rem; color: var(--uzex-text-muted); }
.legal-framework-document-empty-title[b-a45lcel7uk] { font-weight: 700; color: var(--uzex-text); }
.legal-framework-document-empty-text[b-a45lcel7uk] { color: var(--uzex-text-muted); }

@media (max-width: 768px) {
    .legal-framework-document-card[b-a45lcel7uk] { flex-direction: column; align-items: stretch; gap: var(--uzex-space-3); }
    .legal-framework-document-actions[b-a45lcel7uk] { justify-content: flex-start; }
}

@media (max-width: 640px) {
    .legal-framework-document-panel[b-a45lcel7uk] { padding: var(--uzex-space-3); }
    .legal-framework-document-filters[b-a45lcel7uk] { grid-template-columns: 1fr; }
    .legal-framework-document-panel-toolbar[b-a45lcel7uk] { justify-content: stretch; }
    .legal-framework-document-panel-toolbar[b-a45lcel7uk]  .rz-button { flex: 1 1 auto; }
}

@media (max-width: 480px) {
    .legal-framework-document-file[b-a45lcel7uk] { width: 4rem; height: 4rem; }
}
/* /Features/LegalFrameworkDocuments/LegalFrameworkDocumentTranslationStep.razor.rz.scp.css */
.legal-framework-document-step[b-7kpt0da3bb] { min-width: 0; display: flex; flex-direction: column; gap: var(--uzex-space-3); }
.legal-framework-document-step-heading[b-7kpt0da3bb] { font-size: 1.0625rem; font-weight: 600; margin-bottom: var(--uzex-space-1); }
.legal-framework-document-field-error[b-7kpt0da3bb] { margin-top: -0.5rem; font-size: 0.8125rem; color: var(--rz-danger); }

/* RadzenFormField defaults to display:inline-flex;width:auto - this is the only
   field in the step (outside a CSS Grid), so it needs the same full-width
   override applied elsewhere (e.g. TransactionCommissionTranslationStep.razor.css). */
.legal-framework-document-step[b-7kpt0da3bb]  .rz-form-field { display: flex; width: 100%; }
/* /Features/Media/Media.razor.rz.scp.css */
.media-page h1[b-7m70jd6q7a] {
    margin: 0 0 var(--uzex-space-2);
    color: var(--uzex-text);
    font-size: 1.5rem;
    font-weight: 600;
}

.media-description[b-7m70jd6q7a] {
    margin: 0 0 var(--uzex-space-6);
    color: var(--uzex-text-muted);
}

.media-upload-panel[b-7m70jd6q7a],
.media-panel[b-7m70jd6q7a] {
    max-width: 100%;
    overflow: hidden;
    background: var(--uzex-surface);
    border: 1px solid var(--uzex-border-strong);
    border-radius: var(--uzex-radius-panel);
    box-shadow: var(--uzex-shadow-sm);
    padding: var(--uzex-space-6);
}

.media-upload-panel[b-7m70jd6q7a] {
    margin-bottom: var(--uzex-space-6);
}

.media-upload-panel h2[b-7m70jd6q7a] {
    margin: 0 0 var(--uzex-space-2);
    color: var(--uzex-text);
    font-size: 1.125rem;
    font-weight: 600;
}

.media-upload-help[b-7m70jd6q7a] {
    margin: 0;
    color: var(--uzex-text-muted);
}

[b-7m70jd6q7a] .media-upload {
    max-width: 38rem;
}

.media-upload-selection[b-7m70jd6q7a] {
    display: flex;
    align-items: center;
    gap: var(--uzex-space-2);
    min-width: 0;
    color: var(--uzex-text-muted);
}

.media-upload-selection span:first-of-type[b-7m70jd6q7a] {
    overflow: hidden;
    max-width: min(34rem, 70vw);
    color: var(--uzex-text);
    text-overflow: ellipsis;
    white-space: nowrap;
}

@media (max-width: 768px) {
    .media-upload-panel[b-7m70jd6q7a],
    .media-panel[b-7m70jd6q7a] {
        padding: var(--uzex-space-4);
    }
}
/* /Features/Media/MediaGrid.razor.rz.scp.css */
.media-grid-shell[b-tuafytk397] {
    display: flex;
    flex-direction: column;
    gap: var(--uzex-space-4);
    min-width: 0;
}

[b-tuafytk397] .media-grid-toolbar {
    row-gap: var(--uzex-space-3);
}

[b-tuafytk397] .media-search {
    width: 100%;
    max-width: 24rem;
}

[b-tuafytk397] .media-grid-actions {
    width: 100%;
}

.media-grid-alert[b-tuafytk397] {
    margin: 0;
}

.media-state[b-tuafytk397] {
    display: grid;
    place-items: center;
    gap: var(--uzex-space-3);
    min-height: 12rem;
    color: var(--uzex-text-muted);
    text-align: center;
}

.media-empty[b-tuafytk397]  .rz-icon {
    font-size: 2.5rem;
    color: var(--uzex-text-muted);
}

.media-card-grid[b-tuafytk397] {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(min(100%, 14rem), 1fr));
    gap: var(--uzex-space-4);
    min-width: 0;
}

.media-card[b-tuafytk397] {
    display: flex;
    flex-direction: column;
    min-width: 0;
    min-height: 18rem;
    overflow: hidden;
    background: var(--uzex-surface);
    border: 1px solid var(--uzex-border-strong);
    border-radius: var(--uzex-radius-md);
    box-shadow: var(--uzex-shadow-sm);
    transition: border-color 0.15s ease, box-shadow 0.15s ease, transform 0.15s ease;
}

.media-card[role="button"][b-tuafytk397] {
    cursor: pointer;
}

.media-card:focus-visible[b-tuafytk397] {
    outline: 3px solid var(--uzex-blue-100);
    outline-offset: 2px;
}

.media-card:hover[b-tuafytk397],
.media-card-selected[b-tuafytk397] {
    border-color: var(--uzex-blue-500);
    box-shadow: var(--uzex-shadow-md);
}

.media-card-visual[b-tuafytk397] {
    display: grid;
    place-items: center;
    aspect-ratio: 16 / 10;
    overflow: hidden;
    background: var(--uzex-surface-alt);
    border-bottom: 1px solid var(--uzex-border);
}

.media-card-visual[b-tuafytk397]  .rz-icon {
    font-size: 3rem;
    color: var(--uzex-blue-600);
}

.media-card-visual[b-tuafytk397]  img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.media-card-body[b-tuafytk397] {
    display: flex;
    flex: 1;
    flex-direction: column;
    gap: var(--uzex-space-1);
    min-width: 0;
    padding: var(--uzex-space-4);
}

.media-card-title[b-tuafytk397] {
    overflow: hidden;
    color: var(--uzex-text);
    font-weight: 600;
    line-height: 1.3;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.media-card-meta[b-tuafytk397],
.media-muted[b-tuafytk397],
.media-pager-text[b-tuafytk397],
.media-pager-label[b-tuafytk397] {
    color: var(--uzex-text-muted);
}

.media-card-meta[b-tuafytk397] {
    overflow: hidden;
    font-size: 0.875rem;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.media-card-footer[b-tuafytk397] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: var(--uzex-space-2);
    padding: var(--uzex-space-3) var(--uzex-space-4);
    border-top: 1px solid var(--uzex-border);
}

.media-card-buttons[b-tuafytk397] {
    display: flex;
    gap: var(--uzex-space-2);
    margin-left: auto;
}

.media-pager[b-tuafytk397] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: var(--uzex-space-3);
    flex-wrap: wrap;
}

[b-tuafytk397] .media-page-size {
    width: 5rem;
}

@media (max-width: 768px) {
    [b-tuafytk397] .media-search {
        max-width: none;
    }

    [b-tuafytk397] .media-grid-actions {
        justify-content: flex-start !important;
    }

    .media-pager[b-tuafytk397] {
        align-items: flex-start;
        flex-direction: column;
    }
}
/* /Features/Media/MediaPreviewDialog.razor.rz.scp.css */
.media-preview-frame[b-zokpbeh67z] {
    display: grid;
    place-items: center;
    min-height: 18rem;
    max-height: 70vh;
    overflow: hidden;
    background: var(--uzex-surface-alt);
    border: 1px solid var(--uzex-border-strong);
    border-radius: var(--uzex-radius-md);
}

.media-preview-frame img[b-zokpbeh67z] {
    display: block;
    max-width: 100%;
    max-height: 70vh;
    object-fit: contain;
}

.media-preview-frame iframe[b-zokpbeh67z] {
    width: 100%;
    min-height: 70vh;
    border: 0;
}

.media-preview-icon[b-zokpbeh67z] {
    font-size: 4rem;
    color: var(--uzex-text-muted);
}

.media-muted[b-zokpbeh67z] {
    color: var(--uzex-text-muted);
}
/* /Features/News/News.razor.rz.scp.css */
.news-page[b-t4e6n1ekpd] { min-width: 0; overflow-x: clip; }
.news-page h1[b-t4e6n1ekpd] { margin: 0; color: var(--uzex-text); }
.news-description[b-t4e6n1ekpd] { margin: var(--uzex-space-2) 0 var(--uzex-space-5); color: var(--uzex-text-muted); }
.news-panel[b-t4e6n1ekpd] { min-width: 0; padding: var(--uzex-space-4); border: 1px solid var(--uzex-border-strong); border-radius: var(--uzex-radius-lg); background: var(--uzex-surface); }
.news-filters[b-t4e6n1ekpd] { display: grid; grid-template-columns: minmax(14rem, 2fr) repeat(3, minmax(9rem, 1fr)); gap: var(--uzex-space-3); }
.news-filters .rz-datepicker[b-t4e6n1ekpd] { min-width: 0; width: 100%; }
.news-filters > :nth-last-child(-n+2)[b-t4e6n1ekpd] { grid-column: span 2; }

/* .news-toolbar-actions sits on a <RadzenStack>, and Radzen renders that
   component's own root div - Blazor CSS isolation only scopes elements
   written directly in this component's markup, so a margin rule on that
   class never matches the rendered div (same reason as the grid-scroll
   comment below). This wrapper is a plain div declared here, so it scopes
   correctly. No extra top margin at desktop, where the actions row sits
   directly after the filters as usual; once filters wrap to their own
   rows (same breakpoint as .news-filters below) the actions row visually
   touches the last filter row, so a gap is added only from there down. */
.news-actions-wrapper[b-t4e6n1ekpd] { margin-top: 0; }

.news-grid-scroll[b-t4e6n1ekpd] {
    width: 100%;
    min-width: 0;
    /* .news-toolbar-actions sits on a <RadzenStack>, and Radzen renders that
       component's own root div - Blazor CSS isolation only scopes elements
       written directly in this component's markup, so a margin rule on that
       class never matches the rendered div. This element is a plain div
       declared here, so it scopes correctly; the gap is applied here instead. */
    margin-top: var(--uzex-space-4);
    overflow-x: auto;
}
.news-grid-scroll[b-t4e6n1ekpd]  .rz-data-grid { min-width: 68rem; }
.news-title-cell[b-t4e6n1ekpd] { display: block; max-width: 30rem; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-weight: 600; color: var(--uzex-text); }
.news-grid-actions[b-t4e6n1ekpd] { display: flex; align-items: center; gap: 0.25rem; }
.news-cover-thumbnail[b-t4e6n1ekpd] { width: 3.5rem; aspect-ratio: 4 / 3; display: grid; place-items: center; overflow: hidden; border: 1px solid var(--uzex-border-strong); border-radius: var(--uzex-radius-md); background: var(--uzex-surface-alt); color: var(--uzex-text-muted); }
.news-list-alert[b-t4e6n1ekpd] { margin-bottom: var(--uzex-space-3); }

@media (max-width: 980px) {
    .news-filters[b-t4e6n1ekpd] { grid-template-columns: 1fr 1fr; }
    .news-filters > :nth-last-child(-n+2)[b-t4e6n1ekpd] { grid-column: auto; }
    .news-actions-wrapper[b-t4e6n1ekpd] { margin-top: var(--uzex-space-4); }
}

@media (max-width: 640px) {
    .news-panel[b-t4e6n1ekpd] { padding: var(--uzex-space-3); }
    .news-filters[b-t4e6n1ekpd] { grid-template-columns: 1fr; }
    .news-toolbar-actions[b-t4e6n1ekpd] { justify-content: stretch !important; }
    .news-toolbar-actions[b-t4e6n1ekpd]  .rz-button { flex: 1 1 auto; }
}
/* /Features/News/NewsCoverThumbnail.razor.rz.scp.css */
.news-cover-thumbnail[b-8u7cmqz42d] { width: 3.5rem; aspect-ratio: 4 / 3; display: grid; place-items: center; overflow: hidden; border: 1px solid var(--uzex-border-strong); border-radius: var(--uzex-radius-md); background: var(--uzex-surface-alt); color: var(--uzex-text-muted); }
.news-cover-thumbnail img[b-8u7cmqz42d] { width: 100%; height: 100%; object-fit: cover; }
.news-cover-thumbnail[b-8u7cmqz42d]  .rz-progressbar { width: 80%; }
/* /Features/News/NewsEditorDialog.razor.rz.scp.css */
.news-wizard[b-aofxiapjqn] { min-width: 0; color: var(--uzex-text); }
[b-aofxiapjqn] .news-steps > ul { display: flex; flex-wrap: nowrap; justify-content: safe center; overflow-x: auto; border-bottom: 1px solid var(--uzex-border-strong); padding-bottom: var(--uzex-space-3); margin-bottom: var(--uzex-space-4); }
[b-aofxiapjqn] .news-steps .rz-steps-title { white-space: nowrap; }
[b-aofxiapjqn] .news-steps > ul > li.rz-steps-item { position: relative; flex: 0 0 auto; }
[b-aofxiapjqn] .news-steps > ul > li.rz-steps-item:not(:last-child) { padding-right: 2rem; }
[b-aofxiapjqn] .news-steps > ul > li.rz-steps-item:not(:last-child)::after { content: ""; position: absolute; top: 50%; right: 0; width: 2rem; height: 2px; transform: translateY(-50%); background: var(--uzex-border-strong); }
[b-aofxiapjqn] .news-steps > ul > li.rz-steps-item .rz-menuitem-link { display: inline-flex; align-items: center; gap: 0.5rem; padding: 0.25rem 0.875rem 0.25rem 0.25rem; border: 1px solid var(--uzex-border-strong); border-radius: 999px; }
[b-aofxiapjqn] .news-steps > ul > li.rz-steps-item.rz-steps-current .rz-menuitem-link { border-color: var(--uzex-blue-600); }
[b-aofxiapjqn] .news-steps.steps-completed-1 > ul > li:nth-child(-n+1):not(.rz-steps-current) .rz-steps-number,
[b-aofxiapjqn] .news-steps.steps-completed-2 > ul > li:nth-child(-n+2):not(.rz-steps-current) .rz-steps-number,
[b-aofxiapjqn] .news-steps.steps-completed-3 > ul > li:nth-child(-n+3):not(.rz-steps-current) .rz-steps-number,
[b-aofxiapjqn] .news-steps.steps-completed-4 > ul > li:nth-child(-n+4):not(.rz-steps-current) .rz-steps-number { background: var(--rz-success-dark); color: #fff; }
[b-aofxiapjqn] .news-steps.steps-completed-1 > ul > li:nth-child(-n+1):not(.rz-steps-current) .rz-steps-title,
[b-aofxiapjqn] .news-steps.steps-completed-2 > ul > li:nth-child(-n+2):not(.rz-steps-current) .rz-steps-title,
[b-aofxiapjqn] .news-steps.steps-completed-3 > ul > li:nth-child(-n+3):not(.rz-steps-current) .rz-steps-title,
[b-aofxiapjqn] .news-steps.steps-completed-4 > ul > li:nth-child(-n+4):not(.rz-steps-current) .rz-steps-title { color: var(--rz-success-dark); font-weight: 600; }
[b-aofxiapjqn] .news-steps.steps-completed-1 > ul > li:nth-child(-n+1):not(.rz-steps-current) .rz-menuitem-link,
[b-aofxiapjqn] .news-steps.steps-completed-2 > ul > li:nth-child(-n+2):not(.rz-steps-current) .rz-menuitem-link,
[b-aofxiapjqn] .news-steps.steps-completed-3 > ul > li:nth-child(-n+3):not(.rz-steps-current) .rz-menuitem-link,
[b-aofxiapjqn] .news-steps.steps-completed-4 > ul > li:nth-child(-n+4):not(.rz-steps-current) .rz-menuitem-link { border-color: var(--rz-success-dark); }
[b-aofxiapjqn] .news-steps.steps-completed-1 > ul > li:nth-child(-n+1):not(.rz-steps-current)::after,
[b-aofxiapjqn] .news-steps.steps-completed-2 > ul > li:nth-child(-n+2):not(.rz-steps-current)::after,
[b-aofxiapjqn] .news-steps.steps-completed-3 > ul > li:nth-child(-n+3):not(.rz-steps-current)::after,
[b-aofxiapjqn] .news-steps.steps-completed-4 > ul > li:nth-child(-n+4):not(.rz-steps-current)::after { background: var(--rz-success-dark); }
.news-step-heading[b-aofxiapjqn] { margin-bottom: var(--uzex-space-3); font-size: 1.0625rem; font-weight: 600; }
.news-settings-grid[b-aofxiapjqn] { display: grid; grid-template-columns: 1fr 1fr; gap: var(--uzex-space-4); }
.news-cover-section[b-aofxiapjqn] { display: flex; flex-direction: column; gap: var(--uzex-space-3); margin-top: var(--uzex-space-4); padding-top: var(--uzex-space-4); border-top: 1px solid var(--uzex-border-strong); }
.news-cover-heading[b-aofxiapjqn], .news-review-title[b-aofxiapjqn] { font-size: 0.8125rem; font-weight: 600; text-transform: uppercase; color: var(--uzex-text-muted); }
.news-cover-empty[b-aofxiapjqn] { min-height: 5rem; display: flex; align-items: center; justify-content: center; gap: var(--uzex-space-2); border: 1px dashed var(--uzex-border-strong); border-radius: var(--uzex-radius-md); color: var(--uzex-text-muted); background: var(--uzex-surface-alt); }
.news-review[b-aofxiapjqn] { margin-top: var(--uzex-space-4); padding-top: var(--uzex-space-4); border-top: 1px solid var(--uzex-border-strong); }
.news-review-grid[b-aofxiapjqn] { display: grid; grid-template-columns: 1fr 1fr; gap: var(--uzex-space-3); margin-top: var(--uzex-space-3); }
.news-review-card[b-aofxiapjqn] { display: flex; flex-direction: column; gap: 0.25rem; min-width: 0; padding: var(--uzex-space-3); border: 1px solid var(--uzex-border-strong); border-radius: var(--uzex-radius-md); background: var(--uzex-surface-alt); }
.news-review-locale[b-aofxiapjqn] { font-size: 0.6875rem; font-weight: 600; text-transform: uppercase; color: var(--uzex-text-muted); }
.news-review-card strong[b-aofxiapjqn], .news-review-slug[b-aofxiapjqn], .news-review-summary[b-aofxiapjqn] { overflow-wrap: anywhere; }
.news-review-slug[b-aofxiapjqn] { font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace; font-size: 0.8125rem; color: var(--uzex-text-muted); }
.news-review-summary[b-aofxiapjqn] { color: var(--uzex-text-muted); }
.news-review-settings[b-aofxiapjqn] { display: flex; flex-wrap: wrap; gap: var(--uzex-space-3) var(--uzex-space-5); margin-top: var(--uzex-space-3); }
.news-wizard-actions[b-aofxiapjqn] { padding-top: var(--uzex-space-3); border-top: 1px solid var(--uzex-border-strong); }
@media (max-width: 720px) { .news-settings-grid[b-aofxiapjqn], .news-review-grid[b-aofxiapjqn] { grid-template-columns: 1fr; } .news-wizard-actions[b-aofxiapjqn] { align-items: stretch !important; flex-direction: column; } }
@media (prefers-reduced-motion: reduce) { [b-aofxiapjqn] .news-steps .rz-steps-fade, [b-aofxiapjqn] .news-steps .rz-steps-slide { transition-duration: 0s !important; animation-duration: 0s !important; } }
/* /Features/News/NewsImageDialog.razor.rz.scp.css */
.news-image-dialog[b-foiej46ubw] { min-width: 0; color: var(--uzex-text); }

.news-image-section-heading[b-foiej46ubw] {
    margin-bottom: var(--uzex-space-2);
    font-size: 0.8125rem;
    font-weight: 600;
    text-transform: uppercase;
    color: var(--uzex-text-muted);
}

/* One bordered control: Choose file (left) | filename+size or placeholder
   (center, truncates) | Upload | Clear (right). Grid keeps every control on
   a single row and vertically centered; the narrow-screen media query below
   is the only place this wraps. */
.news-image-upload-row[b-foiej46ubw] {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr) auto auto;
    align-items: center;
    gap: var(--uzex-space-2);
    min-width: 0;
    padding: var(--uzex-space-2) var(--uzex-space-3);
    border: 1px solid var(--uzex-border-strong);
    border-radius: var(--uzex-radius-md);
    background: var(--uzex-surface-alt);
}

/* RadzenUpload renders its own root div (not scoped to this component), so
   its internal selected-file list - a full-width row duplicating the
   filename/size shown here - can only be reached and hidden via ::deep. */
.news-image-upload-control[b-foiej46ubw]  .rz-fileupload-content {
    display: none;
}

.news-image-upload-info[b-foiej46ubw] {
    display: flex;
    align-items: baseline;
    gap: var(--uzex-space-2);
    min-width: 0;
}

.news-image-upload-filename[b-foiej46ubw] {
    overflow: hidden;
    min-width: 0;
    color: var(--uzex-text);
    text-overflow: ellipsis;
    white-space: nowrap;
}

.news-image-upload-filesize[b-foiej46ubw] {
    flex-shrink: 0;
    color: var(--uzex-text-muted);
    font-size: 0.8125rem;
}

.news-image-upload-placeholder[b-foiej46ubw] {
    min-width: 0;
    overflow: hidden;
    color: var(--uzex-text-muted);
    font-size: 0.875rem;
    text-overflow: ellipsis;
    white-space: nowrap;
}

@media (max-width: 480px) {
    .news-image-upload-row[b-foiej46ubw] {
        grid-template-columns: auto 1fr;
        grid-template-areas:
            "choose info"
            "upload clear";
    }

    .news-image-upload-control[b-foiej46ubw] { grid-area: choose; }
    .news-image-upload-info[b-foiej46ubw],
    .news-image-upload-placeholder[b-foiej46ubw] { grid-area: info; }
    .news-image-upload-row[b-foiej46ubw]  .news-image-upload-submit { grid-area: upload; }
    .news-image-upload-row[b-foiej46ubw]  .news-image-upload-clear { grid-area: clear; }
}

.news-image-dimensions[b-foiej46ubw] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 12rem));
    gap: var(--uzex-space-3);
}

.news-image-dimensions-hint[b-foiej46ubw] {
    margin-top: var(--uzex-space-2);
    color: var(--uzex-text-muted);
    font-size: 0.8125rem;
}

.news-image-dimensions-error[b-foiej46ubw] { margin-top: var(--uzex-space-2); }

@media (max-width: 480px) {
    .news-image-dimensions[b-foiej46ubw] { grid-template-columns: 1fr; }
}

.news-image-gallery-empty[b-foiej46ubw] {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: var(--uzex-space-2);
    min-height: 5rem;
    border: 1px dashed var(--uzex-border-strong);
    border-radius: var(--uzex-radius-md);
    background: var(--uzex-surface-alt);
    color: var(--uzex-text-muted);
}

.news-image-gallery[b-foiej46ubw] {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(9rem, 1fr));
    gap: var(--uzex-space-3);
}

.news-image-card[b-foiej46ubw] {
    display: flex;
    flex-direction: column;
    min-width: 0;
    overflow: hidden;
    border: 1px solid var(--uzex-border-strong);
    border-radius: var(--uzex-radius-md);
    background: var(--uzex-surface);
    cursor: pointer;
    text-align: left;
    transition: border-color 0.15s ease;
}

.news-image-card:hover[b-foiej46ubw],
.news-image-card:focus-visible[b-foiej46ubw] {
    border-color: var(--uzex-blue-600);
    outline: none;
}

.news-image-card-visual[b-foiej46ubw] {
    display: grid;
    place-items: center;
    aspect-ratio: 4 / 3;
    background: var(--uzex-surface-alt);
    border-bottom: 1px solid var(--uzex-border-strong);
}

.news-image-card-visual img[b-foiej46ubw] { width: 100%; height: 100%; object-fit: cover; }
.news-image-card-visual[b-foiej46ubw]  .rz-icon { font-size: 2rem; color: var(--uzex-blue-600); }

.news-image-card-name[b-foiej46ubw] {
    padding: var(--uzex-space-2);
    overflow: hidden;
    font-size: 0.8125rem;
    text-overflow: ellipsis;
    white-space: nowrap;
}
/* /Features/News/NewsSelectedMediaPreview.razor.rz.scp.css */
.news-selected-media[b-ibywvjstoq] { display: flex; align-items: center; gap: var(--uzex-space-3); min-width: 0; padding: var(--uzex-space-2); border: 1px solid var(--uzex-border-strong); border-radius: var(--uzex-radius-md); background: var(--uzex-surface-alt); }
.news-selected-media-visual[b-ibywvjstoq] { width: 8rem; aspect-ratio: 16 / 9; flex: 0 0 auto; display: grid; place-items: center; overflow: hidden; border-radius: var(--uzex-radius-sm); background: var(--uzex-surface); color: var(--uzex-text-muted); }
.news-selected-media-visual img[b-ibywvjstoq] { width: 100%; height: 100%; object-fit: contain; }
.news-selected-media-name[b-ibywvjstoq] { min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-weight: 600; color: var(--uzex-text); }
@media (max-width: 480px) { .news-selected-media[b-ibywvjstoq] { align-items: stretch; flex-direction: column; } .news-selected-media-visual[b-ibywvjstoq] { width: 100%; } }
/* /Features/News/NewsTranslationStep.razor.rz.scp.css */
.news-translation-step[b-fkeiguh1nw] { display: flex; flex-direction: column; gap: var(--uzex-space-4); min-width: 0; }
.news-step-heading[b-fkeiguh1nw] { font-size: 1.0625rem; font-weight: 600; color: var(--uzex-text); }
.news-field-grid[b-fkeiguh1nw] { display: grid; grid-template-columns: 1fr 1fr; gap: var(--uzex-space-3) var(--uzex-space-4); }
.news-field-error[b-fkeiguh1nw] { margin-top: calc(-1 * var(--uzex-space-3)); font-size: 0.8125rem; color: var(--rz-danger); }
.news-html-editor[b-fkeiguh1nw] { min-height: 22rem; width: 100%; }
[b-fkeiguh1nw] .news-html-editor .rz-html-editor-content { min-height: 17rem; }
[b-fkeiguh1nw] .news-html-editor .rz-html-editor-toolbar { flex-wrap: wrap; }
@media (max-width: 720px) { .news-field-grid[b-fkeiguh1nw] { grid-template-columns: 1fr; } .news-html-editor[b-fkeiguh1nw] { min-height: 18rem; } }
/* /Features/NewsCategories/NewsCategories.razor.rz.scp.css */
.news-categories-page h1[b-fv0ejntyt8] {
    margin: 0 0 var(--uzex-space-2);
    font-size: 1.5rem;
    font-weight: 600;
    color: var(--uzex-text);
}

.news-categories-description[b-fv0ejntyt8] {
    margin: 0 0 var(--uzex-space-6);
    color: var(--uzex-text-muted);
}

/* Rounded content panel, matching the existing card/panel tokens used
   elsewhere in the shell (radius, border, surface, shadow) - no separate
   design system. The grid inside follows the shared global DataGrid
   standard in radzen-overrides.css/variables.css; nothing here
   duplicates that. */
.news-categories-panel[b-fv0ejntyt8] {
    background: var(--uzex-surface);
    border: 1px solid var(--uzex-border-strong);
    border-radius: var(--uzex-radius-panel);
    box-shadow: var(--uzex-shadow-sm);
    padding: var(--uzex-space-6);
    max-width: 100%;
    overflow-x: auto;
}

[b-fv0ejntyt8] .news-categories-toolbar {
    margin-bottom: var(--uzex-space-4);
}

[b-fv0ejntyt8] .news-categories-search {
    width: 100%;
    max-width: 22rem;
}

[b-fv0ejntyt8] .news-categories-actions {
    width: 100%;
}

.news-categories-ellipsis[b-fv0ejntyt8] {
    display: inline-block;
    max-width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    vertical-align: bottom;
}

.news-categories-grid-actions[b-fv0ejntyt8] {
    display: flex;
    justify-content: flex-start;
    gap: var(--uzex-space-2);
}

@media (max-width: 768px) {
    [b-fv0ejntyt8] .news-categories-search {
        max-width: none;
    }

    [b-fv0ejntyt8] .news-categories-actions {
        justify-content: flex-start !important;
    }

    .news-categories-grid-actions[b-fv0ejntyt8] {
        justify-content: flex-start;
    }
}
/* /Features/NewsCategories/NewsCategoryEditorDialog.razor.rz.scp.css */
.news-category-wizard[b-g0on02xw4r] {
    display: flex;
    flex-direction: column;
    min-width: 0;
}

/* Step header strip and the boundary under it - both are structural
   separators, so they use --uzex-border-strong the same way the page
   panel/grid/dialog do (see radzen-overrides.css). Active/selected step
   color driven off the app's own brand blue rather than Radzen's stock
   "secondary" accent, so it reads as consistent with every other
   selected/active state in the cabinet (buttons, nav, links). */
[b-g0on02xw4r] .news-category-steps {
    --rz-steps-number-selected-background: var(--uzex-blue-600);
    --rz-steps-number-selected-color: #ffffff;
    --rz-steps-title-selected-color: var(--uzex-blue-600);
    --rz-steps-color: var(--uzex-text-muted);
}

/* The rendered steps header is <ul> (not a div) directly under .rz-steps.
   Flex + justify-content: safe center keeps the row centered at normal
   widths, but automatically falls back to start-alignment the moment the
   row would overflow - so the horizontal scrollbar never starts scrolled
   past a clipped first pill (the plain inline-block + text-align: center
   approach used previously cannot do this: it centers the overflow itself,
   clipping equally on both ends). */
[b-g0on02xw4r] .news-category-steps > ul {
    display: flex;
    flex-wrap: nowrap;
    justify-content: safe center;
    border-bottom: 1px solid var(--uzex-border-strong);
    padding-bottom: var(--uzex-space-3);
    margin-bottom: var(--uzex-space-4);
    overflow-x: auto;
}

[b-g0on02xw4r] .news-category-steps .rz-steps-title {
    white-space: nowrap;
}

/* Connector line between consecutive pills. Reserved as this item's OWN
   trailing padding (not an overlay), so it can never cross the next pill or
   this item's title text regardless of title length/locale. */
[b-g0on02xw4r] .news-category-steps > ul > li.rz-steps-item {
    position: relative;
    flex: 0 0 auto;
}

[b-g0on02xw4r] .news-category-steps > ul > li.rz-steps-item:not(:last-child) {
    padding-right: 2rem;
}

[b-g0on02xw4r] .news-category-steps > ul > li.rz-steps-item:not(:last-child)::after {
    content: "";
    position: absolute;
    top: 50%;
    right: 0;
    width: 2rem;
    height: 2px;
    transform: translateY(-50%);
    background: var(--uzex-border-strong);
}

/* Outlined pill: border + radius on the item's own link/button, which
   already wraps the number circle and title. Left padding stays tight
   (the circle fills it visually) and border-radius: 999px makes it a true
   pill regardless of title length. Future/default state (neutral gray
   border) needs no extra rule - it's the base here. */
[b-g0on02xw4r] .news-category-steps > ul > li.rz-steps-item .rz-menuitem-link {
    display: inline-flex;
    align-items: center;
    gap: 0.5rem;
    padding: 0.25rem 0.875rem 0.25rem 0.25rem;
    border: 1px solid var(--uzex-border-strong);
    border-radius: 999px;
}

[b-g0on02xw4r] .news-category-steps > ul > li.rz-steps-item.rz-steps-current .rz-menuitem-link {
    border-color: var(--uzex-blue-600);
}

/* Completed state - driven by steps-completed-N (see GetStepsCssClass() in
   the .razor file, based on furthestUnlockedIndex/validated state, not the
   selected index) rather than Radzen's own selected-index-only classes.
   :not(.rz-steps-current) keeps the currently open step blue even if its
   index falls within the completed range (e.g. after navigating back to an
   already-validated step). Reuses Radzen's own --rz-success-dark token -
   identical value in both Humanistic themes, so no new token is needed. */
[b-g0on02xw4r] .news-category-steps.steps-completed-1 > ul > li:nth-child(-n+1):not(.rz-steps-current) .rz-steps-number,
[b-g0on02xw4r] .news-category-steps.steps-completed-2 > ul > li:nth-child(-n+2):not(.rz-steps-current) .rz-steps-number,
[b-g0on02xw4r] .news-category-steps.steps-completed-3 > ul > li:nth-child(-n+3):not(.rz-steps-current) .rz-steps-number,
[b-g0on02xw4r] .news-category-steps.steps-completed-4 > ul > li:nth-child(-n+4):not(.rz-steps-current) .rz-steps-number {
    background: var(--rz-success-dark);
    color: #ffffff;
}

[b-g0on02xw4r] .news-category-steps.steps-completed-1 > ul > li:nth-child(-n+1):not(.rz-steps-current) .rz-steps-title,
[b-g0on02xw4r] .news-category-steps.steps-completed-2 > ul > li:nth-child(-n+2):not(.rz-steps-current) .rz-steps-title,
[b-g0on02xw4r] .news-category-steps.steps-completed-3 > ul > li:nth-child(-n+3):not(.rz-steps-current) .rz-steps-title,
[b-g0on02xw4r] .news-category-steps.steps-completed-4 > ul > li:nth-child(-n+4):not(.rz-steps-current) .rz-steps-title {
    color: var(--rz-success-dark);
    font-weight: 600;
}

[b-g0on02xw4r] .news-category-steps.steps-completed-1 > ul > li:nth-child(-n+1):not(.rz-steps-current) .rz-menuitem-link,
[b-g0on02xw4r] .news-category-steps.steps-completed-2 > ul > li:nth-child(-n+2):not(.rz-steps-current) .rz-menuitem-link,
[b-g0on02xw4r] .news-category-steps.steps-completed-3 > ul > li:nth-child(-n+3):not(.rz-steps-current) .rz-menuitem-link,
[b-g0on02xw4r] .news-category-steps.steps-completed-4 > ul > li:nth-child(-n+4):not(.rz-steps-current) .rz-menuitem-link {
    border-color: var(--rz-success-dark);
}

[b-g0on02xw4r] .news-category-steps.steps-completed-1 > ul > li:nth-child(-n+1):not(.rz-steps-current)::after,
[b-g0on02xw4r] .news-category-steps.steps-completed-2 > ul > li:nth-child(-n+2):not(.rz-steps-current)::after,
[b-g0on02xw4r] .news-category-steps.steps-completed-3 > ul > li:nth-child(-n+3):not(.rz-steps-current)::after,
[b-g0on02xw4r] .news-category-steps.steps-completed-4 > ul > li:nth-child(-n+4):not(.rz-steps-current)::after {
    background: var(--rz-success-dark);
}

.news-category-step-heading[b-g0on02xw4r] {
    font-size: 1.0625rem;
    font-weight: 600;
    color: var(--uzex-text);
    margin: 0 0 var(--uzex-space-3);
}

.news-category-field-grid[b-g0on02xw4r] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: var(--uzex-space-3) var(--uzex-space-4);
}

@media (max-width: 640px) {
    .news-category-field-grid[b-g0on02xw4r] {
        grid-template-columns: 1fr;
    }
}

/* Display Order + Active side by side on the final step, switch pinned to
   the row's right edge. flex-wrap lets them stack cleanly on genuinely
   narrow screens instead of overflowing. */
.news-category-settings-row[b-g0on02xw4r] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: var(--uzex-space-3) var(--uzex-space-4);
}

.news-category-settings-row .rz-form-field[b-g0on02xw4r] {
    flex: 0 0 auto;
}

.news-category-active-row[b-g0on02xw4r] {
    margin-left: auto;
}

.news-category-review[b-g0on02xw4r] {
    margin-top: var(--uzex-space-4);
    padding-top: var(--uzex-space-4);
    border-top: 1px solid var(--uzex-border-strong);
}

.news-category-review-title[b-g0on02xw4r] {
    margin: 0 0 var(--uzex-space-3);
    font-size: 0.8125rem;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.02em;
    color: var(--uzex-text-muted);
}

.news-category-review-grid[b-g0on02xw4r] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: var(--uzex-space-3);
}

@media (max-width: 640px) {
    .news-category-review-grid[b-g0on02xw4r] {
        grid-template-columns: 1fr;
    }
}

.news-category-review-item[b-g0on02xw4r] {
    display: flex;
    flex-direction: column;
    gap: 0.125rem;
    padding: var(--uzex-space-2) var(--uzex-space-3);
    background: var(--uzex-surface-alt);
    border: 1px solid var(--uzex-border-strong);
    border-radius: var(--uzex-radius-md);
    min-width: 0;
}

.news-category-review-locale[b-g0on02xw4r] {
    font-size: 0.6875rem;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.02em;
    color: var(--uzex-text-muted);
}

.news-category-review-name[b-g0on02xw4r] {
    font-weight: 600;
    color: var(--uzex-text);
    overflow-wrap: break-word;
}

.news-category-review-slug[b-g0on02xw4r] {
    font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
    font-size: 0.8125rem;
    color: var(--uzex-text-muted);
    overflow-wrap: break-word;
}

.news-category-wizard-actions[b-g0on02xw4r] {
    padding-top: var(--uzex-space-3);
    border-top: 1px solid var(--uzex-border-strong);
}

/* Radzen's own Fade/Slide step transitions are driven by inline/JS timing
   rather than a CSS animation we can select and disable outright - the
   TransitionDuration="200" passed to RadzenSteps already keeps the effect
   short, and reduced-motion users additionally get it skipped entirely by
   forcing that duration to 0 here. */
@media (prefers-reduced-motion: reduce) {
    [b-g0on02xw4r] .news-category-steps .rz-steps-fade,
    [b-g0on02xw4r] .news-category-steps .rz-steps-slide {
        transition-duration: 0s !important;
        animation-duration: 0s !important;
    }
}
/* /Features/Roles/Roles.razor.rz.scp.css */
.roles-page h1[b-q5jbei44yd] {
    margin: 0 0 var(--uzex-space-2);
    font-size: 1.5rem;
    font-weight: 600;
    color: var(--uzex-text);
}

.roles-description[b-q5jbei44yd] {
    margin: 0 0 var(--uzex-space-6);
    color: var(--uzex-text-muted);
}

/* Rounded content panel, matching the existing card/panel tokens used
   elsewhere in the shell (radius, border, surface, shadow) - no separate
   design system. */
.roles-panel[b-q5jbei44yd] {
    background: var(--uzex-surface);
    border: 1px solid var(--uzex-border-strong);
    border-radius: var(--uzex-radius-panel);
    box-shadow: var(--uzex-shadow-sm);
    padding: var(--uzex-space-6);
    max-width: 100%;
    overflow-x: auto;
}

[b-q5jbei44yd] .roles-toolbar {
    margin-bottom: var(--uzex-space-4);
}

[b-q5jbei44yd] .roles-search {
    width: 100%;
    max-width: 22rem;
}

[b-q5jbei44yd] .roles-actions {
    width: 100%;
}

.roles-grid-actions[b-q5jbei44yd] {
    display: flex;
    justify-content: flex-start;
    gap: var(--uzex-space-2);
}

@media (max-width: 768px) {
    [b-q5jbei44yd] .roles-search {
        max-width: none;
    }

    [b-q5jbei44yd] .roles-actions {
        justify-content: flex-start !important;
    }

    .roles-grid-actions[b-q5jbei44yd] {
        justify-content: flex-start;
    }
}
/* /Features/TradingBasics/TradingBasics.razor.rz.scp.css */
.trading-basics-page[b-r3o5k4pfnk] { min-width: 0; overflow-x: clip; }
.trading-basics-page h1[b-r3o5k4pfnk] { margin: 0; color: var(--uzex-text); }
.trading-basics-page-description[b-r3o5k4pfnk] { margin: var(--uzex-space-2) 0 var(--uzex-space-5); color: var(--uzex-text-muted); }

.trading-basics-panel[b-r3o5k4pfnk] { min-width: 0; padding: var(--uzex-space-4); border: 1px solid var(--uzex-border-strong); border-radius: var(--uzex-radius-panel); background: var(--uzex-surface); }
.trading-basics-filters[b-r3o5k4pfnk] { display: grid; grid-template-columns: minmax(14rem, 2fr) minmax(9rem, 1fr); gap: var(--uzex-space-3); }
.trading-basics-panel-toolbar[b-r3o5k4pfnk] { display: flex; justify-content: flex-end; align-items: center; gap: var(--uzex-space-2); flex-wrap: wrap; margin-top: var(--uzex-space-4); }

.trading-basics-alert[b-r3o5k4pfnk] { margin-top: var(--uzex-space-3); }

.trading-basics-grid-scroll[b-r3o5k4pfnk] {
    width: 100%;
    min-width: 0;
    margin-top: var(--uzex-space-4);
    overflow-x: auto;
}
.trading-basics-grid-scroll[b-r3o5k4pfnk]  .rz-data-grid { min-width: 64rem; }
.trading-basics-title-cell[b-r3o5k4pfnk] { display: block; max-width: 20rem; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-weight: 600; color: var(--uzex-text); }
.trading-basics-resource-cell[b-r3o5k4pfnk] { display: flex; align-items: center; gap: 0.375rem; min-width: 0; }
.trading-basics-resource-name[b-r3o5k4pfnk] { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; max-width: 10rem; }
.trading-basics-resource-size[b-r3o5k4pfnk] { color: var(--uzex-text-muted); white-space: nowrap; }
.trading-basics-resource-none[b-r3o5k4pfnk] { color: var(--uzex-text-muted); }
.trading-basics-actions[b-r3o5k4pfnk] { display: flex; align-items: center; gap: 0.25rem; flex-wrap: wrap; }

@media (max-width: 980px) {
    .trading-basics-filters[b-r3o5k4pfnk] { grid-template-columns: 1fr 1fr; }
}

@media (max-width: 640px) {
    .trading-basics-panel[b-r3o5k4pfnk] { padding: var(--uzex-space-3); }
    .trading-basics-filters[b-r3o5k4pfnk] { grid-template-columns: 1fr; }
    .trading-basics-panel-toolbar[b-r3o5k4pfnk] { justify-content: stretch !important; }
    .trading-basics-panel-toolbar[b-r3o5k4pfnk]  .rz-button { flex: 1 1 auto; }
}
/* /Features/TradingBasics/TradingBasicsLessonEditorDialog.razor.rz.scp.css */
.trading-basics-lesson-wizard[b-66vo9c0amm] { min-width: 0; color: var(--uzex-text); }
.trading-basics-lesson-steps-scroll[b-66vo9c0amm] { max-height: min(72dvh, 46rem); overflow-y: auto; overflow-x: hidden; padding-right: var(--uzex-space-1); }
[b-66vo9c0amm] .trading-basics-lesson-steps > ul { position: sticky; top: 0; z-index: 2; display: flex; flex-wrap: nowrap; justify-content: safe center; overflow-x: auto; background: var(--uzex-surface); border-bottom: 1px solid var(--uzex-border-strong); padding-bottom: var(--uzex-space-3); margin-bottom: var(--uzex-space-4); }
[b-66vo9c0amm] .trading-basics-lesson-steps .rz-steps-title { white-space: nowrap; }
[b-66vo9c0amm] .trading-basics-lesson-steps > ul > li.rz-steps-item { position: relative; flex: 0 0 auto; }
[b-66vo9c0amm] .trading-basics-lesson-steps > ul > li.rz-steps-item:not(:last-child) { padding-right: 2rem; }
[b-66vo9c0amm] .trading-basics-lesson-steps > ul > li.rz-steps-item:not(:last-child)::after { content: ""; position: absolute; top: 50%; right: 0; width: 2rem; height: 2px; transform: translateY(-50%); background: var(--uzex-border-strong); }
[b-66vo9c0amm] .trading-basics-lesson-steps > ul > li.rz-steps-item .rz-menuitem-link { display: inline-flex; align-items: center; gap: 0.5rem; padding: 0.25rem 0.875rem 0.25rem 0.25rem; border: 1px solid var(--uzex-border-strong); border-radius: 999px; }
[b-66vo9c0amm] .trading-basics-lesson-steps > ul > li.rz-steps-item.rz-steps-current .rz-menuitem-link { border-color: var(--uzex-blue-600); }
[b-66vo9c0amm] .trading-basics-lesson-steps.steps-completed-1 > ul > li:nth-child(-n+1):not(.rz-steps-current) .rz-steps-number,
[b-66vo9c0amm] .trading-basics-lesson-steps.steps-completed-2 > ul > li:nth-child(-n+2):not(.rz-steps-current) .rz-steps-number,
[b-66vo9c0amm] .trading-basics-lesson-steps.steps-completed-3 > ul > li:nth-child(-n+3):not(.rz-steps-current) .rz-steps-number,
[b-66vo9c0amm] .trading-basics-lesson-steps.steps-completed-4 > ul > li:nth-child(-n+4):not(.rz-steps-current) .rz-steps-number { background: var(--rz-success-dark); color: #fff; }
[b-66vo9c0amm] .trading-basics-lesson-steps.steps-completed-1 > ul > li:nth-child(-n+1):not(.rz-steps-current) .rz-steps-title,
[b-66vo9c0amm] .trading-basics-lesson-steps.steps-completed-2 > ul > li:nth-child(-n+2):not(.rz-steps-current) .rz-steps-title,
[b-66vo9c0amm] .trading-basics-lesson-steps.steps-completed-3 > ul > li:nth-child(-n+3):not(.rz-steps-current) .rz-steps-title,
[b-66vo9c0amm] .trading-basics-lesson-steps.steps-completed-4 > ul > li:nth-child(-n+4):not(.rz-steps-current) .rz-steps-title { color: var(--rz-success-dark); font-weight: 600; }
[b-66vo9c0amm] .trading-basics-lesson-steps.steps-completed-1 > ul > li:nth-child(-n+1):not(.rz-steps-current) .rz-menuitem-link,
[b-66vo9c0amm] .trading-basics-lesson-steps.steps-completed-2 > ul > li:nth-child(-n+2):not(.rz-steps-current) .rz-menuitem-link,
[b-66vo9c0amm] .trading-basics-lesson-steps.steps-completed-3 > ul > li:nth-child(-n+3):not(.rz-steps-current) .rz-menuitem-link,
[b-66vo9c0amm] .trading-basics-lesson-steps.steps-completed-4 > ul > li:nth-child(-n+4):not(.rz-steps-current) .rz-menuitem-link { border-color: var(--rz-success-dark); }
[b-66vo9c0amm] .trading-basics-lesson-steps.steps-completed-1 > ul > li:nth-child(-n+1):not(.rz-steps-current)::after,
[b-66vo9c0amm] .trading-basics-lesson-steps.steps-completed-2 > ul > li:nth-child(-n+2):not(.rz-steps-current)::after,
[b-66vo9c0amm] .trading-basics-lesson-steps.steps-completed-3 > ul > li:nth-child(-n+3):not(.rz-steps-current)::after,
[b-66vo9c0amm] .trading-basics-lesson-steps.steps-completed-4 > ul > li:nth-child(-n+4):not(.rz-steps-current)::after { background: var(--rz-success-dark); }
.trading-basics-lesson-step-heading[b-66vo9c0amm] { margin-bottom: var(--uzex-space-3); font-size: 1.0625rem; font-weight: 600; }

.trading-basics-lesson-cover-panel[b-66vo9c0amm] { display: flex; flex-direction: column; gap: var(--uzex-space-3); width: 100%; margin-bottom: var(--uzex-space-4); padding: var(--uzex-space-4); border: 1px solid var(--uzex-border-strong); border-radius: var(--uzex-radius-panel); background: var(--uzex-surface); }
.trading-basics-lesson-cover-panel-title[b-66vo9c0amm] { font-size: 0.8125rem; font-weight: 600; text-transform: uppercase; color: var(--uzex-text-muted); }
.trading-basics-lesson-cover-visual[b-66vo9c0amm] { width: 100%; display: flex; align-items: center; justify-content: center; overflow: hidden; border: 1px solid var(--uzex-border); border-radius: var(--uzex-radius-md); background: var(--uzex-surface-alt); }
.trading-basics-lesson-cover-image[b-66vo9c0amm] { display: block; width: 100%; height: auto; max-height: min(40dvh, 22rem); object-fit: contain; }
.trading-basics-lesson-cover-empty[b-66vo9c0amm],
.trading-basics-lesson-cover-unsupported[b-66vo9c0amm] { display: flex; flex-direction: column; align-items: center; justify-content: center; gap: var(--uzex-space-2); width: 100%; min-height: 10rem; padding: var(--uzex-space-6) var(--uzex-space-4); color: var(--uzex-text-muted); text-align: center; }
.trading-basics-lesson-cover-unsupported span[b-66vo9c0amm] { overflow: hidden; max-width: 100%; text-overflow: ellipsis; white-space: nowrap; }
.trading-basics-lesson-cover-visual[b-66vo9c0amm]  .rz-icon { font-size: 2.5rem; }
.trading-basics-lesson-cover-actions[b-66vo9c0amm] { width: 100%; }

.trading-basics-lesson-resource-panel[b-66vo9c0amm] { display: flex; flex-direction: column; gap: var(--uzex-space-2); margin-bottom: var(--uzex-space-4); padding-bottom: var(--uzex-space-4); border-bottom: 1px solid var(--uzex-border-strong); }
.trading-basics-lesson-resource-panel-title[b-66vo9c0amm] { font-size: 0.8125rem; font-weight: 600; text-transform: uppercase; color: var(--uzex-text-muted); }
.trading-basics-lesson-resource-current[b-66vo9c0amm], .trading-basics-lesson-resource-selected[b-66vo9c0amm] { display: flex; align-items: center; gap: 0.375rem; min-width: 0; }
.trading-basics-lesson-resource-current span:first-of-type[b-66vo9c0amm], .trading-basics-lesson-resource-selected span:first-of-type[b-66vo9c0amm] { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.trading-basics-lesson-resource-meta[b-66vo9c0amm] { color: var(--uzex-text-muted); white-space: nowrap; }
.trading-basics-lesson-resource-hint[b-66vo9c0amm], .trading-basics-lesson-resource-help[b-66vo9c0amm] { margin: 0; font-size: 0.8125rem; color: var(--uzex-text-muted); }
.trading-basics-lesson-resource-remove-alert[b-66vo9c0amm] { display: flex; align-items: center; justify-content: space-between; gap: var(--uzex-space-3); }

.trading-basics-lesson-settings-grid[b-66vo9c0amm] { display: grid; grid-template-columns: 1fr 1fr; gap: var(--uzex-space-4); align-items: start; margin-bottom: var(--uzex-space-4); }
.trading-basics-lesson-field-error[b-66vo9c0amm] { margin-top: -0.5rem; margin-bottom: var(--uzex-space-2); font-size: 0.8125rem; color: var(--rz-danger); }
.trading-basics-lesson-review[b-66vo9c0amm] { margin-top: var(--uzex-space-4); padding-top: var(--uzex-space-4); border-top: 1px solid var(--uzex-border-strong); }
.trading-basics-lesson-review-title[b-66vo9c0amm] { font-size: 0.8125rem; font-weight: 600; text-transform: uppercase; color: var(--uzex-text-muted); }
.trading-basics-lesson-review-grid[b-66vo9c0amm] { display: grid; grid-template-columns: 1fr 1fr; gap: var(--uzex-space-3); margin-top: var(--uzex-space-3); }
.trading-basics-lesson-review-card[b-66vo9c0amm] { display: flex; flex-direction: column; gap: 0.25rem; min-width: 0; padding: var(--uzex-space-3); border: 1px solid var(--uzex-border-strong); border-radius: var(--uzex-radius-md); background: var(--uzex-surface-alt); }
.trading-basics-lesson-review-locale[b-66vo9c0amm] { font-size: 0.6875rem; font-weight: 600; text-transform: uppercase; color: var(--uzex-text-muted); }
.trading-basics-lesson-review-card strong[b-66vo9c0amm], .trading-basics-lesson-review-description[b-66vo9c0amm] { overflow-wrap: anywhere; }
.trading-basics-lesson-review-description[b-66vo9c0amm] { color: var(--uzex-text-muted); }
[b-66vo9c0amm] .trading-basics-lesson-wizard-actions { position: sticky; bottom: 0; z-index: 2; background: var(--uzex-surface); padding-top: var(--uzex-space-3); border-top: 1px solid var(--uzex-border-strong); }
@media (max-width: 720px) {
    .trading-basics-lesson-settings-grid[b-66vo9c0amm], .trading-basics-lesson-review-grid[b-66vo9c0amm] { grid-template-columns: 1fr; }
    [b-66vo9c0amm] .trading-basics-lesson-wizard-actions { align-items: stretch !important; flex-direction: column; }
    .trading-basics-lesson-cover-panel[b-66vo9c0amm] { padding: var(--uzex-space-3); }
}
@media (prefers-reduced-motion: reduce) { [b-66vo9c0amm] .trading-basics-lesson-steps .rz-steps-fade, [b-66vo9c0amm] .trading-basics-lesson-steps .rz-steps-slide { transition-duration: 0s !important; animation-duration: 0s !important; } }
/* /Features/TradingBasics/TradingBasicsLessonPreviewDialog.razor.rz.scp.css */
.trading-basics-lesson-preview[b-4y64knpk85] {
    display: flex;
    flex-direction: column;
    gap: var(--uzex-space-4);
    min-width: 0;
    height: 100%;
}

.trading-basics-lesson-preview-status[b-4y64knpk85] {
    color: var(--uzex-text-muted);
}

.trading-basics-lesson-preview-frame[b-4y64knpk85] {
    flex: 1 1 auto;
    min-height: 60vh;
    border: 1px solid var(--uzex-border-strong);
    border-radius: var(--uzex-radius-md);
    overflow: hidden;
    background: var(--uzex-surface-alt);
}

.trading-basics-lesson-preview-frame iframe[b-4y64knpk85] {
    display: block;
    width: 100%;
    height: 78vh;
    border: 0;
}

.trading-basics-lesson-preview-actions[b-4y64knpk85] {
    display: flex;
    justify-content: flex-end;
    gap: var(--uzex-space-2);
    flex-wrap: wrap;
}

@media (max-width: 640px) {
    .trading-basics-lesson-preview-frame iframe[b-4y64knpk85] {
        height: 70vh;
    }

    .trading-basics-lesson-preview-actions[b-4y64knpk85] {
        justify-content: stretch;
    }

    .trading-basics-lesson-preview-actions[b-4y64knpk85]  .rz-button {
        flex: 1 1 auto;
    }
}
/* /Features/TradingBasics/TradingBasicsLessonTranslationStep.razor.rz.scp.css */
.trading-basics-lesson-step[b-d11r56ieg3] { display: flex; flex-direction: column; gap: var(--uzex-space-4); min-width: 0; }
.trading-basics-lesson-step-heading[b-d11r56ieg3] { font-size: 1.0625rem; font-weight: 600; color: var(--uzex-text); }
.trading-basics-lesson-field-error[b-d11r56ieg3] { margin-top: calc(-1 * var(--uzex-space-3)); font-size: 0.8125rem; color: var(--rz-danger); }
.trading-basics-lesson-html-editor[b-d11r56ieg3] { min-height: 20rem; width: 100%; }
[b-d11r56ieg3] .trading-basics-lesson-html-editor .rz-html-editor-content { min-height: 15rem; }
[b-d11r56ieg3] .trading-basics-lesson-html-editor .rz-html-editor-toolbar { flex-wrap: wrap; }
@media (max-width: 720px) { .trading-basics-lesson-html-editor[b-d11r56ieg3] { min-height: 16rem; } }
/* /Features/TradingInstruments/TradingInstrumentCategories.razor.rz.scp.css */
.trading-categories-page[b-qjt4yhtwnz] { min-width: 0; overflow-x: clip; }
.trading-categories-page h1[b-qjt4yhtwnz] { margin: 0; color: var(--uzex-text); }
.trading-categories-page-description[b-qjt4yhtwnz] { margin: var(--uzex-space-2) 0 var(--uzex-space-5); color: var(--uzex-text-muted); }
.trading-categories-page-alert[b-qjt4yhtwnz] { margin-top: var(--uzex-space-3); }

.trading-categories-panel[b-qjt4yhtwnz] { min-width: 0; padding: var(--uzex-space-4); border: 1px solid var(--uzex-border-strong); border-radius: var(--uzex-radius-panel); background: var(--uzex-surface); }
.trading-categories-filters[b-qjt4yhtwnz] { display: grid; grid-template-columns: minmax(14rem, 2fr) minmax(9rem, 1fr); gap: var(--uzex-space-3); }
.trading-categories-panel-toolbar[b-qjt4yhtwnz] { display: flex; justify-content: flex-end; align-items: center; gap: var(--uzex-space-2); flex-wrap: wrap; margin-top: var(--uzex-space-4); }

.trading-categories-grid-scroll[b-qjt4yhtwnz] { width: 100%; min-width: 0; margin-top: var(--uzex-space-4); overflow-x: auto; }
.trading-categories-grid-scroll[b-qjt4yhtwnz]  .rz-data-grid { min-width: 48rem; }
.trading-categories-title-cell[b-qjt4yhtwnz] { display: block; max-width: 24rem; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-weight: 600; color: var(--uzex-text); }
.trading-categories-actions[b-qjt4yhtwnz] { display: flex; align-items: center; gap: 0.25rem; flex-wrap: wrap; }

@media (max-width: 640px) {
    .trading-categories-panel[b-qjt4yhtwnz] { padding: var(--uzex-space-3); }
    .trading-categories-filters[b-qjt4yhtwnz] { grid-template-columns: 1fr; }
    .trading-categories-panel-toolbar[b-qjt4yhtwnz] { justify-content: stretch; }
    .trading-categories-panel-toolbar[b-qjt4yhtwnz]  .rz-button { flex: 1 1 auto; }
}
/* /Features/TradingInstruments/TradingInstrumentCategoryEditorDialog.razor.rz.scp.css */
.trading-category-wizard[b-194qn8mjdr] { min-width: 0; color: var(--uzex-text); }
[b-194qn8mjdr] .trading-category-steps > ul { display: flex; flex-wrap: nowrap; justify-content: safe center; overflow-x: auto; border-bottom: 1px solid var(--uzex-border-strong); padding-bottom: var(--uzex-space-3); margin-bottom: var(--uzex-space-4); }
[b-194qn8mjdr] .trading-category-steps .rz-steps-title { white-space: nowrap; }
[b-194qn8mjdr] .trading-category-steps > ul > li.rz-steps-item { position: relative; flex: 0 0 auto; }
[b-194qn8mjdr] .trading-category-steps > ul > li.rz-steps-item:not(:last-child) { padding-right: 2rem; }
[b-194qn8mjdr] .trading-category-steps > ul > li.rz-steps-item:not(:last-child)::after { content: ""; position: absolute; top: 50%; right: 0; width: 2rem; height: 2px; transform: translateY(-50%); background: var(--uzex-border-strong); }
[b-194qn8mjdr] .trading-category-steps > ul > li.rz-steps-item .rz-menuitem-link { display: inline-flex; align-items: center; gap: 0.5rem; padding: 0.25rem 0.875rem 0.25rem 0.25rem; border: 1px solid var(--uzex-border-strong); border-radius: 999px; }
[b-194qn8mjdr] .trading-category-steps > ul > li.rz-steps-item.rz-steps-current .rz-menuitem-link { border-color: var(--uzex-blue-600); }
[b-194qn8mjdr] .trading-category-steps.steps-completed-1 > ul > li:nth-child(-n+1):not(.rz-steps-current) .rz-steps-number,
[b-194qn8mjdr] .trading-category-steps.steps-completed-2 > ul > li:nth-child(-n+2):not(.rz-steps-current) .rz-steps-number,
[b-194qn8mjdr] .trading-category-steps.steps-completed-3 > ul > li:nth-child(-n+3):not(.rz-steps-current) .rz-steps-number,
[b-194qn8mjdr] .trading-category-steps.steps-completed-4 > ul > li:nth-child(-n+4):not(.rz-steps-current) .rz-steps-number { background: var(--rz-success-dark); color: #fff; }
[b-194qn8mjdr] .trading-category-steps.steps-completed-1 > ul > li:nth-child(-n+1):not(.rz-steps-current) .rz-steps-title,
[b-194qn8mjdr] .trading-category-steps.steps-completed-2 > ul > li:nth-child(-n+2):not(.rz-steps-current) .rz-steps-title,
[b-194qn8mjdr] .trading-category-steps.steps-completed-3 > ul > li:nth-child(-n+3):not(.rz-steps-current) .rz-steps-title,
[b-194qn8mjdr] .trading-category-steps.steps-completed-4 > ul > li:nth-child(-n+4):not(.rz-steps-current) .rz-steps-title { color: var(--rz-success-dark); font-weight: 600; }
[b-194qn8mjdr] .trading-category-steps.steps-completed-1 > ul > li:nth-child(-n+1):not(.rz-steps-current) .rz-menuitem-link,
[b-194qn8mjdr] .trading-category-steps.steps-completed-2 > ul > li:nth-child(-n+2):not(.rz-steps-current) .rz-menuitem-link,
[b-194qn8mjdr] .trading-category-steps.steps-completed-3 > ul > li:nth-child(-n+3):not(.rz-steps-current) .rz-menuitem-link,
[b-194qn8mjdr] .trading-category-steps.steps-completed-4 > ul > li:nth-child(-n+4):not(.rz-steps-current) .rz-menuitem-link { border-color: var(--rz-success-dark); }
[b-194qn8mjdr] .trading-category-steps.steps-completed-1 > ul > li:nth-child(-n+1):not(.rz-steps-current)::after,
[b-194qn8mjdr] .trading-category-steps.steps-completed-2 > ul > li:nth-child(-n+2):not(.rz-steps-current)::after,
[b-194qn8mjdr] .trading-category-steps.steps-completed-3 > ul > li:nth-child(-n+3):not(.rz-steps-current)::after,
[b-194qn8mjdr] .trading-category-steps.steps-completed-4 > ul > li:nth-child(-n+4):not(.rz-steps-current)::after { background: var(--rz-success-dark); }
.trading-category-step-heading[b-194qn8mjdr] { margin-bottom: var(--uzex-space-3); font-size: 1.0625rem; font-weight: 600; }
.trading-category-name-field[b-194qn8mjdr] { width: 100%; }
.trading-category-name-field[b-194qn8mjdr]  .rz-form-field { display: flex; width: 100%; }
.trading-category-name-field[b-194qn8mjdr]  .rz-textbox { width: 100%; }
.trading-category-settings-row[b-194qn8mjdr] { display: grid; grid-template-columns: 1fr 1fr; gap: var(--uzex-space-4); align-items: start; margin-top: var(--uzex-space-4); }
.trading-category-field-error[b-194qn8mjdr] { margin-top: -0.5rem; font-size: 0.8125rem; color: var(--rz-danger); }
.trading-category-review[b-194qn8mjdr] { margin-top: var(--uzex-space-4); padding-top: var(--uzex-space-4); border-top: 1px solid var(--uzex-border-strong); }
.trading-category-review-title[b-194qn8mjdr] { font-size: 0.8125rem; font-weight: 600; text-transform: uppercase; color: var(--uzex-text-muted); }
.trading-category-review-grid[b-194qn8mjdr] { display: grid; grid-template-columns: 1fr 1fr; gap: var(--uzex-space-3); margin-top: var(--uzex-space-3); }
.trading-category-review-card[b-194qn8mjdr] { display: flex; flex-direction: column; gap: 0.25rem; min-width: 0; padding: var(--uzex-space-3); border: 1px solid var(--uzex-border-strong); border-radius: var(--uzex-radius-md); background: var(--uzex-surface-alt); }
.trading-category-review-locale[b-194qn8mjdr] { font-size: 0.6875rem; font-weight: 600; text-transform: uppercase; color: var(--uzex-text-muted); }
.trading-category-review-card strong[b-194qn8mjdr] { overflow-wrap: anywhere; }
[b-194qn8mjdr] .trading-category-wizard-actions { padding-top: var(--uzex-space-3); border-top: 1px solid var(--uzex-border-strong); }
@media (max-width: 720px) { .trading-category-settings-row[b-194qn8mjdr], .trading-category-review-grid[b-194qn8mjdr] { grid-template-columns: 1fr; } [b-194qn8mjdr] .trading-category-wizard-actions { align-items: stretch !important; flex-direction: column; } }
@media (prefers-reduced-motion: reduce) { [b-194qn8mjdr] .trading-category-steps .rz-steps-fade, [b-194qn8mjdr] .trading-category-steps .rz-steps-slide { transition-duration: 0s !important; animation-duration: 0s !important; } }
/* /Features/TradingInstruments/TradingInstrumentEditorDialog.razor.rz.scp.css */
.trading-instrument-wizard[b-xuvhsblafq] { min-width: 0; color: var(--uzex-text); }
.trading-instrument-steps-scroll[b-xuvhsblafq] { max-height: min(72dvh, 46rem); overflow-y: auto; overflow-x: hidden; padding-right: var(--uzex-space-1); }
[b-xuvhsblafq] .trading-instrument-steps > ul { position: sticky; top: 0; z-index: 2; display: flex; flex-wrap: nowrap; justify-content: safe center; overflow-x: auto; background: var(--uzex-surface); border-bottom: 1px solid var(--uzex-border-strong); padding-bottom: var(--uzex-space-3); margin-bottom: var(--uzex-space-4); }
[b-xuvhsblafq] .trading-instrument-steps .rz-steps-title { white-space: nowrap; }
[b-xuvhsblafq] .trading-instrument-steps > ul > li.rz-steps-item { position: relative; flex: 0 0 auto; }
[b-xuvhsblafq] .trading-instrument-steps > ul > li.rz-steps-item:not(:last-child) { padding-right: 2rem; }
[b-xuvhsblafq] .trading-instrument-steps > ul > li.rz-steps-item:not(:last-child)::after { content: ""; position: absolute; top: 50%; right: 0; width: 2rem; height: 2px; transform: translateY(-50%); background: var(--uzex-border-strong); }
[b-xuvhsblafq] .trading-instrument-steps > ul > li.rz-steps-item .rz-menuitem-link { display: inline-flex; align-items: center; gap: 0.5rem; padding: 0.25rem 0.875rem 0.25rem 0.25rem; border: 1px solid var(--uzex-border-strong); border-radius: 999px; }
[b-xuvhsblafq] .trading-instrument-steps > ul > li.rz-steps-item.rz-steps-current .rz-menuitem-link { border-color: var(--uzex-blue-600); }
[b-xuvhsblafq] .trading-instrument-steps.steps-completed-1 > ul > li:nth-child(-n+1):not(.rz-steps-current) .rz-steps-number,
[b-xuvhsblafq] .trading-instrument-steps.steps-completed-2 > ul > li:nth-child(-n+2):not(.rz-steps-current) .rz-steps-number,
[b-xuvhsblafq] .trading-instrument-steps.steps-completed-3 > ul > li:nth-child(-n+3):not(.rz-steps-current) .rz-steps-number,
[b-xuvhsblafq] .trading-instrument-steps.steps-completed-4 > ul > li:nth-child(-n+4):not(.rz-steps-current) .rz-steps-number { background: var(--rz-success-dark); color: #fff; }
[b-xuvhsblafq] .trading-instrument-steps.steps-completed-1 > ul > li:nth-child(-n+1):not(.rz-steps-current) .rz-steps-title,
[b-xuvhsblafq] .trading-instrument-steps.steps-completed-2 > ul > li:nth-child(-n+2):not(.rz-steps-current) .rz-steps-title,
[b-xuvhsblafq] .trading-instrument-steps.steps-completed-3 > ul > li:nth-child(-n+3):not(.rz-steps-current) .rz-steps-title,
[b-xuvhsblafq] .trading-instrument-steps.steps-completed-4 > ul > li:nth-child(-n+4):not(.rz-steps-current) .rz-steps-title { color: var(--rz-success-dark); font-weight: 600; }
[b-xuvhsblafq] .trading-instrument-steps.steps-completed-1 > ul > li:nth-child(-n+1):not(.rz-steps-current) .rz-menuitem-link,
[b-xuvhsblafq] .trading-instrument-steps.steps-completed-2 > ul > li:nth-child(-n+2):not(.rz-steps-current) .rz-menuitem-link,
[b-xuvhsblafq] .trading-instrument-steps.steps-completed-3 > ul > li:nth-child(-n+3):not(.rz-steps-current) .rz-menuitem-link,
[b-xuvhsblafq] .trading-instrument-steps.steps-completed-4 > ul > li:nth-child(-n+4):not(.rz-steps-current) .rz-menuitem-link { border-color: var(--rz-success-dark); }
[b-xuvhsblafq] .trading-instrument-steps.steps-completed-1 > ul > li:nth-child(-n+1):not(.rz-steps-current)::after,
[b-xuvhsblafq] .trading-instrument-steps.steps-completed-2 > ul > li:nth-child(-n+2):not(.rz-steps-current)::after,
[b-xuvhsblafq] .trading-instrument-steps.steps-completed-3 > ul > li:nth-child(-n+3):not(.rz-steps-current)::after,
[b-xuvhsblafq] .trading-instrument-steps.steps-completed-4 > ul > li:nth-child(-n+4):not(.rz-steps-current)::after { background: var(--rz-success-dark); }
.trading-instrument-step-heading[b-xuvhsblafq] { margin-bottom: var(--uzex-space-3); font-size: 1.0625rem; font-weight: 600; }

.trading-instrument-settings-grid[b-xuvhsblafq] { display: grid; grid-template-columns: 1fr 1fr; gap: var(--uzex-space-4); align-items: start; margin-bottom: var(--uzex-space-4); }
[b-xuvhsblafq] .trading-instrument-status-field { display: flex; width: 100%; max-width: 20rem; margin-bottom: var(--uzex-space-4); }
.trading-instrument-field-error[b-xuvhsblafq] { margin-top: -0.75rem; margin-bottom: var(--uzex-space-2); font-size: 0.8125rem; color: var(--rz-danger); }

.trading-instrument-review[b-xuvhsblafq] { margin-top: var(--uzex-space-4); padding-top: var(--uzex-space-4); border-top: 1px solid var(--uzex-border-strong); }
.trading-instrument-review-title[b-xuvhsblafq] { font-size: 0.8125rem; font-weight: 600; text-transform: uppercase; color: var(--uzex-text-muted); }
.trading-instrument-review-grid[b-xuvhsblafq] { display: grid; grid-template-columns: 1fr 1fr; gap: var(--uzex-space-3); margin-top: var(--uzex-space-3); }
.trading-instrument-review-card[b-xuvhsblafq] { display: flex; flex-direction: column; gap: 0.25rem; min-width: 0; padding: var(--uzex-space-3); border: 1px solid var(--uzex-border-strong); border-radius: var(--uzex-radius-md); background: var(--uzex-surface-alt); }
.trading-instrument-review-locale[b-xuvhsblafq] { font-size: 0.6875rem; font-weight: 600; text-transform: uppercase; color: var(--uzex-text-muted); }
.trading-instrument-review-card strong[b-xuvhsblafq] { overflow-wrap: anywhere; }
[b-xuvhsblafq] .trading-instrument-wizard-actions { position: sticky; bottom: 0; z-index: 2; background: var(--uzex-surface); padding-top: var(--uzex-space-3); border-top: 1px solid var(--uzex-border-strong); }
@media (max-width: 720px) {
    .trading-instrument-settings-grid[b-xuvhsblafq], .trading-instrument-review-grid[b-xuvhsblafq] { grid-template-columns: 1fr; }
    [b-xuvhsblafq] .trading-instrument-status-field { max-width: none; }
    [b-xuvhsblafq] .trading-instrument-wizard-actions { align-items: stretch !important; flex-direction: column; }
}
@media (prefers-reduced-motion: reduce) { [b-xuvhsblafq] .trading-instrument-steps .rz-steps-fade, [b-xuvhsblafq] .trading-instrument-steps .rz-steps-slide { transition-duration: 0s !important; animation-duration: 0s !important; } }
/* /Features/TradingInstruments/TradingInstruments.razor.rz.scp.css */
.trading-instruments-page[b-wmuni0kaih] { min-width: 0; overflow-x: clip; }
.trading-instruments-page h1[b-wmuni0kaih] { margin: 0; color: var(--uzex-text); }
.trading-instruments-page-description[b-wmuni0kaih] { margin: var(--uzex-space-2) 0 var(--uzex-space-5); color: var(--uzex-text-muted); }
.trading-instruments-panel[b-wmuni0kaih] { min-width: 0; padding: var(--uzex-space-4); border: 1px solid var(--uzex-border-strong); border-radius: var(--uzex-radius-panel); background: var(--uzex-surface); }
.trading-instruments-filters[b-wmuni0kaih] { display: grid; grid-template-columns: minmax(14rem, 2fr) repeat(2, minmax(9rem, 1fr)); gap: var(--uzex-space-3); }
.trading-instruments-reorder-hint[b-wmuni0kaih] { margin: var(--uzex-space-3) 0 0; font-size: 0.8125rem; color: var(--uzex-text-muted); }

/* .trading-instruments-toolbar-actions sits on a <RadzenStack>, and Radzen renders
   that component's own root div - Blazor CSS isolation only scopes elements
   written directly in this component's markup, so a margin rule on that class
   never matches the rendered div (same reason as the grid-scroll comment below).
   This wrapper is a plain div declared here, so it scopes correctly. */
.trading-instruments-actions-wrapper[b-wmuni0kaih] { margin-top: var(--uzex-space-4); }

.trading-instruments-alert[b-wmuni0kaih] { margin-top: var(--uzex-space-3); }

.trading-instruments-grid-scroll[b-wmuni0kaih] {
    width: 100%;
    min-width: 0;
    margin-top: var(--uzex-space-4);
    overflow-x: auto;
}
.trading-instruments-grid-scroll[b-wmuni0kaih]  .rz-data-grid { min-width: 64rem; }
.trading-instruments-title-cell[b-wmuni0kaih] { display: block; max-width: 20rem; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-weight: 600; color: var(--uzex-text); }
.trading-instruments-actions[b-wmuni0kaih] { display: flex; align-items: center; gap: 0.25rem; flex-wrap: wrap; }

@media (max-width: 980px) {
    .trading-instruments-filters[b-wmuni0kaih] { grid-template-columns: 1fr 1fr; }
}

@media (max-width: 640px) {
    .trading-instruments-panel[b-wmuni0kaih] { padding: var(--uzex-space-3); }
    .trading-instruments-filters[b-wmuni0kaih] { grid-template-columns: 1fr; }
    .trading-instruments-toolbar-actions[b-wmuni0kaih] { justify-content: stretch !important; }
    .trading-instruments-toolbar-actions[b-wmuni0kaih]  .rz-button { flex: 1 1 auto; }
}
/* /Features/TradingInstruments/TradingInstrumentTranslationStep.razor.rz.scp.css */
.trading-instrument-translation-step[b-i9hnaebqek] { min-width: 0; color: var(--uzex-text); }
.trading-instrument-step-heading[b-i9hnaebqek] { margin-bottom: var(--uzex-space-3); font-size: 1.0625rem; font-weight: 600; }
.trading-instrument-translation-step[b-i9hnaebqek]  .rz-form-field { display: flex; width: 100%; }
.trading-instrument-field-full[b-i9hnaebqek] { margin-bottom: var(--uzex-space-4); }
.trading-instrument-field-error[b-i9hnaebqek] { margin-top: -0.75rem; margin-bottom: var(--uzex-space-2); font-size: 0.8125rem; color: var(--rz-danger); }

.trading-instrument-fields-grid[b-i9hnaebqek] { display: grid; grid-template-columns: 1fr 1fr; gap: var(--uzex-space-4); align-items: start; }

@media (max-width: 720px) {
    .trading-instrument-fields-grid[b-i9hnaebqek] { grid-template-columns: 1fr; }
}
/* /Features/TransactionCommissions/TransactionCommissionCategories.razor.rz.scp.css */
.commission-categories-page[b-nbuu9semxn] { min-width: 0; overflow-x: clip; }
.commission-categories-page h1[b-nbuu9semxn] { margin: 0; color: var(--uzex-text); }
.commission-categories-page-description[b-nbuu9semxn] { margin: var(--uzex-space-2) 0 var(--uzex-space-5); color: var(--uzex-text-muted); }
.commission-categories-page-alert[b-nbuu9semxn] { margin-top: var(--uzex-space-3); }

.commission-categories-panel[b-nbuu9semxn] { min-width: 0; padding: var(--uzex-space-4); border: 1px solid var(--uzex-border-strong); border-radius: var(--uzex-radius-panel); background: var(--uzex-surface); }
.commission-categories-filters[b-nbuu9semxn] { display: grid; grid-template-columns: minmax(14rem, 2fr) minmax(9rem, 1fr); gap: var(--uzex-space-3); }
.commission-categories-panel-toolbar[b-nbuu9semxn] { display: flex; justify-content: flex-end; align-items: center; gap: var(--uzex-space-2); flex-wrap: wrap; margin-top: var(--uzex-space-4); }

.commission-categories-grid-scroll[b-nbuu9semxn] { width: 100%; min-width: 0; margin-top: var(--uzex-space-4); overflow-x: auto; }
.commission-categories-grid-scroll[b-nbuu9semxn]  .rz-data-grid { min-width: 48rem; }
.commission-categories-title-cell[b-nbuu9semxn] { display: block; max-width: 24rem; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-weight: 600; color: var(--uzex-text); }
.commission-categories-actions[b-nbuu9semxn] { display: flex; align-items: center; gap: 0.25rem; flex-wrap: wrap; }

@media (max-width: 640px) {
    .commission-categories-panel[b-nbuu9semxn] { padding: var(--uzex-space-3); }
    .commission-categories-filters[b-nbuu9semxn] { grid-template-columns: 1fr; }
    .commission-categories-panel-toolbar[b-nbuu9semxn] { justify-content: stretch; }
    .commission-categories-panel-toolbar[b-nbuu9semxn]  .rz-button { flex: 1 1 auto; }
}
/* /Features/TransactionCommissions/TransactionCommissionCategoryEditorDialog.razor.rz.scp.css */
.commission-category-wizard[b-ge9tt28ykh] { min-width: 0; color: var(--uzex-text); }
[b-ge9tt28ykh] .commission-category-steps > ul { display: flex; flex-wrap: nowrap; justify-content: safe center; overflow-x: auto; border-bottom: 1px solid var(--uzex-border-strong); padding-bottom: var(--uzex-space-3); margin-bottom: var(--uzex-space-4); }
[b-ge9tt28ykh] .commission-category-steps .rz-steps-title { white-space: nowrap; }
[b-ge9tt28ykh] .commission-category-steps > ul > li.rz-steps-item { position: relative; flex: 0 0 auto; }
[b-ge9tt28ykh] .commission-category-steps > ul > li.rz-steps-item:not(:last-child) { padding-right: 2rem; }
[b-ge9tt28ykh] .commission-category-steps > ul > li.rz-steps-item:not(:last-child)::after { content: ""; position: absolute; top: 50%; right: 0; width: 2rem; height: 2px; transform: translateY(-50%); background: var(--uzex-border-strong); }
[b-ge9tt28ykh] .commission-category-steps > ul > li.rz-steps-item .rz-menuitem-link { display: inline-flex; align-items: center; gap: 0.5rem; padding: 0.25rem 0.875rem 0.25rem 0.25rem; border: 1px solid var(--uzex-border-strong); border-radius: 999px; }
[b-ge9tt28ykh] .commission-category-steps > ul > li.rz-steps-item.rz-steps-current .rz-menuitem-link { border-color: var(--uzex-blue-600); }
[b-ge9tt28ykh] .commission-category-steps.steps-completed-1 > ul > li:nth-child(-n+1):not(.rz-steps-current) .rz-steps-number,
[b-ge9tt28ykh] .commission-category-steps.steps-completed-2 > ul > li:nth-child(-n+2):not(.rz-steps-current) .rz-steps-number,
[b-ge9tt28ykh] .commission-category-steps.steps-completed-3 > ul > li:nth-child(-n+3):not(.rz-steps-current) .rz-steps-number,
[b-ge9tt28ykh] .commission-category-steps.steps-completed-4 > ul > li:nth-child(-n+4):not(.rz-steps-current) .rz-steps-number { background: var(--rz-success-dark); color: #fff; }
[b-ge9tt28ykh] .commission-category-steps.steps-completed-1 > ul > li:nth-child(-n+1):not(.rz-steps-current) .rz-steps-title,
[b-ge9tt28ykh] .commission-category-steps.steps-completed-2 > ul > li:nth-child(-n+2):not(.rz-steps-current) .rz-steps-title,
[b-ge9tt28ykh] .commission-category-steps.steps-completed-3 > ul > li:nth-child(-n+3):not(.rz-steps-current) .rz-steps-title,
[b-ge9tt28ykh] .commission-category-steps.steps-completed-4 > ul > li:nth-child(-n+4):not(.rz-steps-current) .rz-steps-title { color: var(--rz-success-dark); font-weight: 600; }
[b-ge9tt28ykh] .commission-category-steps.steps-completed-1 > ul > li:nth-child(-n+1):not(.rz-steps-current) .rz-menuitem-link,
[b-ge9tt28ykh] .commission-category-steps.steps-completed-2 > ul > li:nth-child(-n+2):not(.rz-steps-current) .rz-menuitem-link,
[b-ge9tt28ykh] .commission-category-steps.steps-completed-3 > ul > li:nth-child(-n+3):not(.rz-steps-current) .rz-menuitem-link,
[b-ge9tt28ykh] .commission-category-steps.steps-completed-4 > ul > li:nth-child(-n+4):not(.rz-steps-current) .rz-menuitem-link { border-color: var(--rz-success-dark); }
[b-ge9tt28ykh] .commission-category-steps.steps-completed-1 > ul > li:nth-child(-n+1):not(.rz-steps-current)::after,
[b-ge9tt28ykh] .commission-category-steps.steps-completed-2 > ul > li:nth-child(-n+2):not(.rz-steps-current)::after,
[b-ge9tt28ykh] .commission-category-steps.steps-completed-3 > ul > li:nth-child(-n+3):not(.rz-steps-current)::after,
[b-ge9tt28ykh] .commission-category-steps.steps-completed-4 > ul > li:nth-child(-n+4):not(.rz-steps-current)::after { background: var(--rz-success-dark); }
.commission-category-step-heading[b-ge9tt28ykh] { margin-bottom: var(--uzex-space-3); font-size: 1.0625rem; font-weight: 600; }
.commission-category-name-field[b-ge9tt28ykh] { width: 100%; }
.commission-category-name-field[b-ge9tt28ykh]  .rz-form-field { display: flex; width: 100%; }
.commission-category-name-field[b-ge9tt28ykh]  .rz-textbox { width: 100%; }
.commission-category-settings-row[b-ge9tt28ykh] { display: grid; grid-template-columns: 1fr 1fr; gap: var(--uzex-space-4); align-items: start; margin-top: var(--uzex-space-4); }
.commission-category-field-error[b-ge9tt28ykh] { margin-top: -0.5rem; font-size: 0.8125rem; color: var(--rz-danger); }
.commission-category-review[b-ge9tt28ykh] { margin-top: var(--uzex-space-4); padding-top: var(--uzex-space-4); border-top: 1px solid var(--uzex-border-strong); }
.commission-category-review-title[b-ge9tt28ykh] { font-size: 0.8125rem; font-weight: 600; text-transform: uppercase; color: var(--uzex-text-muted); }
.commission-category-review-grid[b-ge9tt28ykh] { display: grid; grid-template-columns: 1fr 1fr; gap: var(--uzex-space-3); margin-top: var(--uzex-space-3); }
.commission-category-review-card[b-ge9tt28ykh] { display: flex; flex-direction: column; gap: 0.25rem; min-width: 0; padding: var(--uzex-space-3); border: 1px solid var(--uzex-border-strong); border-radius: var(--uzex-radius-md); background: var(--uzex-surface-alt); }
.commission-category-review-locale[b-ge9tt28ykh] { font-size: 0.6875rem; font-weight: 600; text-transform: uppercase; color: var(--uzex-text-muted); }
.commission-category-review-card strong[b-ge9tt28ykh] { overflow-wrap: anywhere; }
[b-ge9tt28ykh] .commission-category-wizard-actions { padding-top: var(--uzex-space-3); border-top: 1px solid var(--uzex-border-strong); }
@media (max-width: 720px) { .commission-category-settings-row[b-ge9tt28ykh], .commission-category-review-grid[b-ge9tt28ykh] { grid-template-columns: 1fr; } [b-ge9tt28ykh] .commission-category-wizard-actions { align-items: stretch !important; flex-direction: column; } }
@media (prefers-reduced-motion: reduce) { [b-ge9tt28ykh] .commission-category-steps .rz-steps-fade, [b-ge9tt28ykh] .commission-category-steps .rz-steps-slide { transition-duration: 0s !important; animation-duration: 0s !important; } }
/* /Features/TransactionCommissions/TransactionCommissionEditorDialog.razor.rz.scp.css */
.commission-wizard[b-ik4lfitk69] { min-width: 0; color: var(--uzex-text); }
.commission-steps-scroll[b-ik4lfitk69] { max-height: min(72dvh, 46rem); overflow-y: auto; overflow-x: hidden; padding-right: var(--uzex-space-1); }
[b-ik4lfitk69] .commission-steps > ul { position: sticky; top: 0; z-index: 2; display: flex; flex-wrap: nowrap; justify-content: safe center; overflow-x: auto; background: var(--uzex-surface); border-bottom: 1px solid var(--uzex-border-strong); padding-bottom: var(--uzex-space-3); margin-bottom: var(--uzex-space-4); }
[b-ik4lfitk69] .commission-steps .rz-steps-title { white-space: nowrap; }
[b-ik4lfitk69] .commission-steps > ul > li.rz-steps-item { position: relative; flex: 0 0 auto; }
[b-ik4lfitk69] .commission-steps > ul > li.rz-steps-item:not(:last-child) { padding-right: 2rem; }
[b-ik4lfitk69] .commission-steps > ul > li.rz-steps-item:not(:last-child)::after { content: ""; position: absolute; top: 50%; right: 0; width: 2rem; height: 2px; transform: translateY(-50%); background: var(--uzex-border-strong); }
[b-ik4lfitk69] .commission-steps > ul > li.rz-steps-item .rz-menuitem-link { display: inline-flex; align-items: center; gap: 0.5rem; padding: 0.25rem 0.875rem 0.25rem 0.25rem; border: 1px solid var(--uzex-border-strong); border-radius: 999px; }
[b-ik4lfitk69] .commission-steps > ul > li.rz-steps-item.rz-steps-current .rz-menuitem-link { border-color: var(--uzex-blue-600); }
[b-ik4lfitk69] .commission-steps.steps-completed-1 > ul > li:nth-child(-n+1):not(.rz-steps-current) .rz-steps-number,
[b-ik4lfitk69] .commission-steps.steps-completed-2 > ul > li:nth-child(-n+2):not(.rz-steps-current) .rz-steps-number,
[b-ik4lfitk69] .commission-steps.steps-completed-3 > ul > li:nth-child(-n+3):not(.rz-steps-current) .rz-steps-number,
[b-ik4lfitk69] .commission-steps.steps-completed-4 > ul > li:nth-child(-n+4):not(.rz-steps-current) .rz-steps-number { background: var(--rz-success-dark); color: #fff; }
[b-ik4lfitk69] .commission-steps.steps-completed-1 > ul > li:nth-child(-n+1):not(.rz-steps-current) .rz-steps-title,
[b-ik4lfitk69] .commission-steps.steps-completed-2 > ul > li:nth-child(-n+2):not(.rz-steps-current) .rz-steps-title,
[b-ik4lfitk69] .commission-steps.steps-completed-3 > ul > li:nth-child(-n+3):not(.rz-steps-current) .rz-steps-title,
[b-ik4lfitk69] .commission-steps.steps-completed-4 > ul > li:nth-child(-n+4):not(.rz-steps-current) .rz-steps-title { color: var(--rz-success-dark); font-weight: 600; }
[b-ik4lfitk69] .commission-steps.steps-completed-1 > ul > li:nth-child(-n+1):not(.rz-steps-current) .rz-menuitem-link,
[b-ik4lfitk69] .commission-steps.steps-completed-2 > ul > li:nth-child(-n+2):not(.rz-steps-current) .rz-menuitem-link,
[b-ik4lfitk69] .commission-steps.steps-completed-3 > ul > li:nth-child(-n+3):not(.rz-steps-current) .rz-menuitem-link,
[b-ik4lfitk69] .commission-steps.steps-completed-4 > ul > li:nth-child(-n+4):not(.rz-steps-current) .rz-menuitem-link { border-color: var(--rz-success-dark); }
[b-ik4lfitk69] .commission-steps.steps-completed-1 > ul > li:nth-child(-n+1):not(.rz-steps-current)::after,
[b-ik4lfitk69] .commission-steps.steps-completed-2 > ul > li:nth-child(-n+2):not(.rz-steps-current)::after,
[b-ik4lfitk69] .commission-steps.steps-completed-3 > ul > li:nth-child(-n+3):not(.rz-steps-current)::after,
[b-ik4lfitk69] .commission-steps.steps-completed-4 > ul > li:nth-child(-n+4):not(.rz-steps-current)::after { background: var(--rz-success-dark); }
.commission-step-heading[b-ik4lfitk69] { margin-bottom: var(--uzex-space-3); font-size: 1.0625rem; font-weight: 600; }

.commission-settings-grid[b-ik4lfitk69] { display: grid; grid-template-columns: 1fr 1fr; gap: var(--uzex-space-4); align-items: start; margin-bottom: var(--uzex-space-4); }
.commission-field-error[b-ik4lfitk69] { margin-top: -0.75rem; margin-bottom: var(--uzex-space-2); font-size: 0.8125rem; color: var(--rz-danger); }

.commission-review[b-ik4lfitk69] { margin-top: var(--uzex-space-4); padding-top: var(--uzex-space-4); border-top: 1px solid var(--uzex-border-strong); }
.commission-review-title[b-ik4lfitk69] { font-size: 0.8125rem; font-weight: 600; text-transform: uppercase; color: var(--uzex-text-muted); }
.commission-review-grid[b-ik4lfitk69] { display: grid; grid-template-columns: 1fr 1fr; gap: var(--uzex-space-3); margin-top: var(--uzex-space-3); }
.commission-review-card[b-ik4lfitk69] { display: flex; flex-direction: column; gap: 0.25rem; min-width: 0; padding: var(--uzex-space-3); border: 1px solid var(--uzex-border-strong); border-radius: var(--uzex-radius-md); background: var(--uzex-surface-alt); }
.commission-review-locale[b-ik4lfitk69] { font-size: 0.6875rem; font-weight: 600; text-transform: uppercase; color: var(--uzex-text-muted); }
.commission-review-card strong[b-ik4lfitk69] { overflow-wrap: anywhere; }
.commission-review-settings[b-ik4lfitk69] { display: flex; flex-direction: column; gap: 0.25rem; margin-top: var(--uzex-space-3); font-size: 0.875rem; color: var(--uzex-text); }
[b-ik4lfitk69] .commission-wizard-actions { position: sticky; bottom: 0; z-index: 2; background: var(--uzex-surface); padding-top: var(--uzex-space-3); border-top: 1px solid var(--uzex-border-strong); }
@media (max-width: 720px) {
    .commission-settings-grid[b-ik4lfitk69], .commission-review-grid[b-ik4lfitk69] { grid-template-columns: 1fr; }
    [b-ik4lfitk69] .commission-wizard-actions { align-items: stretch !important; flex-direction: column; }
}
@media (prefers-reduced-motion: reduce) { [b-ik4lfitk69] .commission-steps .rz-steps-fade, [b-ik4lfitk69] .commission-steps .rz-steps-slide { transition-duration: 0s !important; animation-duration: 0s !important; } }
/* /Features/TransactionCommissions/TransactionCommissions.razor.rz.scp.css */
.commissions-page[b-zn8tps2e19] { min-width: 0; overflow-x: clip; }
.commissions-page h1[b-zn8tps2e19] { margin: 0; color: var(--uzex-text); }
.commissions-page-description[b-zn8tps2e19] { margin: var(--uzex-space-2) 0 var(--uzex-space-5); color: var(--uzex-text-muted); }
.commissions-panel[b-zn8tps2e19] { min-width: 0; padding: var(--uzex-space-4); border: 1px solid var(--uzex-border-strong); border-radius: var(--uzex-radius-panel); background: var(--uzex-surface); }
.commissions-filters[b-zn8tps2e19] { display: grid; grid-template-columns: minmax(14rem, 2fr) repeat(2, minmax(9rem, 1fr)); gap: var(--uzex-space-3); }
.commissions-reorder-hint[b-zn8tps2e19] { margin: var(--uzex-space-3) 0 0; font-size: 0.8125rem; color: var(--uzex-text-muted); }

/* .commissions-toolbar-actions sits on a <RadzenStack>, and Radzen renders
   that component's own root div - Blazor CSS isolation only scopes elements
   written directly in this component's markup, so a margin rule on that class
   never matches the rendered div (same reason as the grid-scroll comment below).
   This wrapper is a plain div declared here, so it scopes correctly. */
.commissions-actions-wrapper[b-zn8tps2e19] { margin-top: var(--uzex-space-4); }

.commissions-alert[b-zn8tps2e19] { margin-top: var(--uzex-space-3); }

.commissions-grid-scroll[b-zn8tps2e19] {
    width: 100%;
    min-width: 0;
    margin-top: var(--uzex-space-4);
    overflow-x: auto;
}
.commissions-grid-scroll[b-zn8tps2e19]  .rz-data-grid { min-width: 68rem; }
.commissions-title-cell[b-zn8tps2e19] { display: block; max-width: 18rem; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-weight: 600; color: var(--uzex-text); }
.commissions-actions[b-zn8tps2e19] { display: flex; align-items: center; gap: 0.25rem; flex-wrap: wrap; }

@media (max-width: 980px) {
    .commissions-filters[b-zn8tps2e19] { grid-template-columns: 1fr 1fr; }
}

@media (max-width: 640px) {
    .commissions-panel[b-zn8tps2e19] { padding: var(--uzex-space-3); }
    .commissions-filters[b-zn8tps2e19] { grid-template-columns: 1fr; }
    .commissions-toolbar-actions[b-zn8tps2e19] { justify-content: stretch !important; }
    .commissions-toolbar-actions[b-zn8tps2e19]  .rz-button { flex: 1 1 auto; }
}
/* /Features/TransactionCommissions/TransactionCommissionTranslationStep.razor.rz.scp.css */
.commission-translation-step[b-os9ihupmy6] { min-width: 0; color: var(--uzex-text); }
.commission-step-heading[b-os9ihupmy6] { margin-bottom: var(--uzex-space-3); font-size: 1.0625rem; font-weight: 600; }
.commission-translation-step[b-os9ihupmy6]  .rz-form-field { display: flex; width: 100%; }
.commission-field-full[b-os9ihupmy6] { margin-bottom: var(--uzex-space-4); }
.commission-field-error[b-os9ihupmy6] { margin-top: -0.75rem; margin-bottom: var(--uzex-space-2); font-size: 0.8125rem; color: var(--rz-danger); }
/* /Features/Users/UserEditorDialog.razor.rz.scp.css */
[b-50mrbpbip7] .users-field-hint {
    color: var(--uzex-text-muted);
}
/* /Features/Users/Users.razor.rz.scp.css */
.users-page h1[b-asgnoon320] {
    margin: 0 0 var(--uzex-space-2);
    font-size: 1.5rem;
    font-weight: 600;
    color: var(--uzex-text);
}

.users-description[b-asgnoon320] {
    margin: 0 0 var(--uzex-space-6);
    color: var(--uzex-text-muted);
}

/* Rounded content panel, matching the existing card/panel tokens used
   elsewhere in the shell (radius, border, surface, shadow) - no separate
   design system. */
.users-panel[b-asgnoon320] {
    background: var(--uzex-surface);
    border: 1px solid var(--uzex-border-strong);
    border-radius: var(--uzex-radius-panel);
    box-shadow: var(--uzex-shadow-sm);
    padding: var(--uzex-space-6);
    max-width: 100%;
    overflow-x: auto;
}

[b-asgnoon320] .users-toolbar {
    margin-bottom: var(--uzex-space-4);
}

[b-asgnoon320] .users-search {
    width: 100%;
    max-width: 22rem;
}

[b-asgnoon320] .users-actions {
    width: 100%;
}

.users-role-badges[b-asgnoon320] {
    display: flex;
    flex-wrap: wrap;
    gap: var(--uzex-space-1);
}

.users-role-none[b-asgnoon320] {
    color: var(--uzex-text-muted);
}

.users-grid-actions[b-asgnoon320] {
    display: flex;
    justify-content: flex-start;
    gap: var(--uzex-space-2);
}

@media (max-width: 768px) {
    [b-asgnoon320] .users-search {
        max-width: none;
    }

    [b-asgnoon320] .users-actions {
        justify-content: flex-start !important;
    }

    .users-grid-actions[b-asgnoon320] {
        justify-content: flex-start;
    }
}
/* /Features/WhyUzexGlobalFaq/WhyUzexGlobalFaq.razor.rz.scp.css */
.why-uzex-global-faq-page[b-ueio1rbxzq] { min-width: 0; overflow-x: clip; }
.why-uzex-global-faq-page h1[b-ueio1rbxzq] { margin: 0; color: var(--uzex-text); }
.why-uzex-global-faq-page-description[b-ueio1rbxzq] { margin: var(--uzex-space-2) 0 var(--uzex-space-5); color: var(--uzex-text-muted); }
.why-uzex-global-faq-page-alert[b-ueio1rbxzq] { margin-bottom: var(--uzex-space-4); }

.why-uzex-global-faq-panel[b-ueio1rbxzq] { min-width: 0; padding: var(--uzex-space-4); border: 1px solid var(--uzex-border-strong); border-radius: var(--uzex-radius-panel); background: var(--uzex-surface); }
.why-uzex-global-faq-panel-toolbar[b-ueio1rbxzq] { display: flex; justify-content: flex-end; align-items: center; gap: var(--uzex-space-2); flex-wrap: wrap; }

.why-uzex-global-faq-grid-scroll[b-ueio1rbxzq] { width: 100%; min-width: 0; margin-top: var(--uzex-space-4); overflow-x: auto; }
.why-uzex-global-faq-grid-scroll[b-ueio1rbxzq]  .rz-data-grid { min-width: 52rem; }
.why-uzex-global-faq-title-cell[b-ueio1rbxzq] { display: block; max-width: 24rem; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-weight: 600; color: var(--uzex-text); }
.why-uzex-global-faq-answer-cell[b-ueio1rbxzq] { display: block; max-width: 28rem; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; color: var(--uzex-text-muted); }
.why-uzex-global-faq-actions[b-ueio1rbxzq] { display: flex; align-items: center; gap: 0.25rem; flex-wrap: wrap; }

@media (max-width: 640px) {
    .why-uzex-global-faq-panel[b-ueio1rbxzq] { padding: var(--uzex-space-3); }
    .why-uzex-global-faq-panel-toolbar[b-ueio1rbxzq] { justify-content: stretch; }
    .why-uzex-global-faq-panel-toolbar[b-ueio1rbxzq]  .rz-button { flex: 1 1 auto; }
}
/* /Features/WhyUzexGlobalFaq/WhyUzexGlobalFaqEditorDialog.razor.rz.scp.css */
.why-uzex-global-faq-wizard[b-ow0d12jdcx] { min-width: 0; color: var(--uzex-text); }
[b-ow0d12jdcx] .why-uzex-global-faq-steps > ul { display: flex; flex-wrap: nowrap; justify-content: safe center; overflow-x: auto; border-bottom: 1px solid var(--uzex-border-strong); padding-bottom: var(--uzex-space-3); margin-bottom: var(--uzex-space-4); }
[b-ow0d12jdcx] .why-uzex-global-faq-steps .rz-steps-title { white-space: nowrap; }
[b-ow0d12jdcx] .why-uzex-global-faq-steps > ul > li.rz-steps-item { position: relative; flex: 0 0 auto; }
[b-ow0d12jdcx] .why-uzex-global-faq-steps > ul > li.rz-steps-item:not(:last-child) { padding-right: 2rem; }
[b-ow0d12jdcx] .why-uzex-global-faq-steps > ul > li.rz-steps-item:not(:last-child)::after { content: ""; position: absolute; top: 50%; right: 0; width: 2rem; height: 2px; transform: translateY(-50%); background: var(--uzex-border-strong); }
[b-ow0d12jdcx] .why-uzex-global-faq-steps > ul > li.rz-steps-item .rz-menuitem-link { display: inline-flex; align-items: center; gap: 0.5rem; padding: 0.25rem 0.875rem 0.25rem 0.25rem; border: 1px solid var(--uzex-border-strong); border-radius: 999px; }
[b-ow0d12jdcx] .why-uzex-global-faq-steps > ul > li.rz-steps-item.rz-steps-current .rz-menuitem-link { border-color: var(--uzex-blue-600); }
[b-ow0d12jdcx] .why-uzex-global-faq-steps.steps-completed-1 > ul > li:nth-child(-n+1):not(.rz-steps-current) .rz-steps-number,
[b-ow0d12jdcx] .why-uzex-global-faq-steps.steps-completed-2 > ul > li:nth-child(-n+2):not(.rz-steps-current) .rz-steps-number,
[b-ow0d12jdcx] .why-uzex-global-faq-steps.steps-completed-3 > ul > li:nth-child(-n+3):not(.rz-steps-current) .rz-steps-number,
[b-ow0d12jdcx] .why-uzex-global-faq-steps.steps-completed-4 > ul > li:nth-child(-n+4):not(.rz-steps-current) .rz-steps-number { background: var(--rz-success-dark); color: #fff; }
[b-ow0d12jdcx] .why-uzex-global-faq-steps.steps-completed-1 > ul > li:nth-child(-n+1):not(.rz-steps-current) .rz-steps-title,
[b-ow0d12jdcx] .why-uzex-global-faq-steps.steps-completed-2 > ul > li:nth-child(-n+2):not(.rz-steps-current) .rz-steps-title,
[b-ow0d12jdcx] .why-uzex-global-faq-steps.steps-completed-3 > ul > li:nth-child(-n+3):not(.rz-steps-current) .rz-steps-title,
[b-ow0d12jdcx] .why-uzex-global-faq-steps.steps-completed-4 > ul > li:nth-child(-n+4):not(.rz-steps-current) .rz-steps-title { color: var(--rz-success-dark); font-weight: 600; }
[b-ow0d12jdcx] .why-uzex-global-faq-steps.steps-completed-1 > ul > li:nth-child(-n+1):not(.rz-steps-current) .rz-menuitem-link,
[b-ow0d12jdcx] .why-uzex-global-faq-steps.steps-completed-2 > ul > li:nth-child(-n+2):not(.rz-steps-current) .rz-menuitem-link,
[b-ow0d12jdcx] .why-uzex-global-faq-steps.steps-completed-3 > ul > li:nth-child(-n+3):not(.rz-steps-current) .rz-menuitem-link,
[b-ow0d12jdcx] .why-uzex-global-faq-steps.steps-completed-4 > ul > li:nth-child(-n+4):not(.rz-steps-current) .rz-menuitem-link { border-color: var(--rz-success-dark); }
[b-ow0d12jdcx] .why-uzex-global-faq-steps.steps-completed-1 > ul > li:nth-child(-n+1):not(.rz-steps-current)::after,
[b-ow0d12jdcx] .why-uzex-global-faq-steps.steps-completed-2 > ul > li:nth-child(-n+2):not(.rz-steps-current)::after,
[b-ow0d12jdcx] .why-uzex-global-faq-steps.steps-completed-3 > ul > li:nth-child(-n+3):not(.rz-steps-current)::after,
[b-ow0d12jdcx] .why-uzex-global-faq-steps.steps-completed-4 > ul > li:nth-child(-n+4):not(.rz-steps-current)::after { background: var(--rz-success-dark); }
.why-uzex-global-faq-step-heading[b-ow0d12jdcx] { margin-bottom: var(--uzex-space-3); font-size: 1.0625rem; font-weight: 600; }
.why-uzex-global-faq-settings-grid[b-ow0d12jdcx] { display: grid; grid-template-columns: 1fr 1fr; gap: var(--uzex-space-4); align-items: end; }
.why-uzex-global-faq-field-error[b-ow0d12jdcx] { margin-top: -0.5rem; font-size: 0.8125rem; color: var(--rz-danger); }
.why-uzex-global-faq-review[b-ow0d12jdcx] { margin-top: var(--uzex-space-4); padding-top: var(--uzex-space-4); border-top: 1px solid var(--uzex-border-strong); }
.why-uzex-global-faq-review-title[b-ow0d12jdcx] { font-size: 0.8125rem; font-weight: 600; text-transform: uppercase; color: var(--uzex-text-muted); }
.why-uzex-global-faq-review-grid[b-ow0d12jdcx] { display: grid; grid-template-columns: 1fr 1fr; gap: var(--uzex-space-3); margin-top: var(--uzex-space-3); }
.why-uzex-global-faq-review-card[b-ow0d12jdcx] { display: flex; flex-direction: column; gap: 0.25rem; min-width: 0; padding: var(--uzex-space-3); border: 1px solid var(--uzex-border-strong); border-radius: var(--uzex-radius-md); background: var(--uzex-surface-alt); }
.why-uzex-global-faq-review-locale[b-ow0d12jdcx] { font-size: 0.6875rem; font-weight: 600; text-transform: uppercase; color: var(--uzex-text-muted); }
.why-uzex-global-faq-review-card strong[b-ow0d12jdcx] { overflow-wrap: anywhere; }
[b-ow0d12jdcx] .why-uzex-global-faq-wizard-actions { padding-top: var(--uzex-space-3); border-top: 1px solid var(--uzex-border-strong); }
@media (max-width: 720px) { .why-uzex-global-faq-settings-grid[b-ow0d12jdcx], .why-uzex-global-faq-review-grid[b-ow0d12jdcx] { grid-template-columns: 1fr; } [b-ow0d12jdcx] .why-uzex-global-faq-wizard-actions { align-items: stretch !important; flex-direction: column; } }
@media (prefers-reduced-motion: reduce) { [b-ow0d12jdcx] .why-uzex-global-faq-steps .rz-steps-fade, [b-ow0d12jdcx] .why-uzex-global-faq-steps .rz-steps-slide { transition-duration: 0s !important; animation-duration: 0s !important; } }
/* /Features/WhyUzexGlobalFaq/WhyUzexGlobalFaqTranslationStep.razor.rz.scp.css */
.why-uzex-global-faq-step[b-fclx3rtdls] { min-width: 0; display: flex; flex-direction: column; gap: var(--uzex-space-3); }
.why-uzex-global-faq-step-heading[b-fclx3rtdls] { font-size: 1.0625rem; font-weight: 600; margin-bottom: var(--uzex-space-1); }
.why-uzex-global-faq-field-error[b-fclx3rtdls] { margin-top: -0.5rem; font-size: 0.8125rem; color: var(--rz-danger); }
/* /Layout/AuthLayout.razor.rz.scp.css */
.auth-layout[b-sn8ngay6nb] {
    /* border-box so min-height:100dvh includes the padding below - with
       the default content-box, padding is added on top of that 100dvh
       budget, which quietly pushes the centered region (and the card
       inside it) a few pixels below true viewport center. */
    box-sizing: border-box;
    position: relative;
    display: flex;
    flex-direction: column;
    min-height: 100dvh;
    padding: var(--uzex-space-4);
}

/* Taken out of flow so it floats over the top-right corner instead of
   eating into .auth-layout-body's height - otherwise centering "within
   the remaining space below the controls row" always lands visibly
   below true viewport center. inset:0 sits flush with this element's
   own padding box, reproducing the original in-flow spacing exactly. */
.auth-layout-controls[b-sn8ngay6nb] {
    position: absolute;
    inset-block-start: 0;
    inset-inline-end: 0;
    display: flex;
    align-items: center;
    gap: var(--uzex-space-2);
}

.auth-layout-body[b-sn8ngay6nb] {
    flex: 1;
    display: flex;
    align-items: center;
    justify-content: center;
}

/* ::deep: RadzenCard is a child component, not plain markup authored in
   this file, so Blazor CSS isolation never stamps its rendered root with
   this file's scope attribute - a plain (scoped) selector here would
   silently match nothing. ::deep targets the class by name instead. */
[b-sn8ngay6nb] .auth-layout-card {
    width: 100%;
    max-width: 24rem;
    padding: 2rem;
    /* Lifts the card ~6vh above true viewport center per design request.
       A transform (not absolute positioning) keeps it in normal flow, so
       min-height:100dvh above still lets the page grow and scroll - never
       clip - if content ever exceeds a short viewport. Reduced, then
       removed, as height/width shrink so the card never crowds the
       controls corner or the viewport edges. */
    transform: translateY(-6vh);
}

@media (max-width: 768px), (max-height: 700px) {
    [b-sn8ngay6nb] .auth-layout-card {
        transform: translateY(-2vh);
    }
}

@media (max-height: 560px) {
    [b-sn8ngay6nb] .auth-layout-card {
        transform: none;
    }
}
/* /Layout/NavMenu.razor.rz.scp.css */
/* Sidebar-only styling for NavMenu. Custom classes below are authored in
   NavMenu.razor, so Blazor CSS isolation scopes them without ::deep, and no
   Radzen (.rz-*) selector or !important is touched. */

/* Subtle divider between the expandable content groups and the flat content
   links; aligned to the section-label inset. */
.app-nav-divider[b-jterxu3n3z] {
    height: 1px;
    margin: var(--uzex-space-2) var(--uzex-space-4);
    background: var(--uzex-navy-600);
}

/* ComingSoon leaf label. Sits inside Radzen's own .rz-navigation-item-text,
   so it inherits the collapsed-rail hide/show rules with no extra CSS. The
   label may truncate; the badge stays visible. ComingSoon leaves have no
   chevron, and the icon is a flex sibling before this box, so nothing overlaps. */
.app-nav-soon[b-jterxu3n3z] {
    display: flex;
    align-items: center;
    gap: var(--uzex-space-2);
    min-width: 0;
    width: 100%;
}

.app-nav-label[b-jterxu3n3z] {
    flex: 1 1 auto;
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.app-nav-soon-badge[b-jterxu3n3z] {
    flex: 0 0 auto;
    padding: 0.1rem 0.4rem;
    border-radius: var(--uzex-radius-badge);
    background: var(--uzex-navy-600);
    color: var(--uzex-text-inverse-muted);
    font-size: 0.625rem;
    font-weight: 600;
    line-height: 1.5;
    white-space: nowrap;
}