/* /Components/Account/Pages/AccessDenied.razor.rz.scp.css */
.access-denied-page[b-lo53wxlpx7] {
    min-height: calc(100vh - 80px);
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 2rem;
    background: radial-gradient(circle at top right, rgba(220, 53, 69, 0.10), transparent 30%), radial-gradient(circle at bottom left, rgba(255, 193, 7, 0.08), transparent 28%), linear-gradient(180deg, #111827 0%, #0b1220 100%);
}

.access-denied-card[b-lo53wxlpx7] {
    width: 100%;
    max-width: 760px;
    display: grid;
    grid-template-columns: 140px 1fr;
    gap: 1.5rem;
    align-items: center;
    background: rgba(17, 24, 39, 0.92);
    border: 1px solid rgba(255, 255, 255, 0.08);
    border-radius: 22px;
    padding: 2rem;
    box-shadow: 0 20px 60px rgba(0, 0, 0, 0.35);
    backdrop-filter: blur(8px);
}

.access-denied-icon[b-lo53wxlpx7] {
    display: flex;
    align-items: center;
    justify-content: center;
}

    .access-denied-icon span[b-lo53wxlpx7] {
        width: 96px;
        height: 96px;
        display: inline-flex;
        align-items: center;
        justify-content: center;
        font-size: 2.8rem;
        border-radius: 50%;
        background: linear-gradient(135deg, #dc3545 0%, #ff6b6b 100%);
        box-shadow: 0 10px 30px rgba(220, 53, 69, 0.35);
    }

.access-denied-content h1[b-lo53wxlpx7] {
    margin: 0 0 0.75rem 0;
    color: #ffffff;
    font-size: 2rem;
    font-weight: 800;
    letter-spacing: -0.02em;
}

.access-denied-badge[b-lo53wxlpx7] {
    display: inline-block;
    margin: 0 0 0.75rem 0;
    padding: 0.35rem 0.75rem;
    border-radius: 999px;
    background: rgba(220, 53, 69, 0.14);
    color: #ff8d98;
    font-size: 0.85rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.08em;
}

.access-denied-message[b-lo53wxlpx7] {
    margin: 0 0 0.75rem 0;
    color: #f3f4f6;
    font-size: 1.08rem;
    font-weight: 600;
}

.access-denied-detail[b-lo53wxlpx7] {
    margin: 0;
    color: #9ca3af;
    line-height: 1.6;
    font-size: 0.96rem;
}

.access-denied-actions[b-lo53wxlpx7] {
    display: flex;
    gap: 0.85rem;
    flex-wrap: wrap;
    margin-top: 1.5rem;
}

.btn-primary-custom[b-lo53wxlpx7],
.btn-secondary-custom[b-lo53wxlpx7] {
    appearance: none;
    border: none;
    cursor: pointer;
    padding: 0.8rem 1.2rem;
    border-radius: 12px;
    font-weight: 700;
    transition: transform 0.18s ease, box-shadow 0.18s ease, background 0.18s ease;
}

.btn-primary-custom[b-lo53wxlpx7] {
    background: linear-gradient(135deg, #dc3545 0%, #c82333 100%);
    color: #fff;
    box-shadow: 0 10px 24px rgba(220, 53, 69, 0.28);
}

.btn-secondary-custom[b-lo53wxlpx7] {
    background: rgba(255, 255, 255, 0.06);
    color: #e5e7eb;
    border: 1px solid rgba(255, 255, 255, 0.08);
}

    .btn-primary-custom:hover[b-lo53wxlpx7],
    .btn-secondary-custom:hover[b-lo53wxlpx7] {
        transform: translateY(-1px);
    }

@media (max-width: 768px) {
    .access-denied-card[b-lo53wxlpx7] {
        grid-template-columns: 1fr;
        text-align: center;
        padding: 1.5rem;
    }

    .access-denied-actions[b-lo53wxlpx7] {
        justify-content: center;
    }
}
/* /Components/Account/Pages/ConfirmEmail.razor.rz.scp.css */
.main-content[b-erg0m3wnih] {
    display: flex;
    height: 100%;
}

.block-content[b-erg0m3wnih] {
    border-radius: 0.5rem;
    flex-grow: 0;
    margin: auto;
    max-width: 30rem;
    padding: 1.5rem;
    width: auto;
}

.title[b-erg0m3wnih] {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 1rem;
    padding-bottom: 0.625rem;
    color: var(--dxds-color-content-neutral-default-rest);
}

    .title .title-header-text[b-erg0m3wnih] {
        font-family: var(--dxds-font-family-sans-serif);
        font-size: var(--dxds-font-size-headline-md);
        font-weight: var(--dxds-font-weight-headline-default);
        line-height: var(--dxds-line-height-headline-md);
        letter-spacing: var(--dxds-letter-spacing-headline-md);
    }

    .title .title-content-text[b-erg0m3wnih] {
        font-family: var(--dxds-font-family-sans-serif);
        font-size: var(--dxds-font-size-base-lg);
        font-weight: var(--dxds-font-weight-base-default);
        line-height: var(--dxds-line-height-base-lg);
        letter-spacing: var(--dxds-letter-spacing-base-lg);
    }

.card[b-erg0m3wnih] {
    position: relative;
    display: flex;
    flex-direction: column;
    min-width: 0;
    overflow-wrap: break-word;
    background-color: var(--dxds-color-surface-neutral-default-rest);
    background-clip: border-box;
    border: var(--dxds-border-radius-10) solid var(--dxds-color-border-neutral-default-rest);
    border-radius: 0.25rem;
}
/* /Components/Account/Pages/ConfirmEmailChange.razor.rz.scp.css */
.main-content[b-61sp352c3s] {
    display: flex;
    height: 100%;
}

.block-content[b-61sp352c3s] {
    border-radius: 0.5rem;
    flex-grow: 0;
    margin: auto;
    max-width: 30rem;
    padding: 1.5rem;
    width: auto;
}

.title[b-61sp352c3s] {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 1rem;
    padding-bottom: 0.625rem;
    color: var(--dxds-color-content-neutral-default-rest);
}

    .title .title-header-text[b-61sp352c3s] {
        font-family: var(--dxds-font-family-sans-serif);
        font-size: var(--dxds-font-size-headline-md);
        font-weight: var(--dxds-font-weight-headline-default);
        line-height: var(--dxds-line-height-headline-md);
        letter-spacing: var(--dxds-letter-spacing-headline-md);
    }

    .title .title-content-text[b-61sp352c3s] {
        font-family: var(--dxds-font-family-sans-serif);
        font-size: var(--dxds-font-size-base-lg);
        font-weight: var(--dxds-font-weight-base-default);
        line-height: var(--dxds-line-height-base-lg);
        letter-spacing: var(--dxds-letter-spacing-base-lg);
    }

.card[b-61sp352c3s] {
    position: relative;
    display: flex;
    flex-direction: column;
    min-width: 0;
    overflow-wrap: break-word;
    background-color: var(--dxds-color-surface-neutral-default-rest);
    background-clip: border-box;
    border: var(--dxds-border-radius-10) solid var(--dxds-color-border-neutral-default-rest);
    border-radius: 0.25rem;
}
/* /Components/Account/Pages/ExternalLogin.razor.rz.scp.css */
.main-content[b-44sqk0ynjp] {
    display: flex;
    height: 100%;
}

.block-content[b-44sqk0ynjp] {
    border-radius: 0.5rem;
    flex-grow: 0;
    margin: auto;
    max-width: 30rem;
    padding: 1.5rem;
    width: auto;
}

.title[b-44sqk0ynjp] {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
    padding-bottom: 0.625rem;
}

    .title .title-header-text[b-44sqk0ynjp] {
        font-size: 2rem;
        line-height: 2.5rem;
        font-weight: 600;
        letter-spacing: 0;
    }

    .title .title-content-text[b-44sqk0ynjp] {
        font-size: 1.5rem;
        line-height: 2rem;
        font-weight: 400;
        letter-spacing: 0;
    }

.card[b-44sqk0ynjp] {
    position: relative;
    display: flex;
    flex-direction: column;
    min-width: 0;
    overflow-wrap: break-word;
    background-color: var(--dxds-color-surface-neutral-default-rest);
    background-clip: border-box;
    border: var(--dxds-border-radius-10) solid var(--dxds-color-border-neutral-default-rest);
    border-radius: 0.25rem;
}

[b-44sqk0ynjp] .w-100 {
    width: 100%;
}

[b-44sqk0ynjp] .text-danger {
    color: var(--dxds-color-surface-danger-default-rest);
}
/* /Components/Account/Pages/ForgotPassword.razor.rz.scp.css */
.main-content[b-l1gxul9qpr] {
    display: flex;
    height: 100%;
}

.block-content[b-l1gxul9qpr] {
    border-radius: 0.9rem;
    flex-grow: 0;
    margin: auto;
    max-width: 30rem;
    padding: 1.9rem;
    width: min(100%, 30rem);
}

.title[b-l1gxul9qpr] {
    display: flex;
    flex-direction: column;
    align-items: center;
    padding-bottom: 0.625rem;
}

    .title .title-text[b-l1gxul9qpr] {
        font-family: var(--dxds-font-family-sans-serif);
        font-size: var(--dxds-font-size-headline-md);
        font-weight: var(--dxds-font-weight-headline-default);
        line-height: var(--dxds-line-height-headline-md);
        letter-spacing: var(--dxds-letter-spacing-headline-md);
        color: var(--dxds-color-content-neutral-default-rest);
    }

.links-container[b-l1gxul9qpr] {
    display: flex;
    gap: 0.25rem;
    justify-content: center;
    align-items: center;
    padding-top: 0.75rem;
}

.card[b-l1gxul9qpr] {
    position: relative;
    display: flex;
    flex-direction: column;
    min-width: 0;
    overflow-wrap: break-word;
    background-color: var(--dxds-color-surface-neutral-default-rest);
    background-clip: border-box;
    border: var(--dxds-border-radius-10) solid var(--dxds-color-border-neutral-default-rest);
    border-radius: 0.9rem;
    box-shadow: 0 1rem 2.8rem #09203a12;
}

[b-l1gxul9qpr] a {
    color: var(--dxds-color-content-primary-default-rest);
    text-decoration: underline;
}

[b-l1gxul9qpr] .w-100 {
    width: 100%;
}

[b-l1gxul9qpr] .text-danger {
    color: var(--dxds-color-surface-danger-default-rest);
}
/* /Components/Account/Pages/ForgotPasswordConfirmation.razor.rz.scp.css */
.main-content[b-r1vb755sll] {
    display: flex;
    height: 100%;
}

.block-content[b-r1vb755sll] {
    border-radius: 0.5rem;
    flex-grow: 0;
    margin: auto;
    padding: 1.5rem;
    width: auto;
}

.title[b-r1vb755sll] {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 1rem;
    padding-bottom: 0.625rem;
    color: var(--dxds-color-content-neutral-default-rest);
}

    .title .title-header-text[b-r1vb755sll] {
        font-family: var(--dxds-font-family-sans-serif);
        font-size: var(--dxds-font-size-headline-md);
        font-weight: var(--dxds-font-weight-headline-default);
        line-height: var(--dxds-line-height-headline-md);
        letter-spacing: var(--dxds-letter-spacing-headline-md);
    }

    .title .title-content-text[b-r1vb755sll] {
        font-family: var(--dxds-font-family-sans-serif);
        font-size: var(--dxds-font-size-base-lg);
        font-weight: var(--dxds-font-weight-base-default);
        line-height: var(--dxds-line-height-base-lg);
        letter-spacing: var(--dxds-letter-spacing-base-lg);
    }

.card[b-r1vb755sll] {
    position: relative;
    display: flex;
    flex-direction: column;
    min-width: 0;
    overflow-wrap: break-word;
    background-color: var(--dxds-color-surface-neutral-default-rest);
    background-clip: border-box;
    border: var(--dxds-border-radius-10) solid var(--dxds-color-border-neutral-default-rest);
    border-radius: 0.25rem;
}
/* /Components/Account/Pages/InvalidPasswordReset.razor.rz.scp.css */
.main-content[b-dtfigix3p8] {
    display: flex;
    height: 100%;
}

.block-content[b-dtfigix3p8] {
    border-radius: 0.5rem;
    flex-grow: 0;
    margin: auto;
    padding: 1.5rem;
    width: auto;
}

.title[b-dtfigix3p8] {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 1rem;
    padding-bottom: 0.625rem;
    color: var(--dxds-color-content-neutral-default-rest);
}

    .title .title-header-text[b-dtfigix3p8] {
        font-family: var(--dxds-font-family-sans-serif);
        font-size: var(--dxds-font-size-headline-md);
        font-weight: var(--dxds-font-weight-headline-default);
        line-height: var(--dxds-line-height-headline-md);
        letter-spacing: var(--dxds-letter-spacing-headline-md);
    }

    .title .title-content-text[b-dtfigix3p8] {
        font-family: var(--dxds-font-family-sans-serif);
        font-size: var(--dxds-font-size-base-lg);
        font-weight: var(--dxds-font-weight-base-default);
        line-height: var(--dxds-line-height-base-lg);
        letter-spacing: var(--dxds-letter-spacing-base-lg);
    }

.card[b-dtfigix3p8] {
    position: relative;
    display: flex;
    flex-direction: column;
    min-width: 0;
    overflow-wrap: break-word;
    background-color: var(--dxds-color-surface-neutral-default-rest);
    background-clip: border-box;
    border: var(--dxds-border-radius-10) solid var(--dxds-color-border-neutral-default-rest);
    border-radius: 0.25rem;
}
/* /Components/Account/Pages/InvalidUser.razor.rz.scp.css */
.main-content[b-caftozjt99] {
    display: flex;
    height: 100%;
}

.block-content[b-caftozjt99] {
    border-radius: 0.5rem;
    flex-grow: 0;
    margin: auto;
    padding: 1.5rem;
    width: auto;
}

.title[b-caftozjt99] {
    display: flex;
    flex-direction: column;
    align-items: center;
    padding-bottom: 0.625rem;
    color: var(--dxds-color-content-neutral-default-rest);
}

    .title .title-header-text[b-caftozjt99] {
        font-family: var(--dxds-font-family-sans-serif);
        font-size: var(--dxds-font-size-headline-md);
        font-weight: var(--dxds-font-weight-headline-default);
        line-height: var(--dxds-line-height-headline-md);
        letter-spacing: var(--dxds-letter-spacing-headline-md);
    }

.card[b-caftozjt99] {
    position: relative;
    display: flex;
    flex-direction: column;
    min-width: 0;
    overflow-wrap: break-word;
    background-color: var(--dxds-color-surface-neutral-default-rest);
    background-clip: border-box;
    border: var(--dxds-border-radius-10) solid var(--dxds-color-border-neutral-default-rest);
    border-radius: 0.25rem;
}
/* /Components/Account/Pages/Lockout.razor.rz.scp.css */
.main-content[b-lxwkltqr5o] {
    display: flex;
    height: 100%;
}

.block-content[b-lxwkltqr5o] {
    border-radius: 0.5rem;
    flex-grow: 0;
    margin: auto;
    padding: 1.5rem;
    width: auto;
}

.title[b-lxwkltqr5o] {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 1rem;
    padding-bottom: 0.625rem;
    color: var(--dxds-color-content-neutral-default-rest);
}

    .title .title-header-text[b-lxwkltqr5o] {
        font-family: var(--dxds-font-family-sans-serif);
        font-size: var(--dxds-font-size-headline-md);
        font-weight: var(--dxds-font-weight-headline-default);
        line-height: var(--dxds-line-height-headline-md);
        letter-spacing: var(--dxds-letter-spacing-headline-md);
    }

    .title .title-content-text[b-lxwkltqr5o] {
        font-family: var(--dxds-font-family-sans-serif);
        font-size: var(--dxds-font-size-base-lg);
        font-weight: var(--dxds-font-weight-base-default);
        line-height: var(--dxds-line-height-base-lg);
        letter-spacing: var(--dxds-letter-spacing-base-lg);
    }

.card[b-lxwkltqr5o] {
    position: relative;
    display: flex;
    flex-direction: column;
    min-width: 0;
    overflow-wrap: break-word;
    background-color: var(--dxds-color-surface-neutral-default-rest);
    background-clip: border-box;
    border: var(--dxds-border-radius-10) solid var(--dxds-color-border-neutral-default-rest);
    border-radius: 0.25rem;
}
/* /Components/Account/Pages/Login.razor.rz.scp.css */
.main-content[b-qwqxqwwqg6] {
    display: flex;
    flex-direction: column;
    height: 100%;
}

.login-shell[b-qwqxqwwqg6] {
    --login-overlay-opacity: 0.58;
    --login-background-image: none;
    position: relative;
    min-height: 100vh;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: clamp(1.25rem, 4vh, 3rem) 1.25rem;
    background:
        linear-gradient(
            180deg,
            color-mix(in srgb, var(--dxds-color-surface-neutral-default-rest) calc(var(--login-overlay-opacity) * 100%), transparent) 0%,
            color-mix(in srgb, var(--dxds-color-surface-neutral-default-rest) calc((var(--login-overlay-opacity) + 0.08) * 100%), transparent) 100%
        ),
        var(--login-background-image),
        linear-gradient(180deg, color-mix(in srgb, var(--dxds-color-surface-neutral-default-rest) 94%, white) 0%, var(--dxds-color-surface-neutral-default-rest) 100%);
    background-size: cover, cover, auto;
    background-position: center, center, center;
}

.block-content[b-qwqxqwwqg6] {
    border-radius: 0.9rem;
    flex-grow: 0;
    margin: auto;
    max-width: 31rem;
    padding: 2.1rem 1.9rem 1.55rem;
    width: min(100%, 31rem);
}

.login-card[b-qwqxqwwqg6] {
    position: relative;
    overflow: hidden;
    border: 1px solid color-mix(in srgb, var(--dxds-color-border-neutral-default-rest) 80%, transparent);
    box-shadow: 0 1.2rem 3rem #09203a1a;
    animation: reveal-login-b-qwqxqwwqg6 650ms ease-out;
}

.login-company-mark[b-qwqxqwwqg6] {
    display: flex;
    justify-content: center;
    align-items: center;
    margin-bottom: 0.65rem;
    animation: logo-rise-b-qwqxqwwqg6 700ms ease-out;
}

.login-company-mark img[b-qwqxqwwqg6] {
    width: auto;
    max-width: min(18rem, 72vw);
    max-height: 5.4rem;
    object-fit: contain;
    filter: drop-shadow(0 10px 24px #08294916);
}

.login-company-caption[b-qwqxqwwqg6] {
    text-align: center;
    margin-bottom: 1rem;
    color: color-mix(in srgb, var(--dxds-color-content-neutral-secondary-rest) 94%, var(--dxds-color-content-neutral-default-rest));
    font-size: var(--dxds-font-size-headline-sm);
    font-weight: 600;
    letter-spacing: 0.04em;
    text-transform: uppercase;
}

.title[b-qwqxqwwqg6] {
    display: flex;
    flex-direction: column;
    align-items: center;
    padding-bottom: 0.625rem;
}

.login-title[b-qwqxqwwqg6] {
    gap: 0.35rem;
}

.eyebrow[b-qwqxqwwqg6] {
    display: block;
    color: var(--dxds-color-content-neutral-default-rest);
    font-family: var(--dxds-font-family-sans-serif);
    font-size: var(--dxds-font-size-headline-sm);
    font-weight: var(--dxds-font-weight-headline-default);
    line-height: var(--dxds-line-height-headline-md);
    letter-spacing: var(--dxds-letter-spacing-headline-md);
    text-transform: none;
    background: none;
    padding: 0;
    border-radius: 0;
}

.title-caption[b-qwqxqwwqg6] {
    max-width: 24rem;
    text-align: center;
    color: color-mix(in srgb, var(--dxds-color-content-neutral-secondary-rest) 92%, #1b3550);
    font-size: 0.94rem;
    line-height: 1.45;
}

.or[b-qwqxqwwqg6] {
    display: flex;
    flex-direction: row;
    align-items: center;
    padding: 0.9rem 0;
}

.or .or-line[b-qwqxqwwqg6] {
    border-bottom: 1px solid var(--dxds-color-content-neutral-default-rest);
    width: 100%;
    opacity: 0.15;
}

.or .or-text[b-qwqxqwwqg6] {
    padding: 0 0.625rem;
    font-size: 0.78rem;
    line-height: 1.125rem;
    opacity: 0.7;
    text-transform: uppercase;
    letter-spacing: 0.05em;
}

.links-container[b-qwqxqwwqg6] {
    display: flex;
    gap: 0.25rem;
    justify-content: center;
    align-items: center;
    padding: 0.85rem 0 0.15rem;
}

.login-actions-row[b-qwqxqwwqg6] {
    display: flex;
    justify-content: flex-end;
    margin-top: -0.25rem;
    font-size: 0.86rem;
}

[b-qwqxqwwqg6] a {
    color: var(--dxds-color-content-primary-default-rest);
    text-decoration: underline;
}

.card[b-qwqxqwwqg6] {
    position: relative;
    display: flex;
    flex-direction: column;
    min-width: 0;
    overflow-wrap: break-word;
    background-color: color-mix(in srgb, var(--dxds-color-surface-neutral-default-rest) 96%, white);
    background-clip: border-box;
}

[b-qwqxqwwqg6] .w-100 {
    width: 100%;
}

[b-qwqxqwwqg6] .text-danger {
    color: var(--dxds-color-surface-danger-default-rest);
}

@keyframes reveal-login-b-qwqxqwwqg6 {
    from {
        opacity: 0;
        transform: translateY(18px) scale(0.985);
    }
    to {
        opacity: 1;
        transform: translateY(0) scale(1);
    }
}

@keyframes logo-rise-b-qwqxqwwqg6 {
    from {
        opacity: 0;
        transform: translateY(-12px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

@media (max-width: 720px) {
    .login-shell[b-qwqxqwwqg6] {
        padding-top: 2rem;
    }

    .block-content[b-qwqxqwwqg6] {
        padding: 1.6rem 1.1rem 1.3rem;
    }

    .login-company-mark img[b-qwqxqwwqg6] {
        max-width: min(15rem, 76vw);
        max-height: 4.4rem;
    }
}
/* /Components/Account/Pages/LoginWith2fa.razor.rz.scp.css */
.main-content[b-ddacfh669j] {
    display: flex;
    height: 100%;
}

.block-content[b-ddacfh669j] {
    border-radius: 0.5rem;
    flex-grow: 0;
    margin: auto;
    max-width: 30rem;
    padding: 1.5rem;
    width: auto;
}

.title[b-ddacfh669j] {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 1rem;
    padding-bottom: 0.625rem;
    color: var(--dxds-color-content-neutral-default-rest);
}

    .title .title-header-text[b-ddacfh669j] {
        font-family: var(--dxds-font-family-sans-serif);
        font-size: var(--dxds-font-size-headline-md);
        font-weight: var(--dxds-font-weight-headline-default);
        line-height: var(--dxds-line-height-headline-md);
        letter-spacing: var(--dxds-letter-spacing-headline-md);
    }

    .title .title-content-text[b-ddacfh669j] {
        font-family: var(--dxds-font-family-sans-serif);
        font-size: var(--dxds-font-size-base-lg);
        font-weight: var(--dxds-font-weight-base-default);
        line-height: var(--dxds-line-height-base-lg);
        letter-spacing: var(--dxds-letter-spacing-base-lg);
    }

.links-container[b-ddacfh669j] {
    display: flex;
    gap: 0.25rem;
    justify-content: center;
    align-items: center;
    padding: 0.25rem 0;
}

.card[b-ddacfh669j] {
    position: relative;
    display: flex;
    flex-direction: column;
    min-width: 0;
    overflow-wrap: break-word;
    background-color: var(--dxds-color-surface-neutral-default-rest);
    background-clip: border-box;
    border: var(--dxds-border-radius-10) solid var(--dxds-color-border-neutral-default-rest);
    border-radius: 0.25rem;
}

[b-ddacfh669j] a {
    color: var(--dxds-color-content-primary-default-rest);
    text-decoration: underline;
}

[b-ddacfh669j] .w-100 {
    width: 100%;
}

[b-ddacfh669j] .text-danger {
    color: var(--dxds-color-surface-danger-default-rest);
}
/* /Components/Account/Pages/LoginWithRecoveryCode.razor.rz.scp.css */
.main-content[b-v24gg198y3] {
    display: flex;
    height: 100%;
}

.block-content[b-v24gg198y3] {
    border-radius: 0.5rem;
    flex-grow: 0;
    margin: auto;
    max-width: 30rem;
    padding: 1.5rem;
    width: auto;
}

.title[b-v24gg198y3] {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 1rem;
    padding-bottom: 0.625rem;
    color: var(--dxds-color-content-neutral-default-rest);
}

    .title .title-header-text[b-v24gg198y3] {
        font-family: var(--dxds-font-family-sans-serif);
        font-size: var(--dxds-font-size-headline-md);
        font-weight: var(--dxds-font-weight-headline-default);
        line-height: var(--dxds-line-height-headline-md);
        letter-spacing: var(--dxds-letter-spacing-headline-md);
    }

    .title .title-content-text[b-v24gg198y3] {
        font-family: var(--dxds-font-family-sans-serif);
        font-size: var(--dxds-font-size-base-lg);
        font-weight: var(--dxds-font-weight-base-default);
        line-height: var(--dxds-line-height-base-lg);
        letter-spacing: var(--dxds-letter-spacing-base-lg);
    }

.card[b-v24gg198y3] {
    position: relative;
    display: flex;
    flex-direction: column;
    min-width: 0;
    overflow-wrap: break-word;
    background-color: var(--dxds-color-surface-neutral-default-rest);
    background-clip: border-box;
    border: var(--dxds-border-radius-10) solid var(--dxds-color-border-neutral-default-rest);
    border-radius: 0.25rem;
}

[b-v24gg198y3] .w-100 {
    width: 100%;
}

[b-v24gg198y3] .text-danger {
    color: var(--dxds-color-surface-danger-default-rest);
}
/* /Components/Account/Pages/Manage/ChangePassword.razor.rz.scp.css */
.block-content[b-79fyfs268b] {
    border-radius: 0.5rem;
    flex-grow: 0;
    margin: auto;
    max-width: 30rem;
    padding: 1.5rem;
    width: auto;
}

[b-79fyfs268b] .w-100 {
    width: 100%;
}

[b-79fyfs268b] .text-danger {
    color: var(--dxds-color-surface-danger-default-rest);
}
/* /Components/Account/Pages/Manage/DeletePersonalData.razor.rz.scp.css */
.block-content[b-9qttj8bj1k] {
    border-radius: 0.5rem;
    flex-grow: 0;
    margin: auto;
    max-width: 30rem;
    padding: 1.5rem;
    width: auto;
}

.title[b-9qttj8bj1k] {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
    padding-bottom: 0.625rem;
}

    .title.title-secondary[b-9qttj8bj1k] {
        padding-top: 0.313rem;
        padding-bottom: 0;
        color: var(--dxds-color-content-neutral-subdued-rest);
    }

    .title .title-content-text-secondary[b-9qttj8bj1k] {
        font-size: 1.25rem;
        line-height: 1.5rem;
    }

[b-9qttj8bj1k] .w-100 {
    width: 100%;
}
/* /Components/Account/Pages/Manage/Disable2fa.razor.rz.scp.css */
.block-content[b-mwfegcsa9p] {
    border-radius: 0.5rem;
    flex-grow: 0;
    margin: auto;
    max-width: 30rem;
    padding: 1.5rem;
    width: auto;
}

.title[b-mwfegcsa9p] {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
    padding-bottom: 0.625rem;
}

    .title.title-secondary[b-mwfegcsa9p] {
        padding-top: 0.313rem;
        padding-bottom: 0;
        color: var(--dxds-color-content-neutral-subdued-rest);
    }

    .title .title-content-text-secondary[b-mwfegcsa9p] {
        font-size: 1.25rem;
        line-height: 1.5rem;
    }

[b-mwfegcsa9p] a {
    color: var(--dxds-color-content-primary-default-rest);
    text-decoration: underline;
}

[b-mwfegcsa9p] .w-100 {
    width: 100%;
}
/* /Components/Account/Pages/Manage/Email.razor.rz.scp.css */
.block-content[b-7zw1ynnuku] {
    border-radius: 0.5rem;
    flex-grow: 0;
    margin: auto;
    max-width: 30rem;
    padding: 1.5rem;
    width: auto;
}

[b-7zw1ynnuku] .w-100 {
    width: 100%;
}

[b-7zw1ynnuku] .text-danger {
    color: var(--dxds-color-surface-danger-default-rest);
}
/* /Components/Account/Pages/Manage/EnableAuthenticator.razor.rz.scp.css */
.block-content[b-ccriztg8vj] {
    border-radius: 0.5rem;
    flex-grow: 0;
    margin: auto;
    max-width: 30rem;
    padding: 1.5rem;
    width: auto;
}

.title[b-ccriztg8vj] {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
    padding-bottom: 0.625rem;
}

    .title.title-secondary[b-ccriztg8vj] {
        padding-top: 0.313rem;
        padding-bottom: 0;
        color: var(--dxds-color-content-neutral-subdued-rest);
    }

    .title .title-content-text-secondary[b-ccriztg8vj] {
        font-size: 1.25rem;
        line-height: 1.5rem;
    }

.info-message[b-ccriztg8vj] {
    padding: 0.625rem 1rem 0.625rem 1rem;
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
}

    .info-message[b-ccriztg8vj]::before {
        content: '';
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        opacity: 0.15;
        background: var(--dxds-primary-90);
        z-index: -1;
    }

.twofactor-content[b-ccriztg8vj] {
    display: flex;
    flex-direction: column;
}

    .twofactor-content .info-message[b-ccriztg8vj] {
        margin: 0.625rem 0 0.625rem 0;
        justify-content: start;
    }

[b-ccriztg8vj] a {
    color: var(--dxds-color-content-primary-default-rest);
    text-decoration: underline;
}

[b-ccriztg8vj] .w-100 {
    width: 100%;
}

[b-ccriztg8vj] .text-danger {
    color: var(--dxds-color-surface-danger-default-rest);
}
/* /Components/Account/Pages/Manage/ExternalLogins.razor.rz.scp.css */
.block-content[b-fxx9mycoir] {
    border-radius: 0.5rem;
    flex-grow: 0;
    margin: auto;
    max-width: 30rem;
    padding: 1.5rem;
    width: auto;
}

.title[b-fxx9mycoir] {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
    padding-bottom: 0.625rem;
}

    .title.title-secondary[b-fxx9mycoir] {
        padding-top: 0.313rem;
        padding-bottom: 0;
        color: var(--dxds-color-content-neutral-subdued-rest);
    }

    .title .title-content-text-secondary[b-fxx9mycoir] {
        font-size: 1.25rem;
        line-height: 1.5rem;
    }

.current-logins[b-fxx9mycoir] {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
}

    .current-logins .current-logins-item[b-fxx9mycoir] {
        display: flex;
        gap: 0.625rem;
    }

.info-message[b-fxx9mycoir]::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    opacity: 0.15;
    background: var(--dxds-primary-90);
    z-index: -1;
}

.info-message[b-fxx9mycoir] {
    padding: 0.625rem 1rem 0.625rem 1rem;
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
}

.button-group[b-fxx9mycoir] {
    display: flex;
    flex-direction: row;
    gap: 0.625rem;
}

[b-fxx9mycoir] .w-100 {
    width: 100%;
}
/* /Components/Account/Pages/Manage/GenerateRecoveryCodes.razor.rz.scp.css */
.block-content[b-yx1ofcbncd] {
    border-radius: 0.5rem;
    flex-grow: 0;
    margin: auto;
    max-width: 30rem;
    padding: 1.5rem;
    width: auto;
}

.title[b-yx1ofcbncd] {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
    padding-bottom: 0.625rem;
}

    .title.title-secondary[b-yx1ofcbncd] {
        padding-top: 0.313rem;
        padding-bottom: 0;
        color: var(--dxds-color-content-neutral-subdued-rest);
    }

    .title .title-content-text-secondary[b-yx1ofcbncd] {
        font-size: 1.25rem;
        line-height: 1.5rem;
    }

.manage-content[b-yx1ofcbncd] {
    display: flex;
    flex-direction: column;
    gap: 0.625rem;
}

[b-yx1ofcbncd] a {
    color: var(--dxds-color-content-primary-default-rest);
    text-decoration: underline;
}

[b-yx1ofcbncd] .w-100 {
    width: 100%;
}
/* /Components/Account/Pages/Manage/Index.razor.rz.scp.css */
.block-content[b-m3mwnrz573] {
    border-radius: 0.5rem;
    flex-grow: 0;
    margin: auto;
    max-width: 30rem;
    padding: 1.5rem;
    width: auto;
}

[b-m3mwnrz573] .w-100 {
    width: 100%;
}

[b-m3mwnrz573] .text-danger {
    color: var(--dxds-color-surface-danger-default-rest);
}
/* /Components/Account/Pages/Manage/PersonalData.razor.rz.scp.css */
.block-content[b-zv28nj7i99] {
    border-radius: 0.5rem;
    flex-grow: 0;
    margin: auto;
    max-width: 30rem;
    padding: 1.5rem;
    width: auto;
}

.title[b-zv28nj7i99] {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
    padding-bottom: 0.625rem;
}

    .title.title-secondary[b-zv28nj7i99] {
        padding-top: 0.313rem;
        padding-bottom: 0;
        color: var(--dxds-color-content-neutral-subdued-rest);
    }

    .title .title-content-text-secondary[b-zv28nj7i99] {
        font-size: 1.25rem;
        line-height: 1.5rem;
    }

.button-group[b-zv28nj7i99] {
    display: flex;
    flex-direction: row;
    gap: 0.625rem;
}

[b-zv28nj7i99] .button-link {
    text-decoration: unset;
}

[b-zv28nj7i99] .w-100 {
    width: 100%;
}
/* /Components/Account/Pages/Manage/ResetAuthenticator.razor.rz.scp.css */
.block-content[b-q7p3dro1r2] {
    border-radius: 0.5rem;
    flex-grow: 0;
    margin: auto;
    max-width: 30rem;
    padding: 1.5rem;
    width: auto;
}

.title[b-q7p3dro1r2] {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
    padding-bottom: 0.625rem;
}

    .title.title-secondary[b-q7p3dro1r2] {
        padding-top: 0.313rem;
        padding-bottom: 0;
        color: var(--dxds-color-content-neutral-subdued-rest);
    }

    .title .title-content-text-secondary[b-q7p3dro1r2] {
        font-size: 1.25rem;
        line-height: 1.5rem;
    }

[b-q7p3dro1r2] .w-100 {
    width: 100%;
}
/* /Components/Account/Pages/Manage/SetPassword.razor.rz.scp.css */
.block-content[b-kcsimlvgwt] {
    border-radius: 0.5rem;
    flex-grow: 0;
    margin: auto;
    max-width: 30rem;
    padding: 1.5rem;
    width: auto;
}

.title[b-kcsimlvgwt] {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
    padding-bottom: 0.625rem;
}

    .title.title-secondary[b-kcsimlvgwt] {
        padding-top: 0.313rem;
        padding-bottom: 0;
        color: var(--dxds-color-content-neutral-subdued-rest);
    }

    .title .title-content-text-secondary[b-kcsimlvgwt] {
        font-size: 1.25rem;
        line-height: 1.5rem;
    }

[b-kcsimlvgwt] .w-100 {
    width: 100%;
}

[b-kcsimlvgwt] .text-danger {
    color: var(--dxds-color-surface-danger-default-rest);
}
/* /Components/Account/Pages/Manage/TwoFactorAuthentication.razor.rz.scp.css */
.block-content[b-9e5m8sf4iu] {
    border-radius: 0.5rem;
    flex-grow: 0;
    margin: auto;
    max-width: 30rem;
    padding: 1.5rem;
    width: auto;
}

.title[b-9e5m8sf4iu] {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
    padding-bottom: 0.625rem;
}

    .title.title-secondary[b-9e5m8sf4iu] {
        padding-top: 0.313rem;
        padding-bottom: 0;
        color: var(--dxds-color-content-neutral-subdued-rest);
    }

    .title .title-content-text-secondary[b-9e5m8sf4iu] {
        font-size: 1.25rem;
        line-height: 1.5rem;
    }

.button-group[b-9e5m8sf4iu] {
    display: flex;
    flex-direction: row;
    gap: 0.625rem;
}

[b-9e5m8sf4iu] .button-link {
    text-decoration: unset;
}

[b-9e5m8sf4iu] a {
    color: var(--dxds-color-content-primary-default-rest);
    text-decoration: underline;
}

[b-9e5m8sf4iu] .w-100 {
    width: 100%;
}

.alert[b-9e5m8sf4iu] {
    position: relative;
    padding: .75rem 1.25rem;
    margin-bottom: 1rem;
    border: 1px solid transparent;
    border-radius: .25rem;
}

    .alert.alert-danger[b-9e5m8sf4iu] {
        color: var(--dxds-color-content-danger-default-rest);
        background-color: var(--dxds-color-surface-danger-subdued-rest);
        border-color: var(--dxds-color-border-danger-default-rest);
    }

    .alert.alert-warning[b-9e5m8sf4iu] {
        color: var(--dxds-color-content-danger-default-rest);
        background-color: var(--dxds-color-surface-warning-subdued-rest);
        border-color: var(--dxds-color-border-warning-default-rest);
    }
/* /Components/Account/Pages/Register.razor.rz.scp.css */
.main-content[b-9839macldl] {
    display: flex;
    height: 100%;
}

.block-content[b-9839macldl] {
    border-radius: 0.9rem;
    flex-grow: 0;
    margin: auto;
    max-width: 34rem;
    padding: 1.9rem;
    width: min(100%, 34rem);
}

.title[b-9839macldl] {
    display: flex;
    flex-direction: column;
    align-items: center;
    padding-bottom: 0.625rem;
}

    .title .title-text[b-9839macldl] {
        font-family: var(--dxds-font-family-sans-serif);
        font-size: var(--dxds-font-size-headline-md);
        font-weight: var(--dxds-font-weight-headline-default);
        line-height: var(--dxds-line-height-headline-md);
        letter-spacing: var(--dxds-letter-spacing-headline-md);
        color: var(--dxds-color-content-neutral-default-rest);
    }

.or[b-9839macldl] {
    display: flex;
    flex-direction: row;
    align-items: center;
    padding: 0.3125rem 0;
}

    .or .or-line[b-9839macldl] {
        border-bottom: 1px solid var(--dxds-color-content-neutral-default-rest);
        width: 100%;
        opacity: 0.2;
    }

    .or .or-text[b-9839macldl] {
        padding: 0 0.625rem 0 0.625rem;
        font-size: 0.75rem;
        line-height: 1.125rem;
        color: var(--dxds-color-content-neutral-default-rest);
        opacity: 0.7;
    }

.links-area[b-9839macldl] {
    display: flex;
    flex-direction: column;
    gap: 0.625rem;
    padding-top: 0.625rem;
}

.links-container[b-9839macldl] {
    display: flex;
    gap: 0.25rem;
    justify-content: center;
    align-items: center;
    padding: 0.25rem 0;
}

    .links-container .dot[b-9839macldl] {
        height: 0.3125rem;
        width: 0.3125rem;
        margin: 0 0.1875rem;
        border-radius: 50%;
        background-color: var(--dxds-color-content-neutral-default-rest);
        opacity: 0.7;
    }

.card[b-9839macldl] {
    position: relative;
    display: flex;
    flex-direction: column;
    min-width: 0;
    overflow-wrap: break-word;
    background-color: var(--dxds-color-surface-neutral-default-rest);
    background-clip: border-box;
    border: var(--dxds-border-radius-10) solid var(--dxds-color-border-neutral-default-rest);
    border-radius: 0.9rem;
    box-shadow: 0 1rem 2.8rem #09203a12;
}

[b-9839macldl] a {
    color: var(--dxds-color-content-primary-default-rest);
    text-decoration: underline;
}

[b-9839macldl] .w-100 {
    width: 100%;
}

[b-9839macldl] .text-danger {
    color: var(--dxds-color-surface-danger-default-rest);
}
/* /Components/Account/Pages/RegisterConfirmation.razor.rz.scp.css */
.main-content[b-4e6dpgm1yo] {
    display: flex;
    height: 100%;
}

.block-content[b-4e6dpgm1yo] {
    border-radius: 0.5rem;
    flex-grow: 0;
    margin: auto;
    max-width: 30rem;
    padding: 1.5rem;
    width: auto;
}

.title[b-4e6dpgm1yo] {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 1rem;
    padding-bottom: 0.625rem;
    color: var(--dxds-color-content-neutral-default-rest);
}

    .title .title-text[b-4e6dpgm1yo] {
        font-family: var(--dxds-font-family-sans-serif);
        font-size: var(--dxds-font-size-headline-md);
        font-weight: var(--dxds-font-weight-headline-default);
        line-height: var(--dxds-line-height-headline-md);
        letter-spacing: var(--dxds-letter-spacing-headline-md);
    }

[b-4e6dpgm1yo] .button-link {
    text-decoration: unset;
}

[b-4e6dpgm1yo] .confirm-button {
    margin-top: 0.3125rem;
}

.card[b-4e6dpgm1yo] {
    position: relative;
    display: flex;
    flex-direction: column;
    min-width: 0;
    overflow-wrap: break-word;
    background-color: var(--dxds-color-surface-neutral-default-rest);
    background-clip: border-box;
    border: var(--dxds-border-radius-10) solid var(--dxds-color-border-neutral-default-rest);
    border-radius: 0.25rem;
}

[b-4e6dpgm1yo] a {
    color: var(--dxds-color-content-primary-default-rest);
    text-decoration: underline;
}

[b-4e6dpgm1yo] .w-100 {
    width: 100%;
}
/* /Components/Account/Pages/ResendEmailConfirmation.razor.rz.scp.css */
.main-content[b-zvbi2bgq19] {
    display: flex;
    height: 100%;
}

.block-content[b-zvbi2bgq19] {
    border-radius: 0.5rem;
    flex-grow: 0;
    margin: auto;
    max-width: 30rem;
    padding: 1.5rem;
    width: auto;
}

.title[b-zvbi2bgq19] {
    display: flex;
    flex-direction: column;
    align-items: center;
    padding-bottom: 0.625rem;
}

    .title .title-text[b-zvbi2bgq19] {
        font-family: var(--dxds-font-family-sans-serif);
        font-size: var(--dxds-font-size-headline-md);
        font-weight: var(--dxds-font-weight-headline-default);
        line-height: var(--dxds-line-height-headline-md);
        letter-spacing: var(--dxds-letter-spacing-headline-md);
        color: var(--dxds-color-content-neutral-default-rest);
    }

.links-container[b-zvbi2bgq19] {
    display: flex;
    gap: 0.25rem;
    justify-content: center;
    align-items: center;
    padding-top: 0.75rem;
}

.card[b-zvbi2bgq19] {
    position: relative;
    display: flex;
    flex-direction: column;
    min-width: 0;
    overflow-wrap: break-word;
    background-color: var(--dxds-color-surface-neutral-default-rest);
    background-clip: border-box;
    border: var(--dxds-border-radius-10) solid var(--dxds-color-border-neutral-default-rest);
    border-radius: 0.25rem;
}

[b-zvbi2bgq19] a {
    color: var(--dxds-color-content-primary-default-rest);
    text-decoration: underline;
}

[b-zvbi2bgq19] .w-100 {
    width: 100%;
}

[b-zvbi2bgq19] .text-danger {
    color: var(--dxds-color-surface-danger-default-rest);
}
/* /Components/Account/Pages/ResetPassword.razor.rz.scp.css */
.main-content[b-km0pec25uc] {
    display: flex;
    height: 100%;
}

.block-content[b-km0pec25uc] {
    border-radius: 0.9rem;
    flex-grow: 0;
    margin: auto;
    max-width: 34rem;
    padding: 1.9rem;
    width: min(100%, 34rem);
}

.title[b-km0pec25uc] {
    display: flex;
    flex-direction: column;
    align-items: center;
    padding-bottom: 0.625rem;
}

    .title .title-text[b-km0pec25uc] {
        font-family: var(--dxds-font-family-sans-serif);
        font-size: var(--dxds-font-size-headline-md);
        font-weight: var(--dxds-font-weight-headline-default);
        line-height: var(--dxds-line-height-headline-md);
        letter-spacing: var(--dxds-letter-spacing-headline-md);
        color: var(--dxds-color-content-neutral-default-rest);
    }

.links-container[b-km0pec25uc] {
    display: flex;
    gap: 0.25rem;
    justify-content: center;
    align-items: center;
    padding: 0.25rem 0;
}

.card[b-km0pec25uc] {
    position: relative;
    display: flex;
    flex-direction: column;
    min-width: 0;
    overflow-wrap: break-word;
    background-color: var(--dxds-color-surface-neutral-default-rest);
    background-clip: border-box;
    border: var(--dxds-border-radius-10) solid var(--dxds-color-border-neutral-default-rest);
    border-radius: 0.9rem;
    box-shadow: 0 1rem 2.8rem #09203a12;
}

[b-km0pec25uc] a {
    color: var(--dxds-color-content-primary-default-rest);
    text-decoration: underline;
}

[b-km0pec25uc] .w-100 {
    width: 100%;
}

[b-km0pec25uc] .text-danger {
    color: var(--dxds-color-surface-danger-default-rest);
}
/* /Components/Account/Pages/ResetPasswordConfirmation.razor.rz.scp.css */
.main-content[b-vlxt16pbj4] {
    display: flex;
    height: 100%;
}

.block-content[b-vlxt16pbj4] {
    border-radius: 0.5rem;
    flex-grow: 0;
    margin: auto;
    max-width: 30rem;
    padding: 1.5rem;
    width: auto;
}

.title[b-vlxt16pbj4] {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 1rem;
    padding-bottom: 0.625rem;
    color: var(--dxds-color-content-neutral-default-rest);
}

    .title .title-header-text[b-vlxt16pbj4] {
        font-family: var(--dxds-font-family-sans-serif);
        font-size: var(--dxds-font-size-headline-md);
        font-weight: var(--dxds-font-weight-headline-default);
        line-height: var(--dxds-line-height-headline-md);
        letter-spacing: var(--dxds-letter-spacing-headline-md);
    }

    .title .title-content-text[b-vlxt16pbj4] {
        font-family: var(--dxds-font-family-sans-serif);
        font-size: var(--dxds-font-size-base-lg);
        font-weight: var(--dxds-font-weight-base-default);
        line-height: var(--dxds-line-height-base-lg);
        letter-spacing: var(--dxds-letter-spacing-base-lg);
    }

[b-vlxt16pbj4] a {
    color: var(--dxds-color-content-primary-default-rest);
    text-decoration: underline;
}
/* /Components/Account/Shared/AccountLayout.razor.rz.scp.css */
html[b-jcuegiv6yi], body[b-jcuegiv6yi] {
    font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
    height: 100%;
}

main[b-jcuegiv6yi] {
    height: 100%;
}

.account-shell[b-jcuegiv6yi] {
    min-height: 100%;
}
/* /Components/Account/Shared/CaptchaInput.razor.rz.scp.css */
.captcha-box[b-45p837y3sl] {
    display: grid;
    gap: 0.65rem;
    padding: 0.75rem;
    border: 1px solid color-mix(in srgb, var(--dxds-color-border-neutral-default-rest) 78%, transparent);
    border-radius: 0.5rem;
    background: color-mix(in srgb, var(--dxds-color-surface-neutral-default-rest) 94%, white);
}

.captcha-header[b-45p837y3sl] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.75rem;
    color: var(--dxds-color-content-neutral-default-rest);
    font-size: 0.86rem;
}

.captcha-hint[b-45p837y3sl] {
    color: color-mix(in srgb, var(--dxds-color-content-neutral-default-rest) 68%, transparent);
    font-size: 0.78rem;
    text-align: right;
}

.captcha-image-wrap[b-45p837y3sl] {
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 4rem;
    padding: 0.45rem;
    overflow: hidden;
    border-radius: 0.4rem;
    border: 1px solid color-mix(in srgb, var(--dxds-color-border-neutral-default-rest) 70%, transparent);
    background: white;
}

.captcha-image-wrap img[b-45p837y3sl] {
    display: block;
    max-width: 100%;
    height: auto;
    image-rendering: auto;
}

.captcha-actions[b-45p837y3sl] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    gap: 0.5rem;
    align-items: center;
}

.captcha-refresh[b-45p837y3sl] {
    min-height: 2.25rem;
    padding: 0 0.75rem;
    border: 1px solid color-mix(in srgb, var(--dxds-color-border-neutral-default-rest) 80%, transparent);
    border-radius: 0.35rem;
    background: color-mix(in srgb, var(--dxds-color-surface-neutral-default-rest) 96%, white);
    color: var(--dxds-color-content-neutral-default-rest);
    font: inherit;
    cursor: pointer;
    white-space: nowrap;
}

.captcha-refresh:hover[b-45p837y3sl] {
    background: color-mix(in srgb, var(--dxds-color-surface-neutral-default-rest) 88%, white);
}

@media (max-width: 420px) {
    .captcha-actions[b-45p837y3sl] {
        grid-template-columns: 1fr;
    }
}
/* /Components/Account/Shared/ExternalLoginPicker.razor.rz.scp.css */
.external-logins[b-q5opcsa2y3] {
    display: flex;
    gap: 0.5rem;
}

@media (max-width: 500px) {
    .external-logins[b-q5opcsa2y3] {
        flex-direction: column;
    }
}

.info-message[b-q5opcsa2y3] {
    padding: 0.625rem 1rem 0.625rem 1rem;
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
}

    .info-message[b-q5opcsa2y3]::before {
        content: '';
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        opacity: 0.15;
        background: var(--dxds-primary-90);
        z-index: -1;
    }

[b-q5opcsa2y3] a {
    color: var(--dxds-color-content-primary-default-rest);
    text-decoration: underline;
}

[b-q5opcsa2y3] .w-100 {
    width: 100%;
}
/* /Components/Account/Shared/ManageLayout.razor.rz.scp.css */
.main-content[b-9oe8sc9cj3] {
    display: flex;
    height: 100%;
}

.manage-layout[b-9oe8sc9cj3] {
    flex-grow: 0;
    margin: auto;
    display: flex;
    flex-direction: column;
    gap: 0.625rem;
}

.title[b-9oe8sc9cj3] {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
    padding-bottom: 0.625rem;
}

    .title .title-header-text[b-9oe8sc9cj3] {
        font-size: 2rem;
        line-height: 2.5rem;
        font-weight: 600;
        letter-spacing: 0;
    }

    .title .title-content-text[b-9oe8sc9cj3] {
        font-size: 1.5em;
        line-height: 2rem;
        font-weight: 400;
        letter-spacing: 0;
    }

[b-9oe8sc9cj3] .tab-icon {
    width: 1rem;
    height: 1rem;
    min-width: 1rem;
    min-height: 1rem;
    background-size: contain;
    mask-repeat: no-repeat;
    -webkit-mask-repeat: no-repeat;
    background-position: center center;
    background-color: currentColor;
}

[b-9oe8sc9cj3] .icon-profile {
    -webkit-mask-image: url("images/account/manage-profile.svg");
    mask-image: url("images/account/manage-profile.svg");
}

[b-9oe8sc9cj3] .icon-email {
    -webkit-mask-image: url("images/account/manage-email.svg");
    mask-image: url("images/account/manage-email.svg");
}

[b-9oe8sc9cj3] .icon-two-factor {
    -webkit-mask-image: url("images/account/manage-two-factor.svg");
    mask-image: url("images/account/manage-two-factor.svg");
}

[b-9oe8sc9cj3] .icon-password {
    -webkit-mask-image: url("images/account/manage-password.svg");
    mask-image: url("images/account/manage-password.svg");
}

[b-9oe8sc9cj3] .icon-personal {
    -webkit-mask-image: url("images/account/manage-personal.svg");
    mask-image: url("images/account/manage-personal.svg");
}

[b-9oe8sc9cj3] .icon-external {
    -webkit-mask-image: url("images/account/user.svg");
    mask-image: url("images/account/user.svg");
}
/* /Components/Account/Shared/PasswordRequirementInput.razor.rz.scp.css */
.password-input-group[b-47tprlnciq] {
    display: flex;
    flex-direction: column;
    gap: 0.65rem;
}

.password-strength[b-47tprlnciq] {
    border: 1px solid color-mix(in srgb, var(--dxds-color-border-neutral-default-rest) 72%, transparent);
    border-radius: 0.5rem;
    background: color-mix(in srgb, var(--dxds-color-surface-neutral-default-rest) 92%, white);
    padding: 0.75rem;
}

.password-strength-header[b-47tprlnciq] {
    display: flex;
    justify-content: space-between;
    gap: 0.75rem;
    color: var(--dxds-color-content-neutral-default-rest);
    font-size: 0.82rem;
    font-weight: 600;
}

.password-strength-bar[b-47tprlnciq] {
    height: 0.38rem;
    overflow: hidden;
    border-radius: 999px;
    background: color-mix(in srgb, var(--dxds-color-border-neutral-default-rest) 55%, transparent);
    margin: 0.55rem 0 0.65rem;
}

.password-strength-bar div[b-47tprlnciq] {
    height: 100%;
    border-radius: inherit;
    background: var(--dxds-color-surface-danger-default-rest);
    transition: width 180ms ease, background-color 180ms ease;
}

.password-strength.is-medium .password-strength-bar div[b-47tprlnciq] {
    background: #b96f00;
}

.password-strength.is-strong .password-strength-bar div[b-47tprlnciq] {
    background: #238636;
}

.password-strength ul[b-47tprlnciq] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 0.42rem 0.7rem;
    list-style: none;
    margin: 0;
    padding: 0;
}

.password-strength li[b-47tprlnciq] {
    display: flex;
    align-items: center;
    gap: 0.42rem;
    min-width: 0;
    color: color-mix(in srgb, var(--dxds-color-content-neutral-secondary-rest) 92%, #1f2937);
    font-size: 0.78rem;
    line-height: 1.25;
}

.password-strength li span[b-47tprlnciq] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex: 0 0 auto;
    width: 1.3rem;
    height: 1.3rem;
    border-radius: 999px;
    border: 1px solid currentColor;
    font-size: 0.54rem;
    font-weight: 700;
}

.password-strength li.is-met[b-47tprlnciq] {
    color: #238636;
}

@media (max-width: 520px) {
    .password-strength ul[b-47tprlnciq] {
        grid-template-columns: 1fr;
    }
}
/* /Components/Account/Shared/ShowRecoveryCodes.razor.rz.scp.css */
.title[b-tnr95qcwzm] {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
    padding-bottom: 0.625rem;
}

    .title .title-content-text-secondary[b-tnr95qcwzm] {
        font-size: 1.25rem;
        line-height: 1.5rem;
    }

.manage-content[b-tnr95qcwzm] {
    display: flex;
    flex-direction: column;
    gap: 0.625rem;
}

    .manage-content .codes[b-tnr95qcwzm] {
        margin: 0.625rem 0 0.625rem 0;
    }
/* /Components/Account/Shared/StatusMessage.razor.rz.scp.css */
.alert[b-8r393ayzh7] {
    position: relative;
    padding: .75rem 1.25rem;
    margin-bottom: 1rem;
    border: 1px solid transparent;
    border-radius: .25rem;
}

    .alert.alert-danger[b-8r393ayzh7] {
        color: var(--dxds-color-content-danger-default-rest);
        background-color: var(--dxds-color-surface-danger-subdued-rest);
        border-color: var(--dxds-color-border-danger-default-rest);
    }

    .alert.alert-success[b-8r393ayzh7] {
        color: var(--dxds-color-content-success-default-rest);
        background-color: var(--dxds-color-surface-success-subdued-rest);
        border-color: var(--dxds-color-border-success-default-rest);
    }
/* /Components/Index.razor.rz.scp.css */
.home-page[b-lzus8n98gu] {
    display: grid;
    gap: 1.5rem;
}

.hero[b-lzus8n98gu] {
    display: grid;
    gap: 1rem;
    padding: 1.75rem;
    border-radius: 1rem;
    background: linear-gradient(135deg, color-mix(in srgb, var(--dxbl-btn-primary-bg) 16%, transparent), transparent 70%);
    border: 1px solid var(--dxbl-border-color);
}

.eyebrow[b-lzus8n98gu] {
    display: inline-block;
    margin-bottom: 0.75rem;
    font-size: 0.875rem;
    font-weight: 600;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    color: var(--dxbl-btn-primary-bg);
}

.hero h1[b-lzus8n98gu] {
    margin: 0 0 0.75rem;
}

.hero p[b-lzus8n98gu] {
    margin: 0;
    max-width: 52rem;
    line-height: 1.6;
}

.hero-actions[b-lzus8n98gu] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.75rem;
}

.cards[b-lzus8n98gu] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(14rem, 1fr));
    gap: 1rem;
}

.card[b-lzus8n98gu] {
    padding: 1.25rem;
    border-radius: 1rem;
    border: 1px solid var(--dxbl-border-color);
    background-color: var(--dxbl-card-bg, var(--dxbl-bg));
}

.card h2[b-lzus8n98gu] {
    margin-top: 0;
    margin-bottom: 0.5rem;
    font-size: 1.1rem;
}

.card p[b-lzus8n98gu] {
    margin: 0;
    line-height: 1.5;
}
/* /Components/Layout/AccountManager.razor.rz.scp.css */
.user-info[b-tyqfzuu241] {
    width: max-content;
}

.display-name[b-tyqfzuu241] {
    font-size: 1.3em;
    font-weight: 500;
}

.email[b-tyqfzuu241] {
    color: var(--dxds-color-content-neutral-subdued-rest);
}

.container[b-tyqfzuu241] {
    width: 100%;
    height: 100%;
}

[b-tyqfzuu241].small-size .user-avatar {
    width: 3.5rem;
    height: 3.5rem;
}

[b-tyqfzuu241].medium-size .user-avatar {
    width: 4rem;
    height: 4rem;
}

[b-tyqfzuu241].large-size .user-avatar {
    width: 4.5rem;
    height: 4.5rem;
}

.separator[b-tyqfzuu241] {
    margin: 0;
    color: inherit;
    border: 0;
    border-top: var(--dxds-spacing-10) solid;
    opacity: var(--dxds-opacity-25);
}

[b-tyqfzuu241] .button {
    padding-left: 0;
    padding-right: 0;
}

/* /Components/Layout/MainLayout.razor.rz.scp.css */
.page[b-sg96koexx7] {
    height: 100vh;
    display: flex;
    flex-direction: column;
}

.header[b-sg96koexx7] {
    padding: 0.35rem 0.75rem;
    box-shadow: 0 0.125rem 0.25rem 0 #00000024, 0 0 0.125rem 0 #0000001F;
    z-index: 103;
    background-color: var(--dxds-color-surface-neutral-default-rest);
}

    .header .header-content[b-sg96koexx7] {
        position: relative;
        display: flex;
        width: 100%;
        min-height: 2.45rem;
        align-items: center;
        overflow: visible;
    }

.current-page-title[b-sg96koexx7] {
    position: absolute;
    left: 50%;
    top: 50%;
    z-index: 1;
    transform: translate(-50%, -50%);
    pointer-events: none;
    max-width: min(34rem, 42vw);
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    padding: 0.22rem 0.85rem;
    border: 1px solid color-mix(in srgb, var(--dxds-color-border-neutral-default-rest) 74%, transparent);
    border-radius: 999px;
    background: color-mix(in srgb, var(--dxds-color-surface-neutral-default-rest) 88%, var(--dxbl-primary) 12%);
    box-shadow: inset 0 1px 0 color-mix(in srgb, white 16%, transparent), 0 1px 2px color-mix(in srgb, black 12%, transparent);
    color: var(--dxds-color-content-neutral-default-rest);
    font-family: var(--dxds-font-family-sans-serif);
    font-size: 0.92rem;
    font-weight: 700;
    line-height: 1.25;
    letter-spacing: 0;
}

.main[b-sg96koexx7] {
    flex-grow: 1;
    overflow: auto;
}

    .main .main-content[b-sg96koexx7] {
        height: 100%;
    }

.brand-shell[b-sg96koexx7] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
}

.header-shell[b-sg96koexx7] {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
}

.header-left[b-sg96koexx7] {
    display: flex;
    align-items: center;
    gap: 1rem;
    min-width: 0;
    overflow: visible;
}

.toolbar-right[b-sg96koexx7] {
    flex-shrink: 0;
}

[b-sg96koexx7] .header-navigation-menu {
    --dxbl-menu-item-padding-x: 0.7rem;
    --dxbl-menu-item-padding-y: 0.4rem;
    overflow: visible;
}

    [b-sg96koexx7] .header-navigation-menu > ul {
        display: flex;
        align-items: center;
        gap: 0.35rem;
    }

        [b-sg96koexx7] .header-navigation-menu > ul > li > .dxbl-menu-item {
            border-radius: 999px;
            border: 1px solid transparent;
            background: transparent;
            font-weight: 600;
        }

            [b-sg96koexx7] .header-navigation-menu > ul > li > .dxbl-menu-item:hover,
            [b-sg96koexx7] .header-navigation-menu > ul > li.dxbl-menu-item-selected > .dxbl-menu-item,
            [b-sg96koexx7] .header-navigation-menu > ul > li.dx-state-hover > .dxbl-menu-item {
                border-color: color-mix(in srgb, var(--dxds-color-border-neutral-default-rest) 82%, transparent);
                background: color-mix(in srgb, var(--dxds-color-surface-neutral-default-rest) 90%, var(--dxbl-primary) 10%);
            }

    [b-sg96koexx7] .header-navigation-menu .dxbl-menu-item-text {
        white-space: nowrap;
    }

    [b-sg96koexx7] .header-navigation-menu .dxbl-menu-item .icon {
        opacity: 0.82;
    }

    [b-sg96koexx7] .header .dxbl-toolbar,
    [b-sg96koexx7] .header .dxbl-toolbar > .dxbl-toolbar-items,
    [b-sg96koexx7] .header .dxbl-toolbar .dxbl-toolbar-item,
    [b-sg96koexx7] .header .dxbl-toolbar .dxbl-toolbar-item-content,
    [b-sg96koexx7] .header-navigation-menu .dxbl-menu,
    [b-sg96koexx7] .header-navigation-menu .dxbl-menu-root {
        overflow: visible !important;
    }

    [b-sg96koexx7] .header-navigation-menu .dxbl-menu-submenu,
    [b-sg96koexx7] .header-navigation-menu .dxbl-menu-popup,
    [b-sg96koexx7] .header-navigation-menu .dxbl-menu-dropdown {
        z-index: 1200 !important;
    }

.group-brand-logo[b-sg96koexx7] {
    height: 1.7rem;
    width: auto;
    object-fit: contain;
    display: block;
}

.brand-badge[b-sg96koexx7] {
    display: inline-flex;
    align-items: center;
    min-height: 1.95rem;
    padding: 0.18rem 0.72rem;
    border-radius: 999px;
    border: 1px solid color-mix(in srgb, var(--dxds-color-border-neutral-default-rest) 82%, transparent);
    background: color-mix(in srgb, var(--dxds-color-surface-neutral-default-rest) 86%, var(--dxbl-primary) 14%);
    box-shadow: inset 0 1px 0 color-mix(in srgb, white 20%, transparent);
    color: var(--dxds-color-content-neutral-default-rest);
    font-family: var(--dxds-font-family-sans-serif);
    font-size: 0.9rem;
    font-weight: 600;
    letter-spacing: 0.01em;
    white-space: nowrap;
}

.avatar-item[b-sg96koexx7] {
    display: flex;
    align-items: center;
    cursor: pointer;
}

    .avatar-item .avatar-label[b-sg96koexx7] {
        padding: 0.5rem;
    }

.small-size .group-brand-logo[b-sg96koexx7] {
    height: 1.4rem;
}

.small-size .brand-badge[b-sg96koexx7] {
    min-height: 1.8rem;
    font-size: 0.8rem;
    padding-inline: 0.62rem;
}

.large-size .group-brand-logo[b-sg96koexx7] {
    height: 1.9rem;
}

.large-size .brand-badge[b-sg96koexx7] {
    min-height: 2.1rem;
    font-size: 0.94rem;
    padding-inline: 0.85rem;
}

.small-size .current-page-title[b-sg96koexx7] {
    max-width: min(20rem, 36vw);
    padding-inline: 0.65rem;
    font-size: 0.82rem;
}

.large-size .current-page-title[b-sg96koexx7] {
    font-size: 1rem;
}

@media (max-width: 900px) {
    .current-page-title[b-sg96koexx7] {
        max-width: 34vw;
        padding-inline: 0.55rem;
        font-size: 0.82rem;
    }
}

@media (max-width: 640px) {
    .current-page-title[b-sg96koexx7] {
        display: none;
    }
}

.content[b-sg96koexx7] {
    margin: 0 auto;
}

.main-content .module-content[b-sg96koexx7] {
    padding: var(--showcase-module-content-padding);
}

.module-content[b-sg96koexx7] {
    height: 100%;
    overflow: auto;
}

.module-content-full[b-sg96koexx7] {
    padding: var(--showcase-module-content-padding);
}

[b-sg96koexx7] .main-menu {
    width: 14.75rem;
    font-size: 0.94rem;
}

    [b-sg96koexx7] .main-menu [role="treeitem"][aria-level="1"] {
        font-weight: 500;
    }

[b-sg96koexx7] .main-menu-drawer {
    --dxbl-drawer-panel-body-padding-x: 0.85rem;
    --dxbl-drawer-panel-body-padding-y: 0.85rem;
}

[b-sg96koexx7] .main-menu .dxbl-tv-node {
    min-height: 2rem;
}

[b-sg96koexx7] .main-menu .dxbl-tv-text {
    line-height: 1.2rem;
}

[b-sg96koexx7] .main-menu [role="treeitem"][aria-level="2"] {
    margin-left: 0.15rem;
}

[b-sg96koexx7] .main-menu [role="treeitem"] .dxbl-tv-node-content {
    padding-block: 0.15rem;
}

[b-sg96koexx7] .crm-icon {
    mask-image: url("images/icons/person.svg");
}

[b-sg96koexx7] .hamburger-icon {
    mask-image: url("images/icons/navigation.svg");
}

[b-sg96koexx7] .header .dxbl-toolbar {
    min-height: 2.45rem;
}

    [b-sg96koexx7] .header .dxbl-toolbar .dxbl-btn,
    [b-sg96koexx7] .header .dxbl-toolbar .dxbl-toolbar-item {
        min-height: 2rem;
    }
/* /Components/Layout/UserAvatar.razor.rz.scp.css */
.avatar-container[b-ogadv9n1uz] {
    display: flex;
    border: 0.0625rem solid var(--dxds-color-border-neutral-default-rest);
    border-radius: 50%;
    overflow: hidden;
    align-items: center;
    justify-content: center;
}

    .avatar-container:hover[b-ogadv9n1uz] {
        cursor: pointer;
        border-color: var(--dxds-color-surface-primary-default-rest);
    }

    .avatar-container img[b-ogadv9n1uz] {
        max-width: 100%;
    }

.no-hover[b-ogadv9n1uz] {
    pointer-events: none;
}
/* /Components/Pages/Error.razor.rz.scp.css */
[b-d9rr6m9hj0] .text-danger {
    color: var(--dxds-color-surface-danger-default-rest);
}
/* /Components/VIEWS/Aceria/CalendarioFusion.razor.rz.scp.css */
/* =========================================================
   BASE DE PÁGINA
   ========================================================= */

.content-root[b-muczfcpvs1] {
    height: 100%;
    min-height: 0;
    overflow: hidden;
}

.page-layout[b-muczfcpvs1] {
    height: 100%;
    min-height: 0;
    overflow: hidden;
}

.layout-header[b-muczfcpvs1],
.layout-content[b-muczfcpvs1],
.layout-footer[b-muczfcpvs1] {
    min-width: 0;
    min-height: 0;
    overflow: hidden;
}

.layout-content[b-muczfcpvs1] {
    height: 100%;
}

.toolbar[b-muczfcpvs1] {
    padding: 0.5rem;
}

.card[b-muczfcpvs1],
.grid-wrapper[b-muczfcpvs1] {
    background-color: var(--dxds-color-surface-neutral-default-rest);
    border: 1px solid var(--dxds-color-border-neutral-default-rest);
    border-radius: 0.35rem;
}

.card[b-muczfcpvs1] {
    min-width: 0;
}

.grid-wrapper[b-muczfcpvs1] {
    height: 100%;
    min-height: 0;
    overflow: hidden;
}

[b-muczfcpvs1] .grid-calendario {
    height: 100%;
    max-height: 100%;
}


/* =========================================================
   FOOTER / LEYENDA
   ========================================================= */

.calendar-legend-footer[b-muczfcpvs1] {
    display: flex;
    align-items: center;
    gap: 1rem;
    padding: 0.45rem 0.85rem;
    flex-wrap: wrap;
    background-color: var(--dxds-color-surface-neutral-default-rest);
    border: 1px solid var(--dxds-color-border-neutral-default-rest);
    border-radius: 0.35rem;
    color: inherit;
}

.legend-title[b-muczfcpvs1] {
    font-weight: 600;
}

.legend-item[b-muczfcpvs1] {
    display: inline-flex;
    align-items: center;
    gap: 0.45rem;
    font-size: 0.85rem;
}

.legend-color[b-muczfcpvs1] {
    width: 12px;
    height: 12px;
    border-radius: 50%;
    border: 1px solid var(--dxds-color-border-neutral-default-rest);
}


/* =========================================================
   CALENDARIO FUSIÓN HORNO - BADGES POR TIPO SEMI
   ========================================================= */

.grid-badge[b-muczfcpvs1] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 44px;
    min-height: 17px;
    padding: 2px 7px;
    border-radius: 4px;
    font-size: 11px;
    font-weight: 800;
    line-height: 1;
    vertical-align: middle;
}

.hora-inactiva[b-muczfcpvs1] {
    background: transparent;
}

[b-muczfcpvs1] .tipo-bb,
.tipo-bb[b-muczfcpvs1] {
    background-color: #d9d9d9 !important;
    color: #1f1f1f !important;
}

[b-muczfcpvs1] .tipo-p140,
.tipo-p140[b-muczfcpvs1] {
    background-color: #f4a6a6 !important;
    color: #1f1f1f !important;
}

[b-muczfcpvs1] .tipo-p160,
.tipo-p160[b-muczfcpvs1] {
    background-color: #b9e6b9 !important;
    color: #1f1f1f !important;
}

[b-muczfcpvs1] .tipo-sin-definir,
.tipo-sin-definir[b-muczfcpvs1] {
    background-color: #ffd966 !important;
    color: #1f1f1f !important;
}


/* =========================================================
   POPUP EDICIÓN CALENDARIO
   ========================================================= */

[b-muczfcpvs1] .calendar-edit-popup {
    width: 760px !important;
    max-width: 94vw !important;
}

[b-muczfcpvs1] .calendar-edit-form {
    width: 100%;
}

    [b-muczfcpvs1] .calendar-edit-form .dxbl-fl-cpt {
        min-width: 42px;
        font-weight: 600;
    }

[b-muczfcpvs1] .calendar-hour-editor {
    display: grid;
    grid-template-columns: 26px 110px;
    align-items: center;
    gap: 0.5rem;
}

    [b-muczfcpvs1] .calendar-hour-editor .dxbl-combobox,
    [b-muczfcpvs1] .calendar-hour-editor .dxbl-text-edit {
        width: 110px !important;
        min-width: 110px !important;
    }

[b-muczfcpvs1] .calendar-edit-popup .dxbl-modal-body {
    padding: 1.25rem 1.5rem;
}

/* =========================================================
   CARGA MASIVA
   ========================================================= */

.upload-box[b-muczfcpvs1] {
    display: grid;
    gap: 0.75rem;
}

.upload-help[b-muczfcpvs1] {
    font-size: 0.85rem;
    opacity: 0.75;
}


/* =========================================================
   POPUP LISTADO TUNDISH
   ========================================================= */

.tundish-popup-body[b-muczfcpvs1] {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 0.75rem;
    height: 100%;
}

.tundish-panel[b-muczfcpvs1] {
    min-width: 0;
    border: 1px solid var(--dxds-color-border-neutral-default-rest);
    border-radius: 6px;
    padding: 0.6rem;
}

    .tundish-panel legend[b-muczfcpvs1],
    .tundish-info legend[b-muczfcpvs1] {
        padding: 0 0.35rem;
        font-size: 0.85rem;
        color: var(--dxds-color-content-neutral-secondary-rest);
    }

[b-muczfcpvs1] .grid-tundish {
    height: 330px;
}

.tundish-info[b-muczfcpvs1] {
    grid-column: 1 / -1;
    border: 1px solid var(--dxds-color-border-neutral-default-rest);
    border-radius: 6px;
    padding: 0.75rem;
    font-size: 0.85rem;
    color: var(--dxds-color-content-neutral-default-rest);
}


/* =========================================================
   ICONOS CUSTOM
   ========================================================= */

[b-muczfcpvs1] .column-chooser-icon {
    mask-image: url("images/icons/column-chooser.svg");
}

[b-muczfcpvs1] .export-icon {
    mask-image: url("images/icons/arrow-export-up.svg");
}

[b-muczfcpvs1] .upload-icon {
    mask-image: url("images/icons/upload.svg");
}

[b-muczfcpvs1] .list-icon {
    mask-image: url("images/icons/list.svg");
}

[b-muczfcpvs1] .change-icon {
    mask-image: url("images/icons/change.svg");
}
/* /Components/VIEWS/Aceria/ConfiguracionTundish.razor.rz.scp.css */
.content-root[b-yjtlao4kgb],
.page-layout[b-yjtlao4kgb],
.layout-content[b-yjtlao4kgb],
.grid-wrapper[b-yjtlao4kgb],
.config-splitter[b-yjtlao4kgb] {
    height: 100%;
    min-height: 0;
    overflow: hidden;
}

.layout-header[b-yjtlao4kgb],
.layout-content[b-yjtlao4kgb] {
    min-width: 0;
}

.toolbar[b-yjtlao4kgb] {
    position: relative;
    padding: 8px 10px;
    overflow: hidden;
}

.card[b-yjtlao4kgb],
.grid-wrapper[b-yjtlao4kgb] {
    background-color: var(--dxds-color-surface-neutral-default-rest);
    border: 1px solid var(--dxds-color-border-neutral-default-rest);
    border-radius: 8px;
}


/* =========================================================
   DEVEXPRESS FORM LAYOUT COMPACTO
   Compatible con tema Fluent
   ========================================================= */

[b-yjtlao4kgb] .form-layout-compact {
    width: 100%;
    min-width: 0;
}

/* Reduce espacio interno del grid del grupo */
[b-yjtlao4kgb] .dxbl-fl .dxbl-fl-gd {
    gap: 4px 6px;
    margin-right: -25px;
}

/* Reduce separación entre grupos */
[b-yjtlao4kgb] .form-layout-compact .dxbl-fl {
    width: 100%;
    min-width: 0;
    column-gap: 6px !important;
    row-gap: 4px !important;
    margin-right: -25px;
}

/* Card del grupo */
[b-yjtlao4kgb] .form-layout-compact .dxbl-fl-g {
    padding: 4px 6px 6px;
    border-radius: 7px;
}

/* Título del grupo: Filtros / Operaciones */
[b-yjtlao4kgb] .form-layout-compact .dxbl-fl-gc {
    font-size: 11px;
    font-weight: 700;
    line-height: 1;
    padding: 0 4px;
    margin-bottom: 1px;
}

/* Reduce espacio interno del grid del grupo */
[b-yjtlao4kgb] .form-layout-compact .dxbl-fl-g > .dxbl-fl-gd {
    gap: 4px 6px;
}

/* Caption de cada item */
[b-yjtlao4kgb] .form-layout-compact .dxbl-fl-cpt {
    font-size: 10px;
    font-weight: 700;
    line-height: 1;
}

/* Item */
[b-yjtlao4kgb] .form-layout-compact .dxbl-fl-i {
    margin-bottom: 2px;
}

/* Contenedor del control */
[b-yjtlao4kgb] .form-layout-compact .dxbl-fl-ctrl {
    min-width: 0;
}

/* Inputs y botones */
[b-yjtlao4kgb] .form-layout-compact .dxbl-edit,
[b-yjtlao4kgb] .form-layout-compact .dxbl-btn {
    min-height: 26px;
}

/* Texto interno */
[b-yjtlao4kgb] .form-layout-compact .dxbl-edit-input {
    font-size: 12px;
    padding-top: 2px;
    padding-bottom: 2px;
}

/* Botones */
[b-yjtlao4kgb] .form-layout-compact .dxbl-btn {
    padding: 2px 9px;
    font-size: 11px;
    line-height: 1.1;
}

/* CheckBox */
[b-yjtlao4kgb] .form-layout-compact .dxbl-checkbox {
    min-height: 26px;
    align-items: center;
}






/* =========================================================
   HEADER / TOOLBAR
   ========================================================= */

.toolbar-shell[b-yjtlao4kgb] {
    display: grid;
    grid-template-columns: minmax(320px, 0.95fr) minmax(320px, 0.95fr) minmax(420px, 1.05fr) minmax(520px, 1.35fr);
    gap: 8px;
    align-items: stretch;
    width: 100%;
    min-width: 0;
}

.toolbar-card[b-yjtlao4kgb] {
    position: relative;
    min-width: 0;
    min-height: 0;
    border: 1px solid #d9dee8;
    border-radius: 10px;
    background: #fff;
    padding: 6px 8px;
    overflow: hidden;
}

.toolbar-row[b-yjtlao4kgb] {
    display: flex;
    align-items: flex-end;
    gap: 8px;
    min-width: 0;
    flex-wrap: wrap;
}

.toolbar-row-bottom[b-yjtlao4kgb] {
    margin-top: 5px;
}

.toolbar-card-title[b-yjtlao4kgb] {
    margin-bottom: 5px;
    font-size: 11px;
    font-weight: 800;
    color: #334155;
    line-height: 1;
}

.toolbar-field[b-yjtlao4kgb] {
    min-width: 0;
}

    .toolbar-field label[b-yjtlao4kgb],
    .toolbar-field span[b-yjtlao4kgb] {
        display: block;
        margin-bottom: 4px;
        color: #475467;
        font-size: 11px;
        font-weight: 700;
        line-height: 1;
    }

.toolbar-field-date[b-yjtlao4kgb] {
    width: 108px;
}

.toolbar-field-version[b-yjtlao4kgb] {
    width: 190px;
    min-width: 170px;
}

.toolbar-field-estandar[b-yjtlao4kgb] {
    width: 210px;
    min-width: 180px;
}

.toolbar-action-slot[b-yjtlao4kgb] {
    display: flex;
    align-items: flex-end;
    min-height: 42px;
}

.toolbar-action-slot-main[b-yjtlao4kgb] {
    margin-left: 0;
}

.toolbar-actions-row[b-yjtlao4kgb] {
    justify-content: flex-start;
    align-items: center;
    gap: 8px;
    flex-wrap: wrap;
}

/* =========================================================
   COMBOBOX COMPACTO
   ========================================================= */

[b-yjtlao4kgb] .combo-compact .dxbl-edit-input {
    font-size: 8px;
    line-height: 1.1;
    padding-top: 2px;
    padding-bottom: 2px;
}

/* Texto seleccionado */
[b-yjtlao4kgb] .combo-compact .dxbl-edit-display-text {
    font-size: 8px;
}

/* Botón dropdown */
[b-yjtlao4kgb] .combo-compact .dxbl-btn {
    min-width: 24px;
    width: 24px;
}

/* Altura general */
[b-yjtlao4kgb] .combo-compact .dxbl-edit {
    min-height: 26px;
}

/* Popup items */
[b-yjtlao4kgb] .dxbl-dropdown .dxbl-listbox-item {
    font-size: 8px;
    padding-top: 3px;
    padding-bottom: 4px;
}

/* =========================================================
   CARD CONFIGURACION
   ========================================================= */

.toolbar-card-produccion[b-yjtlao4kgb] {
    padding: 6px 8px;
    overflow: hidden;
}

    .toolbar-card-produccion table[b-yjtlao4kgb] {
        width: 100%;
        table-layout: fixed;
        font-size: 10px;
    }

    .toolbar-card-produccion th[b-yjtlao4kgb],
    .toolbar-card-produccion td[b-yjtlao4kgb] {
        padding: 2px 4px;
        line-height: 1.1;
        white-space: nowrap;
        width: 50px;
    }

        .toolbar-card-produccion th:first-child[b-yjtlao4kgb],
        .toolbar-card-produccion td:first-child[b-yjtlao4kgb] {
            width: 90px;
        }




/* =========================================================
   ESTADO VERSION
   ========================================================= */

.toolbar-card-kpis .estado-version[b-yjtlao4kgb] {
    top: 8px;
    right: 8px;
}

.estado-version[b-yjtlao4kgb] {
    position: absolute;
    top: 10px;
    right: 12px;
    width: 14px;
    height: 14px;
    border-radius: 50%;
    font-size: 0;
    color: transparent;
    pointer-events: auto;
    z-index: 2;
}

    .estado-version[b-yjtlao4kgb]::before {
        content: "";
        display: block;
        width: 100%;
        height: 100%;
        border-radius: 50%;
    }

.estado-ok[b-yjtlao4kgb] {
    background: #e9f8ef;
    border: 1px solid #8fd8af;
}

    .estado-ok[b-yjtlao4kgb]::before {
        background: #22a06b;
    }

.estado-warning[b-yjtlao4kgb] {
    background: #ffefee;
    border: 1px solid #f0a8a1;
    animation: pulse-unsaved-b-yjtlao4kgb 1.6s ease-in-out infinite;
}

    .estado-warning[b-yjtlao4kgb]::before {
        background: #d92d20;
    }

@keyframes pulse-unsaved-b-yjtlao4kgb {
    0%, 100% {
        box-shadow: 0 0 0 0 rgba(217, 45, 32, .36);
    }

    60% {
        box-shadow: 0 0 0 8px rgba(217, 45, 32, 0);
    }
}

/* =========================================================
   BODY
   ========================================================= */

.pane-content[b-yjtlao4kgb] {
    height: 100%;
    min-height: 0;
    overflow: auto;
    padding: 8px;
    background-color: var(--dxds-color-surface-neutral-default-rest);
    color: var(--dxds-color-content-neutral-default-rest);
}

.tundish-pane[b-yjtlao4kgb],
.detail-grid[b-yjtlao4kgb] {
    overflow: hidden;
}

.tundish-list[b-yjtlao4kgb] {
    height: 100%;
    min-height: 0;
    overflow: auto;
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(560px, 1fr));
    gap: 12px;
    align-content: start;
}

[b-yjtlao4kgb] .tundish-list .tundish-card {
    margin-bottom: 0;
    padding: 10px;
}

[b-yjtlao4kgb] .tundish-list .tundish-head {
    grid-template-columns: minmax(290px, 1fr) repeat(3, minmax(80px, auto)) 84px;
    gap: 10px;
}

[b-yjtlao4kgb] .tundish-list .metric {
    padding: 6px 8px;
    border-radius: 6px;
}

    [b-yjtlao4kgb] .tundish-list .metric strong {
        font-size: 13px;
        font-weight: 700;
    }

[b-yjtlao4kgb] .tundish-list .tundish-body {
    grid-template-columns: minmax(330px, 1fr) 240px;
    gap: 10px;
}

[b-yjtlao4kgb] .tundish-list .rendimiento-grid {
    min-width: 240px;
    font-size: 12px;
}

    [b-yjtlao4kgb] .tundish-list .rendimiento-grid > div {
        padding: 4px 7px;
        line-height: 1.2;
        font-weight: 600;
    }

.right-pane[b-yjtlao4kgb] {
    display: grid;
    grid-template-rows: auto 1fr;
    gap: 10px;
}

.pane-title[b-yjtlao4kgb] {
    padding: 5px 8px;
    margin: -8px -8px 8px;
    font-size: 12px;
    font-weight: 700;
    color: var(--dxds-color-content-neutral-default-rest);
    background-color: var(--dxds-color-surface-neutral-secondary-rest);
    border-bottom: 1px solid var(--dxds-color-border-neutral-default-rest);
}

/* =========================================================
   TABLAS COMPACTAS - LIGHT / DARK DEVEXPRESS FLUENT
   ========================================================= */

.compact-table[b-yjtlao4kgb] {
    width: 100%;
    overflow: hidden;
    color: var(--dxbl-color, inherit);
}

    .compact-table table[b-yjtlao4kgb] {
        width: 100%;
        border-collapse: collapse;
        table-layout: fixed;
        font-size: 10px;
    }

    .compact-table th[b-yjtlao4kgb],
    .compact-table td[b-yjtlao4kgb] {
        border: 1px solid var(--dxbl-border-color, var(--dxds-color-border-neutral-default-rest));
        padding: 2px 4px;
        line-height: 1.05;
        vertical-align: middle;
        white-space: nowrap;
    }

    .compact-table th[b-yjtlao4kgb] {
        background-color: var(--dxbl-grid-header-bg, var(--dxds-color-surface-neutral-default-rest));
        color: var(--dxbl-color, inherit);
        font-weight: 700;
        text-align: center;
    }

    .compact-table td[b-yjtlao4kgb] {
        background-color: var(--dxds-color-surface-neutral-default-rest);
        color: var(--dxbl-color, inherit);
        text-align: right;
        font-weight: 400;
        font-variant-numeric: tabular-nums;
    }

        .compact-table th:first-child[b-yjtlao4kgb],
        .compact-table td:first-child[b-yjtlao4kgb] {
            width: 80px;
            text-align: left;
        }

        .compact-table th:nth-child(2)[b-yjtlao4kgb],
        .compact-table td:nth-child(2)[b-yjtlao4kgb] {
            width: 38px;
            text-align: center;
        }

        .compact-table th:nth-child(3)[b-yjtlao4kgb],
        .compact-table td:nth-child(3)[b-yjtlao4kgb],
        .compact-table th:nth-child(4)[b-yjtlao4kgb],
        .compact-table td:nth-child(4)[b-yjtlao4kgb],
        .compact-table th:nth-child(5)[b-yjtlao4kgb],
        .compact-table td:nth-child(5)[b-yjtlao4kgb] {
            width: 55px;
        }

        .compact-table td.bb1[b-yjtlao4kgb],
        .compact-table th.bb1[b-yjtlao4kgb] {
            color: #c084fc;
            font-weight: 700;
        }

        .compact-table td.bb2[b-yjtlao4kgb],
        .compact-table th.bb2[b-yjtlao4kgb] {
            color: #38bdf8;
            font-weight: 700;
        }

        .compact-table td.bb3[b-yjtlao4kgb],
        .compact-table th.bb3[b-yjtlao4kgb] {
            color: #4ade80;
            font-weight: 700;
        }





/* =========================================================
   NECESIDAD / KPIS - LIGHT / DARK DEVEXPRESS FLUENT
   ========================================================= */

.necesidad-panel[b-yjtlao4kgb] {
    width: 100%;
    min-width: 0;
    display: grid;
    grid-template-rows: auto auto;
    gap: 6px;
}

/* Primera fila: BB1, BB2, BB3, Total, Col.Totales */
.need-strip[b-yjtlao4kgb],
.need-strip-header[b-yjtlao4kgb] {
    display: grid;
    grid-template-columns: repeat(5, minmax(96px, 1fr));
    gap: 6px;
    padding: 0;
    width: 100%;
    min-width: 0;
}

/* Segunda fila: solo 5 indicadores */
.summary-row[b-yjtlao4kgb],
.summary-row.summary-row-top[b-yjtlao4kgb] {
    display: grid;
    grid-template-columns: repeat(5, minmax(96px, 1fr));
    gap: 6px;
    margin: 0;
    width: 100%;
    min-width: 0;
}

    /* Base común para todos los indicadores */
    .kpi.need[b-yjtlao4kgb],
    .summary-row.summary-row-top > div[b-yjtlao4kgb] {
        min-width: 0;
        min-height: 36px;
        padding: 6px 8px;
        border: 1px solid var(--dxds-color-border-neutral-default-rest);
        border-radius: 7px;
        background-color: var(--dxds-color-surface-neutral-default-rest);
        color: var(--dxds-color-content-neutral-default-rest);
        display: flex;
        align-items: center;
        justify-content: space-between;
        gap: 8px;
    }

        .kpi.need span[b-yjtlao4kgb],
        .kpi.need strong[b-yjtlao4kgb],
        .summary-row.summary-row-top span[b-yjtlao4kgb],
        .summary-row.summary-row-top strong[b-yjtlao4kgb] {
            margin: 0;
            line-height: 1;
            white-space: nowrap;
        }

        .kpi.need span[b-yjtlao4kgb],
        .summary-row.summary-row-top span[b-yjtlao4kgb] {
            font-size: 10px;
            font-weight: 700;
            color: var(--dxds-color-content-neutral-subtle-rest);
            overflow: hidden;
            text-overflow: ellipsis;
        }

        .kpi.need strong[b-yjtlao4kgb],
        .summary-row.summary-row-top strong[b-yjtlao4kgb] {
            font-size: 13px;
            font-weight: 800;
            color: var(--dxds-color-content-neutral-default-rest);
            text-align: right;
            font-variant-numeric: tabular-nums;
        }

        /* Solo BB1 / BB2 / BB3 llevan color */
        .kpi.need.bb1 span[b-yjtlao4kgb],
        .kpi.need.bb1 strong[b-yjtlao4kgb] {
            color: #c084fc;
        }

        .kpi.need.bb2 span[b-yjtlao4kgb],
        .kpi.need.bb2 strong[b-yjtlao4kgb] {
            color: #38bdf8;
        }

        .kpi.need.bb3 span[b-yjtlao4kgb],
        .kpi.need.bb3 strong[b-yjtlao4kgb] {
            color: #4ade80;
        }

        /* Total y Col.Totales neutros */
        .kpi.need.total span[b-yjtlao4kgb],
        .kpi.need.total strong[b-yjtlao4kgb],
        .kpi.need.neutral span[b-yjtlao4kgb],
        .kpi.need.neutral strong[b-yjtlao4kgb] {
            color: var(--dxds-color-content-neutral-default-rest);
        }

/* Responsive */
@media (max-width: 1400px) {
    .need-strip[b-yjtlao4kgb],
    .need-strip-header[b-yjtlao4kgb],
    .summary-row[b-yjtlao4kgb],
    .summary-row.summary-row-top[b-yjtlao4kgb] {
        grid-template-columns: repeat(3, minmax(110px, 1fr));
    }
}

@media (max-width: 900px) {
    .need-strip[b-yjtlao4kgb],
    .need-strip-header[b-yjtlao4kgb],
    .summary-row[b-yjtlao4kgb],
    .summary-row.summary-row-top[b-yjtlao4kgb] {
        grid-template-columns: repeat(2, minmax(120px, 1fr));
    }
}


/* =========================================================
   GRID DETALLE NECESIDAD
   Alto ajustado al panel, sin reducir fuente
   ========================================================= */

.detail-grid-panel[b-yjtlao4kgb] {
    height: 100%;
    min-height: 0;
    display: grid;
    grid-template-rows: auto 1fr;
    overflow: hidden;
}

[b-yjtlao4kgb] .grid-detalle-necesidad {
    height: 100%;
    min-height: 0;
}

    [b-yjtlao4kgb] .grid-detalle-necesidad .dxbl-grid {
        height: 100%;
        min-height: 0;
    }

    /* Mantiene fuente normal del tema */
    [b-yjtlao4kgb] .grid-detalle-necesidad .dxbl-grid-table > thead > tr > th,
    [b-yjtlao4kgb] .grid-detalle-necesidad .dxbl-grid-table > tbody > tr > td {
        white-space: nowrap;
        font-variant-numeric: tabular-nums;
    }

    /* =========================================================
   SOLO COLUMNA CALIDAD
   ========================================================= */

    [b-yjtlao4kgb] .grid-detalle-necesidad td.calidad-s275-h {
        background-color: #00ccff !important;
        color: #111 !important;
        font-weight: 700;
    }

    [b-yjtlao4kgb] .grid-detalle-necesidad td.calidad-s355-ti {
        background-color: #e11d48 !important;
        color: #fff !important;
        font-weight: 700;
    }

    [b-yjtlao4kgb] .grid-detalle-necesidad td.calidad-s355-v {
        background-color: #70ad47 !important;
        color: #111 !important;
        font-weight: 700;
    }

    [b-yjtlao4kgb] .grid-detalle-necesidad td.calidad-s355-w {
        background-color: #f1a983 !important;
        color: #111 !important;
        font-weight: 700;
    }

    [b-yjtlao4kgb] .grid-detalle-necesidad td.calidad-s460-a,
    [b-yjtlao4kgb] .grid-detalle-necesidad td.calidad-s460 {
        background-color: #ffc000 !important;
        color: #111 !important;
        font-weight: 700;
    }

    [b-yjtlao4kgb] .grid-detalle-necesidad td.calidad-s275-ti {
        background-color: #ffff00 !important;
        color: #111 !important;
        font-weight: 700;
    }





/* =========================================================
   UTILIDADES
   ========================================================= */

.hidden-col[b-yjtlao4kgb] {
    display: none;
}

.sr-only[b-yjtlao4kgb] {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    border: 0;
}


/* =========================================================
   GRID DISTRIBUCION
   Compatible Light / Dark
   ========================================================= */

[b-yjtlao4kgb] .grid-distribucion {
    height: 100%;
    min-height: 0;
}

    [b-yjtlao4kgb] .grid-distribucion .dxbl-grid {
        height: 100%;
        min-height: 0;
    }

    /* =========================================================
   HEADERS
   ========================================================= */

    [b-yjtlao4kgb] .grid-distribucion .dxbl-grid-table > thead > tr > th {
        white-space: nowrap;
        font-variant-numeric: tabular-nums;
        font-weight: 700;
    }

    /* =========================================================
   CELDAS
   ========================================================= */

    [b-yjtlao4kgb] .grid-distribucion .dxbl-grid-table > tbody > tr > td {
        white-space: nowrap;
        font-variant-numeric: tabular-nums;
    }

    /* =========================================================
   COLUMNAS POR CALIDAD
   SOLO COLUMNA
   ========================================================= */

    /* S275-H */
    [b-yjtlao4kgb] .grid-distribucion .col-s275-h {
        background-color: #00ccff !important;
        color: #111 !important;
        font-weight: 700;
    }

    /* S355-TI */
    [b-yjtlao4kgb] .grid-distribucion .col-s355-ti {
        background-color: #e11d48 !important;
        color: #fff !important;
        font-weight: 700;
    }

    /* S355-V */
    [b-yjtlao4kgb] .grid-distribucion .col-s355-v {
        background-color: #70ad47 !important;
        color: #111 !important;
        font-weight: 700;
    }

    /* S355-W */
    [b-yjtlao4kgb] .grid-distribucion .col-s355-w {
        background-color: #f3819a !important;
        color: #111 !important;
        font-weight: 700;
    }

    /* S460-A */
    [b-yjtlao4kgb] .grid-distribucion .col-s460-a {
        background-color: #ffc000 !important;
        color: #111 !important;
        font-weight: 700;
    }

    /* S275-TI */
    [b-yjtlao4kgb] .grid-distribucion .col-s275-ti {
        background-color: #ffff00 !important;
        color: #111 !important;
        font-weight: 700;
    }

    [b-yjtlao4kgb] .grid-distribucion .distribucion-exceso-especial {
        box-shadow: inset 0 0 0 2px #f59e0b, inset 0 -3px 0 #f59e0b;
        font-weight: 800;
    }


/* =========================================================
   RESPONSIVE
   ========================================================= */

@media (max-width: 1900px) {
    .toolbar-shell[b-yjtlao4kgb] {
        grid-template-columns: minmax(320px, 1fr) minmax(320px, 1fr) minmax(420px, 1.1fr);
    }

    .toolbar-card-kpis[b-yjtlao4kgb] {
        grid-column: 1 / -1;
    }

    .summary-row.summary-row-top[b-yjtlao4kgb] {
        grid-template-columns: repeat(6, minmax(110px, 1fr));
    }
}

@media (max-width: 1400px) {
    .toolbar-shell[b-yjtlao4kgb] {
        grid-template-columns: 1fr 1fr;
    }

    .toolbar-card-kpis[b-yjtlao4kgb] {
        grid-column: 1 / -1;
    }

    .toolbar-row[b-yjtlao4kgb] {
        flex-wrap: wrap;
    }

    .toolbar-actions-row[b-yjtlao4kgb] {
        justify-content: flex-start;
    }

    .need-strip-header[b-yjtlao4kgb] {
        grid-template-columns: repeat(4, minmax(90px, 1fr));
    }

    .summary-row.summary-row-top[b-yjtlao4kgb] {
        grid-template-columns: repeat(3, minmax(120px, 1fr));
    }

    .tundish-list[b-yjtlao4kgb] {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 900px) {
    .toolbar-shell[b-yjtlao4kgb] {
        grid-template-columns: 1fr;
    }

    .need-strip-header[b-yjtlao4kgb] {
        grid-template-columns: repeat(2, minmax(100px, 1fr));
    }

    .summary-row.summary-row-top[b-yjtlao4kgb] {
        grid-template-columns: repeat(2, minmax(120px, 1fr));
    }
}


/* =========================================================
   POPUP CONFIGURACION - TABLA TAMAÑO NORMAL
   Sobrescribe la versión compacta solo dentro del DxPopup
   ========================================================= */

.compact-table.popup-config-table[b-yjtlao4kgb] {
    padding: 4px 2px;
}

    .compact-table.popup-config-table table[b-yjtlao4kgb] {
        font-size: 14px;
    }

    .compact-table.popup-config-table th[b-yjtlao4kgb],
    .compact-table.popup-config-table td[b-yjtlao4kgb] {
        padding: 8px 12px;
        line-height: 1.35;
    }

    .compact-table.popup-config-table th[b-yjtlao4kgb] {
        font-size: 13px;
        letter-spacing: 0.3px;
        text-transform: uppercase;
    }

        .compact-table.popup-config-table th:first-child[b-yjtlao4kgb],
        .compact-table.popup-config-table td:first-child[b-yjtlao4kgb] {
            width: 130px;
        }

        .compact-table.popup-config-table th:nth-child(2)[b-yjtlao4kgb],
        .compact-table.popup-config-table td:nth-child(2)[b-yjtlao4kgb] {
            width: 60px;
        }

        .compact-table.popup-config-table th:nth-child(3)[b-yjtlao4kgb],
        .compact-table.popup-config-table td:nth-child(3)[b-yjtlao4kgb],
        .compact-table.popup-config-table th:nth-child(4)[b-yjtlao4kgb],
        .compact-table.popup-config-table td:nth-child(4)[b-yjtlao4kgb],
        .compact-table.popup-config-table th:nth-child(5)[b-yjtlao4kgb],
        .compact-table.popup-config-table td:nth-child(5)[b-yjtlao4kgb] {
            width: 90px;
            font-size: 14px;
            font-weight: 600;
        }

    .compact-table.popup-config-table td.total-cuchara[b-yjtlao4kgb] {
        font-size: 15px;
        font-weight: 700;
        text-align: center;
    }

[b-yjtlao4kgb] .popup-configuracion .dxbl-popup-content {
    padding: 14px 18px;
}

[b-yjtlao4kgb] .popup-configuracion .dxbl-popup-header {
    font-size: 15px;
    font-weight: 700;
    padding: 10px 16px;
}
/* /Components/VIEWS/Aceria/CostesEnergeticos.razor.rz.scp.css */
.costes-root[b-a9r7i49gkp] {
    height: 100%;
    min-height: 0;
    overflow: hidden;
}

.costes-layout[b-a9r7i49gkp] {
    height: 100%;
    min-height: 0;
    overflow: hidden;
}

.costes-header[b-a9r7i49gkp],
.costes-content[b-a9r7i49gkp],
.costes-footer[b-a9r7i49gkp] {
    min-width: 0;
    min-height: 0;
    overflow: hidden;
}

.costes-content[b-a9r7i49gkp] {
    height: 100%;
    padding: 0.45rem 0;
}

.costes-toolbar-card[b-a9r7i49gkp],
.costes-grid-card[b-a9r7i49gkp],
.costes-legend[b-a9r7i49gkp] {
    background: var(--dxds-color-surface-neutral-default-rest);
    border: 1px solid var(--dxds-color-border-neutral-default-rest);
    border-radius: 0.35rem;
    color: var(--dxds-color-content-neutral-default-rest);
}

.costes-grid-card[b-a9r7i49gkp] {
    height: 100%;
    min-height: 0;
    overflow: hidden;
}

[b-a9r7i49gkp] .costes-grid {
    height: 100%;
    max-height: 100%;
}

[b-a9r7i49gkp] .costes-master-grid .dxbl-grid-table {
    table-layout: fixed;
}

.fecha-resumen[b-a9r7i49gkp] {
    display: flex;
    align-items: center;
    gap: 0.9rem;
    min-height: 28px;
    padding: 0.1rem 0.25rem;
    font-size: 0.78rem;
}

[b-a9r7i49gkp] .costes-master-grid td:has(.fecha-resumen) {
    padding-top: 2px;
    padding-bottom: 2px;
}

.fecha-resumen-item[b-a9r7i49gkp] {
    white-space: nowrap;
}

.fecha-principal[b-a9r7i49gkp] {
    font-size: 0.84rem;
    font-weight: 700;
}

.usuario-edicion[b-a9r7i49gkp] {
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
}

.semaforo[b-a9r7i49gkp] {
    display: grid;
    width: 14px;
    height: 14px;
    flex: 0 0 14px;
    margin-left: auto;
    place-items: center;
    border: 2px solid var(--dxds-color-surface-neutral-default-rest);
    border-radius: 50%;
    box-shadow: 0 0 0 3px color-mix(in srgb, currentColor 18%, transparent), 0 2px 7px color-mix(in srgb, currentColor 42%, transparent);
}

    .semaforo[b-a9r7i49gkp]::after {
        width: 4px;
        height: 4px;
        content: "";
        background: rgb(255 255 255 / 65%);
        border-radius: 50%;
        transform: translate(-1px, -1px);
    }

.semaforo-verde[b-a9r7i49gkp] {
    color: var(--dxds-color-content-success-default-rest);
    background: var(--dxds-color-content-success-default-rest);
}

.semaforo-rojo[b-a9r7i49gkp] {
    color: var(--dxds-color-content-danger-default-rest);
    background: var(--dxds-color-content-danger-default-rest);
}

.fecha-detalle[b-a9r7i49gkp] {
    display: block;
    width: 100%;
    max-width: 100%;
    min-width: 0;
    padding: 0.15rem 0.25rem 0.35rem;
    overflow: hidden;
}

[b-a9r7i49gkp] .costes-detail-grid {
    width: 100%;
    max-width: 100%;
    font-size: 0.75rem;
}

.costes-options[b-a9r7i49gkp] {
    display: grid;
    grid-template-columns: auto 1fr;
    align-items: center;
    gap: 0.8rem;
    padding: 0 0.75rem 0.45rem;
    border-top: 1px solid var(--dxds-color-border-neutral-subtle-rest);
}

[b-a9r7i49gkp] .costes-tabs {
    min-width: 245px;
}

.magnitudes-toggle[b-a9r7i49gkp] {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 0.75rem;
    flex-wrap: wrap;
    padding-top: 0.35rem;
}

.toggle-title[b-a9r7i49gkp] {
    font-weight: 650;
}

.toggle-item[b-a9r7i49gkp] {
    display: inline-flex;
    align-items: center;
    gap: 0.3rem;
    font-size: 0.78rem;
    white-space: nowrap;
}

.costes-status[b-a9r7i49gkp] {
    display: flex;
    align-items: center;
    gap: 0.55rem;
    min-height: 34px;
    margin: 0 0.75rem 0.6rem;
    padding: 0.4rem 0.7rem;
    border: 1px solid;
    border-radius: 0.35rem;
    font-size: 0.83rem;
    font-weight: 600;
}

.status-dot[b-a9r7i49gkp] {
    width: 9px;
    height: 9px;
    flex: 0 0 auto;
    border-radius: 50%;
    background: currentColor;
}

.status-info[b-a9r7i49gkp] {
    color: var(--dxds-color-content-accent-default-rest);
    background: var(--dxds-color-surface-accent-subtle-rest);
    border-color: var(--dxds-color-border-accent-subtle-rest);
}

.status-ok[b-a9r7i49gkp] {
    color: var(--dxds-color-content-success-default-rest);
    background: var(--dxds-color-surface-success-subtle-rest);
    border-color: var(--dxds-color-border-success-subtle-rest);
}

.status-warning[b-a9r7i49gkp] {
    color: var(--dxds-color-content-warning-default-rest);
    background: var(--dxds-color-surface-warning-subtle-rest);
    border-color: var(--dxds-color-border-warning-subtle-rest);
}

.status-error[b-a9r7i49gkp] {
    color: var(--dxds-color-content-danger-default-rest);
    background: var(--dxds-color-surface-danger-subtle-rest);
    border-color: var(--dxds-color-border-danger-subtle-rest);
}

.magnitud-label[b-a9r7i49gkp] {
    font-size: 0.73rem;
    font-weight: 600;
}

.periodo-cell[b-a9r7i49gkp] {
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 24px;
    margin: -3px -5px;
    padding: 2px;
    border-radius: 3px;
}

.periodo-incidencia[b-a9r7i49gkp] {
    outline: 2px solid var(--dxds-color-border-danger-default-rest);
    outline-offset: -2px;
    background: var(--dxds-color-surface-danger-subtle-rest);
}

.horno-activo[b-a9r7i49gkp] {
    background: var(--dxds-color-surface-success-subtle-rest);
    box-shadow: inset 0 0 0 1px var(--dxds-color-border-success-subtle-rest);
}

.value-badge[b-a9r7i49gkp],
.tipo-badge[b-a9r7i49gkp],
.check-badge[b-a9r7i49gkp] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 46px;
    min-height: 18px;
    padding: 1px 5px;
    border: 1px solid transparent;
    border-radius: 4px;
    font-size: 0.68rem;
    font-weight: 700;
    font-variant-numeric: tabular-nums;
    white-space: nowrap;
}

.tipo-pasado[b-a9r7i49gkp] {
    color: #642828;
    background: #e9c1c1;
    border-color: #d9a5a5;
}

.tipo-continuo[b-a9r7i49gkp] {
    color: #315329;
    background: #dcebd3;
    border-color: #bfd8b2;
}

.tipo-subasta[b-a9r7i49gkp] {
    color: #244854;
    background: #d4e8ef;
    border-color: #b8d5df;
}

.tipo-invalido[b-a9r7i49gkp] {
    color: #555112;
    background: #eef09c;
    border-color: #d6d86f;
}

.tipo-neutro[b-a9r7i49gkp] {
    color: var(--dxds-color-content-neutral-default-rest);
    background: var(--dxds-color-surface-neutral-subtle-rest);
    border-color: var(--dxds-color-border-neutral-subtle-rest);
}

.check-badge.activo[b-a9r7i49gkp] {
    color: var(--dxds-color-content-success-default-rest);
    background: var(--dxds-color-surface-success-subtle-rest);
    border-color: var(--dxds-color-border-success-subtle-rest);
}

.check-badge.inactivo[b-a9r7i49gkp] {
    color: var(--dxds-color-content-neutral-subtle-rest);
    background: var(--dxds-color-surface-neutral-subtle-rest);
    border-color: var(--dxds-color-border-neutral-subtle-rest);
}

.energia-editable[b-a9r7i49gkp] {
    background: color-mix(in srgb, var(--dxds-color-surface-warning-subtle-rest) 50%, transparent);
}

.energia-calculada[b-a9r7i49gkp] {
    background: color-mix(in srgb, var(--dxds-color-surface-success-subtle-rest) 42%, transparent);
}

.energia-real[b-a9r7i49gkp] {
    background: color-mix(in srgb, var(--dxds-color-surface-accent-subtle-rest) 34%, transparent);
}

.costes-legend[b-a9r7i49gkp] {
    display: flex;
    align-items: center;
    gap: 0.7rem;
    min-height: 38px;
    padding: 0.4rem 0.75rem;
    font-size: 0.8rem;
}

.legend-title[b-a9r7i49gkp] {
    font-weight: 700;
}

.footer-spacer[b-a9r7i49gkp] {
    flex: 1 1 auto;
}

.validacion-popup-body[b-a9r7i49gkp] {
    display: grid;
    grid-template-rows: auto minmax(0, 1fr);
    gap: 0.75rem;
    height: 100%;
    min-height: 0;
}

.validacion-popup-resumen[b-a9r7i49gkp] {
    padding: 0.65rem 0.8rem;
    color: var(--dxds-color-content-danger-default-rest);
    background: var(--dxds-color-surface-danger-subtle-rest);
    border: 1px solid var(--dxds-color-border-danger-subtle-rest);
    border-radius: 0.35rem;
    font-size: 0.84rem;
}

[b-a9r7i49gkp] .validacion-grid {
    height: 100%;
    min-height: 0;
}

@media (max-width: 1050px) {
    .costes-options[b-a9r7i49gkp] {
        grid-template-columns: 1fr;
    }

    .magnitudes-toggle[b-a9r7i49gkp] {
        justify-content: flex-start;
    }
}
/* /Components/VIEWS/Aceria/ListadoDeVersiones.razor.rz.scp.css */
.content-root[b-be68l3di16] {
    height: 100%;
    min-height: 0;
    overflow: hidden;
}

.page-layout[b-be68l3di16] {
    height: 100%;
    min-height: 0;
    overflow: hidden;
}

.layout-header[b-be68l3di16],
.layout-content[b-be68l3di16] {
    min-width: 0;
    min-height: 0;
}

.toolbar-card[b-be68l3di16] {
    padding: 0.5rem;
}

.card[b-be68l3di16],
.grid-wrapper[b-be68l3di16] {
    background-color: var(--dxds-color-surface-neutral-default-rest);
    border: 1px solid var(--dxds-color-border-neutral-default-rest);
    border-radius: 0.45rem;
}

.grid-wrapper[b-be68l3di16] {
    height: 100%;
    min-height: 0;
    overflow: auto;
    padding: 0.75rem;
}

.version-period-list[b-be68l3di16] {
    display: flex;
    flex-direction: column;
    gap: 1rem;
    min-width: 0;
}

.version-period-group[b-be68l3di16] {
    position: relative;
    border: 2px solid var(--dxds-color-border-neutral-default-rest, #1f2937);
    border-radius: 0.15rem;
    padding: 0.25rem 0.25rem 0.25rem;
    margin-top: 1.55rem;
    background: var(--dxds-color-surface-neutral-default-rest);
}

.period-title[b-be68l3di16] {
    position: absolute;
    left: -2px;
    top: -2.35rem;
    min-width: 270px;
    border: 2px solid var(--dxds-color-border-neutral-default-rest, #1f2937);
    border-bottom: 0;
    border-radius: 0.45rem 0.45rem 0 0;
    padding: 0.55rem 1rem 0.5rem;
    background: var(--dxds-color-surface-neutral-default-rest);
    color: var(--dxds-color-content-neutral-default-rest, currentColor);
    font-size: 0.92rem;
    font-weight: 500;
    line-height: 1;
}

.header-note[b-be68l3di16] {
    margin: 0 0 0.65rem 0;
    color: var(--dxbl-text-color-secondary);
    font-size: 0.82rem;
}

.empty-state[b-be68l3di16] {
    padding: 1rem;
    color: var(--dxbl-text-color-secondary);
    font-size: 0.9rem;
}

.calidades-cell[b-be68l3di16] {
    display: flex;
    flex-wrap: wrap;
    gap: 4px;
    align-items: center;
}

.calidad-tag[b-be68l3di16] {
    padding: 2px 8px;
    border-radius: 6px;
    font-size: 0.72rem;
    font-weight: 700;
    line-height: 1rem;
    white-space: nowrap;
}

.estado-dot[b-be68l3di16] {
    display: inline-block;
    width: 12px;
    height: 12px;
    border-radius: 50%;
}

    .estado-dot.ok[b-be68l3di16] {
        background: #22a06b;
    }

    .estado-dot.ko[b-be68l3di16] {
        background: #c9372c;
    }

.gap-dot[b-be68l3di16] {
    display: inline-block;
    width: 12px;
    height: 12px;
    border-radius: 999px;
    box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.28);
}

    .gap-dot.covered[b-be68l3di16] {
        background: #22a06b;
    }

    .gap-dot.partial[b-be68l3di16] {
        background: #f59e0b;
    }

    .gap-dot.empty[b-be68l3di16] {
        background: #c9372c;
    }

.detail-wrapper[b-be68l3di16] {
    padding: 0.35rem;
}

.detail-title[b-be68l3di16] {
    font-size: 0.84rem;
    font-weight: 600;
    margin: 0 0 0.35rem 0;
}

.detail-note[b-be68l3di16] {
    font-size: 0.75rem;
    margin-top: 0.35rem;
    color: var(--dxbl-text-color-secondary);
}

[b-be68l3di16] .grid-versiones,
[b-be68l3di16] .grid-detalles {
    width: 100%;
}

/* =========================================================
   COLORES CALIDADES
   ========================================================= */

/* S275-H */
.col-s275-h[b-be68l3di16] {
    background-color: #00ccff;
    color: #111;
}

/* S355-TI */
.col-s355-ti[b-be68l3di16] {
    background-color: #e11d48;
    color: #fff;
}

/* S355-V */
.col-s355-v[b-be68l3di16] {
    background-color: #70ad47;
    color: #111;
}

/* S355-W */
.col-s355-w[b-be68l3di16] {
    background-color: #f3819a;
    color: #111;
}

/* S460-A */
.col-s460-a[b-be68l3di16] {
    background-color: #ffc000;
    color: #111;
}

/* S275-TI */
.col-s275-ti[b-be68l3di16] {
    background-color: #ffff00;
    color: #111;
}

/* DEFAULT */
.col-default[b-be68l3di16] {
    background-color: #444;
    color: #fff;
}
/* =========================================================
   DETALLE: AGRUPACION POR BB1/BB2/BB3 (estilo compact-table)
   ========================================================= */
.bb-groups[b-be68l3di16] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.5rem;
    align-items: flex-start;
}

.bb-group[b-be68l3di16] {
    flex: 1 1 0;
    min-width: 260px;
    border: 1px solid var(--dxds-color-border-neutral-default-rest);
    border-radius: 0.4rem;
    overflow: hidden;
    background: var(--dxds-color-surface-neutral-default-rest);
}

.compact-table[b-be68l3di16] {
    width: 100%;
    border-collapse: collapse;
    font-size: 0.78rem;
}

    .compact-table th[b-be68l3di16],
    .compact-table td[b-be68l3di16] {
        padding: 4px 8px;
        text-align: left;
        border-bottom: 1px solid var(--dxds-color-border-neutral-default-rest);
        white-space: nowrap;
    }

    .compact-table .num[b-be68l3di16] {
        text-align: right;
        font-variant-numeric: tabular-nums;
    }

    .compact-table th.bb-header[b-be68l3di16] {
        text-align: center;
        background: rgba(127, 127, 127, 0.08);
        text-transform: uppercase;
        letter-spacing: 0.04em;
        font-weight: 700;
        padding: 5px 8px;
    }

    .compact-table tbody tr:last-child td[b-be68l3di16] {
        border-bottom: none;
    }

    .compact-table td.empty[b-be68l3di16] {
        text-align: center;
        color: var(--dxbl-text-color-secondary);
        font-style: italic;
    }

    .compact-table tbody tr.detail-stock-row td[b-be68l3di16] {
        background: color-mix(in srgb, #64748b 12%, var(--dxds-color-surface-neutral-default-rest));
    }

    .compact-table tbody tr.detail-extra-row td[b-be68l3di16] {
        background: color-mix(in srgb, #2563eb 10%, var(--dxds-color-surface-neutral-default-rest));
    }

.extra-origin-indicator[b-be68l3di16] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 16px;
    padding: 1px 6px;
    margin-right: 4px;
    border-radius: 999px;
    color: #fff;
    font-size: 0.66rem;
    font-weight: 800;
    line-height: 1;
    letter-spacing: 0.02em;
}

    .extra-origin-indicator.stock[b-be68l3di16] {
        background: #64748b;
    }

    .extra-origin-indicator.extended[b-be68l3di16] {
        background: #2563eb;
    }

/* Colores por tipo BB */
.compact-table td.bb1[b-be68l3di16],
.compact-table th.bb1[b-be68l3di16] {
    color: #c084fc;
    font-weight: 700;
}

.compact-table td.bb2[b-be68l3di16],
.compact-table th.bb2[b-be68l3di16] {
    color: #38bdf8;
    font-weight: 700;
}

.compact-table td.bb3[b-be68l3di16],
.compact-table th.bb3[b-be68l3di16] {
    color: #4ade80;
    font-weight: 700;
}

/* Barra de filtros del detalle */
.bb-filters[b-be68l3di16] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.5rem;
    align-items: center;
    margin: 0 0 0.5rem 0;
    padding: 0.4rem 0.5rem;
    background: var(--dxds-color-surface-neutral-subtle-rest);
    border: 1px solid var(--dxds-color-border-neutral-default-rest);
    border-radius: 0.4rem;
}

    .bb-filters .bb-filter[b-be68l3di16] {
        min-width: 220px;
        flex: 1 1 220px;
        max-width: 320px;
    }
/* /Components/VIEWS/Aceria/NecesidadAceria.razor.rz.scp.css */
/* =========================================================
   BASE DE PÁGINA
   Replicar en nuevas páginas Blazor
   ========================================================= */

.content-root[b-pogxzhx2s6] {
    --necesidad-week-font-size: 0.92rem;
    height: 100%;
    min-height: 0;
    overflow: hidden;
}

.page-layout[b-pogxzhx2s6] {
    height: 100%;
    min-height: 0;
    overflow: hidden;
}

.layout-header[b-pogxzhx2s6],
.layout-content[b-pogxzhx2s6],
.layout-footer[b-pogxzhx2s6] {
    min-width: 0;
    min-height: 0;
    overflow: hidden;
}

.layout-content[b-pogxzhx2s6] {
    height: 100%;
}

.toolbar[b-pogxzhx2s6] {
    padding: 0.5rem;
}

.card[b-pogxzhx2s6],
.grid-wrapper[b-pogxzhx2s6] {
    background-color: var(--dxds-color-surface-neutral-default-rest);
    border: 1px solid var(--dxds-color-border-neutral-default-rest);
    border-radius: 0.35rem;
}

.card[b-pogxzhx2s6] {
    min-width: 0;
}

.grid-wrapper[b-pogxzhx2s6] {
    height: 100%;
    min-height: 0;
    overflow: auto;
    padding: 0.75rem;
}

[b-pogxzhx2s6] .grid-necesidades {
    width: 100%;
}


/* =========================================================
   NIVEL 1: SEMANA (card contenedora estilo ListadoDeVersiones)
   ========================================================= */

.semana-list[b-pogxzhx2s6] {
    display: flex;
    flex-direction: column;
    gap: 1rem;
    min-width: 0;
}

.semana-group[b-pogxzhx2s6] {
    position: relative;
    border: 2px solid var(--dxds-color-border-neutral-default-rest, #1f2937);
    border-radius: 0.15rem;
    padding: 0.25rem 0.25rem 0.25rem;
    margin-top: 1.55rem;
    background: var(--dxds-color-surface-neutral-default-rest);
}

    /* Cuando est\u00e1 colapsada: la card se reduce y el contenido se oculta */
    .semana-group.collapsed[b-pogxzhx2s6] {
        padding: 0;
        border-color: transparent;
        background: transparent;
        margin-top: 0;
    }

.semana-body[b-pogxzhx2s6] {
    padding: 0.1rem;
}

.semana-title[b-pogxzhx2s6] {
    position: absolute;
    left: -2px;
    top: -2.35rem;
    display: inline-flex;
    align-items: center;
    gap: 0.75rem;
    border: 2px solid var(--dxds-color-border-neutral-default-rest, #1f2937);
    border-bottom: 0;
    border-radius: 0.45rem 0.45rem 0 0;
    padding: 0.45rem 0.85rem 0.45rem;
    background: var(--dxds-color-surface-neutral-default-rest);
    color: var(--dxds-color-content-neutral-default-rest, currentColor);
    font-size: var(--necesidad-week-font-size, 0.92rem);
    font-weight: 500;
    line-height: 1;
    cursor: pointer;
    user-select: none;
    transition: background-color 120ms ease-in-out, border-color 120ms ease-in-out;
}

    .semana-title:hover[b-pogxzhx2s6] {
        background: var(--dxds-color-surface-neutral-subtle-rest);
        border-color: #38bdf8;
    }

/* Cuando est\u00e1 colapsada el header se ve plano (sin solapar contenido) */
.semana-group.collapsed .semana-title[b-pogxzhx2s6] {
    position: relative;
    top: 0;
    left: 0;
    border-radius: 0.45rem;
    border-bottom: 2px solid var(--dxds-color-border-neutral-default-rest, #1f2937);
}

.semana-toggle[b-pogxzhx2s6] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 18px;
    height: 18px;
    border-radius: 4px;
    background: rgba(56, 189, 248, 0.18);
    color: #38bdf8;
    font-weight: 800;
    font-size: 0.85rem;
    line-height: 1;
    transition: background-color 120ms ease-in-out, color 120ms ease-in-out;
}

.semana-title:hover .semana-toggle[b-pogxzhx2s6] {
    background: rgba(56, 189, 248, 0.32);
}

.semana-toggle.open[b-pogxzhx2s6] {
    background: #38bdf8;
    color: #fff;
}

.semana-title-text[b-pogxzhx2s6] {
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.03em;
    font-size: inherit;
}

.content-root.size-small[b-pogxzhx2s6] {
    --necesidad-week-font-size: 0.82rem;
}

.content-root.size-large[b-pogxzhx2s6] {
    --necesidad-week-font-size: 1.05rem;
}

.semana-kpis[b-pogxzhx2s6] {
    display: inline-flex;
    gap: 0.4rem;
    align-items: center;
    font-size: inherit;
    font-weight: 400;
}

.kpi-chip[b-pogxzhx2s6] {
    display: inline-flex;
    align-items: center;
    gap: 0.35rem;
    padding: 2px 8px;
    border-radius: 999px;
    background: var(--dxds-color-surface-neutral-subtle-rest);
    border: 1px solid var(--dxds-color-border-neutral-default-rest);
    font-size: inherit;
    font-weight: 400;
    line-height: 1rem;
}

    .kpi-chip .kpi-label[b-pogxzhx2s6] {
        color: var(--dxbl-text-color-secondary);
        font-weight: 500;
    }

    .kpi-chip .kpi-value[b-pogxzhx2s6] {
        font-weight: 400;
        font-variant-numeric: tabular-nums;
    }

    .kpi-chip .kpi-sep[b-pogxzhx2s6] {
        color: var(--dxbl-text-color-secondary);
        font-weight: 500;
        font-size: inherit;
        text-transform: uppercase;
        letter-spacing: 0.04em;
    }

    .kpi-chip .kpi-tipo-name[b-pogxzhx2s6] {
        font-weight: 400;
        text-transform: uppercase;
        letter-spacing: 0.04em;
        font-size: inherit;
        padding-right: 0.25rem;
        border-right: 1px solid var(--dxds-color-border-neutral-default-rest);
    }

    /* Colores del chip por tipo (alineados con compact-table) */
    .kpi-chip.bb1 .kpi-tipo-name[b-pogxzhx2s6] {
        color: #c084fc;
    }

    .kpi-chip.bb2 .kpi-tipo-name[b-pogxzhx2s6] {
        color: #38bdf8;
    }

    .kpi-chip.bb3 .kpi-tipo-name[b-pogxzhx2s6] {
        color: #4ade80;
    }

    .kpi-chip.p140 .kpi-tipo-name[b-pogxzhx2s6] {
        color: #f59e0b;
    }

    .kpi-chip.p160 .kpi-tipo-name[b-pogxzhx2s6] {
        color: #fb7185;
    }

    .kpi-chip.bb-default .kpi-tipo-name[b-pogxzhx2s6] {
        color: var(--dxbl-text-color-secondary);
    }

/* Desglose de calidades dentro del chip de tipo (BB1/BB2/BB3) */
.kpi-calidades[b-pogxzhx2s6] {
    display: inline-flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 0.25rem;
    padding-left: 0.35rem;
}

.kpi-calidad-badge[b-pogxzhx2s6] {
    display: inline-flex;
    align-items: center;
    gap: 0.3rem;
    padding: 1px 7px;
    border-radius: 999px;
    font-size: inherit;
    line-height: 1;
    font-weight: 400;
    white-space: nowrap;
    box-shadow: inset 0 0 0 1px rgba(0,0,0,0.08);
}

    .kpi-calidad-badge .kpi-calidad-name[b-pogxzhx2s6] {
        font-weight: 400;
        text-transform: uppercase;
        letter-spacing: 0.03em;
        font-size: inherit;
        padding-right: 0.25rem;
        border-right: 1px solid rgba(0,0,0,0.18);
    }

    .kpi-calidad-badge .kpi-sep[b-pogxzhx2s6] {
        font-size: inherit;
        text-transform: uppercase;
        letter-spacing: 0.04em;
        font-weight: 400;
        opacity: 0.85;
    }

    .kpi-calidad-badge .kpi-value[b-pogxzhx2s6] {
        font-weight: 400;
        font-variant-numeric: tabular-nums;
        font-size: inherit;
    }

.empty-state[b-pogxzhx2s6] {
    padding: 1rem;
    color: var(--dxbl-text-color-secondary);
    font-size: 0.9rem;
}


/* =========================================================
   NIVEL 2: BB-GROUPS LADO A LADO (estilo ListadoDeVersiones)
   ========================================================= */

.detail-note[b-pogxzhx2s6] {
    font-size: 0.75rem;
    margin-top: 0.35rem;
    color: var(--dxbl-text-color-secondary);
}

/* Barra de filtros del Nivel 2 */
.bb-filters[b-pogxzhx2s6] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.5rem;
    align-items: center;
    margin: 0.25rem 0 0.5rem 0;
    padding: 0.4rem 0.5rem;
    background: var(--dxds-color-surface-neutral-subtle-rest);
    border: 1px solid var(--dxds-color-border-neutral-default-rest);
    border-radius: 0.4rem;
}

[b-pogxzhx2s6] .bb-filters .bb-filter {
    min-width: 220px;
    flex: 1 1 220px;
    max-width: 320px;
}

.bb-groups[b-pogxzhx2s6] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.5rem;
    align-items: flex-start;
}

.bb-group[b-pogxzhx2s6] {
    flex: 1 1 0;
    min-width: 320px;
    border: 1px solid var(--dxds-color-border-neutral-default-rest);
    border-radius: 0.4rem;
    overflow: hidden;
    background: var(--dxds-color-surface-neutral-default-rest);
}

.compact-table[b-pogxzhx2s6] {
    width: 100%;
    border-collapse: collapse;
    font-size: 0.78rem;
}

    .compact-table th[b-pogxzhx2s6],
    .compact-table td[b-pogxzhx2s6] {
        padding: 4px 8px;
        text-align: left;
        border-bottom: 1px solid var(--dxds-color-border-neutral-default-rest);
        white-space: nowrap;
    }

    .compact-table .num[b-pogxzhx2s6] {
        text-align: right;
        font-variant-numeric: tabular-nums;
    }

    .compact-table th.bb-header[b-pogxzhx2s6] {
        text-align: center;
        background: rgba(127, 127, 127, 0.08);
        text-transform: uppercase;
        letter-spacing: 0.04em;
        font-weight: 700;
        padding: 5px 8px;
    }

    .compact-table tbody tr:last-child td[b-pogxzhx2s6] {
        border-bottom: none;
    }

    .compact-table td.empty[b-pogxzhx2s6] {
        text-align: center;
        color: var(--dxbl-text-color-secondary);
        font-style: italic;
    }

    /* Fila clickeable (Nivel 2) */
    .compact-table tr.row-click[b-pogxzhx2s6] {
        cursor: pointer;
        transition: background-color 120ms ease-in-out;
    }

        .compact-table tr.row-click:hover[b-pogxzhx2s6] {
            background: rgba(56, 189, 248, 0.08);
        }

    .compact-table tr.row-expanded[b-pogxzhx2s6] {
        background: rgba(56, 189, 248, 0.12);
    }

    /* Columna del indicador +/- */
    .compact-table th.expand-col[b-pogxzhx2s6],
    .compact-table td.expand-col[b-pogxzhx2s6] {
        width: 22px;
        text-align: center;
        padding-left: 4px;
        padding-right: 4px;
    }

.expand-toggle[b-pogxzhx2s6] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 16px;
    height: 16px;
    border-radius: 4px;
    background: rgba(56, 189, 248, 0.18);
    color: #38bdf8;
    font-weight: 800;
    font-size: 0.85rem;
    line-height: 1;
    user-select: none;
    transition: background-color 120ms ease-in-out, color 120ms ease-in-out;
}

.compact-table tr.row-click:hover .expand-toggle[b-pogxzhx2s6] {
    background: rgba(56, 189, 248, 0.32);
}

.expand-toggle.open[b-pogxzhx2s6] {
    background: #38bdf8;
    color: #fff;
}

/* Fila de detalle (Nivel 3) */
.compact-table tr.detail-row > td[b-pogxzhx2s6] {
    padding: 0;
    background: rgba(127, 127, 127, 0.04);
}

.detail-inner[b-pogxzhx2s6] {
    padding: 6px 8px;
}

.detail-table[b-pogxzhx2s6] {
    width: 100%;
    border-collapse: collapse;
    font-size: 0.74rem;
    background: var(--dxds-color-surface-neutral-default-rest);
    border: 1px solid var(--dxds-color-border-neutral-default-rest);
    border-radius: 0.35rem;
    overflow: hidden;
}

    .detail-table th[b-pogxzhx2s6],
    .detail-table td[b-pogxzhx2s6] {
        padding: 3px 8px;
        text-align: left;
        border-bottom: 1px solid var(--dxds-color-border-neutral-default-rest);
        white-space: nowrap;
    }

    .detail-table thead th[b-pogxzhx2s6] {
        background: rgba(127, 127, 127, 0.10);
        font-weight: 700;
        text-transform: uppercase;
        letter-spacing: 0.03em;
        font-size: 0.70rem;
    }

    .detail-table .num[b-pogxzhx2s6] {
        text-align: right;
        font-variant-numeric: tabular-nums;
    }

    .detail-table tbody tr:last-child td[b-pogxzhx2s6] {
        border-bottom: none;
    }

    .detail-table tr.total-row td[b-pogxzhx2s6] {
        background: rgba(127, 127, 127, 0.08);
        border-top: 1px solid var(--dxds-color-border-neutral-default-rest);
    }

    .detail-table td.empty[b-pogxzhx2s6] {
        text-align: center;
        color: var(--dxbl-text-color-secondary);
        font-style: italic;
    }

/* Colores por tipo BB / P (encabezado de cada compact-table) */
.compact-table td.bb1[b-pogxzhx2s6],
.compact-table th.bb1[b-pogxzhx2s6] {
    color: #c084fc;
    font-weight: 700;
}

.compact-table td.bb2[b-pogxzhx2s6],
.compact-table th.bb2[b-pogxzhx2s6] {
    color: #38bdf8;
    font-weight: 700;
}

.compact-table td.bb3[b-pogxzhx2s6],
.compact-table th.bb3[b-pogxzhx2s6] {
    color: #4ade80;
    font-weight: 700;
}

.compact-table td.p140[b-pogxzhx2s6],
.compact-table th.p140[b-pogxzhx2s6] {
    color: #f59e0b;
    font-weight: 700;
}

.compact-table td.p160[b-pogxzhx2s6],
.compact-table th.p160[b-pogxzhx2s6] {
    color: #fb7185;
    font-weight: 700;
}

.compact-table td.bb-default[b-pogxzhx2s6],
.compact-table th.bb-default[b-pogxzhx2s6] {
    color: var(--dxbl-text-color-secondary);
    font-weight: 700;
}


/* =========================================================
   TAGS DE CALIDAD (estilo ListadoDeVersiones)
   ========================================================= */

.calidad-tag[b-pogxzhx2s6] {
    display: inline-block;
    padding: 2px 8px;
    border-radius: 6px;
    font-size: 0.72rem;
    font-weight: 700;
    line-height: 1rem;
    white-space: nowrap;
}

.col-s275-h[b-pogxzhx2s6] {
    background-color: #00ccff;
    color: #111;
}

.col-s355-ti[b-pogxzhx2s6] {
    background-color: #e11d48;
    color: #fff;
}

.col-s355-v[b-pogxzhx2s6] {
    background-color: #70ad47;
    color: #111;
}

.col-s355-w[b-pogxzhx2s6] {
    background-color: #f3819a;
    color: #111;
}

.col-s460-a[b-pogxzhx2s6] {
    background-color: #ffc000;
    color: #111;
}

.col-s275-ti[b-pogxzhx2s6] {
    background-color: #ffff00;
    color: #111;
}

.col-default[b-pogxzhx2s6] {
    background-color: #444;
    color: #fff;
}


/* =========================================================
   TAGS DE CALIDAD PRODUCTO FINAL (Nivel 3 / ocpCalidad)
   Fuente: tabla ocpColor / ocpColorFuente
   ========================================================= */

.calp-s355j2w-ar[b-pogxzhx2s6] {
    background-color: #f3819a;
    color: #ffffff;
}

.calp-s355j0w-ar[b-pogxzhx2s6] {
    background-color: #e782ff;
    color: #ffffff;
}

.calp-s355k2-ar[b-pogxzhx2s6] {
    background-color: #974706;
    color: #ffffff;
}

.calp-s355j2-ar[b-pogxzhx2s6] {
    background-color: #ff0000;
    color: #ffffff;
}

.calp-s355j0-ar[b-pogxzhx2s6] {
    background-color: #000000;
    color: #ffffff;
}

.calp-s355jr-ar[b-pogxzhx2s6] {
    background-color: #00b050;
    color: #ffffff;
}

.calp-a572-g65[b-pogxzhx2s6] {
    background-color: #00ccff;
    color: #000000;
}

.calp-a992[b-pogxzhx2s6] {
    background-color: #e2efda;
    color: #000000;
}

.calp-s275j2-ar[b-pogxzhx2s6] {
    background-color: #ff9900;
    color: #000000;
}

.calp-s275j0-ar[b-pogxzhx2s6] {
    background-color: #7030a0;
    color: #ffffff;
}

.calp-s275jr-ar[b-pogxzhx2s6] {
    background-color: #ffffff;
    color: #000000;
    border: 1px solid var(--dxds-color-border-neutral-default-rest);
}

.calp-default[b-pogxzhx2s6] {
    background-color: #444;
    color: #fff;
}


/* =========================================================
   FOOTER / LEYENDA
   ========================================================= */

.calidad-legend-footer[b-pogxzhx2s6] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    padding: 0.45rem 0.85rem;
    flex-wrap: wrap;
    background-color: var(--dxds-color-surface-neutral-default-rest);
    border: 1px solid var(--dxds-color-border-neutral-default-rest);
    border-radius: 0.35rem;
    color: inherit;
}

.legend-title[b-pogxzhx2s6] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    font-size: 0.9rem;
    font-weight: 600;
    color: inherit;
}

.legend-title-dot[b-pogxzhx2s6] {
    width: 10px;
    height: 10px;
    border-radius: 50%;
    background: #4da3ff;
    flex-shrink: 0;
}

.legend-items[b-pogxzhx2s6] {
    display: flex;
    align-items: center;
    gap: 1rem;
    flex-wrap: wrap;
}

.legend-item[b-pogxzhx2s6] {
    display: inline-flex;
    align-items: center;
    gap: 0.45rem;
}

.legend-color[b-pogxzhx2s6] {
    width: 12px;
    height: 12px;
    border-radius: 50%;
    display: inline-block;
    flex-shrink: 0;
    border: 1px solid var(--dxds-color-border-neutral-default-rest);
}

.legend-text[b-pogxzhx2s6] {
    font-size: 0.85rem;
    font-weight: 500;
    color: inherit;
}

.color-s355ti[b-pogxzhx2s6] {
    background-color: #ff0000;
}

.color-s355v[b-pogxzhx2s6] {
    background-color: #70ad47;
}

.color-s355w[b-pogxzhx2s6] {
    background-color: #f1a983;
}

.color-s460a[b-pogxzhx2s6] {
    background-color: #ffc000;
}

.color-s275ti[b-pogxzhx2s6] {
    background-color: #ffff00;
}


/* =========================================================
   ICONOS CUSTOM
   ========================================================= */

[b-pogxzhx2s6] .column-chooser-icon {
    mask-image: url("images/icons/column-chooser.svg");
}

[b-pogxzhx2s6] .export-icon {
    mask-image: url("images/icons/arrow-export-up.svg");
}


/* =========================================================
   RESPONSIVE
   ========================================================= */

@media (max-width: 900px) {
    .calidad-legend-footer[b-pogxzhx2s6] {
        justify-content: flex-start;
        align-items: flex-start;
    }

    .legend-items[b-pogxzhx2s6] {
        width: 100%;
        gap: 0.75rem;
    }

    .semana-title[b-pogxzhx2s6] {
        flex-wrap: wrap;
        position: relative;
        top: 0;
        left: 0;
        margin-bottom: 0.4rem;
        border-bottom: 2px solid var(--dxds-color-border-neutral-default-rest, #1f2937);
        border-radius: 0.45rem;
    }

    .semana-group[b-pogxzhx2s6] {
        margin-top: 0.5rem;
    }
}
/* /Components/VIEWS/Aceria/PlanificacionCortes.razor.rz.scp.css */
.content-root[b-v31mfofwx9],
.page-layout[b-v31mfofwx9],
.layout-content[b-v31mfofwx9],
.grid-wrapper[b-v31mfofwx9],
.main-splitter[b-v31mfofwx9] {
    height: 100%;
    min-height: 0;
    overflow: hidden;
}

.content-root[b-v31mfofwx9] {
    --pc-surface: var(--dxbl-color-bg, var(--dxds-color-surface-neutral-default-rest, Canvas));
    --pc-surface-muted: var(--dxbl-color-bg-subtle, var(--dxds-color-surface-neutral-subdued-rest, color-mix(in srgb, CanvasText 5%, Canvas)));
    --pc-surface-raised: var(--dxbl-color-bg-container, var(--dxds-color-surface-neutral-default-rest, Canvas));
    --pc-border: var(--dxbl-color-border, var(--dxds-color-border-neutral-default-rest, color-mix(in srgb, CanvasText 18%, Canvas)));
    --pc-border-soft: var(--dxbl-color-border-subtle, var(--dxds-color-border-neutral-default-rest, color-mix(in srgb, CanvasText 12%, Canvas)));
    --pc-text: var(--dxbl-color-foreground, var(--dxds-color-content-neutral-default-rest, CanvasText));
    --pc-text-muted: var(--dxbl-color-foreground-muted, var(--dxds-color-content-neutral-subtle-rest, color-mix(in srgb, CanvasText 68%, Canvas)));
    --pc-primary-soft: color-mix(in srgb, var(--dxbl-color-primary, #2f80ed) 18%, var(--pc-surface));
    --pc-primary-text: color-mix(in srgb, var(--dxbl-color-primary, #2f80ed) 62%, var(--pc-text));
    --pc-danger-soft: color-mix(in srgb, #e74c3c 18%, var(--pc-surface));
    --pc-danger-text: color-mix(in srgb, #e74c3c 72%, var(--pc-text));
    font-size: 13px;
    color: var(--pc-text);
}

.layout-header[b-v31mfofwx9],
.layout-content[b-v31mfofwx9] {
    min-width: 0;
}

.pane-content[b-v31mfofwx9] {
    background: var(--pc-surface);
}

.card[b-v31mfofwx9],
.grid-wrapper[b-v31mfofwx9] {
    border: 1px solid var(--pc-border);
    border-radius: 6px;
    background-color: var(--pc-surface);
}

.header-detail[b-v31mfofwx9],
.rendimiento-strip[b-v31mfofwx9] {
    display: flex;
    gap: 16px;
    align-items: center;
    flex-wrap: wrap;
}

.header-detail[b-v31mfofwx9] {
    min-height: 36px;
    border-radius: 0;
    border-left: 0;
    border-right: 0;
    padding: 7px 10px;
    background: var(--pc-surface);
    color: var(--pc-text);
    font-size: 14px;
    font-weight: 500;
    line-height: 1.2;
}

    .header-detail span[b-v31mfofwx9] {
        white-space: nowrap;
    }

.autosave-status[b-v31mfofwx9] {
    margin-left: auto;
    display: inline-flex;
    align-items: center;
    gap: 7px;
    min-height: 26px;
    padding: 4px 10px;
    border: 1px solid var(--pc-border-soft);
    border-radius: 999px;
    background: var(--pc-surface-muted);
    color: var(--pc-text-muted);
    font-size: 12px;
    font-weight: 800;
}

    .autosave-status.saving[b-v31mfofwx9] {
        border-color: color-mix(in srgb, #f59e0b 62%, var(--pc-border));
        background: color-mix(in srgb, #f59e0b 16%, var(--pc-surface));
        color: color-mix(in srgb, #f59e0b 76%, var(--pc-text));
    }

    .autosave-status.saved[b-v31mfofwx9] {
        border-color: color-mix(in srgb, #16a34a 48%, var(--pc-border));
        background: color-mix(in srgb, #16a34a 12%, var(--pc-surface));
        color: color-mix(in srgb, #16a34a 70%, var(--pc-text));
    }

.autosave-icon[b-v31mfofwx9] {
    width: 10px;
    height: 10px;
    border-radius: 999px;
    background: currentColor;
    box-shadow: 0 0 0 4px color-mix(in srgb, currentColor 18%, transparent);
}

.autosave-status.saving .autosave-icon[b-v31mfofwx9] {
    animation: autosave-pulse-b-v31mfofwx9 1s ease-in-out infinite;
}

@keyframes autosave-pulse-b-v31mfofwx9 {
    0%, 100% {
        transform: scale(.92);
        opacity: .72;
        box-shadow: 0 0 0 3px color-mix(in srgb, currentColor 18%, transparent);
    }

    50% {
        transform: scale(1.22);
        opacity: 1;
        box-shadow: 0 0 0 7px color-mix(in srgb, currentColor 8%, transparent);
    }
}

.rendimiento-strip > div[b-v31mfofwx9] {
    min-width: 112px;
    border: 1px solid var(--pc-border-soft);
    border-radius: 6px;
    background: var(--pc-surface-muted);
    padding: 6px 9px;
}

.rendimiento-strip span[b-v31mfofwx9] {
    display: block;
    color: var(--pc-text-muted);
    font-size: 10px;
    font-weight: 800;
    line-height: 1;
}

.rendimiento-strip strong[b-v31mfofwx9] {
    display: block;
    color: var(--pc-text);
    font-size: 13px;
    font-weight: 800;
    line-height: 1.2;
    font-variant-numeric: tabular-nums;
}

.pane-content[b-v31mfofwx9] {
    height: 100%;
    min-height: 0;
    overflow: hidden;
    padding: 6px;
}

.pane-title[b-v31mfofwx9] {
    margin: -6px -6px 6px;
    padding: 5px 8px;
    border-bottom: 1px solid var(--pc-border);
    background: var(--pc-surface-muted);
    color: var(--pc-text);
    font-size: 13px;
    font-weight: 800;
}

.tree-pane-title[b-v31mfofwx9] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 8px;
}

.tree-toolbar[b-v31mfofwx9] {
    display: inline-flex;
    align-items: center;
    gap: 6px;
}

.left-pane[b-v31mfofwx9] {
    display: grid;
    grid-template-rows: auto 1fr;
    gap: 6px;
}

.tundish-master-list[b-v31mfofwx9] {
    min-height: 0;
    max-height: 100%;
    overflow: auto;
    display: flex;
    flex-direction: column;
    gap: 12px;
    padding: 10px 12px 18px;
}

.tree-tundish[b-v31mfofwx9] {
    border: 1px solid var(--pc-border-soft);
    border-radius: 7px;
    background: var(--pc-surface);
    box-shadow: 0 1px 2px color-mix(in srgb, CanvasText 10%, transparent);
    overflow: hidden;
}

    .tree-tundish.selected[b-v31mfofwx9] {
        border-color: #2f80ed;
        overflow: visible;
        box-shadow: 0 0 0 1px color-mix(in srgb, #2f80ed 40%, transparent), 0 3px 8px color-mix(in srgb, CanvasText 14%, transparent);
    }

    .tree-tundish.finalizado[b-v31mfofwx9] {
        border-color: var(--pc-border-soft);
        background: color-mix(in srgb, CanvasText 6%, var(--pc-surface));
        filter: grayscale(.7);
    }

        .tree-tundish.finalizado .tree-tundish-row[b-v31mfofwx9],
        .tree-tundish.finalizado .tree-version-row[b-v31mfofwx9],
        .tree-tundish.finalizado .tree-colada-row[b-v31mfofwx9],
        .tree-tundish.finalizado .tree-detail[b-v31mfofwx9] {
            background: color-mix(in srgb, CanvasText 7%, var(--pc-surface)) !important;
            color: color-mix(in srgb, var(--pc-text) 72%, var(--pc-surface)) !important;
        }

        .tree-tundish.finalizado .badge-quality[b-v31mfofwx9],
        .tree-tundish.finalizado .grid-badge[b-v31mfofwx9],
        .tree-tundish.finalizado .linea-badge[b-v31mfofwx9],
        .tree-tundish.finalizado .dot[b-v31mfofwx9] {
            opacity: .48;
        }

.tree-row[b-v31mfofwx9] {
    width: 100%;
    display: flex;
    align-items: center;
    gap: 8px;
    cursor: pointer;
    list-style: none;
    white-space: nowrap;
}

    .tree-row[b-v31mfofwx9]::-webkit-details-marker {
        display: none;
    }

    .tree-row[b-v31mfofwx9]::before {
        content: "›";
        width: 14px;
        color: var(--pc-text-muted);
        font-size: 18px;
        line-height: 1;
        transition: transform .12s ease;
    }

details[open] > .tree-row[b-v31mfofwx9]::before {
    transform: rotate(90deg);
}

.tree-tundish-row[b-v31mfofwx9],
.tree-version-row[b-v31mfofwx9] {
    font-size: 13px;
    font-weight: 700;
}

.tree-tundish-row[b-v31mfofwx9] {
    min-height: 30px;
    padding: 5px 9px;
    border-radius: 5px;
    background: var(--pc-primary-soft);
    color: var(--pc-primary-text);
}

    .tree-tundish-row.disabled[b-v31mfofwx9] {
        background: var(--pc-danger-soft);
        color: var(--pc-danger-text);
    }

.tree-version[b-v31mfofwx9] {
    margin: 10px 0 10px 24px;
}

.tree-version-row[b-v31mfofwx9] {
    min-height: 28px;
    padding: 5px 7px;
    border-radius: 5px;
    background: var(--pc-surface);
    color: var(--pc-text);
}

.tree-colada[b-v31mfofwx9] {
    margin: 8px 0 8px 28px;
    border: 1px solid var(--pc-border-soft);
    border-radius: 5px;
    overflow: visible;
    background: var(--pc-surface);
}

    .tree-colada.manual[b-v31mfofwx9] {
        border-color: color-mix(in srgb, #f59e0b 58%, var(--pc-border));
        background: color-mix(in srgb, #f59e0b 8%, var(--pc-surface));
    }

    .tree-colada.cerrada[b-v31mfofwx9] {
        border-color: var(--pc-border-soft);
        background: color-mix(in srgb, CanvasText 6%, var(--pc-surface));
        filter: grayscale(.68);
    }

        .tree-colada.cerrada .tree-colada-row[b-v31mfofwx9],
        .tree-colada.cerrada .tree-detail[b-v31mfofwx9] {
            background: color-mix(in srgb, CanvasText 7%, var(--pc-surface)) !important;
            color: color-mix(in srgb, var(--pc-text) 72%, var(--pc-surface)) !important;
        }

        .tree-colada.cerrada .badge-quality[b-v31mfofwx9],
        .tree-colada.cerrada .grid-badge[b-v31mfofwx9],
        .tree-colada.cerrada .linea-badge[b-v31mfofwx9],
        .tree-colada.cerrada .dot[b-v31mfofwx9] {
            opacity: .5;
        }

.tree-colada-row[b-v31mfofwx9] {
    min-height: 32px;
    padding: 6px 8px;
    font-size: 13px;
    font-weight: 700;
}

    .tree-colada-row span[b-v31mfofwx9] {
        font-weight: 600;
    }

.colada-actions[b-v31mfofwx9] {
    margin-left: auto;
    flex: 0 0 auto;
}

.tundish-colada-actions[b-v31mfofwx9] {
    display: inline-flex;
    align-items: center;
    gap: 5px;
}

    .tundish-colada-actions .colada-closed-badge[b-v31mfofwx9] {
        margin-left: 0;
    }

.tree-tundish-row > .tree-muted[b-v31mfofwx9] {
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.colada-closed-badge[b-v31mfofwx9] {
    margin-left: auto;
    display: inline-flex;
    align-items: center;
    min-height: 18px;
    border: 1px solid var(--pc-border);
    border-radius: 999px;
    background: var(--pc-surface-muted);
    color: var(--pc-text);
    padding: 2px 8px;
    font-size: 11px;
    font-weight: 800;
    line-height: 1;
}

.colada-manual-badge[b-v31mfofwx9] {
    display: inline-flex;
    align-items: center;
    min-height: 18px;
    border: 1px solid color-mix(in srgb, #f59e0b 65%, var(--pc-border));
    border-radius: 999px;
    background: color-mix(in srgb, #f59e0b 18%, var(--pc-surface));
    color: color-mix(in srgb, #92400e 72%, var(--pc-text));
    padding: 2px 8px;
    font-size: 11px;
    font-weight: 800;
    line-height: 1;
}

.linea-badge[b-v31mfofwx9] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 22px;
    min-height: 18px;
    border-radius: 4px;
    font-weight: 800;
    line-height: 1;
}

.linea-manual-badge[b-v31mfofwx9] {
    border: 1px solid color-mix(in srgb, #f59e0b 65%, var(--pc-border));
    background: color-mix(in srgb, #f59e0b 22%, var(--pc-surface));
    color: color-mix(in srgb, #92400e 72%, var(--pc-text));
}

.tree-detail[b-v31mfofwx9] {
    padding: 7px 8px 8px 28px;
    background: var(--pc-surface);
    overflow: visible;
}

.tree-detail-title[b-v31mfofwx9] {
    margin-bottom: 5px;
    color: var(--pc-text);
    font-size: 12px;
    font-weight: 800;
}

.tree-muted[b-v31mfofwx9] {
    color: inherit;
    opacity: .86;
    font-weight: 600;
}

.score-pill[b-v31mfofwx9] {
    margin-left: auto;
    border: 1px solid var(--pc-border-soft);
    border-radius: 999px;
    background: var(--pc-surface-raised);
    color: var(--pc-text);
    padding: 2px 8px;
    font-size: 11px;
    white-space: nowrap;
}

.dot[b-v31mfofwx9] {
    width: 12px;
    height: 12px;
    flex: 0 0 12px;
    border-radius: 50%;
    box-shadow: inset 0 0 3px rgba(255,255,255,.8), 0 0 4px rgba(0,0,0,.25);
}

    .dot.green[b-v31mfofwx9] {
        background: #2ecc71;
    }

    .dot.red[b-v31mfofwx9] {
        background: #e74c3c;
    }

    .dot.purple[b-v31mfofwx9] {
        background: #d9c8ef;
    }

[b-v31mfofwx9] .finish-button {
    margin-left: auto;
}

[b-v31mfofwx9] .finish-colada-button {
    flex: 0 0 auto;
}

.status[b-v31mfofwx9] {
    width: fit-content;
    border-radius: 999px;
    padding: 2px 7px;
    font-size: 10px;
    font-weight: 800;
}

    .status.ok[b-v31mfofwx9] {
        background: #e8fdf1;
        color: #0e7c42;
    }

    .status.off[b-v31mfofwx9] {
        background: #ffe9e7;
        color: #b42318;
    }

.right-top[b-v31mfofwx9] {
    height: 100%;
    min-height: 0;
    display: grid;
    grid-template-columns: 1fr;
    grid-template-rows: auto 1fr;
    gap: 8px;
}

.config-pane[b-v31mfofwx9] {
    display: grid;
    grid-template-rows: auto 1fr;
    gap: 8px;
}

.detail-tabs-pane[b-v31mfofwx9] {
    display: grid;
    grid-template-rows: auto minmax(0, 1fr);
    min-height: 0;
}

[b-v31mfofwx9] .detail-tabs {
    margin: -6px -6px 6px;
    border-bottom: 1px solid var(--pc-border);
    background: var(--pc-surface-muted);
}

.resumen-grid-host[b-v31mfofwx9] {
    height: 100%;
    min-height: 0;
    max-height: 100%;
    overflow: hidden;
    display: grid;
    grid-template-rows: auto minmax(0, 1fr);
}

.resumen-grid-toolbar[b-v31mfofwx9] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 8px;
    min-height: 34px;
    padding: 2px 4px 6px;
    color: var(--pc-text-muted);
    font-size: 11px;
}

.resumen-grid-body[b-v31mfofwx9] {
    min-height: 0;
    overflow: hidden;
}

.cortes-popup-body[b-v31mfofwx9] {
    display: grid;
    grid-template-rows: auto auto minmax(0, 1fr);
    gap: 8px;
    height: calc(90vh - 130px);
    max-height: calc(90vh - 130px);
    min-height: 0;
    overflow: hidden;
}

.cortes-popup-filters[b-v31mfofwx9] {
    display: grid;
    grid-template-columns: repeat(7, minmax(130px, 1fr)) auto;
    gap: 8px;
    align-items: end;
    padding: 8px;
    border: 1px solid var(--pc-border);
    border-radius: 6px;
    background: var(--pc-surface-muted);
}

.cortes-filter-field[b-v31mfofwx9] {
    min-width: 0;
}

    .cortes-filter-field label[b-v31mfofwx9] {
        display: block;
        margin-bottom: 3px;
        color: var(--pc-text);
        font-size: 11px;
        font-weight: 700;
    }

.filter-option-badge[b-v31mfofwx9] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 54px;
    min-height: 20px;
    padding: 2px 8px;
    border-radius: 4px;
    font-size: 11px;
    font-weight: 800;
    line-height: 1;
    white-space: nowrap;
}

.cortes-popup-grid-toolbar[b-v31mfofwx9] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    min-width: 0;
}

.cortes-popup-result-count[b-v31mfofwx9] {
    color: var(--pc-text-muted);
    font-size: 11px;
    font-weight: 600;
}

.cortes-popup-grid-actions[b-v31mfofwx9] {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 6px;
    flex-wrap: wrap;
}

.cortes-popup-action-separator[b-v31mfofwx9] {
    width: 1px;
    height: 26px;
    margin: 0 3px;
    background: var(--pc-border);
}

.cortes-popup-grid-host[b-v31mfofwx9] {
    position: relative;
    width: 100%;
    height: auto;
    min-height: 0;
    max-height: 100%;
    max-width: 100%;
    overflow: hidden;
}

.popup-detail-origin[b-v31mfofwx9] {
    width: 100%;
    max-width: none;
    overflow-x: auto;
    padding-right: 8px;
    padding-left: 8px;
}

[b-v31mfofwx9] .grid-resumen-popup,
[b-v31mfofwx9] .grid-resumen-popup .dxbl-grid {
    width: 100%;
    height: 100% !important;
    max-height: 100%;
    min-height: 0;
    min-width: 1080px;
    overflow: hidden;
}

    [b-v31mfofwx9] .grid-resumen-popup .grid-resumen-origen {
        width: 100% !important;
        max-width: none !important;
    }

    [b-v31mfofwx9] .grid-resumen-popup .dxbl-grid-detail-cell,
    [b-v31mfofwx9] .grid-resumen-popup .dxbl-grid-detail-row > td {
        width: 100%;
        max-width: none;
    }

@media (max-width: 1400px) {
    .cortes-popup-filters[b-v31mfofwx9] {
        grid-template-columns: repeat(4, minmax(140px, 1fr));
    }
}

@media (max-width: 800px) {
    .cortes-popup-body[b-v31mfofwx9] {
        height: calc(90vh - 120px);
        max-height: calc(90vh - 120px);
    }

    .cortes-popup-filters[b-v31mfofwx9] {
        grid-template-columns: repeat(2, minmax(130px, 1fr));
    }

    .cortes-popup-grid-toolbar[b-v31mfofwx9] {
        align-items: flex-start;
        flex-direction: column;
    }

    .cortes-popup-grid-actions[b-v31mfofwx9] {
        justify-content: flex-start;
    }
}

.version-tab-content[b-v31mfofwx9],
.comparativa-tab-content[b-v31mfofwx9] {
    height: 100%;
    min-height: 0;
    overflow: hidden;
    padding: 8px;
}

.version-tab-content[b-v31mfofwx9] {
    overflow: auto;
}

.version-actions[b-v31mfofwx9] {
    display: flex;
    gap: 10px;
    align-items: flex-end;
    flex-wrap: wrap;
}

.tundish-config-card[b-v31mfofwx9] {
    border: 1px solid var(--pc-border);
    border-radius: 7px;
    background: var(--pc-surface);
    padding: 8px;
    box-shadow: 0 1px 2px color-mix(in srgb, CanvasText 10%, transparent);
}

.config-headline[b-v31mfofwx9] {
    display: grid;
    grid-template-columns: minmax(260px, 1fr) 88px 88px 96px auto;
    gap: 8px;
    align-items: end;
    margin-bottom: 8px;
}

.config-selector label[b-v31mfofwx9] {
    display: block;
    margin-bottom: 3px;
    color: var(--pc-text);
    font-size: 11px;
    font-weight: 800;
}

.metric-box[b-v31mfofwx9] {
    min-height: 46px;
    border: 1px solid var(--pc-border-soft);
    border-radius: 5px;
    background: var(--pc-surface-raised);
    padding: 6px 8px;
}

    .metric-box span[b-v31mfofwx9] {
        display: block;
        color: var(--pc-text);
        font-size: 11px;
        font-weight: 800;
    }

    .metric-box strong[b-v31mfofwx9] {
        display: block;
        color: var(--pc-text);
        font-size: 13px;
        font-weight: 800;
        font-variant-numeric: tabular-nums;
    }

.active-toggle[b-v31mfofwx9] {
    display: flex;
    gap: 6px;
    align-items: center;
    min-height: 46px;
    border: 1px solid var(--pc-border-soft);
    border-radius: 5px;
    padding: 6px 8px;
    font-size: 12px;
    font-weight: 800;
}

.config-detail-grid[b-v31mfofwx9] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) 170px;
    gap: 8px;
    align-items: stretch;
}

.bocas-grid[b-v31mfofwx9] {
    display: grid;
    grid-template-columns: repeat(6, minmax(84px, 1fr));
    gap: 4px;
}

.boca-card[b-v31mfofwx9] {
    border: 1px solid var(--pc-border-soft);
    border-radius: 4px;
    background: var(--pc-surface-raised);
    overflow: hidden;
}

.boca-tipo[b-v31mfofwx9] {
    padding: 4px 6px;
    text-align: center;
    font-size: 12px;
    font-weight: 800;
}

.bb1[b-v31mfofwx9] {
    color: #5b21b6;
    background: #ff7a00;
}

.bb2[b-v31mfofwx9] {
    color: #0b5394;
    background: #1fb300;
}

.bb3[b-v31mfofwx9] {
    color: #15803d;
    background: #1fb300;
}

.rendimiento-table[b-v31mfofwx9] {
    width: 100%;
    height: 100%;
    border-collapse: collapse;
    font-size: 11px;
    font-weight: 800;
}

    .rendimiento-table th[b-v31mfofwx9],
    .rendimiento-table td[b-v31mfofwx9] {
        border: 1px solid var(--pc-border-soft);
        text-align: right;
        padding: 3px 5px;
        font-variant-numeric: tabular-nums;
    }

    .rendimiento-table th[b-v31mfofwx9] {
        text-align: center;
        background: var(--pc-surface-muted);
    }

.empty-state[b-v31mfofwx9] {
    color: var(--pc-text-muted);
    font-size: 12px;
    padding: 10px;
}

.tundish-config-card.is-locked[b-v31mfofwx9] {
    border-color: color-mix(in srgb, #dc2626 35%, var(--pc-border));
}

.config-locked-banner[b-v31mfofwx9] {
    margin-bottom: 8px;
    border: 1px solid color-mix(in srgb, #dc2626 42%, var(--pc-border));
    border-radius: 5px;
    background: color-mix(in srgb, #dc2626 9%, var(--pc-surface));
    color: var(--pc-text);
    padding: 6px 8px;
    font-size: 12px;
    font-weight: 800;
}

.badge-quality[b-v31mfofwx9] {
    display: inline-flex;
    align-items: center;
    min-height: 16px;
    padding: 2px 7px;
    border-radius: 4px;
    font-size: 10px;
    font-weight: 800;
    line-height: 1;
    vertical-align: middle;
}

.grid-badge[b-v31mfofwx9] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 44px;
    min-height: 17px;
    padding: 2px 7px;
    border-radius: 4px;
    font-size: 11px;
    font-weight: 800;
    line-height: 1;
    vertical-align: middle;
}

.resumen-tipo-cell[b-v31mfofwx9] {
    display: inline-flex;
    align-items: center;
    gap: 5px;
    white-space: nowrap;
}

.extra-origin-indicator[b-v31mfofwx9] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 17px;
    padding: 2px 5px;
    border-radius: 4px;
    color: #fff;
    font-size: 9px;
    font-weight: 900;
    line-height: 1;
}

.reassignment-parent-indicator[b-v31mfofwx9] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 18px;
    height: 18px;
    border: 1px solid color-mix(in srgb, #0f766e 55%, var(--pc-border));
    border-radius: 4px;
    background: color-mix(in srgb, #14b8a6 22%, var(--pc-surface));
    color: color-mix(in srgb, #0f766e 82%, var(--pc-text));
    font-size: 10px;
    font-weight: 900;
    line-height: 1;
}

.extra-origin-indicator.stock[b-v31mfofwx9] {
    background: #64748b;
}

.extra-origin-indicator.extended[b-v31mfofwx9] {
    background: #2563eb;
}

[b-v31mfofwx9] .grid-resumen .resumen-stock-row > td {
    background: color-mix(in srgb, #64748b 12%, var(--pc-surface)) !important;
}

[b-v31mfofwx9] .grid-resumen .resumen-extra-row > td {
    background: color-mix(in srgb, #2563eb 10%, var(--pc-surface)) !important;
}

.fecha-necesidad-badge[b-v31mfofwx9] {
    display: inline-flex;
    align-items: center;
    min-height: 18px;
    padding: 2px 7px;
    border-radius: 4px;
    color: var(--pc-text);
    font-size: 11px;
    font-weight: 700;
    line-height: 1;
    font-variant-numeric: tabular-nums;
    white-space: nowrap;
}

    .fecha-necesidad-badge.fecha-vencida[b-v31mfofwx9] {
        background: #dc2626;
        color: #fff;
        box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.22);
    }

[b-v31mfofwx9] .badge-bb1,
.badge-bb1[b-v31mfofwx9] {
    background: #6f42c1 !important;
    color: #fff !important;
}

[b-v31mfofwx9] .badge-bb2,
.badge-bb2[b-v31mfofwx9] {
    background: #0ea5e9 !important;
    color: #fff !important;
}

[b-v31mfofwx9] .badge-bb3,
.badge-bb3[b-v31mfofwx9] {
    background: #22c55e !important;
    color: #fff !important;
}

[b-v31mfofwx9] .badge-default,
.badge-default[b-v31mfofwx9] {
    background: #475467 !important;
    color: #fff !important;
}

[b-v31mfofwx9] .grid-asignaciones,
[b-v31mfofwx9] .grid-tree-detail,
[b-v31mfofwx9] .grid-resumen,
[b-v31mfofwx9] .grid-resumen-origen,
[b-v31mfofwx9] .grid-comparativa {
    height: auto;
    min-height: 0;
    font-size: 12px;
}

    [b-v31mfofwx9] .grid-asignaciones .dxbl-grid-table > tbody > tr > td,
    [b-v31mfofwx9] .grid-tree-detail .dxbl-grid-table > tbody > tr > td,
    [b-v31mfofwx9] .grid-resumen .dxbl-grid-table > tbody > tr > td,
    [b-v31mfofwx9] .grid-resumen-origen .dxbl-grid-table > tbody > tr > td,
    [b-v31mfofwx9] .grid-comparativa .dxbl-grid-table > tbody > tr > td,
    [b-v31mfofwx9] .grid-asignaciones .dxbl-grid-table > thead > tr > th,
    [b-v31mfofwx9] .grid-tree-detail .dxbl-grid-table > thead > tr > th,
    [b-v31mfofwx9] .grid-resumen .dxbl-grid-table > thead > tr > th,
    [b-v31mfofwx9] .grid-resumen-origen .dxbl-grid-table > thead > tr > th,
    [b-v31mfofwx9] .grid-comparativa .dxbl-grid-table > thead > tr > th {
        padding: 3px 5px;
        line-height: 1.15;
        font-variant-numeric: tabular-nums;
    }

.resumen-detail-origin[b-v31mfofwx9] {
    padding: 6px 8px 8px 28px;
    background: var(--pc-surface);
}

[b-v31mfofwx9] .grid-resumen-origen {
    max-width: 980px;
}

    [b-v31mfofwx9] .grid-resumen-origen .origen-finalizado-row > td {
        background: color-mix(in srgb, #22c55e 14%, var(--pc-surface)) !important;
    }

.familia-origin-cell[b-v31mfofwx9] {
    display: inline-flex;
    align-items: center;
    gap: 6px;
}

.origin-ok-icon[b-v31mfofwx9] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 20px;
    height: 16px;
    padding: 0 4px;
    border-radius: 999px;
    background: #16a34a;
    color: #fff;
    font-size: 10px;
    font-weight: 900;
    line-height: 1;
}

.reassigned-value[b-v31mfofwx9] {
    display: inline-flex;
    min-width: 34px;
    justify-content: flex-end;
    font-weight: 800;
}

.reassignment-map-trigger[b-v31mfofwx9] {
    padding: 2px 6px;
    border: 1px solid transparent;
    border-radius: 4px;
    background: transparent;
    cursor: pointer;
    font: inherit;
}

    .reassignment-map-trigger:hover[b-v31mfofwx9],
    .reassignment-map-trigger:focus-visible[b-v31mfofwx9] {
        border-color: var(--pc-border);
        background: var(--pc-surface-muted);
        outline: none;
    }

.reassigned-value.positive[b-v31mfofwx9] {
    color: #15803d;
}

.reassigned-value.negative[b-v31mfofwx9] {
    color: #dc2626;
}

.finalizado-decision-body[b-v31mfofwx9],
.reassignment-popup-body[b-v31mfofwx9] {
    display: grid;
    gap: 12px;
    min-width: 0;
}

.reassignment-target-summary[b-v31mfofwx9] {
    display: flex;
    align-items: center;
    gap: 14px;
    flex-wrap: wrap;
    padding: 8px 10px;
    border: 1px solid var(--pc-border-soft);
    border-radius: 5px;
    background: var(--pc-surface-muted);
}

    .reassignment-target-summary strong[b-v31mfofwx9] {
        color: var(--pc-text);
    }

.reassignment-section-title[b-v31mfofwx9] {
    color: var(--pc-text);
    font-size: 13px;
    font-weight: 800;
}

[b-v31mfofwx9] .grid-reassignment-sources,
[b-v31mfofwx9] .grid-reasignaciones,
[b-v31mfofwx9] .grid-reassignment-map {
    min-width: 0;
    width: 100%;
}

.reassignment-map-list[b-v31mfofwx9] {
    display: grid;
    gap: 12px;
    max-height: 62vh;
    padding-right: 4px;
    overflow: auto;
}

.reassignment-audit-group[b-v31mfofwx9] {
    min-width: 0;
    border: 1px solid var(--pc-border);
    border-radius: 6px;
    background: var(--pc-surface);
    overflow: hidden;
}

.reassignment-audit-header[b-v31mfofwx9] {
    display: grid;
    gap: 8px;
    padding: 10px 12px;
    border-bottom: 1px solid var(--pc-border-soft);
    background: var(--pc-surface-muted);
}

.audit-operation-data[b-v31mfofwx9],
.audit-destination[b-v31mfofwx9] {
    display: flex;
    align-items: center;
    gap: 8px;
    flex-wrap: wrap;
    min-width: 0;
}

.audit-operation-data[b-v31mfofwx9] {
    color: var(--pc-text-muted);
    font-size: 12px;
}

.audit-date[b-v31mfofwx9],
.audit-user[b-v31mfofwx9],
.audit-bars[b-v31mfofwx9],
.measure-badge[b-v31mfofwx9],
.family-badge[b-v31mfofwx9] {
    display: inline-flex;
    align-items: center;
    min-height: 22px;
    padding: 2px 7px;
    border: 1px solid var(--pc-border-soft);
    border-radius: 4px;
    background: var(--pc-surface);
    color: var(--pc-text);
    line-height: 1.15;
}

.audit-user[b-v31mfofwx9] {
    max-width: 330px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.audit-bars[b-v31mfofwx9] {
    border-color: color-mix(in srgb, #16a34a 42%, var(--pc-border));
    background: color-mix(in srgb, #16a34a 13%, var(--pc-surface));
    color: color-mix(in srgb, #16a34a 72%, var(--pc-text));
    font-weight: 800;
}

.audit-label[b-v31mfofwx9] {
    margin-right: 2px;
    color: var(--pc-text);
    font-weight: 800;
}

.measure-badge[b-v31mfofwx9] {
    font-variant-numeric: tabular-nums;
    font-weight: 700;
}

.family-badge[b-v31mfofwx9] {
    border-color: color-mix(in srgb, var(--dxbl-color-primary, #2f80ed) 38%, var(--pc-border));
    background: var(--pc-primary-soft);
    color: var(--pc-primary-text);
    font-weight: 800;
}

.audit-origin-title[b-v31mfofwx9] {
    padding: 7px 12px 5px;
    color: var(--pc-text-muted);
    font-size: 11px;
    font-weight: 800;
    text-transform: uppercase;
}

[b-v31mfofwx9] .grid-reassignment-map-origin {
    width: 100%;
    border: 0;
    font-size: 12px;
}

    [b-v31mfofwx9] .grid-reassignment-map-origin .dxbl-grid-table {
        min-width: 760px;
    }

@media (max-width: 760px) {
    .audit-user[b-v31mfofwx9] {
        max-width: 210px;
    }

    .reassignment-map-list[b-v31mfofwx9] {
        max-height: 68vh;
    }
}

[b-v31mfofwx9] .grid-reassignment-sources .dxbl-grid-table,
[b-v31mfofwx9] .grid-reassignment-map .dxbl-grid-table {
    font-size: 12px;
}

[b-v31mfofwx9] .grid-reassignment-sources .dxbl-spin-edit {
    min-width: 108px;
}

@media (prefers-color-scheme: dark) {
    .reassigned-value.positive[b-v31mfofwx9] {
        color: #86efac;
    }

    .reassigned-value.negative[b-v31mfofwx9] {
        color: #fca5a5;
    }
}

.manual-colada-body[b-v31mfofwx9] {
    display: grid;
    gap: 10px;
}

.manual-colada-header[b-v31mfofwx9] {
    display: flex;
    gap: 14px;
    align-items: center;
    flex-wrap: wrap;
    padding: 6px 8px;
    border: 1px solid var(--pc-border-soft);
    border-radius: 5px;
    background: var(--pc-surface-muted);
    font-weight: 800;
}

.manual-quality-info[b-v31mfofwx9] {
    display: flex;
    align-items: center;
    gap: 8px;
    flex-wrap: wrap;
    padding: 6px 8px;
    border: 1px solid var(--pc-border-soft);
    border-radius: 5px;
    background: var(--pc-surface-muted);
    font-size: 12px;
    font-weight: 800;
}

.manual-colada-form[b-v31mfofwx9] {
    max-width: 360px;
}

[b-v31mfofwx9] .grid-manual-colada {
    min-height: 210px;
    font-size: 12px;
}

    [b-v31mfofwx9] .grid-manual-colada .manual-linea-cerrada-row {
        opacity: .52;
        background: color-mix(in srgb, var(--pc-surface-muted) 78%, transparent);
        pointer-events: none;
    }

[b-v31mfofwx9] .grid-tree-detail {
    height: auto;
    max-height: none;
    overflow: visible;
}

    [b-v31mfofwx9] .grid-tree-detail .dxbl-grid {
        height: auto;
    }

.modified-value[b-v31mfofwx9] {
    display: inline-flex;
    align-items: center;
    gap: 3px;
    color: #9a3412;
    font-weight: 800;
}

    .modified-value[b-v31mfofwx9]::after {
        content: "*";
        color: #f97316;
        font-weight: 900;
    }

.col-s275-h[b-v31mfofwx9] {
    background-color: #00ccff !important;
    color: #111 !important;
}

@media (max-width: 1450px) {
    .config-headline[b-v31mfofwx9] {
        grid-template-columns: minmax(220px, 1fr) repeat(3, 78px) auto;
    }

    .config-detail-grid[b-v31mfofwx9] {
        grid-template-columns: 1fr;
    }
}

.col-s355-ti[b-v31mfofwx9] {
    background-color: #e11d48 !important;
    color: #fff !important;
}

.col-s355-v[b-v31mfofwx9] {
    background-color: #70ad47 !important;
    color: #111 !important;
}

.col-s355-w[b-v31mfofwx9] {
    background-color: #f3819a !important;
    color: #111 !important;
}

.col-s460-a[b-v31mfofwx9] {
    background-color: #ffc000 !important;
    color: #111 !important;
}

.col-s275-ti[b-v31mfofwx9] {
    background-color: #ffff00 !important;
    color: #111 !important;
}

.col-default[b-v31mfofwx9] {
    background-color: #444 !important;
    color: #fff !important;
}

.calidad-pt-badge[b-v31mfofwx9] {
    border: 1px solid transparent;
}

[b-v31mfofwx9] .calp-s355j2w-ar,
.calp-s355j2w-ar[b-v31mfofwx9] {
    background-color: #f3819a !important;
    color: #fff !important;
}

[b-v31mfofwx9] .calp-s355j0w-ar,
.calp-s355j0w-ar[b-v31mfofwx9] {
    background-color: #e782ff !important;
    color: #fff !important;
}

[b-v31mfofwx9] .calp-s355k2-ar,
.calp-s355k2-ar[b-v31mfofwx9] {
    background-color: #974706 !important;
    color: #fff !important;
}

[b-v31mfofwx9] .calp-s355j2-ar,
.calp-s355j2-ar[b-v31mfofwx9] {
    background-color: #ff0000 !important;
    color: #fff !important;
}

[b-v31mfofwx9] .calp-s355j0-ar,
.calp-s355j0-ar[b-v31mfofwx9] {
    background-color: #000 !important;
    color: #fff !important;
}

[b-v31mfofwx9] .calp-s355jr-ar,
.calp-s355jr-ar[b-v31mfofwx9] {
    background-color: #00b050 !important;
    color: #fff !important;
}

[b-v31mfofwx9] .calp-a572-g65,
.calp-a572-g65[b-v31mfofwx9] {
    background-color: #00ccff !important;
    color: #000 !important;
}

[b-v31mfofwx9] .calp-a992,
.calp-a992[b-v31mfofwx9] {
    background-color: #e2efda !important;
    color: #000 !important;
}

[b-v31mfofwx9] .calp-s275j2-ar,
.calp-s275j2-ar[b-v31mfofwx9] {
    background-color: #ff9900 !important;
    color: #000 !important;
}

[b-v31mfofwx9] .calp-s275j0-ar,
.calp-s275j0-ar[b-v31mfofwx9] {
    background-color: #7030a0 !important;
    color: #fff !important;
}

[b-v31mfofwx9] .calp-s275jr-ar,
.calp-s275jr-ar[b-v31mfofwx9] {
    background-color: #fff !important;
    border-color: #cfd4dc !important;
    color: #000 !important;
}

[b-v31mfofwx9] .calp-default,
.calp-default[b-v31mfofwx9] {
    background-color: #444 !important;
    color: #fff !important;
}
/* /Components/VIEWS/Aceria/UcTundish.razor.rz.scp.css */
.tundish-card[b-powxe1rgwe] {
    border: 1px solid var(--dxds-color-border-neutral-default-rest);
    border-radius: 6px;
    background-color: var(--dxds-color-surface-neutral-default-rest);
    color: var(--dxds-color-content-neutral-default-rest);
    padding: 6px;
    margin-bottom: 6px;
    box-shadow: 0 1px 2px rgba(15, 23, 42, .14);
    transition: opacity .15s ease, filter .15s ease, background-color .15s ease;
}

    /* Estado INACTIVO: notoriamente atenuado y en escala de grises */
    .tundish-card.is-disabled[b-powxe1rgwe] {
        background-color: var(--dxds-color-surface-neutral-secondary-rest);
        opacity: .55;
        filter: grayscale(1) brightness(.92);
        box-shadow: none;
        border-color: var(--dxds-color-border-neutral-subtle-rest);
    }

        /* Bocas en gris cuando el tundish está inactivo */
        .tundish-card.is-disabled .boca-tipo[b-powxe1rgwe],
        .tundish-card.is-disabled .boca-tipo.bb1[b-powxe1rgwe],
        .tundish-card.is-disabled .boca-tipo.bb2[b-powxe1rgwe],
        .tundish-card.is-disabled .boca-tipo.bb3[b-powxe1rgwe] {
            background-color: #9ca3af !important;
            color: #4b5563 !important;
        }

        .tundish-card.is-disabled .rend-head.bb1[b-powxe1rgwe],
        .tundish-card.is-disabled .rend-head.bb2[b-powxe1rgwe],
        .tundish-card.is-disabled .rend-head.bb3[b-powxe1rgwe] {
            color: var(--dxds-color-content-neutral-subtle-rest) !important;
        }

    /* Refuerzo de atenuación en Dark Mode (DevExpress Fluent Dark / Bootstrap dark) */
    :root[data-bs-theme='dark'] .tundish-card.is-disabled[b-powxe1rgwe],
    .dx-blazor-theme-fluent-dark .tundish-card.is-disabled[b-powxe1rgwe],
    [data-theme='dark'] .tundish-card.is-disabled[b-powxe1rgwe] {
        opacity: .45;
        filter: grayscale(1) brightness(.6);
        background-color: #1f2937 !important;
        border-color: #374151 !important;
    }

        :root[data-bs-theme='dark'] .tundish-card.is-disabled .boca-tipo[b-powxe1rgwe],
        .dx-blazor-theme-fluent-dark .tundish-card.is-disabled .boca-tipo[b-powxe1rgwe],
        [data-theme='dark'] .tundish-card.is-disabled .boca-tipo[b-powxe1rgwe] {
            background-color: #4b5563 !important;
            color: #9ca3af !important;
        }

.tundish-head[b-powxe1rgwe] {
    display: grid;
    grid-template-columns: minmax(260px, 1fr) repeat(3, 64px) 72px;
    gap: 6px;
    align-items: end;
}

.field[b-powxe1rgwe],
.switch-field[b-powxe1rgwe],
.metric[b-powxe1rgwe] {
    min-width: 0;
}

    .field span[b-powxe1rgwe],
    .metric span[b-powxe1rgwe],
    .switch-field span[b-powxe1rgwe] {
        display: block;
        font-size: 10px;
        font-weight: 700;
        color: var(--dxds-color-content-neutral-subtle-rest);
        line-height: 1;
        margin-bottom: 3px;
    }

[b-powxe1rgwe] .tundish-standard-combo {
    width: 80%;
}

.metric[b-powxe1rgwe] {
    border: 1px solid var(--dxds-color-border-neutral-default-rest);
    border-radius: 4px;
    padding: 3px 6px;
    background-color: var(--dxds-color-surface-neutral-secondary-rest);
    color: var(--dxds-color-content-neutral-default-rest);
}

    .metric strong[b-powxe1rgwe] {
        font-size: 12px;
        line-height: 1.5;
        text-align: right;
        font-variant-numeric: tabular-nums;
        white-space: nowrap;
        color: var(--dxds-color-content-neutral-default-rest);
    }

.metric-alert strong[b-powxe1rgwe] {
    color: #fb923c;
    font-size: 11px;
    font-weight: 800;
    line-height: 1;
}

.switch-field[b-powxe1rgwe] {
    display: flex;
    gap: 5px;
    align-items: center;
    justify-content: center;
    height: 27px;
    border: 1px solid var(--dxds-color-border-neutral-default-rest);
    border-radius: 4px;
    background-color: var(--dxds-color-surface-neutral-secondary-rest);
}

    .switch-field span[b-powxe1rgwe] {
        margin: 0;
    }

.tundish-body[b-powxe1rgwe] {
    display: grid;
    grid-template-columns: minmax(300px, 1fr) 205px;
    gap: 6px;
    align-items: start;
    margin-top: 6px;
}

.bocas-grid[b-powxe1rgwe] {
    display: grid;
    grid-template-columns: repeat(6, minmax(42px, 1fr));
    gap: 4px;
}

.boca[b-powxe1rgwe] {
    min-width: 0;
}

.boca-tipo[b-powxe1rgwe] {
    height: 22px;
    border-radius: 4px 4px 0 0;
    color: #111827;
    font-size: 13px;
    font-weight: 600;
    text-align: center;
    line-height: 22px;
}

    .boca-tipo.bb1[b-powxe1rgwe] {
        color: #4b1762;
    }

    .boca-tipo.bb2[b-powxe1rgwe] {
        color: #0f4f73;
    }

    .boca-tipo.bb3[b-powxe1rgwe] {
        color: #116437;
    }

[b-powxe1rgwe] .boca-estado-combo {
    width: 100%;
    min-width: 0;
    font-size: 9px;
}

    [b-powxe1rgwe] .boca-estado-combo .dxbl-edit-input {
        padding-left: 5px;
        padding-right: 4px;
    }

    [b-powxe1rgwe] .boca-estado-combo .dxbl-btn {
        width: 20px;
        min-width: 20px;
    }

.rendimiento-grid[b-powxe1rgwe] {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    border: 1px solid var(--dxds-color-border-neutral-default-rest);
    border-radius: 4px;
    overflow: hidden;
    font-size: 11px;
    text-align: right;
    min-width: 205px;
    background-color: var(--dxds-color-surface-neutral-default-rest);
    color: var(--dxds-color-content-neutral-default-rest);
}

    .rendimiento-grid > div[b-powxe1rgwe] {
        padding: 1px 7px;
        border-right: 1px solid var(--dxds-color-border-neutral-default-rest);
        border-bottom: 1px solid var(--dxds-color-border-neutral-default-rest);
        font-variant-numeric: tabular-nums;
        white-space: nowrap;
        font-size: 12px;
        font-weight: 700;
        line-height: 1;
        color: var(--dxds-color-content-neutral-default-rest);
    }

        .rendimiento-grid > div:nth-child(3n)[b-powxe1rgwe] {
            border-right: 0;
        }

.rend-head[b-powxe1rgwe] {
    background-color: var(--dxds-color-surface-neutral-secondary-rest);
    font-weight: 800;
    text-align: center;
}

    .rend-head.bb1[b-powxe1rgwe] {
        color: #c084fc;
    }

    .rend-head.bb2[b-powxe1rgwe] {
        color: #38bdf8;
    }

    .rend-head.bb3[b-powxe1rgwe] {
        color: #4ade80;
    }

.total[b-powxe1rgwe] {
    font-weight: 800;
}

@media (max-width: 920px) {
    .tundish-head[b-powxe1rgwe],
    .tundish-body[b-powxe1rgwe] {
        grid-template-columns: 1fr;
    }

    .bocas-grid[b-powxe1rgwe] {
        grid-template-columns: repeat(3, 1fr);
    }
}
/* /Components/VIEWS/Notificaciones.razor.rz.scp.css */

/* =========================================================
   BASE DE PÁGINA
   ========================================================= */

.content-root[b-3hqoj6e6ec] {
    height: 100%;
    min-height: 0;
    overflow: hidden;
}

.page-layout[b-3hqoj6e6ec] {
    height: 100%;
    min-height: 0;
    overflow: hidden;
}

.layout-header[b-3hqoj6e6ec],
.layout-content[b-3hqoj6e6ec],
.layout-footer[b-3hqoj6e6ec] {
    min-width: 0;
    min-height: 0;
    overflow: hidden;
}

.layout-content[b-3hqoj6e6ec] {
    height: 100%;
}

.toolbar[b-3hqoj6e6ec] {
    padding: 0.5rem;
}

.card[b-3hqoj6e6ec],
.grid-wrapper[b-3hqoj6e6ec] {
    background-color: var(--dxds-color-surface-neutral-default-rest);
    border: 1px solid var(--dxds-color-border-neutral-default-rest);
    border-radius: 0.35rem;
}

.card[b-3hqoj6e6ec] {
    min-width: 0;
}

.grid-wrapper[b-3hqoj6e6ec] {
    height: 100%;
    min-height: 0;
    overflow: hidden;
}

[b-3hqoj6e6ec] .grid-calendario {
    height: 100%;
    max-height: 100%;
}


/* =========================================================
   FOOTER / LEYENDA
   ========================================================= */

.calendar-legend-footer[b-3hqoj6e6ec] {
    display: flex;
    align-items: center;
    gap: 1rem;
    padding: 0.45rem 0.85rem;
    flex-wrap: wrap;
    background-color: var(--dxds-color-surface-neutral-default-rest);
    border: 1px solid var(--dxds-color-border-neutral-default-rest);
    border-radius: 0.35rem;
    color: inherit;
}

.legend-title[b-3hqoj6e6ec] {
    font-weight: 600;
}

.legend-item[b-3hqoj6e6ec] {
    display: inline-flex;
    align-items: center;
    gap: 0.45rem;
    font-size: 0.85rem;
}

.legend-color[b-3hqoj6e6ec] {
    width: 12px;
    height: 12px;
    border-radius: 50%;
    border: 1px solid var(--dxds-color-border-neutral-default-rest);
}

.legend-icon[b-3hqoj6e6ec] {
    width: 18px;
    height: 18px;
}

/* =========================================================
   CAMPOS TEMATIZACION
    Colores condicionales del grid
   ========================================================= */

[b-3hqoj6e6ec] .grid-necesidades .PTECARGAR {
    background-color: #ff0000 !important; /* Rojo (pendiente cargar) */
    color: #ffffff !important;
    font-weight: 600;
}

[b-3hqoj6e6ec] .grid-calendario .orden-sub-faltantes {
    background-color: #FC3E17 !important;
    color: white !important;
}

[b-3hqoj6e6ec] .grid-calendario .orden-sub-ok {
    background-color: #737373 !important;
    color: white !important;
}

[b-3hqoj6e6ec] .grid-calendario .orden-sub-faltantes {
    background-color: #FC3E17 !important;
    color: white !important;
}



.grid-badge[b-3hqoj6e6ec] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 44px;
    min-height: 17px;
    padding: 2px 7px;
    border-radius: 4px;
    font-size: 13px;
    font-weight: 400; /* Normal */
    line-height: 1;
    vertical-align: middle;
}

[b-3hqoj6e6ec] .tipo-orden-sub,
.tipo-orden-sub[b-3hqoj6e6ec] {
    background-color: #FC3E17 !important;
    color: white !important;
}

[b-3hqoj6e6ec] .tipo-sub-faltantes,
.tipo-sub-faltantes[b-3hqoj6e6ec] {
    background-color: #FC3E17 !important;
    color: white !important;
}