@import '_content/Blazored.Toast/Blazored.Toast.bundle.scp.css';

/* /Components/Layout/MainLayout.razor.rz.scp.css */
.page[b-7ad95szxqx] {
    position: relative;
    display: flex;
    flex-direction: column;
}

main[b-7ad95szxqx] {
    flex: 1;
}

.sidebar[b-7ad95szxqx] {
    /*background-image: linear-gradient(180deg, rgb(5, 39, 103) 0%, #3a0647 70%);*/
    background-color: #f2f2f2;
}

.top-row[b-7ad95szxqx] {
    background-color: #f7f7f7;
    border-bottom: 1px solid #d6d5d5;
    justify-content: flex-end;
    height: 3.5rem;
    display: flex;
    align-items: center;
}

    .top-row[b-7ad95szxqx]  a, .top-row[b-7ad95szxqx]  .btn-link {
        white-space: nowrap;
        margin-left: 1.5rem;
        text-decoration: none;
    }

    .top-row[b-7ad95szxqx]  a:hover, .top-row[b-7ad95szxqx]  .btn-link:hover {
        text-decoration: underline;
    }

    .top-row[b-7ad95szxqx]  a:first-child {
        overflow: hidden;
        text-overflow: ellipsis;
    }

@media (max-width: 640.98px) {
    .top-row[b-7ad95szxqx] {
        justify-content: space-between;
    }

    .top-row[b-7ad95szxqx]  a, .top-row[b-7ad95szxqx]  .btn-link {
        margin-left: 0;
    }
}

@media (min-width: 641px) {
    .page[b-7ad95szxqx] {
        flex-direction: row;
    }

    .sidebar[b-7ad95szxqx] {
        width: 250px;
        height: 100vh;
        position: sticky;
        top: 0;
    }

    .top-row[b-7ad95szxqx] {
        position: sticky;
        top: 0;
        z-index: 1;
    }

    .top-row.auth[b-7ad95szxqx]  a:first-child {
        flex: 1;
        text-align: right;
        width: 0;
    }

    .top-row[b-7ad95szxqx], article[b-7ad95szxqx] {
        padding-left: 2rem !important;
        padding-right: 1.5rem !important;
    }
}

#blazor-error-ui[b-7ad95szxqx] {
    color-scheme: light only;
    background: lightyellow;
    bottom: 0;
    box-shadow: 0 -1px 2px rgba(0, 0, 0, 0.2);
    box-sizing: border-box;
    display: none;
    left: 0;
    padding: 0.6rem 1.25rem 0.7rem 1.25rem;
    position: fixed;
    width: 100%;
    z-index: 1000;
}

    #blazor-error-ui .dismiss[b-7ad95szxqx] {
        cursor: pointer;
        position: absolute;
        right: 0.75rem;
        top: 0.5rem;
    }

/* ════════════════════════════════════════════════════════════════
   SIAC SHELL — Premium AppBar
   All colors use CSS variables for automatic light/dark switching
   ════════════════════════════════════════════════════════════════ */

/* ── AppBar override ────────────────────────────────────────── */
[b-7ad95szxqx] .siac-appbar.mud-appbar {
    border-bottom: 1px solid rgba(0, 107, 183, 0.09) !important;
    backdrop-filter: blur(18px) !important;
    -webkit-backdrop-filter: blur(18px) !important;
    box-shadow:
        0 1px 2px rgba(0, 0, 0, 0.04),
        0 2px 8px rgba(0, 107, 183, 0.05) !important;
}

/* ── Brand ──────────────────────────────────────────────────── */
.siac-hdr-brand[b-7ad95szxqx] {
    display: flex;
    flex-direction: column;
    gap: 1px;
    user-select: none;
    line-height: 1;
}

.siac-hdr-brand-name[b-7ad95szxqx] {
    font-size: 1.08rem;
    font-weight: 700;
    letter-spacing: 0.05em;
    color: var(--mud-palette-appbar-text);
    line-height: 1;
}

.siac-hdr-brand-sub[b-7ad95szxqx] {
    font-size: 0.63rem;
    font-weight: 500;
    letter-spacing: 0.09em;
    text-transform: uppercase;
    color: var(--mud-palette-text-secondary);
    line-height: 1;
    opacity: 0.75;
}

/* ── User block ─────────────────────────────────────────────── */
.siac-hdr-user[b-7ad95szxqx] {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 5px 12px 5px 6px;
    border-radius: 10px;
    cursor: default;
    transition: background 0.15s ease;
}

.siac-hdr-user:hover[b-7ad95szxqx] {
    background: rgba(0, 107, 183, 0.08);
}

.siac-hdr-avatar[b-7ad95szxqx] {
    width: 34px;
    height: 34px;
    border-radius: 50%;
    background: linear-gradient(135deg, #006bb7 0%, #005A9C 100%);
    color: #ffffff;
    font-size: 0.86rem;
    font-weight: 700;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    box-shadow: 0 1px 4px rgba(0, 107, 183, 0.28);
    letter-spacing: 0;
    line-height: 1;
}

.siac-hdr-user-info[b-7ad95szxqx] {
    display: flex;
    flex-direction: column;
    gap: 2px;
}

.siac-hdr-user-name[b-7ad95szxqx] {
    font-size: 0.84rem;
    font-weight: 600;
    color: var(--mud-palette-appbar-text);
    line-height: 1.1;
    white-space: nowrap;
}

.siac-hdr-user-sub[b-7ad95szxqx] {
    font-size: 0.63rem;
    font-weight: 500;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    color: var(--mud-palette-text-secondary);
    line-height: 1;
    opacity: 0.75;
}

/* ── Ghost icon buttons ─────────────────────────────────────── */
[b-7ad95szxqx] .siac-hdr-btn-ghost.mud-icon-button {
    border-radius: 8px !important;
    color: var(--mud-palette-appbar-text) !important;
    opacity: 0.75;
    transition:
        background 0.14s ease,
        opacity    0.14s ease !important;
}

[b-7ad95szxqx] .siac-hdr-btn-ghost.mud-icon-button:hover {
    background: rgba(0, 107, 183, 0.09) !important;
    opacity: 1;
}

.layout-brand[b-7ad95szxqx] {
    min-width: 88px;
}

.layout-header-search[b-7ad95szxqx] {
    width: min(620px, 100%);
    margin-left: 1rem;
    margin-right: 1rem;
}

:deep(.user7-new-drawer)[b-7ad95szxqx] {
    width: 440px !important;
    min-width: 440px !important;
    max-width: 440px !important;
    flex: 0 0 440px !important;
}

@media (max-width: 960px) {
    .layout-brand[b-7ad95szxqx] {
        min-width: 0;
    }

    .layout-header-search[b-7ad95szxqx] {
        margin-left: 0.35rem;
        margin-right: 0.35rem;
        width: min(360px, 100%);
    }

    :deep(.user7-new-drawer)[b-7ad95szxqx] {
        width: 380px !important;
        min-width: 380px !important;
        max-width: 380px !important;
        flex: 0 0 380px !important;
    }
}

@media (max-width: 600px) {
    :deep(.user7-new-drawer)[b-7ad95szxqx] {
        width: 100vw !important;
        min-width: 100vw !important;
        max-width: 100vw !important;
    }
}
/* /Components/Layout/NavigationDashboard/DashboardDomainCards.razor.rz.scp.css */
.domain-grid[b-u8ykgqg7s7] {
    display: grid;
    grid-template-columns: 1fr;
    gap: 0.5rem;
}

.domain-card[b-u8ykgqg7s7] {
    padding: 0.5rem;
    cursor: pointer;
    border: 1px solid transparent;
    transition: border-color 0.2s ease, box-shadow 0.2s ease;
}

.domain-card:hover[b-u8ykgqg7s7] {
    border-color: rgba(25, 118, 210, 0.4);
}

.domain-card.is-active[b-u8ykgqg7s7] {
    border-color: rgba(25, 118, 210, 0.8);
    box-shadow: 0 0 0 1px rgba(25, 118, 210, 0.35);
}

.domain-card-header[b-u8ykgqg7s7] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    padding: 0.35rem 0.5rem;
    border-radius: 6px;
    background: rgba(0, 0, 0, 0.02);
}

.domain-card-meta[b-u8ykgqg7s7] {
    margin-top: 0.4rem;
    color: rgba(0, 0, 0, 0.58);
}

.domain-card-sample[b-u8ykgqg7s7] {
    display: block;
    margin-top: 0.2rem;
    color: rgba(0, 0, 0, 0.72);
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
/* /Components/Layout/NavigationDashboard/DashboardNavigationShell.razor.rz.scp.css */
.dashboard-nav-shell[b-ginuu1bxyf] {
    display: flex;
    flex-direction: column;
    gap: 0.75rem;
    padding: 0.5rem;
}

.dashboard-nav-loading[b-ginuu1bxyf] {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    padding: 0.75rem 0.25rem;
}

.mobile-domain-panels[b-ginuu1bxyf] {
    margin-top: 0.5rem;
}

.dashboard-mobile-item[b-ginuu1bxyf] {
    width: 100%;
    justify-content: flex-start;
    text-transform: none;
}
/* /Components/Layout/NavigationDashboard/DashboardSidebar.razor.rz.scp.css */
.dashboard-sidebar[b-znd9hdlpsb] {
    padding: 0.5rem;
    max-height: 38vh;
    overflow-y: auto;
}

.dashboard-sidebar-item[b-znd9hdlpsb] {
    width: 100%;
    justify-content: flex-start;
    text-transform: none;
    margin-bottom: 0.2rem;
}

.dashboard-sidebar-title[b-znd9hdlpsb] {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    max-width: 100%;
}
/* /Components/Layout/NavigationDashboard/GlobalModuleSearch.razor.rz.scp.css */
.nav-search-results[b-f5u9top93w] {
    max-height: 260px;
    overflow-y: auto;
    padding: 0.25rem;
}

.nav-search-item[b-f5u9top93w] {
    width: 100%;
    justify-content: flex-start;
    text-transform: none;
    display: grid;
    grid-template-columns: 18px 1fr;
    gap: 0.4rem;
    margin-bottom: 0.15rem;
}

.nav-search-title[b-f5u9top93w] {
    font-size: 0.86rem;
    font-weight: 500;
    text-align: left;
}

.nav-search-breadcrumb[b-f5u9top93w] {
    display: block;
    font-size: 0.72rem;
    color: rgba(0, 0, 0, 0.56);
    text-align: left;
    grid-column: 2;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
/* /Components/Layout/NavigationDashboard/HeaderNavigationSearch.razor.rz.scp.css */
.header-nav-search[b-s3cmu4y2co] {
    position: relative;
    width: min(620px, 100%);
}

.header-nav-input[b-s3cmu4y2co] {
    width: 100%;
}

.header-nav-results[b-s3cmu4y2co] {
    position: absolute;
    top: calc(100% + 6px);
    left: 0;
    right: 0;
    z-index: 20;
    max-height: 300px;
    overflow-y: auto;
    padding: 0.35rem;
}

.header-nav-result-item[b-s3cmu4y2co] {
    width: 100%;
    justify-content: flex-start;
    text-transform: none;
    display: grid;
    grid-template-columns: 18px 1fr;
    gap: 0.15rem 0.45rem;
}

.header-nav-title[b-s3cmu4y2co] {
    text-align: left;
    font-size: 0.86rem;
    font-weight: 500;
    line-height: 1.15;
}

.header-nav-breadcrumb[b-s3cmu4y2co] {
    grid-column: 2;
    text-align: left;
    font-size: 0.7rem;
    opacity: 0.75;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

@media (max-width: 960px) {
    .header-nav-search[b-s3cmu4y2co] {
        width: 100%;
    }
}
/* /Components/Layout/NavigationDashboard/InstitutionalNavigationDashboard.razor.rz.scp.css */
.navdash-root[b-cfme27dmra] {
    width: 100%;
}

.navdash-title-block[b-cfme27dmra] {
    padding: 1rem 1.1rem;
}

.navdash-loading[b-cfme27dmra] {
    min-height: 180px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 0.6rem;
}

.domain-grid[b-cfme27dmra] {
    display: grid;
    grid-template-columns: repeat(2, minmax(280px, 1fr));
    gap: 0.95rem;
}

.domain-block[b-cfme27dmra] {
    padding: 0.95rem;
    border: 1px solid rgba(0, 0, 0, 0.08);
    display: flex;
    flex-direction: column;
    gap: 0.75rem;
}

.domain-head[b-cfme27dmra] {
    display: flex;
    align-items: center;
    gap: 0.7rem;
}

.domain-icon[b-cfme27dmra] {
    font-size: 2rem;
    color: #1f4f93;
}

.domain-actions[b-cfme27dmra] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.45rem;
}

.domain-module[b-cfme27dmra] {
    text-transform: none;
    border-radius: 6px;
}

.domain-open-btn[b-cfme27dmra] {
    width: fit-content;
    text-transform: none;
    padding-left: 0.25rem;
}

@media (max-width: 1200px) {
    .domain-grid[b-cfme27dmra] {
        grid-template-columns: repeat(2, minmax(230px, 1fr));
    }
}

@media (max-width: 960px) {
    .domain-grid[b-cfme27dmra] {
        grid-template-columns: 1fr;
    }
}
/* /Components/Layout/NavigationDashboard/NavigationSupportPanel.razor.rz.scp.css */
.nav-support-shell[b-t1nfntwh54] {
    display: flex;
    flex-direction: column;
    gap: 0.35rem;
    padding: 0.65rem;
}

.nav-support-item[b-t1nfntwh54] {
    width: 100%;
    justify-content: flex-start;
    text-transform: none;
    padding-left: 0;
    min-height: 32px;
}

.nav-support-label[b-t1nfntwh54] {
    font-weight: 600;
    letter-spacing: 0.01em;
}
/* /Components/Layout/NavMenu.razor.rz.scp.css */
.navbar-toggler[b-481qattsos] {
    appearance: none;
    cursor: pointer;
    width: 3.5rem;
    height: 2.5rem;
    color: white;
    position: absolute;
    top: 0.5rem;
    right: 1rem;
    border: 1px solid rgba(255, 255, 255, 0.1);
    background: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%28255, 255, 255, 0.55%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e") no-repeat center/1.75rem rgba(0, 0, 0, 0.1);
}

.navbar-toggler:checked[b-481qattsos] {
        background-color: rgba(0, 0, 0, 0.5);
    }

.top-row[b-481qattsos] {
    min-height: 3.5rem;
    background-color: rgba(0,0,0,0.4);
}

.navbar-brand[b-481qattsos] {
    font-size: 1.1rem;
}

.bi[b-481qattsos] {
    display: inline-block;
    position: relative;
    width: 1.25rem;
    height: 1.25rem;
    margin-right: 0.75rem;
    top: -1px;
    background-size: cover;
}

.bi-house-door-fill-nav-menu[b-481qattsos] {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='white' class='bi bi-house-door-fill' viewBox='0 0 16 16'%3E%3Cpath d='M6.5 14.5v-3.505c0-.245.25-.495.5-.495h2c.25 0 .5.25.5.5v3.5a.5.5 0 0 0 .5.5h4a.5.5 0 0 0 .5-.5v-7a.5.5 0 0 0-.146-.354L13 5.793V2.5a.5.5 0 0 0-.5-.5h-1a.5.5 0 0 0-.5.5v1.293L8.354 1.146a.5.5 0 0 0-.708 0l-6 6A.5.5 0 0 0 1.5 7.5v7a.5.5 0 0 0 .5.5h4a.5.5 0 0 0 .5-.5Z'/%3E%3C/svg%3E");
}

.bi-plus-square-fill-nav-menu[b-481qattsos] {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='white' class='bi bi-plus-square-fill' viewBox='0 0 16 16'%3E%3Cpath d='M2 0a2 2 0 0 0-2 2v12a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V2a2 2 0 0 0-2-2H2zm6.5 4.5v3h3a.5.5 0 0 1 0 1h-3v3a.5.5 0 0 1-1 0v-3h-3a.5.5 0 0 1 0-1h3v-3a.5.5 0 0 1 1 0z'/%3E%3C/svg%3E");
}

.bi-list-nested-nav-menu[b-481qattsos] {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='white' class='bi bi-list-nested' viewBox='0 0 16 16'%3E%3Cpath fill-rule='evenodd' d='M4.5 11.5A.5.5 0 0 1 5 11h10a.5.5 0 0 1 0 1H5a.5.5 0 0 1-.5-.5zm-2-4A.5.5 0 0 1 3 7h10a.5.5 0 0 1 0 1H3a.5.5 0 0 1-.5-.5zm-2-4A.5.5 0 0 1 1 3h10a.5.5 0 0 1 0 1H1a.5.5 0 0 1-.5-.5z'/%3E%3C/svg%3E");
}

.nav-item[b-481qattsos] {
    font-size: 0.9rem;
    padding-bottom: 0.5rem;
}

    .nav-item:first-of-type[b-481qattsos] {
        padding-top: 1rem;
    }

    .nav-item:last-of-type[b-481qattsos] {
        padding-bottom: 1rem;
    }

    .nav-item[b-481qattsos]  .nav-link {
        color: #d7d7d7;
        background: none;
        border: none;
        border-radius: 4px;
        height: 3rem;
        display: flex;
        align-items: center;
        line-height: 3rem;
        width: 100%;
    }

    .nav-item[b-481qattsos]  a.active {
        background-color: rgba(255,255,255,0.37);
        color: white;
    }

    .nav-item[b-481qattsos]  .nav-link:hover {
        background-color: rgba(255,255,255,0.1);
        color: white;
    }

.nav-scrollable[b-481qattsos] {
    display: none;
}

.navbar-toggler:checked ~ .nav-scrollable[b-481qattsos] {
    display: block;
}

@media (min-width: 641px) {
    .navbar-toggler[b-481qattsos] {
        display: none;
    }

    .nav-scrollable[b-481qattsos] {
        /* Never collapse the sidebar for wide screens */
        display: block;
        /* Allow sidebar to scroll for tall menus */
        height: calc(100vh - 3.5rem);
        overflow-y: auto;
        scrollbar-width: thin;
        scrollbar-color: rgba(0,107,183,0.18) transparent;
    }
}

/* ════════════════════════════════════════════════════════════════
   SIDEBAR — Premium refinement
   Targets MudNavLink / MudNavGroup via ::deep (Blazor scoped CSS)
   ════════════════════════════════════════════════════════════════ */

/* MudNavLink base */
.nav-scrollable[b-481qattsos]  .mud-nav-link {
    border-radius: 8px;
    margin: 1px 8px;
    padding-left: 14px;
    font-size: 0.875rem;
    color: var(--mud-palette-drawer-text);
    transition:
        background 0.14s ease,
        color      0.14s ease,
        padding-left 0.14s ease;
}

/* Hover */
.nav-scrollable[b-481qattsos]  .mud-nav-link:hover {
    background: color-mix(in srgb, var(--mud-palette-primary) 13%, transparent);
    color: var(--mud-palette-text-primary);
}

/* Active / selected */
.nav-scrollable[b-481qattsos]  .mud-nav-link.mud-nav-link-active {
    background: color-mix(in srgb, var(--mud-palette-primary) 19%, transparent);
    color: var(--mud-palette-text-primary);
    font-weight: 600;
    border-left: 3px solid var(--mud-palette-primary);
    padding-left: 11px;
}

/* MudNavGroup title button — base */
.nav-scrollable[b-481qattsos]  .mud-nav-group .mud-button-root {
    border-radius: 8px;
    margin: 1px 8px;
    font-size: 0.875rem;
    color: var(--mud-palette-drawer-text);
    transition:
        background 0.14s ease,
        color      0.14s ease;
}

/* MudNavGroup title hover */
.nav-scrollable[b-481qattsos]  .mud-nav-group .mud-button-root:hover {
    background: color-mix(in srgb, var(--mud-palette-primary) 11%, transparent);
    color: var(--mud-palette-text-primary);
}

/* MudDivider inside sidebar — softer */
.nav-scrollable[b-481qattsos]  .mud-divider {
    border-color: color-mix(in srgb, var(--mud-palette-drawer-text) 16%, transparent);
    margin: 3px 0;
}

/* Icons and expand chevrons aligned with drawer palette */
.nav-scrollable[b-481qattsos]  .mud-nav-link .mud-nav-link-icon,
.nav-scrollable[b-481qattsos]  .mud-nav-group .mud-nav-link-icon,
.nav-scrollable[b-481qattsos]  .mud-nav-group .mud-nav-group-expand-icon {
    color: var(--mud-palette-drawer-icon);
}

.nav-scrollable[b-481qattsos]  .mud-nav-link:hover .mud-nav-link-icon,
.nav-scrollable[b-481qattsos]  .mud-nav-link.mud-nav-link-active .mud-nav-link-icon,
.nav-scrollable[b-481qattsos]  .mud-nav-group .mud-button-root:hover .mud-nav-link-icon,
.nav-scrollable[b-481qattsos]  .mud-nav-group .mud-button-root:hover .mud-nav-group-expand-icon {
    color: var(--mud-palette-primary);
}

:global(.mud-theme-dark) .nav-scrollable[b-481qattsos]  .mud-nav-link.mud-nav-link-active {
    background: color-mix(in srgb, var(--mud-palette-primary) 23%, transparent);
}

:global(.mud-theme-dark) .nav-scrollable[b-481qattsos]  .mud-nav-link:hover,
:global(.mud-theme-dark) .nav-scrollable[b-481qattsos]  .mud-nav-group .mud-button-root:hover {
    background: color-mix(in srgb, var(--mud-palette-primary) 18%, transparent);
}
/* /Components/Layout/NavMenuUser7New.razor.rz.scp.css */
/* ──────────────────────────────────────────────────────────────────────
   NavMenuUser7New — CSS scoped del renderer propio (MudCollapse + vanilla).
   El componente ya no depende de las clases internas de MudNavGroup/MudNavLink;
   las reglas que las pisaban con :deep() se eliminaron. Lo que queda toca
   solo nuestras clases (user7-*).
   ────────────────────────────────────────────────────────────────────── */

/* ══════════════════════════════════════════════════════════════════════
   Contenedor general + header + buscador + empty states
   ══════════════════════════════════════════════════════════════════════ */

.user7-menu-shell[b-6pe8rx33qa] {
    width: 100%;
    min-width: 0;
    box-sizing: border-box;
    padding: 0.5rem 0.6rem 0.9rem 0.6rem;
    background: linear-gradient(
        180deg,
        color-mix(in srgb, var(--mud-palette-drawer-background) 94%, var(--mud-palette-surface) 6%) 0%,
        var(--mud-palette-drawer-background) 100%
    );
    overflow-x: hidden;
}

.user7-menu-header[b-6pe8rx33qa] {
    border: 1px solid color-mix(in srgb, var(--mud-palette-drawer-text) 14%, transparent);
    border-radius: 12px;
    padding: 0.7rem 0.75rem;
    margin-bottom: 0.6rem;
    background:
        radial-gradient(circle at 12% 12%, color-mix(in srgb, var(--mud-palette-primary) 14%, transparent), transparent 38%),
        color-mix(in srgb, var(--mud-palette-surface) 92%, transparent);
    color: var(--mud-palette-text-primary);
}

.user7-header-row[b-6pe8rx33qa] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.6rem;
}

.user7-header-titles[b-6pe8rx33qa] {
    display: flex;
    flex-direction: column;
    min-width: 0;
}

.user7-header-title[b-6pe8rx33qa] {
    font-weight: 700;
    letter-spacing: 0.01em;
    line-height: 1.25rem;
}

.user7-header-subtitle[b-6pe8rx33qa] {
    color: var(--mud-palette-text-secondary);
    line-height: 1rem;
}

.user7-header-chip[b-6pe8rx33qa] { flex: 0 0 auto; }

.user7-search[b-6pe8rx33qa] { margin-bottom: 0.5rem; }

.user7-search :deep(.mud-input-control)[b-6pe8rx33qa] {
    background: color-mix(in srgb, var(--mud-palette-surface) 90%, transparent);
    border-radius: 10px;
}

.user7-search :deep(.mud-input-root)[b-6pe8rx33qa],
.user7-search :deep(input)[b-6pe8rx33qa],
.user7-search :deep(.mud-input-adornment)[b-6pe8rx33qa] {
    color: var(--mud-palette-drawer-text);
}

.user7-menu-loading[b-6pe8rx33qa] {
    display: flex;
    flex-direction: column;
    gap: 0.55rem;
    align-items: center;
    justify-content: center;
    padding: 1.2rem 0.8rem;
}

.user7-search-results[b-6pe8rx33qa] {
    border: 1px solid color-mix(in srgb, var(--mud-palette-drawer-text) 14%, transparent);
    border-radius: 10px;
    background: color-mix(in srgb, var(--mud-palette-surface) 94%, transparent);
    max-height: 54vh;
    overflow-y: auto;
}

.user7-search-item[b-6pe8rx33qa] {
    width: 100%;
    justify-content: flex-start;
    text-align: left;
    text-transform: none;
    border-radius: 8px;
    padding: 0.45rem 0.35rem;
    color: var(--mud-palette-drawer-text);
}

.user7-search-item:hover[b-6pe8rx33qa] {
    background: color-mix(in srgb, var(--mud-palette-primary) 12%, transparent);
    color: var(--mud-palette-text-primary);
}

.user7-search-text[b-6pe8rx33qa] {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 0.1rem;
    min-width: 0;
}

.user7-search-title[b-6pe8rx33qa] {
    font-size: 0.9rem;
    color: var(--mud-palette-text-primary);
    font-weight: 600;
    white-space: normal;
    overflow-wrap: normal;
    line-height: 1.2rem;
}

.user7-search-breadcrumb[b-6pe8rx33qa] {
    font-size: 0.75rem;
    color: var(--mud-palette-text-secondary);
    white-space: normal;
    overflow-wrap: normal;
    line-height: 1.05rem;
}

.user7-empty-state[b-6pe8rx33qa] {
    border: 1px dashed color-mix(in srgb, var(--mud-palette-drawer-text) 20%, transparent);
    border-radius: 12px;
    padding: 1.1rem 0.9rem;
    text-align: center;
    background: color-mix(in srgb, var(--mud-palette-surface) 90%, transparent);
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 0.35rem;
    margin: 0.4rem 0;
}

.user7-empty-icon[b-6pe8rx33qa]  { color: var(--mud-palette-text-secondary); opacity: 0.85; }
.user7-empty-title[b-6pe8rx33qa] { font-weight: 600; color: var(--mud-palette-text-primary); }
.user7-empty-subtitle[b-6pe8rx33qa] { color: var(--mud-palette-text-secondary); line-height: 1.05rem; }

/* ══════════════════════════════════════════════════════════════════════
   Renderer propio del árbol (sustituye a MudNavMenu/MudNavGroup/MudNavLink)
   ══════════════════════════════════════════════════════════════════════ */

.user7-tree[b-6pe8rx33qa] {
    /* Variables para indentación matemática por nivel. */
    --lvl-base: 12px;
    --lvl-step: 16px;

    display: flex;
    flex-direction: column;
    gap: 1px;
    background: color-mix(in srgb, var(--mud-palette-surface) 94%, transparent);
    border: 1px solid color-mix(in srgb, var(--mud-palette-drawer-text) 14%, transparent);
    border-radius: 12px;
    padding: 0.45rem;
}

/* Wrapper de cada nodo grupo (contiene header + collapse de hijos) */
.user7-node-wrap[b-6pe8rx33qa] {
    display: block;
}

.user7-node-wrap.is-top-level[b-6pe8rx33qa] {
    /* Cada módulo top-level se separa con un pequeño aire para que la
       lista no se lea como un bloque continuo. */
    margin-bottom: 0.15rem;
}

.user7-node-wrap.is-wrapper-siac > .user7-row[b-6pe8rx33qa] {
    /* Wrapper raíz "SIAC Operativo": presencia mínima, sin contador,
       sin peso visual (se mantiene solo si el aplanado no aplicó). */
    font-weight: 500;
    color: var(--mud-palette-text-secondary);
}

/* ─── Fila (común a grupos y hojas) ─────────────────────────────────── */

.user7-row[b-6pe8rx33qa] {
    display: flex;
    align-items: center;
    gap: 0.55rem;
    width: 100%;
    min-height: 34px;
    padding-top: 0.35rem;
    padding-bottom: 0.35rem;
    padding-right: 0.45rem;
    /* Indent matemático: base + (nivel × paso). */
    padding-left: calc(var(--lvl-base) + (var(--lvl, 0) * var(--lvl-step)));
    border-radius: 8px;
    color: var(--mud-palette-drawer-text);
    text-decoration: none;
    box-sizing: border-box;
    border-left: 3px solid transparent;  /* placeholder para alinear con activos */
    background: transparent;
    transition: background 0.15s ease, color 0.15s ease;
}

.user7-row:hover[b-6pe8rx33qa] {
    background: color-mix(in srgb, var(--mud-palette-drawer-text) 6%, transparent);
    color: var(--mud-palette-text-primary);
}

/* ─── Grupo (botón con chevron + icono + label + count) ──────────────── */

.user7-group[b-6pe8rx33qa] {
    appearance: none;
    background: transparent;
    border: 0;
    border-left: 3px solid transparent;
    font: inherit;
    text-align: left;
    cursor: pointer;
}

.user7-group:focus-visible[b-6pe8rx33qa] {
    outline: 2px solid color-mix(in srgb, var(--mud-palette-primary) 60%, transparent);
    outline-offset: -2px;
}

/* Chevron: cerrado apunta derecha, abierto apunta abajo. Sin azul por defecto. */
.user7-chevron[b-6pe8rx33qa] {
    flex: 0 0 auto;
    color: var(--mud-palette-drawer-icon);
    transition: transform 0.18s ease, color 0.15s ease;
}

.user7-group.is-expanded .user7-chevron[b-6pe8rx33qa] {
    transform: rotate(90deg);
}

/* Icono propio del nodo (Material según node.Icono). */
.user7-node-icon[b-6pe8rx33qa] {
    flex: 0 0 auto;
    color: var(--mud-palette-drawer-icon);
}

.user7-node-label[b-6pe8rx33qa] {
    flex: 1 1 auto;
    min-width: 0;
    white-space: normal;
    overflow-wrap: normal;
    line-height: 1.2rem;
}

/* Top-level: un poco más de peso visual. */
.user7-node-wrap.is-top-level > .user7-row .user7-node-label[b-6pe8rx33qa] {
    font-weight: 600;
}

/* Wrapper SIAC: degradar visualmente el label aunque sea top-level. */
.user7-node-wrap.is-wrapper-siac > .user7-row .user7-node-label[b-6pe8rx33qa] {
    font-weight: 500;
}

/* Chip de conteo (solo módulos top-level reales). */
.user7-count[b-6pe8rx33qa] {
    flex: 0 0 auto;
    font-size: 0.72rem;
    font-weight: 600;
    padding: 0.05rem 0.5rem;
    border-radius: 999px;
    color: var(--mud-palette-text-secondary);
    background: color-mix(in srgb, var(--mud-palette-drawer-text) 8%, transparent);
}

/* ─── Ancestro de la ruta activa ─────────────────────────────────────── */

.user7-row.is-ancestor[b-6pe8rx33qa] {
    /* Fondo MUY suave + chevron azul. Sin texto en negrita, sin barra azul.
       Comunica "esta rama contiene la pantalla actual" sin verse seleccionado. */
    background: color-mix(in srgb, var(--mud-palette-primary) 5%, transparent);
}

.user7-row.is-ancestor:hover[b-6pe8rx33qa] {
    background: color-mix(in srgb, var(--mud-palette-primary) 8%, transparent);
}

.user7-row.is-ancestor .user7-chevron[b-6pe8rx33qa] {
    color: var(--mud-palette-primary);
}

/* ─── Hoja navegable ─────────────────────────────────────────────────── */

.user7-leaf[b-6pe8rx33qa] {
    cursor: pointer;
}

.user7-leaf-dot[b-6pe8rx33qa] {
    flex: 0 0 auto;
    width: 6px;
    height: 6px;
    border-radius: 999px;
    background: color-mix(in srgb, var(--mud-palette-drawer-icon) 50%, transparent);
    /* Alinea visualmente con donde estaría el icono del grupo. */
    margin-left: 2px;
    margin-right: 0.3rem;
    transition: background 0.15s ease, transform 0.15s ease;
}

.user7-leaf:hover .user7-leaf-dot[b-6pe8rx33qa] {
    background: var(--mud-palette-primary);
}

/* ─── Hoja activa (estado visual MÁS FUERTE) ─────────────────────────── */

.user7-row.is-active[b-6pe8rx33qa] {
    background: color-mix(in srgb, var(--mud-palette-primary) 22%, transparent);
    color: var(--mud-palette-primary);
    font-weight: 600;
    border-left: 3px solid var(--mud-palette-primary);
}

.user7-row.is-active .user7-leaf-dot[b-6pe8rx33qa] {
    background: var(--mud-palette-primary);
    transform: scale(1.05);
}

.user7-row.is-active:hover[b-6pe8rx33qa] {
    background: color-mix(in srgb, var(--mud-palette-primary) 26%, transparent);
}

/* ─── Contenedor de hijos (dentro del MudCollapse) ───────────────────── */

.user7-children[b-6pe8rx33qa] {
    display: flex;
    flex-direction: column;
    gap: 1px;
    /* Línea guía vertical sutil para reforzar agrupamiento visual sin
       competir con el azul del activo. */
    margin-left: calc(var(--lvl-base) + 4px);
    border-left: 1px solid color-mix(in srgb, var(--mud-palette-drawer-text) 8%, transparent);
    padding-left: 2px;
}

/* ══════════════════════════════════════════════════════════════════════
   Modo oscuro — los tintes se ajustan para conservar la jerarquía
   visual (activo > ancestro > abierto > cerrado) en alto contraste.
   ══════════════════════════════════════════════════════════════════════ */

:global(.mud-theme-dark) .user7-menu-shell[b-6pe8rx33qa] {
    background: linear-gradient(
        180deg,
        color-mix(in srgb, var(--mud-palette-drawer-background) 96%, black 4%) 0%,
        var(--mud-palette-drawer-background) 100%
    );
}

:global(.mud-theme-dark) .user7-menu-header[b-6pe8rx33qa],
:global(.mud-theme-dark) .user7-tree[b-6pe8rx33qa],
:global(.mud-theme-dark) .user7-search-results[b-6pe8rx33qa] {
    box-shadow: inset 0 0 0 1px color-mix(in srgb, var(--mud-palette-drawer-text) 9%, transparent);
}

:global(.mud-theme-dark) .user7-row.is-ancestor[b-6pe8rx33qa] {
    background: color-mix(in srgb, var(--mud-palette-primary) 9%, transparent);
}

:global(.mud-theme-dark) .user7-row.is-active[b-6pe8rx33qa] {
    background: color-mix(in srgb, var(--mud-palette-primary) 26%, transparent);
    color: color-mix(in srgb, var(--mud-palette-primary) 92%, white 8%);
}

:global(.mud-theme-dark) .user7-row:not(.is-active):hover[b-6pe8rx33qa],
:global(.mud-theme-dark) .user7-search-item:hover[b-6pe8rx33qa] {
    background: color-mix(in srgb, var(--mud-palette-primary) 16%, transparent);
}

/* ══════════════════════════════════════════════════════════════════════
   Responsive
   ══════════════════════════════════════════════════════════════════════ */

@media (max-width: 960px) {
    .user7-menu-shell[b-6pe8rx33qa] {
        padding: 0.45rem;
    }

    .user7-menu-header[b-6pe8rx33qa] {
        padding: 0.6rem;
        border-radius: 10px;
    }

    .user7-search-results[b-6pe8rx33qa] {
        max-height: 42vh;
    }

    .user7-tree[b-6pe8rx33qa] {
        /* En pantallas estrechas reducimos el paso para evitar texto cortado. */
        --lvl-step: 12px;
    }
}
/* /Components/Pages/Ajustes/ApellidosABC.razor.rz.scp.css */
.apellidos-shell[b-vkxgpvrsyu] {
    max-width: 1200px;
    margin: 0 auto;
    padding: 0 14px 20px;
}

.apellidos-section[b-vkxgpvrsyu] {
    margin-bottom: 14px;
}

[b-vkxgpvrsyu] .header-surface {
    border-radius: 14px;
    border: 1px solid rgba(26, 68, 104, 0.16);
    background:
        radial-gradient(circle at 9% 16%, rgba(80, 156, 210, 0.16), transparent 34%),
        radial-gradient(circle at 86% 30%, rgba(129, 198, 157, 0.13), transparent 30%),
        linear-gradient(120deg, #f9fcff 0%, #f4f9ff 52%, #f7fcfb 100%);
}

[b-vkxgpvrsyu] .header-title {
    color: #12395c;
    font-weight: 700;
    letter-spacing: 0.01em;
}

[b-vkxgpvrsyu] .header-subtitle {
    color: rgba(18, 57, 92, 0.78);
}

[b-vkxgpvrsyu] .header-actions {
    flex-wrap: wrap;
}

[b-vkxgpvrsyu] .kpi-card {
    border-radius: 12px;
    border: 1px solid rgba(19, 59, 91, 0.12);
    padding: 14px;
    transition: transform 0.16s ease, box-shadow 0.16s ease;
}

[b-vkxgpvrsyu] .kpi-card:hover {
    transform: translateY(-1px);
    box-shadow: 0 10px 18px rgba(13, 42, 67, 0.08);
}

[b-vkxgpvrsyu] .kpi-total {
    background: linear-gradient(145deg, #f1f7ff 0%, #f8fbff 100%);
}

[b-vkxgpvrsyu] .kpi-active {
    background: linear-gradient(145deg, #f0fcf5 0%, #f8fdf9 100%);
}

[b-vkxgpvrsyu] .kpi-inactive {
    background: linear-gradient(145deg, #f7f8fb 0%, #fcfcfe 100%);
}

[b-vkxgpvrsyu] .kpi-number {
    font-weight: 800;
    color: #143955;
    line-height: 1.1;
}

[b-vkxgpvrsyu] .kpi-text {
    color: rgba(20, 57, 85, 0.74);
}

[b-vkxgpvrsyu] .filters-surface {
    border-radius: 12px;
    border: 1px solid rgba(19, 59, 91, 0.1);
    background: linear-gradient(180deg, #ffffff 0%, #fbfdff 100%);
}

[b-vkxgpvrsyu] .filters-toolbar {
    gap: 10px;
    flex-wrap: wrap;
}

[b-vkxgpvrsyu] .filter-search {
    flex: 1 1 460px;
}

[b-vkxgpvrsyu] .filter-status {
    width: 180px;
}

[b-vkxgpvrsyu] .filter-clear {
    min-height: 40px;
}

.apellidos-panel[b-vkxgpvrsyu] {
    border-radius: 14px;
    border: 1px solid rgba(19, 59, 91, 0.1);
    background: linear-gradient(180deg, #ffffff 0%, #fcfdff 100%);
    padding: 12px;
}

.state-wrap[b-vkxgpvrsyu] {
    padding: 6px 4px 10px;
}

.loading-card[b-vkxgpvrsyu] {
    border-radius: 10px;
    border: 1px solid rgba(19, 59, 91, 0.1);
}

.empty-state[b-vkxgpvrsyu] {
    border-radius: 12px;
    text-align: center;
    border: 1px dashed rgba(19, 59, 91, 0.2);
    background: linear-gradient(180deg, rgba(240, 248, 255, 0.7) 0%, rgba(250, 252, 255, 0.95) 100%);
}

.empty-icon[b-vkxgpvrsyu] {
    color: #426f97;
}

.empty-title[b-vkxgpvrsyu] {
    font-weight: 700;
    color: #173f61;
}

.empty-subtitle[b-vkxgpvrsyu] {
    color: rgba(24, 56, 83, 0.72);
}

[b-vkxgpvrsyu] .apellido-mobile-card {
    border-radius: 12px;
    border: 1px solid rgba(19, 59, 91, 0.11);
    background: linear-gradient(180deg, #ffffff 0%, #f9fbff 100%);
    transition: transform 0.16s ease, box-shadow 0.16s ease;
}

[b-vkxgpvrsyu] .apellido-mobile-card:hover {
    transform: translateY(-1px);
    box-shadow: 0 8px 14px rgba(14, 44, 70, 0.07);
}

[b-vkxgpvrsyu] .primary-name {
    font-weight: 700;
    font-size: 0.96rem;
    color: #163d5f;
}

[b-vkxgpvrsyu] .secondary-notes {
    color: rgba(24, 56, 83, 0.74);
    font-size: 0.86rem;
}

[b-vkxgpvrsyu] .date-muted {
    color: rgba(24, 56, 83, 0.62);
}

[b-vkxgpvrsyu] .status-chip {
    font-weight: 600;
}

[b-vkxgpvrsyu] .edit-action {
    border-radius: 9px;
}

[b-vkxgpvrsyu] .edit-action:hover {
    background-color: color-mix(in srgb, var(--mud-palette-primary) 10%, transparent);
}

.pager-wrap[b-vkxgpvrsyu] {
    gap: 10px;
    flex-wrap: wrap;
    padding: 2px 4px 0;
}

.pager-caption[b-vkxgpvrsyu] {
    color: rgba(24, 56, 83, 0.68);
}

.page-size-select[b-vkxgpvrsyu] {
    width: 90px;
}

[b-vkxgpvrsyu] .apellidos-table {
    border-radius: 12px;
    border: 1px solid rgba(19, 59, 91, 0.1);
    overflow: hidden;
}

[b-vkxgpvrsyu] .apellidos-table .mud-table-cell {
    padding-top: 11px;
    padding-bottom: 11px;
    border-bottom: 1px solid rgba(17, 52, 81, 0.08);
    vertical-align: middle;
}

[b-vkxgpvrsyu] .apellidos-table .mud-table-head .mud-table-cell {
    font-size: 0.78rem;
    font-weight: 700;
    letter-spacing: 0.04em;
    color: rgba(22, 54, 80, 0.8);
    text-transform: uppercase;
}

[b-vkxgpvrsyu] .apellidos-table.zebra-soft .mud-table-container table tbody tr:nth-child(even) {
    background-color: color-mix(in srgb, currentColor 2.3%, transparent);
}

[b-vkxgpvrsyu] .apellidos-table.zebra-soft .mud-table-container table tbody tr {
    transition: background-color 0.14s ease;
}

[b-vkxgpvrsyu] .apellidos-table.zebra-soft .mud-table-container table tbody tr:hover {
    background-color: color-mix(in srgb, var(--mud-palette-primary) 8%, transparent) !important;
}

[b-vkxgpvrsyu] .apellidos-table.zebra-soft .mud-table-container table tbody tr:focus-within {
    background-color: color-mix(in srgb, var(--mud-palette-primary) 10%, transparent);
}

[b-vkxgpvrsyu] .mud-theme-dark .header-title,
[b-vkxgpvrsyu] .mud-theme-dark .kpi-number,
[b-vkxgpvrsyu] .mud-theme-dark .primary-name {
    color: rgba(233, 241, 249, 0.95);
}

[b-vkxgpvrsyu] .mud-theme-dark .header-subtitle,
[b-vkxgpvrsyu] .mud-theme-dark .kpi-text,
[b-vkxgpvrsyu] .mud-theme-dark .secondary-notes,
[b-vkxgpvrsyu] .mud-theme-dark .date-muted,
[b-vkxgpvrsyu] .mud-theme-dark .pager-caption,
[b-vkxgpvrsyu] .mud-theme-dark .empty-subtitle {
    color: rgba(233, 241, 249, 0.72);
}

[b-vkxgpvrsyu] .mud-theme-dark .header-surface,
[b-vkxgpvrsyu] .mud-theme-dark .kpi-card,
[b-vkxgpvrsyu] .mud-theme-dark .filters-surface,
[b-vkxgpvrsyu] .mud-theme-dark .apellidos-panel,
[b-vkxgpvrsyu] .mud-theme-dark .apellido-mobile-card,
[b-vkxgpvrsyu] .mud-theme-dark .loading-card,
[b-vkxgpvrsyu] .mud-theme-dark .apellidos-table {
    border-color: rgba(205, 220, 240, 0.14);
}

[b-vkxgpvrsyu] .mud-theme-dark .kpi-total,
[b-vkxgpvrsyu] .mud-theme-dark .kpi-active,
[b-vkxgpvrsyu] .mud-theme-dark .kpi-inactive,
[b-vkxgpvrsyu] .mud-theme-dark .apellidos-panel,
[b-vkxgpvrsyu] .mud-theme-dark .filters-surface,
[b-vkxgpvrsyu] .mud-theme-dark .apellido-mobile-card,
[b-vkxgpvrsyu] .mud-theme-dark .loading-card {
    background: linear-gradient(180deg, rgba(28, 40, 55, 0.9) 0%, rgba(24, 34, 46, 0.9) 100%);
}

[b-vkxgpvrsyu] .mud-theme-dark .apellidos-table.zebra-soft .mud-table-container table tbody tr:nth-child(even) {
    background-color: color-mix(in srgb, currentColor 5.2%, transparent);
}

@media (max-width: 959px) {
    .apellidos-shell[b-vkxgpvrsyu] {
        padding: 0 10px 16px;
    }

    [b-vkxgpvrsyu] .header-title {
        font-size: 1.55rem;
    }

    [b-vkxgpvrsyu] .filter-status {
        width: 100%;
        flex: 1 1 170px;
    }

    [b-vkxgpvrsyu] .filter-clear {
        width: 100%;
        justify-content: center;
    }
}
/* /Components/Pages/Ajustes/DepartamentosABC.razor.rz.scp.css */
.puestos-shell[b-1iuk79huy7] {
    max-width: 1200px;
    margin: 0 auto;
    padding: 0 14px 20px;
}

.puestos-section[b-1iuk79huy7] {
    margin-bottom: 14px;
}

[b-1iuk79huy7] .header-surface {
    border-radius: 14px;
    border: 1px solid rgba(26, 68, 104, 0.16);
    background:
        radial-gradient(circle at 9% 16%, rgba(80, 156, 210, 0.16), transparent 34%),
        radial-gradient(circle at 86% 30%, rgba(129, 198, 157, 0.13), transparent 30%),
        linear-gradient(120deg, #f9fcff 0%, #f4f9ff 52%, #f7fcfb 100%);
}

[b-1iuk79huy7] .header-title {
    color: #12395c;
    font-weight: 700;
    letter-spacing: 0.01em;
}

[b-1iuk79huy7] .header-subtitle {
    color: rgba(18, 57, 92, 0.78);
}

[b-1iuk79huy7] .header-actions {
    flex-wrap: wrap;
}

[b-1iuk79huy7] .kpi-card {
    border-radius: 12px;
    border: 1px solid rgba(19, 59, 91, 0.12);
    padding: 14px;
    transition: transform 0.16s ease, box-shadow 0.16s ease;
}

[b-1iuk79huy7] .kpi-card:hover {
    transform: translateY(-1px);
    box-shadow: 0 10px 18px rgba(13, 42, 67, 0.08);
}

[b-1iuk79huy7] .kpi-total {
    background: linear-gradient(145deg, #f1f7ff 0%, #f8fbff 100%);
}

[b-1iuk79huy7] .kpi-active {
    background: linear-gradient(145deg, #f0fcf5 0%, #f8fdf9 100%);
}

[b-1iuk79huy7] .kpi-inactive {
    background: linear-gradient(145deg, #f7f8fb 0%, #fcfcfe 100%);
}

[b-1iuk79huy7] .kpi-number {
    font-weight: 800;
    color: #143955;
    line-height: 1.1;
}

[b-1iuk79huy7] .kpi-text {
    color: rgba(20, 57, 85, 0.74);
}

[b-1iuk79huy7] .filters-surface {
    border-radius: 12px;
    border: 1px solid rgba(19, 59, 91, 0.1);
    background: linear-gradient(180deg, #ffffff 0%, #fbfdff 100%);
}

[b-1iuk79huy7] .filters-toolbar {
    gap: 10px;
    flex-wrap: wrap;
}

[b-1iuk79huy7] .filter-search {
    flex: 1 1 460px;
}

[b-1iuk79huy7] .filter-status {
    width: 180px;
}

[b-1iuk79huy7] .filter-clear {
    min-height: 40px;
}

.puestos-panel[b-1iuk79huy7] {
    border-radius: 14px;
    border: 1px solid rgba(19, 59, 91, 0.1);
    background: linear-gradient(180deg, #ffffff 0%, #fcfdff 100%);
    padding: 12px;
}

.state-wrap[b-1iuk79huy7] {
    padding: 6px 4px 10px;
}

.loading-card[b-1iuk79huy7] {
    border-radius: 10px;
    border: 1px solid rgba(19, 59, 91, 0.1);
}

.empty-state[b-1iuk79huy7] {
    border-radius: 12px;
    text-align: center;
    border: 1px dashed rgba(19, 59, 91, 0.2);
    background: linear-gradient(180deg, rgba(240, 248, 255, 0.7) 0%, rgba(250, 252, 255, 0.95) 100%);
}

.empty-icon[b-1iuk79huy7] {
    color: #426f97;
}

.empty-title[b-1iuk79huy7] {
    font-weight: 700;
    color: #173f61;
}

.empty-subtitle[b-1iuk79huy7] {
    color: rgba(24, 56, 83, 0.72);
}

[b-1iuk79huy7] .puesto-mobile-card {
    border-radius: 12px;
    border: 1px solid rgba(19, 59, 91, 0.11);
    background: linear-gradient(180deg, #ffffff 0%, #f9fbff 100%);
    transition: transform 0.16s ease, box-shadow 0.16s ease;
}

[b-1iuk79huy7] .puesto-mobile-card:hover {
    transform: translateY(-1px);
    box-shadow: 0 8px 14px rgba(14, 44, 70, 0.07);
}

[b-1iuk79huy7] .primary-name {
    font-weight: 700;
    font-size: 0.96rem;
    color: #163d5f;
}

[b-1iuk79huy7] .secondary-notes {
    color: rgba(24, 56, 83, 0.74);
    font-size: 0.86rem;
}

[b-1iuk79huy7] .date-muted {
    color: rgba(24, 56, 83, 0.62);
}

[b-1iuk79huy7] .status-chip {
    font-weight: 600;
}

[b-1iuk79huy7] .edit-action {
    border-radius: 9px;
}

[b-1iuk79huy7] .edit-action:hover {
    background-color: color-mix(in srgb, var(--mud-palette-primary) 10%, transparent);
}

.pager-wrap[b-1iuk79huy7] {
    gap: 10px;
    flex-wrap: wrap;
    padding: 2px 4px 0;
}

.pager-caption[b-1iuk79huy7] {
    color: rgba(24, 56, 83, 0.68);
}

.page-size-select[b-1iuk79huy7] {
    width: 90px;
}

[b-1iuk79huy7] .puestos-table {
    border-radius: 12px;
    border: 1px solid rgba(19, 59, 91, 0.1);
    overflow: hidden;
}

[b-1iuk79huy7] .puestos-table .mud-table-cell {
    padding-top: 11px;
    padding-bottom: 11px;
    border-bottom: 1px solid rgba(17, 52, 81, 0.08);
    vertical-align: middle;
}

[b-1iuk79huy7] .puestos-table .mud-table-head .mud-table-cell {
    font-size: 0.78rem;
    font-weight: 700;
    letter-spacing: 0.04em;
    color: rgba(22, 54, 80, 0.8);
    text-transform: uppercase;
}

[b-1iuk79huy7] .puestos-table.zebra-soft .mud-table-container table tbody tr:nth-child(even) {
    background-color: color-mix(in srgb, currentColor 2.3%, transparent);
}

[b-1iuk79huy7] .puestos-table.zebra-soft .mud-table-container table tbody tr {
    transition: background-color 0.14s ease;
}

[b-1iuk79huy7] .puestos-table.zebra-soft .mud-table-container table tbody tr:hover {
    background-color: color-mix(in srgb, var(--mud-palette-primary) 8%, transparent) !important;
}

[b-1iuk79huy7] .puestos-table.zebra-soft .mud-table-container table tbody tr:focus-within {
    background-color: color-mix(in srgb, var(--mud-palette-primary) 10%, transparent);
}

[b-1iuk79huy7] .mud-theme-dark .header-title,
[b-1iuk79huy7] .mud-theme-dark .kpi-number,
[b-1iuk79huy7] .mud-theme-dark .primary-name {
    color: rgba(233, 241, 249, 0.95);
}

[b-1iuk79huy7] .mud-theme-dark .header-subtitle,
[b-1iuk79huy7] .mud-theme-dark .kpi-text,
[b-1iuk79huy7] .mud-theme-dark .secondary-notes,
[b-1iuk79huy7] .mud-theme-dark .date-muted,
[b-1iuk79huy7] .mud-theme-dark .pager-caption,
[b-1iuk79huy7] .mud-theme-dark .empty-subtitle {
    color: rgba(233, 241, 249, 0.72);
}

[b-1iuk79huy7] .mud-theme-dark .header-surface,
[b-1iuk79huy7] .mud-theme-dark .kpi-card,
[b-1iuk79huy7] .mud-theme-dark .filters-surface,
[b-1iuk79huy7] .mud-theme-dark .puestos-panel,
[b-1iuk79huy7] .mud-theme-dark .puesto-mobile-card,
[b-1iuk79huy7] .mud-theme-dark .loading-card,
[b-1iuk79huy7] .mud-theme-dark .puestos-table {
    border-color: rgba(205, 220, 240, 0.14);
}

[b-1iuk79huy7] .mud-theme-dark .kpi-total,
[b-1iuk79huy7] .mud-theme-dark .kpi-active,
[b-1iuk79huy7] .mud-theme-dark .kpi-inactive,
[b-1iuk79huy7] .mud-theme-dark .puestos-panel,
[b-1iuk79huy7] .mud-theme-dark .filters-surface,
[b-1iuk79huy7] .mud-theme-dark .puesto-mobile-card,
[b-1iuk79huy7] .mud-theme-dark .loading-card {
    background: linear-gradient(180deg, rgba(28, 40, 55, 0.9) 0%, rgba(24, 34, 46, 0.9) 100%);
}

[b-1iuk79huy7] .mud-theme-dark .puestos-table.zebra-soft .mud-table-container table tbody tr:nth-child(even) {
    background-color: color-mix(in srgb, currentColor 5.2%, transparent);
}

@media (max-width: 959px) {
    .puestos-shell[b-1iuk79huy7] {
        padding: 0 10px 16px;
    }

    [b-1iuk79huy7] .header-title {
        font-size: 1.55rem;
    }

    [b-1iuk79huy7] .filter-status {
        width: 100%;
        flex: 1 1 170px;
    }

    [b-1iuk79huy7] .filter-clear {
        width: 100%;
        justify-content: center;
    }
}
/* /Components/Pages/Ajustes/DialogApellidoEditor.razor.rz.scp.css */
.dialog-content-compact[b-11zpt12obn] {
    padding: 10px 16px 8px;
}

.dialog-title[b-11zpt12obn] {
    font-weight: 700;
    margin-bottom: 0;
}

.dialog-headline[b-11zpt12obn] {
    margin-bottom: 2px;
}

.dialog-head-icon[b-11zpt12obn] {
    color: #1f5f94;
}

.dialog-subtitle[b-11zpt12obn] {
    color: rgba(35, 52, 72, 0.72);
    margin-bottom: 2px;
}

.dialog-actions-compact[b-11zpt12obn] {
    padding: 8px 16px 12px;
    justify-content: flex-end;
    gap: 6px;
}

[b-11zpt12obn] .apellido-dialog .mud-dialog-content {
    overflow: visible;
}

[b-11zpt12obn] .apellido-dialog .mud-dialog {
    border-radius: 12px;
    border: 1px solid rgba(20, 57, 87, 0.14);
    min-width: min(620px, calc(100vw - 32px));
}

[b-11zpt12obn] .apellido-dialog .mud-input-control {
    margin-top: 2px;
}

[b-11zpt12obn] .mud-theme-dark .dialog-subtitle {
    color: rgba(232, 239, 249, 0.68);
}

[b-11zpt12obn] .mud-theme-dark .dialog-head-icon {
    color: rgba(145, 195, 235, 0.9);
}
/* /Components/Pages/Ajustes/DialogDepartamentoEditor.razor.rz.scp.css */
.dialog-content-compact[b-qjs3kmadnz] {
    padding: 10px 16px 8px;
}

.dialog-title[b-qjs3kmadnz] {
    font-weight: 700;
    margin-bottom: 0;
}

.dialog-headline[b-qjs3kmadnz] {
    margin-bottom: 2px;
}

.dialog-head-icon[b-qjs3kmadnz] {
    color: #1f5f94;
}

.dialog-subtitle[b-qjs3kmadnz] {
    color: rgba(35, 52, 72, 0.72);
    margin-bottom: 2px;
}

.dialog-actions-compact[b-qjs3kmadnz] {
    padding: 8px 16px 12px;
    justify-content: flex-end;
    gap: 6px;
}

[b-qjs3kmadnz] .puesto-dialog .mud-dialog-content {
    overflow: visible;
}

[b-qjs3kmadnz] .puesto-dialog .mud-dialog {
    border-radius: 12px;
    border: 1px solid rgba(20, 57, 87, 0.14);
    min-width: min(620px, calc(100vw - 32px));
}

[b-qjs3kmadnz] .puesto-dialog .mud-input-control {
    margin-top: 2px;
}

[b-qjs3kmadnz] .mud-theme-dark .dialog-subtitle {
    color: rgba(232, 239, 249, 0.68);
}

[b-qjs3kmadnz] .mud-theme-dark .dialog-head-icon {
    color: rgba(145, 195, 235, 0.9);
}
/* /Components/Pages/Ajustes/DialogPuestoEditor.razor.rz.scp.css */
.dialog-content-compact[b-eix9f6qrah] {
    padding: 10px 16px 8px;
}

.dialog-title[b-eix9f6qrah] {
    font-weight: 700;
    margin-bottom: 0;
}

.dialog-headline[b-eix9f6qrah] {
    margin-bottom: 2px;
}

.dialog-head-icon[b-eix9f6qrah] {
    color: #1f5f94;
}

.dialog-subtitle[b-eix9f6qrah] {
    color: rgba(35, 52, 72, 0.72);
    margin-bottom: 2px;
}

.dialog-actions-compact[b-eix9f6qrah] {
    padding: 8px 16px 12px;
    justify-content: flex-end;
    gap: 6px;
}

[b-eix9f6qrah] .puesto-dialog .mud-dialog-content {
    overflow: visible;
}

[b-eix9f6qrah] .puesto-dialog .mud-dialog {
    border-radius: 12px;
    border: 1px solid rgba(20, 57, 87, 0.14);
    min-width: min(620px, calc(100vw - 32px));
}

[b-eix9f6qrah] .puesto-dialog .mud-input-control {
    margin-top: 2px;
}

[b-eix9f6qrah] .mud-theme-dark .dialog-subtitle {
    color: rgba(232, 239, 249, 0.68);
}

[b-eix9f6qrah] .mud-theme-dark .dialog-head-icon {
    color: rgba(145, 195, 235, 0.9);
}
/* /Components/Pages/Ajustes/DialogRazonSocialEditor.razor.rz.scp.css */
.dialog-content-compact[b-s2ppzh8rco] {
    padding: 10px 16px 8px;
}

.dialog-title[b-s2ppzh8rco] {
    font-weight: 700;
    margin-bottom: 0;
}

.dialog-headline[b-s2ppzh8rco] {
    margin-bottom: 2px;
}

.dialog-head-icon[b-s2ppzh8rco] {
    color: #1f5f94;
}

.dialog-subtitle[b-s2ppzh8rco] {
    color: rgba(35, 52, 72, 0.72);
    margin-bottom: 2px;
}

.section-title[b-s2ppzh8rco] {
    font-weight: 700;
    color: rgba(32, 52, 74, 0.85);
    text-transform: uppercase;
    letter-spacing: 0.04em;
}

.dialog-actions-compact[b-s2ppzh8rco] {
    padding: 8px 16px 12px;
    justify-content: flex-end;
    gap: 6px;
}

[b-s2ppzh8rco] .puesto-dialog .mud-dialog-content {
    overflow: visible;
}

[b-s2ppzh8rco] .puesto-dialog .mud-dialog {
    border-radius: 12px;
    border: 1px solid rgba(20, 57, 87, 0.14);
    min-width: min(860px, calc(100vw - 32px));
}

[b-s2ppzh8rco] .puesto-dialog .mud-input-control {
    margin-top: 2px;
}

[b-s2ppzh8rco] .mud-theme-dark .dialog-subtitle {
    color: rgba(232, 239, 249, 0.68);
}

[b-s2ppzh8rco] .mud-theme-dark .dialog-head-icon {
    color: rgba(145, 195, 235, 0.9);
}
/* /Components/Pages/Ajustes/IntegracionServicios.razor.rz.scp.css */
.integracion-shell[b-re2n1fq1e2] {
    max-width: 1440px;
}

.integracion-hero[b-re2n1fq1e2] {
    border: 1px solid rgba(25, 118, 210, 0.16);
    border-radius: 14px;
    background: linear-gradient(180deg, rgba(25, 118, 210, 0.08), rgba(25, 118, 210, 0.02));
    box-shadow: 0 2px 10px rgba(15, 23, 42, 0.04);
}

.hero-icon[b-re2n1fq1e2] {
    box-shadow: 0 8px 18px rgba(25, 118, 210, 0.28);
}

.hero-title[b-re2n1fq1e2] {
    font-weight: 700;
}

.hero-subtitle[b-re2n1fq1e2] {
    max-width: 920px;
}

.stat-card[b-re2n1fq1e2] {
    border: 1px solid rgba(0, 0, 0, 0.08);
    border-radius: 12px;
    background: #fff;
    min-height: 88px;
}

.stat-label[b-re2n1fq1e2] {
    color: var(--mud-palette-text-secondary);
}

.stat-value[b-re2n1fq1e2] {
    font-weight: 700;
}

.toolbar-card[b-re2n1fq1e2],
.table-card[b-re2n1fq1e2],
.functions-panel[b-re2n1fq1e2] {
    border: 1px solid rgba(0, 0, 0, 0.08);
    border-radius: 12px;
}

.toolbar-card[b-re2n1fq1e2] {
    background: #fbfdff;
}

.empty-card[b-re2n1fq1e2] {
    border: 1px dashed rgba(25, 118, 210, 0.3);
    border-radius: 12px;
    background: linear-gradient(180deg, rgba(25, 118, 210, 0.04), rgba(25, 118, 210, 0.01));
}

.functions-title[b-re2n1fq1e2] {
    font-weight: 700;
    color: var(--mud-palette-primary);
}

.truncate[b-re2n1fq1e2] {
    max-width: 250px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

@media (max-width: 960px) {
    .truncate[b-re2n1fq1e2] {
        max-width: 170px;
    }
}
/* /Components/Pages/Ajustes/IntegracionServiciosDialog.razor.rz.scp.css */
.premium-dialog[b-t5pe14tcws] {
    border-radius: 20px !important;
    overflow: hidden;
}

.dialog-hero[b-t5pe14tcws] {
    border: 1px solid rgba(25, 118, 210, 0.18);
    border-radius: 12px;
    background: linear-gradient(180deg, rgba(25, 118, 210, 0.08), rgba(25, 118, 210, 0.02));
}

.header-icon-bg[b-t5pe14tcws] {
    width: 42px;
    height: 42px;
    border-radius: 12px;
    background-color: #eff6ff;
    display: flex;
    align-items: center;
    justify-content: center;
}

.dialog-title[b-t5pe14tcws] {
    font-weight: 800;
    letter-spacing: -0.3px;
}

.dialog-form[b-t5pe14tcws] {
    padding-top: 4px;
}

.section-card[b-t5pe14tcws] {
    border: 1px solid #e2e8f0;
    border-radius: 12px;
    background: #f8fafc;
}

.section-title[b-t5pe14tcws] {
    font-weight: 800;
    letter-spacing: 0.6px;
}

.security-note[b-t5pe14tcws] {
    background: #f8fbff;
}

.dialog-footer[b-t5pe14tcws] {
    width: 100%;
    border-top: 1px solid var(--mud-palette-lines-default);
    padding-top: 10px;
    display: flex;
    justify-content: flex-end;
    gap: 8px;
}
/* /Components/Pages/Ajustes/PlantelesABC.razor.rz.scp.css */
.catalog-shell[b-puc1eg26y8] {
    max-width: 1200px;
    margin: 0 auto;
    padding: 0 14px 20px;
}

.catalog-section[b-puc1eg26y8] {
    margin-bottom: 14px;
}

[b-puc1eg26y8] .header-surface {
    border-radius: 14px;
    border: 1px solid rgba(26, 68, 104, 0.16);
    background:
        radial-gradient(circle at 9% 16%, rgba(80, 156, 210, 0.16), transparent 34%),
        radial-gradient(circle at 86% 30%, rgba(129, 198, 157, 0.13), transparent 30%),
        linear-gradient(120deg, #f9fcff 0%, #f4f9ff 52%, #f7fcfb 100%);
}

[b-puc1eg26y8] .header-title {
    color: #12395c;
    font-weight: 700;
    letter-spacing: 0.01em;
}

[b-puc1eg26y8] .header-subtitle {
    color: rgba(18, 57, 92, 0.78);
}

[b-puc1eg26y8] .header-actions {
    flex-wrap: wrap;
}

[b-puc1eg26y8] .kpi-card {
    border-radius: 12px;
    border: 1px solid rgba(19, 59, 91, 0.12);
    padding: 14px;
    transition: transform 0.16s ease, box-shadow 0.16s ease;
}

[b-puc1eg26y8] .kpi-card:hover {
    transform: translateY(-1px);
    box-shadow: 0 10px 18px rgba(13, 42, 67, 0.08);
}

[b-puc1eg26y8] .kpi-total {
    background: linear-gradient(145deg, #f1f7ff 0%, #f8fbff 100%);
}

[b-puc1eg26y8] .kpi-active {
    background: linear-gradient(145deg, #f0fcf5 0%, #f8fdf9 100%);
}

[b-puc1eg26y8] .kpi-inactive {
    background: linear-gradient(145deg, #f7f8fb 0%, #fcfcfe 100%);
}

[b-puc1eg26y8] .kpi-number {
    font-weight: 800;
    color: #143955;
    line-height: 1.1;
}

[b-puc1eg26y8] .kpi-text {
    color: rgba(20, 57, 85, 0.74);
}

[b-puc1eg26y8] .filters-surface {
    border-radius: 12px;
    border: 1px solid rgba(19, 59, 91, 0.1);
    background: linear-gradient(180deg, #ffffff 0%, #fbfdff 100%);
}

[b-puc1eg26y8] .filters-toolbar {
    gap: 10px;
    flex-wrap: wrap;
}

[b-puc1eg26y8] .filter-search {
    flex: 1 1 460px;
}

[b-puc1eg26y8] .filter-status {
    width: 180px;
}

[b-puc1eg26y8] .filter-clear {
    min-height: 40px;
}

.catalog-panel[b-puc1eg26y8] {
    border-radius: 14px;
    border: 1px solid rgba(19, 59, 91, 0.1);
    background: linear-gradient(180deg, #ffffff 0%, #fcfdff 100%);
    padding: 12px;
}

.state-wrap[b-puc1eg26y8] {
    padding: 6px 4px 10px;
}

.loading-card[b-puc1eg26y8] {
    border-radius: 10px;
    border: 1px solid rgba(19, 59, 91, 0.1);
}

.empty-state[b-puc1eg26y8] {
    border-radius: 12px;
    text-align: center;
    border: 1px dashed rgba(19, 59, 91, 0.2);
    background: linear-gradient(180deg, rgba(240, 248, 255, 0.7) 0%, rgba(250, 252, 255, 0.95) 100%);
}

.empty-icon[b-puc1eg26y8] {
    color: #426f97;
}

.empty-title[b-puc1eg26y8] {
    font-weight: 700;
    color: #173f61;
}

.empty-subtitle[b-puc1eg26y8] {
    color: rgba(24, 56, 83, 0.72);
}

[b-puc1eg26y8] .catalog-mobile-card {
    border-radius: 12px;
    border: 1px solid rgba(19, 59, 91, 0.11);
    background: linear-gradient(180deg, #ffffff 0%, #f9fbff 100%);
    transition: transform 0.16s ease, box-shadow 0.16s ease;
}

[b-puc1eg26y8] .catalog-mobile-card:hover {
    transform: translateY(-1px);
    box-shadow: 0 8px 14px rgba(14, 44, 70, 0.07);
}

[b-puc1eg26y8] .primary-name {
    font-weight: 700;
    font-size: 0.96rem;
    color: #163d5f;
}

[b-puc1eg26y8] .secondary-notes {
    color: rgba(24, 56, 83, 0.74);
    font-size: 0.86rem;
}

[b-puc1eg26y8] .date-muted {
    color: rgba(24, 56, 83, 0.62);
}

[b-puc1eg26y8] .status-chip {
    font-weight: 600;
}

[b-puc1eg26y8] .edit-action {
    border-radius: 9px;
}

[b-puc1eg26y8] .edit-action:hover {
    background-color: color-mix(in srgb, var(--mud-palette-primary) 10%, transparent);
}

.pager-wrap[b-puc1eg26y8] {
    gap: 10px;
    flex-wrap: wrap;
    padding: 2px 4px 0;
}

.pager-caption[b-puc1eg26y8] {
    color: rgba(24, 56, 83, 0.68);
}

.page-size-select[b-puc1eg26y8] {
    width: 90px;
}

[b-puc1eg26y8] .catalog-table {
    border-radius: 12px;
    border: 1px solid rgba(19, 59, 91, 0.1);
    overflow: hidden;
}

[b-puc1eg26y8] .catalog-table .mud-table-cell {
    padding-top: 11px;
    padding-bottom: 11px;
    border-bottom: 1px solid rgba(17, 52, 81, 0.08);
    vertical-align: middle;
}

[b-puc1eg26y8] .catalog-table .mud-table-head .mud-table-cell {
    font-size: 0.78rem;
    font-weight: 700;
    letter-spacing: 0.04em;
    color: rgba(22, 54, 80, 0.8);
    text-transform: uppercase;
}

[b-puc1eg26y8] .catalog-table.zebra-soft .mud-table-container table tbody tr:nth-child(even) {
    background-color: color-mix(in srgb, currentColor 2.3%, transparent);
}

[b-puc1eg26y8] .catalog-table.zebra-soft .mud-table-container table tbody tr {
    transition: background-color 0.14s ease;
}

[b-puc1eg26y8] .catalog-table.zebra-soft .mud-table-container table tbody tr:hover {
    background-color: color-mix(in srgb, var(--mud-palette-primary) 8%, transparent) !important;
}

[b-puc1eg26y8] .catalog-table.zebra-soft .mud-table-container table tbody tr:focus-within {
    background-color: color-mix(in srgb, var(--mud-palette-primary) 10%, transparent);
}

[b-puc1eg26y8] .mud-theme-dark .header-title,
[b-puc1eg26y8] .mud-theme-dark .kpi-number,
[b-puc1eg26y8] .mud-theme-dark .primary-name {
    color: rgba(233, 241, 249, 0.95);
}

[b-puc1eg26y8] .mud-theme-dark .header-subtitle,
[b-puc1eg26y8] .mud-theme-dark .kpi-text,
[b-puc1eg26y8] .mud-theme-dark .secondary-notes,
[b-puc1eg26y8] .mud-theme-dark .date-muted,
[b-puc1eg26y8] .mud-theme-dark .pager-caption,
[b-puc1eg26y8] .mud-theme-dark .empty-subtitle {
    color: rgba(233, 241, 249, 0.72);
}

[b-puc1eg26y8] .mud-theme-dark .header-surface,
[b-puc1eg26y8] .mud-theme-dark .kpi-card,
[b-puc1eg26y8] .mud-theme-dark .filters-surface,
[b-puc1eg26y8] .mud-theme-dark .catalog-panel,
[b-puc1eg26y8] .mud-theme-dark .catalog-mobile-card,
[b-puc1eg26y8] .mud-theme-dark .loading-card,
[b-puc1eg26y8] .mud-theme-dark .catalog-table {
    border-color: rgba(205, 220, 240, 0.14);
}

[b-puc1eg26y8] .mud-theme-dark .kpi-total,
[b-puc1eg26y8] .mud-theme-dark .kpi-active,
[b-puc1eg26y8] .mud-theme-dark .kpi-inactive,
[b-puc1eg26y8] .mud-theme-dark .catalog-panel,
[b-puc1eg26y8] .mud-theme-dark .filters-surface,
[b-puc1eg26y8] .mud-theme-dark .catalog-mobile-card,
[b-puc1eg26y8] .mud-theme-dark .loading-card {
    background: linear-gradient(180deg, rgba(28, 40, 55, 0.9) 0%, rgba(24, 34, 46, 0.9) 100%);
}

[b-puc1eg26y8] .mud-theme-dark .catalog-table.zebra-soft .mud-table-container table tbody tr:nth-child(even) {
    background-color: color-mix(in srgb, currentColor 5.2%, transparent);
}

@media (max-width: 959px) {
    .catalog-shell[b-puc1eg26y8] {
        padding: 0 10px 16px;
    }

    [b-puc1eg26y8] .header-title {
        font-size: 1.55rem;
    }

    [b-puc1eg26y8] .filter-status {
        width: 100%;
        flex: 1 1 170px;
    }

    [b-puc1eg26y8] .filter-clear {
        width: 100%;
        justify-content: center;
    }
}
/* /Components/Pages/Ajustes/PuestosABC.razor.rz.scp.css */
.puestos-shell[b-uo9ivt4sy9] {
    max-width: 1200px;
    margin: 0 auto;
    padding: 0 14px 20px;
}

.puestos-section[b-uo9ivt4sy9] {
    margin-bottom: 14px;
}

[b-uo9ivt4sy9] .header-surface {
    border-radius: 14px;
    border: 1px solid rgba(26, 68, 104, 0.16);
    background:
        radial-gradient(circle at 9% 16%, rgba(80, 156, 210, 0.16), transparent 34%),
        radial-gradient(circle at 86% 30%, rgba(129, 198, 157, 0.13), transparent 30%),
        linear-gradient(120deg, #f9fcff 0%, #f4f9ff 52%, #f7fcfb 100%);
}

[b-uo9ivt4sy9] .header-title {
    color: #12395c;
    font-weight: 700;
    letter-spacing: 0.01em;
}

[b-uo9ivt4sy9] .header-subtitle {
    color: rgba(18, 57, 92, 0.78);
}

[b-uo9ivt4sy9] .header-actions {
    flex-wrap: wrap;
}

[b-uo9ivt4sy9] .kpi-card {
    border-radius: 12px;
    border: 1px solid rgba(19, 59, 91, 0.12);
    padding: 14px;
    transition: transform 0.16s ease, box-shadow 0.16s ease;
}

[b-uo9ivt4sy9] .kpi-card:hover {
    transform: translateY(-1px);
    box-shadow: 0 10px 18px rgba(13, 42, 67, 0.08);
}

[b-uo9ivt4sy9] .kpi-total {
    background: linear-gradient(145deg, #f1f7ff 0%, #f8fbff 100%);
}

[b-uo9ivt4sy9] .kpi-active {
    background: linear-gradient(145deg, #f0fcf5 0%, #f8fdf9 100%);
}

[b-uo9ivt4sy9] .kpi-inactive {
    background: linear-gradient(145deg, #f7f8fb 0%, #fcfcfe 100%);
}

[b-uo9ivt4sy9] .kpi-number {
    font-weight: 800;
    color: #143955;
    line-height: 1.1;
}

[b-uo9ivt4sy9] .kpi-text {
    color: rgba(20, 57, 85, 0.74);
}

[b-uo9ivt4sy9] .filters-surface {
    border-radius: 12px;
    border: 1px solid rgba(19, 59, 91, 0.1);
    background: linear-gradient(180deg, #ffffff 0%, #fbfdff 100%);
}

[b-uo9ivt4sy9] .filters-toolbar {
    gap: 10px;
    flex-wrap: wrap;
}

[b-uo9ivt4sy9] .filter-search {
    flex: 1 1 460px;
}

[b-uo9ivt4sy9] .filter-status {
    width: 180px;
}

[b-uo9ivt4sy9] .filter-clear {
    min-height: 40px;
}

.puestos-panel[b-uo9ivt4sy9] {
    border-radius: 14px;
    border: 1px solid rgba(19, 59, 91, 0.1);
    background: linear-gradient(180deg, #ffffff 0%, #fcfdff 100%);
    padding: 12px;
}

.state-wrap[b-uo9ivt4sy9] {
    padding: 6px 4px 10px;
}

.loading-card[b-uo9ivt4sy9] {
    border-radius: 10px;
    border: 1px solid rgba(19, 59, 91, 0.1);
}

.empty-state[b-uo9ivt4sy9] {
    border-radius: 12px;
    text-align: center;
    border: 1px dashed rgba(19, 59, 91, 0.2);
    background: linear-gradient(180deg, rgba(240, 248, 255, 0.7) 0%, rgba(250, 252, 255, 0.95) 100%);
}

.empty-icon[b-uo9ivt4sy9] {
    color: #426f97;
}

.empty-title[b-uo9ivt4sy9] {
    font-weight: 700;
    color: #173f61;
}

.empty-subtitle[b-uo9ivt4sy9] {
    color: rgba(24, 56, 83, 0.72);
}

[b-uo9ivt4sy9] .puesto-mobile-card {
    border-radius: 12px;
    border: 1px solid rgba(19, 59, 91, 0.11);
    background: linear-gradient(180deg, #ffffff 0%, #f9fbff 100%);
    transition: transform 0.16s ease, box-shadow 0.16s ease;
}

[b-uo9ivt4sy9] .puesto-mobile-card:hover {
    transform: translateY(-1px);
    box-shadow: 0 8px 14px rgba(14, 44, 70, 0.07);
}

[b-uo9ivt4sy9] .primary-name {
    font-weight: 700;
    font-size: 0.96rem;
    color: #163d5f;
}

[b-uo9ivt4sy9] .secondary-notes {
    color: rgba(24, 56, 83, 0.74);
    font-size: 0.86rem;
}

[b-uo9ivt4sy9] .date-muted {
    color: rgba(24, 56, 83, 0.62);
}

[b-uo9ivt4sy9] .status-chip {
    font-weight: 600;
}

[b-uo9ivt4sy9] .edit-action {
    border-radius: 9px;
}

[b-uo9ivt4sy9] .edit-action:hover {
    background-color: color-mix(in srgb, var(--mud-palette-primary) 10%, transparent);
}

.pager-wrap[b-uo9ivt4sy9] {
    gap: 10px;
    flex-wrap: wrap;
    padding: 2px 4px 0;
}

.pager-caption[b-uo9ivt4sy9] {
    color: rgba(24, 56, 83, 0.68);
}

.page-size-select[b-uo9ivt4sy9] {
    width: 90px;
}

[b-uo9ivt4sy9] .puestos-table {
    border-radius: 12px;
    border: 1px solid rgba(19, 59, 91, 0.1);
    overflow: hidden;
}

[b-uo9ivt4sy9] .puestos-table .mud-table-cell {
    padding-top: 11px;
    padding-bottom: 11px;
    border-bottom: 1px solid rgba(17, 52, 81, 0.08);
    vertical-align: middle;
}

[b-uo9ivt4sy9] .puestos-table .mud-table-head .mud-table-cell {
    font-size: 0.78rem;
    font-weight: 700;
    letter-spacing: 0.04em;
    color: rgba(22, 54, 80, 0.8);
    text-transform: uppercase;
}

[b-uo9ivt4sy9] .puestos-table.zebra-soft .mud-table-container table tbody tr:nth-child(even) {
    background-color: color-mix(in srgb, currentColor 2.3%, transparent);
}

[b-uo9ivt4sy9] .puestos-table.zebra-soft .mud-table-container table tbody tr {
    transition: background-color 0.14s ease;
}

[b-uo9ivt4sy9] .puestos-table.zebra-soft .mud-table-container table tbody tr:hover {
    background-color: color-mix(in srgb, var(--mud-palette-primary) 8%, transparent) !important;
}

[b-uo9ivt4sy9] .puestos-table.zebra-soft .mud-table-container table tbody tr:focus-within {
    background-color: color-mix(in srgb, var(--mud-palette-primary) 10%, transparent);
}

[b-uo9ivt4sy9] .mud-theme-dark .header-title,
[b-uo9ivt4sy9] .mud-theme-dark .kpi-number,
[b-uo9ivt4sy9] .mud-theme-dark .primary-name {
    color: rgba(233, 241, 249, 0.95);
}

[b-uo9ivt4sy9] .mud-theme-dark .header-subtitle,
[b-uo9ivt4sy9] .mud-theme-dark .kpi-text,
[b-uo9ivt4sy9] .mud-theme-dark .secondary-notes,
[b-uo9ivt4sy9] .mud-theme-dark .date-muted,
[b-uo9ivt4sy9] .mud-theme-dark .pager-caption,
[b-uo9ivt4sy9] .mud-theme-dark .empty-subtitle {
    color: rgba(233, 241, 249, 0.72);
}

[b-uo9ivt4sy9] .mud-theme-dark .header-surface,
[b-uo9ivt4sy9] .mud-theme-dark .kpi-card,
[b-uo9ivt4sy9] .mud-theme-dark .filters-surface,
[b-uo9ivt4sy9] .mud-theme-dark .puestos-panel,
[b-uo9ivt4sy9] .mud-theme-dark .puesto-mobile-card,
[b-uo9ivt4sy9] .mud-theme-dark .loading-card,
[b-uo9ivt4sy9] .mud-theme-dark .puestos-table {
    border-color: rgba(205, 220, 240, 0.14);
}

[b-uo9ivt4sy9] .mud-theme-dark .kpi-total,
[b-uo9ivt4sy9] .mud-theme-dark .kpi-active,
[b-uo9ivt4sy9] .mud-theme-dark .kpi-inactive,
[b-uo9ivt4sy9] .mud-theme-dark .puestos-panel,
[b-uo9ivt4sy9] .mud-theme-dark .filters-surface,
[b-uo9ivt4sy9] .mud-theme-dark .puesto-mobile-card,
[b-uo9ivt4sy9] .mud-theme-dark .loading-card {
    background: linear-gradient(180deg, rgba(28, 40, 55, 0.9) 0%, rgba(24, 34, 46, 0.9) 100%);
}

[b-uo9ivt4sy9] .mud-theme-dark .puestos-table.zebra-soft .mud-table-container table tbody tr:nth-child(even) {
    background-color: color-mix(in srgb, currentColor 5.2%, transparent);
}

@media (max-width: 959px) {
    .puestos-shell[b-uo9ivt4sy9] {
        padding: 0 10px 16px;
    }

    [b-uo9ivt4sy9] .header-title {
        font-size: 1.55rem;
    }

    [b-uo9ivt4sy9] .filter-status {
        width: 100%;
        flex: 1 1 170px;
    }

    [b-uo9ivt4sy9] .filter-clear {
        width: 100%;
        justify-content: center;
    }
}
/* /Components/Pages/Ajustes/RazonesSocialesABC.razor.rz.scp.css */
.catalog-shell[b-4froo7b7t6] {
    max-width: 1200px;
    margin: 0 auto;
    padding: 0 14px 20px;
}

.catalog-section[b-4froo7b7t6] {
    margin-bottom: 14px;
}

[b-4froo7b7t6] .header-surface {
    border-radius: 14px;
    border: 1px solid rgba(26, 68, 104, 0.16);
    background:
        radial-gradient(circle at 9% 16%, rgba(80, 156, 210, 0.16), transparent 34%),
        radial-gradient(circle at 86% 30%, rgba(129, 198, 157, 0.13), transparent 30%),
        linear-gradient(120deg, #f9fcff 0%, #f4f9ff 52%, #f7fcfb 100%);
}

[b-4froo7b7t6] .header-title {
    color: #12395c;
    font-weight: 700;
    letter-spacing: 0.01em;
}

[b-4froo7b7t6] .header-subtitle {
    color: rgba(18, 57, 92, 0.78);
}

[b-4froo7b7t6] .header-actions {
    flex-wrap: wrap;
}

[b-4froo7b7t6] .kpi-card {
    border-radius: 12px;
    border: 1px solid rgba(19, 59, 91, 0.12);
    padding: 14px;
    transition: transform 0.16s ease, box-shadow 0.16s ease;
}

[b-4froo7b7t6] .kpi-card:hover {
    transform: translateY(-1px);
    box-shadow: 0 10px 18px rgba(13, 42, 67, 0.08);
}

[b-4froo7b7t6] .kpi-total {
    background: linear-gradient(145deg, #f1f7ff 0%, #f8fbff 100%);
}

[b-4froo7b7t6] .kpi-active {
    background: linear-gradient(145deg, #f0fcf5 0%, #f8fdf9 100%);
}

[b-4froo7b7t6] .kpi-inactive {
    background: linear-gradient(145deg, #f7f8fb 0%, #fcfcfe 100%);
}

[b-4froo7b7t6] .kpi-number {
    font-weight: 800;
    color: #143955;
    line-height: 1.1;
}

[b-4froo7b7t6] .kpi-text {
    color: rgba(20, 57, 85, 0.74);
}

[b-4froo7b7t6] .filters-surface {
    border-radius: 12px;
    border: 1px solid rgba(19, 59, 91, 0.1);
    background: linear-gradient(180deg, #ffffff 0%, #fbfdff 100%);
}

[b-4froo7b7t6] .filters-toolbar {
    gap: 10px;
    flex-wrap: wrap;
}

[b-4froo7b7t6] .filter-search {
    flex: 1 1 460px;
}

[b-4froo7b7t6] .filter-status {
    width: 180px;
}

[b-4froo7b7t6] .filter-clear {
    min-height: 40px;
}

.catalog-panel[b-4froo7b7t6] {
    border-radius: 14px;
    border: 1px solid rgba(19, 59, 91, 0.1);
    background: linear-gradient(180deg, #ffffff 0%, #fcfdff 100%);
    padding: 12px;
}

.state-wrap[b-4froo7b7t6] {
    padding: 6px 4px 10px;
}

.loading-card[b-4froo7b7t6] {
    border-radius: 10px;
    border: 1px solid rgba(19, 59, 91, 0.1);
}

.empty-state[b-4froo7b7t6] {
    border-radius: 12px;
    text-align: center;
    border: 1px dashed rgba(19, 59, 91, 0.2);
    background: linear-gradient(180deg, rgba(240, 248, 255, 0.7) 0%, rgba(250, 252, 255, 0.95) 100%);
}

.empty-icon[b-4froo7b7t6] {
    color: #426f97;
}

.empty-title[b-4froo7b7t6] {
    font-weight: 700;
    color: #173f61;
}

.empty-subtitle[b-4froo7b7t6] {
    color: rgba(24, 56, 83, 0.72);
}

[b-4froo7b7t6] .catalog-mobile-card {
    border-radius: 12px;
    border: 1px solid rgba(19, 59, 91, 0.11);
    background: linear-gradient(180deg, #ffffff 0%, #f9fbff 100%);
    transition: transform 0.16s ease, box-shadow 0.16s ease;
}

[b-4froo7b7t6] .catalog-mobile-card:hover {
    transform: translateY(-1px);
    box-shadow: 0 8px 14px rgba(14, 44, 70, 0.07);
}

[b-4froo7b7t6] .primary-name {
    font-weight: 700;
    font-size: 0.96rem;
    color: #163d5f;
}

[b-4froo7b7t6] .secondary-notes {
    color: rgba(24, 56, 83, 0.74);
    font-size: 0.86rem;
}

[b-4froo7b7t6] .date-muted {
    color: rgba(24, 56, 83, 0.62);
}

[b-4froo7b7t6] .status-chip {
    font-weight: 600;
}

[b-4froo7b7t6] .edit-action {
    border-radius: 9px;
}

[b-4froo7b7t6] .edit-action:hover {
    background-color: color-mix(in srgb, var(--mud-palette-primary) 10%, transparent);
}

.pager-wrap[b-4froo7b7t6] {
    gap: 10px;
    flex-wrap: wrap;
    padding: 2px 4px 0;
}

.pager-caption[b-4froo7b7t6] {
    color: rgba(24, 56, 83, 0.68);
}

.page-size-select[b-4froo7b7t6] {
    width: 90px;
}

[b-4froo7b7t6] .catalog-table {
    border-radius: 12px;
    border: 1px solid rgba(19, 59, 91, 0.1);
    overflow: hidden;
}

[b-4froo7b7t6] .catalog-table .mud-table-cell {
    padding-top: 11px;
    padding-bottom: 11px;
    border-bottom: 1px solid rgba(17, 52, 81, 0.08);
    vertical-align: middle;
}

[b-4froo7b7t6] .catalog-table .mud-table-head .mud-table-cell {
    font-size: 0.78rem;
    font-weight: 700;
    letter-spacing: 0.04em;
    color: rgba(22, 54, 80, 0.8);
    text-transform: uppercase;
}

[b-4froo7b7t6] .catalog-table.zebra-soft .mud-table-container table tbody tr:nth-child(even) {
    background-color: color-mix(in srgb, currentColor 2.3%, transparent);
}

[b-4froo7b7t6] .catalog-table.zebra-soft .mud-table-container table tbody tr {
    transition: background-color 0.14s ease;
}

[b-4froo7b7t6] .catalog-table.zebra-soft .mud-table-container table tbody tr:hover {
    background-color: color-mix(in srgb, var(--mud-palette-primary) 8%, transparent) !important;
}

[b-4froo7b7t6] .catalog-table.zebra-soft .mud-table-container table tbody tr:focus-within {
    background-color: color-mix(in srgb, var(--mud-palette-primary) 10%, transparent);
}

@media (max-width: 959px) {
    .catalog-shell[b-4froo7b7t6] {
        padding: 0 10px 16px;
    }
}
/* /Components/Pages/Ajustes/RegionesABC.razor.rz.scp.css */
.catalog-shell[b-60mvxl00t6] {
    max-width: 1200px;
    margin: 0 auto;
    padding: 0 14px 20px;
}

.catalog-section[b-60mvxl00t6] {
    margin-bottom: 14px;
}

[b-60mvxl00t6] .header-surface {
    border-radius: 14px;
    border: 1px solid rgba(26, 68, 104, 0.16);
    background:
        radial-gradient(circle at 9% 16%, rgba(80, 156, 210, 0.16), transparent 34%),
        radial-gradient(circle at 86% 30%, rgba(129, 198, 157, 0.13), transparent 30%),
        linear-gradient(120deg, #f9fcff 0%, #f4f9ff 52%, #f7fcfb 100%);
}

[b-60mvxl00t6] .header-title { color: #12395c; font-weight: 700; letter-spacing: 0.01em; }
[b-60mvxl00t6] .header-subtitle { color: rgba(18, 57, 92, 0.78); }
[b-60mvxl00t6] .header-actions { flex-wrap: wrap; }

[b-60mvxl00t6] .kpi-card {
    border-radius: 12px;
    border: 1px solid rgba(19, 59, 91, 0.12);
    padding: 14px;
    transition: transform 0.16s ease, box-shadow 0.16s ease;
}

[b-60mvxl00t6] .kpi-card:hover { transform: translateY(-1px); box-shadow: 0 10px 18px rgba(13, 42, 67, 0.08); }
[b-60mvxl00t6] .kpi-total { background: linear-gradient(145deg, #f1f7ff 0%, #f8fbff 100%); }
[b-60mvxl00t6] .kpi-active { background: linear-gradient(145deg, #f0fcf5 0%, #f8fdf9 100%); }
[b-60mvxl00t6] .kpi-inactive { background: linear-gradient(145deg, #f7f8fb 0%, #fcfcfe 100%); }
[b-60mvxl00t6] .kpi-number { font-weight: 800; color: #143955; line-height: 1.1; }
[b-60mvxl00t6] .kpi-text { color: rgba(20, 57, 85, 0.74); }

[b-60mvxl00t6] .filters-surface {
    border-radius: 12px;
    border: 1px solid rgba(19, 59, 91, 0.1);
    background: linear-gradient(180deg, #ffffff 0%, #fbfdff 100%);
}

[b-60mvxl00t6] .filters-toolbar { gap: 10px; flex-wrap: wrap; }
[b-60mvxl00t6] .filter-search { flex: 1 1 460px; }
[b-60mvxl00t6] .filter-status { width: 180px; }
[b-60mvxl00t6] .filter-clear { min-height: 40px; }

.catalog-panel[b-60mvxl00t6] {
    border-radius: 14px;
    border: 1px solid rgba(19, 59, 91, 0.1);
    background: linear-gradient(180deg, #ffffff 0%, #fcfdff 100%);
    padding: 12px;
}

.state-wrap[b-60mvxl00t6] { padding: 6px 4px 10px; }
.loading-card[b-60mvxl00t6] { border-radius: 10px; border: 1px solid rgba(19, 59, 91, 0.1); }

.empty-state[b-60mvxl00t6] {
    border-radius: 12px;
    text-align: center;
    border: 1px dashed rgba(19, 59, 91, 0.2);
    background: linear-gradient(180deg, rgba(240, 248, 255, 0.7) 0%, rgba(250, 252, 255, 0.95) 100%);
}

.empty-icon[b-60mvxl00t6] { color: #426f97; }
.empty-title[b-60mvxl00t6] { font-weight: 700; color: #173f61; }
.empty-subtitle[b-60mvxl00t6] { color: rgba(24, 56, 83, 0.72); }

[b-60mvxl00t6] .catalog-mobile-card {
    border-radius: 12px;
    border: 1px solid rgba(19, 59, 91, 0.11);
    background: linear-gradient(180deg, #ffffff 0%, #f9fbff 100%);
    transition: transform 0.16s ease, box-shadow 0.16s ease;
}

[b-60mvxl00t6] .catalog-mobile-card:hover { transform: translateY(-1px); box-shadow: 0 8px 14px rgba(14, 44, 70, 0.07); }
[b-60mvxl00t6] .primary-name { font-weight: 700; font-size: 0.96rem; color: #163d5f; }
[b-60mvxl00t6] .secondary-notes { color: rgba(24, 56, 83, 0.74); font-size: 0.86rem; }
[b-60mvxl00t6] .date-muted { color: rgba(24, 56, 83, 0.62); }
[b-60mvxl00t6] .status-chip { font-weight: 600; }
[b-60mvxl00t6] .edit-action { border-radius: 9px; }
[b-60mvxl00t6] .edit-action:hover { background-color: color-mix(in srgb, var(--mud-palette-primary) 10%, transparent); }

.pager-wrap[b-60mvxl00t6] { gap: 10px; flex-wrap: wrap; padding: 2px 4px 0; }
.pager-caption[b-60mvxl00t6] { color: rgba(24, 56, 83, 0.68); }
.page-size-select[b-60mvxl00t6] { width: 90px; }

[b-60mvxl00t6] .catalog-table {
    border-radius: 12px;
    border: 1px solid rgba(19, 59, 91, 0.1);
    overflow: hidden;
}

[b-60mvxl00t6] .catalog-table .mud-table-cell {
    padding-top: 11px;
    padding-bottom: 11px;
    border-bottom: 1px solid rgba(17, 52, 81, 0.08);
    vertical-align: middle;
}

[b-60mvxl00t6] .catalog-table .mud-table-head .mud-table-cell {
    font-size: 0.78rem;
    font-weight: 700;
    letter-spacing: 0.04em;
    color: rgba(22, 54, 80, 0.8);
    text-transform: uppercase;
}

[b-60mvxl00t6] .catalog-table.zebra-soft .mud-table-container table tbody tr:nth-child(even) {
    background-color: color-mix(in srgb, currentColor 2.3%, transparent);
}

[b-60mvxl00t6] .catalog-table.zebra-soft .mud-table-container table tbody tr {
    transition: background-color 0.14s ease;
}

[b-60mvxl00t6] .catalog-table.zebra-soft .mud-table-container table tbody tr:hover {
    background-color: color-mix(in srgb, var(--mud-palette-primary) 8%, transparent) !important;
}

[b-60mvxl00t6] .catalog-table.zebra-soft .mud-table-container table tbody tr:focus-within {
    background-color: color-mix(in srgb, var(--mud-palette-primary) 10%, transparent);
}

@media (max-width: 959px) {
    .catalog-shell[b-60mvxl00t6] {
        padding: 0 10px 16px;
    }
}
/* /Components/Pages/Ajustes/TiposPlanteles/PlantelesTiposABC.razor.rz.scp.css */
.catalog-shell[b-5ih2384qou] {
    max-width: 1200px;
    margin: 0 auto;
    padding: 0 14px 20px;
}

.catalog-section[b-5ih2384qou] {
    margin-bottom: 14px;
}

[b-5ih2384qou] .header-surface {
    border-radius: 14px;
    border: 1px solid rgba(26, 68, 104, 0.16);
    background:
        radial-gradient(circle at 9% 16%, rgba(80, 156, 210, 0.16), transparent 34%),
        radial-gradient(circle at 86% 30%, rgba(129, 198, 157, 0.13), transparent 30%),
        linear-gradient(120deg, #f9fcff 0%, #f4f9ff 52%, #f7fcfb 100%);
}

[b-5ih2384qou] .header-title { color: #12395c; font-weight: 700; letter-spacing: 0.01em; }
[b-5ih2384qou] .header-subtitle { color: rgba(18, 57, 92, 0.78); }
[b-5ih2384qou] .header-actions { flex-wrap: wrap; }

[b-5ih2384qou] .kpi-card {
    border-radius: 12px;
    border: 1px solid rgba(19, 59, 91, 0.12);
    padding: 14px;
    transition: transform 0.16s ease, box-shadow 0.16s ease;
}

[b-5ih2384qou] .kpi-card:hover { transform: translateY(-1px); box-shadow: 0 10px 18px rgba(13, 42, 67, 0.08); }
[b-5ih2384qou] .kpi-total { background: linear-gradient(145deg, #f1f7ff 0%, #f8fbff 100%); }
[b-5ih2384qou] .kpi-active { background: linear-gradient(145deg, #f0fcf5 0%, #f8fdf9 100%); }
[b-5ih2384qou] .kpi-inactive { background: linear-gradient(145deg, #f7f8fb 0%, #fcfcfe 100%); }
[b-5ih2384qou] .kpi-number { font-weight: 800; color: #143955; line-height: 1.1; }
[b-5ih2384qou] .kpi-text { color: rgba(20, 57, 85, 0.74); }

[b-5ih2384qou] .filters-surface {
    border-radius: 12px;
    border: 1px solid rgba(19, 59, 91, 0.1);
    background: linear-gradient(180deg, #ffffff 0%, #fbfdff 100%);
}

[b-5ih2384qou] .filters-toolbar { gap: 10px; flex-wrap: wrap; }
[b-5ih2384qou] .filter-search { flex: 1 1 360px; }
[b-5ih2384qou] .filter-status { width: 180px; }
[b-5ih2384qou] .filter-clear { min-height: 40px; }

.catalog-panel[b-5ih2384qou] {
    border-radius: 14px;
    border: 1px solid rgba(19, 59, 91, 0.1);
    background: linear-gradient(180deg, #ffffff 0%, #fcfdff 100%);
    padding: 12px;
}

.state-wrap[b-5ih2384qou] { padding: 6px 4px 10px; }
.loading-card[b-5ih2384qou] { border-radius: 10px; border: 1px solid rgba(19, 59, 91, 0.1); }

.empty-state[b-5ih2384qou] {
    border-radius: 12px;
    text-align: center;
    border: 1px dashed rgba(19, 59, 91, 0.2);
    background: linear-gradient(180deg, rgba(240, 248, 255, 0.7) 0%, rgba(250, 252, 255, 0.95) 100%);
}

.empty-icon[b-5ih2384qou] { color: #426f97; }
.empty-title[b-5ih2384qou] { font-weight: 700; color: #173f61; }
.empty-subtitle[b-5ih2384qou] { color: rgba(24, 56, 83, 0.72); }

[b-5ih2384qou] .catalog-mobile-card {
    border-radius: 12px;
    border: 1px solid rgba(19, 59, 91, 0.11);
    background: linear-gradient(180deg, #ffffff 0%, #f9fbff 100%);
    transition: transform 0.16s ease, box-shadow 0.16s ease;
}

[b-5ih2384qou] .catalog-mobile-card:hover { transform: translateY(-1px); box-shadow: 0 8px 14px rgba(14, 44, 70, 0.07); }
[b-5ih2384qou] .primary-name { font-weight: 700; font-size: 0.96rem; color: #163d5f; }
[b-5ih2384qou] .secondary-notes { color: rgba(24, 56, 83, 0.74); font-size: 0.86rem; }
[b-5ih2384qou] .date-muted { color: rgba(24, 56, 83, 0.62); }
[b-5ih2384qou] .status-chip { font-weight: 600; }
[b-5ih2384qou] .edit-action { border-radius: 9px; }
[b-5ih2384qou] .edit-action:hover { background-color: color-mix(in srgb, var(--mud-palette-primary) 10%, transparent); }

.pager-wrap[b-5ih2384qou] { gap: 10px; flex-wrap: wrap; padding: 2px 4px 0; }
.pager-caption[b-5ih2384qou] { color: rgba(24, 56, 83, 0.68); }
.page-size-select[b-5ih2384qou] { width: 90px; }

[b-5ih2384qou] .catalog-table {
    border-radius: 12px;
    border: 1px solid rgba(19, 59, 91, 0.1);
    overflow: hidden;
}

[b-5ih2384qou] .catalog-table .mud-table-cell {
    padding-top: 11px;
    padding-bottom: 11px;
    border-bottom: 1px solid rgba(17, 52, 81, 0.08);
    vertical-align: middle;
}

[b-5ih2384qou] .catalog-table .mud-table-head .mud-table-cell {
    font-size: 0.78rem;
    font-weight: 700;
    letter-spacing: 0.04em;
    color: rgba(22, 54, 80, 0.8);
    text-transform: uppercase;
}

[b-5ih2384qou] .catalog-table.zebra-soft .mud-table-container table tbody tr:nth-child(even) {
    background-color: color-mix(in srgb, currentColor 2.3%, transparent);
}

[b-5ih2384qou] .catalog-table.zebra-soft .mud-table-container table tbody tr {
    transition: background-color 0.14s ease;
}

[b-5ih2384qou] .catalog-table.zebra-soft .mud-table-container table tbody tr:hover {
    background-color: color-mix(in srgb, var(--mud-palette-primary) 8%, transparent) !important;
}

[b-5ih2384qou] .catalog-table.zebra-soft .mud-table-container table tbody tr:focus-within {
    background-color: color-mix(in srgb, var(--mud-palette-primary) 10%, transparent);
}

@media (max-width: 959px) {
    .catalog-shell[b-5ih2384qou] {
        padding: 0 10px 16px;
    }
}
/* /Components/Pages/AvisosPrivacidad/AsignarAvisoPrivacidad.razor.rz.scp.css */
.catalog-shell[b-n37uz3igyv] {
    max-width: 1200px;
    margin: 0 auto;
    padding: 0 14px 20px;
}

.catalog-section[b-n37uz3igyv] {
    margin-bottom: 14px;
}

[b-n37uz3igyv] .header-surface {
    border-radius: 14px;
    border: 1px solid rgba(26, 68, 104, 0.16);
    background:
        radial-gradient(circle at 9% 16%, rgba(80, 156, 210, 0.16), transparent 34%),
        radial-gradient(circle at 86% 30%, rgba(129, 198, 157, 0.13), transparent 30%),
        linear-gradient(120deg, #f9fcff 0%, #f4f9ff 52%, #f7fcfb 100%);
}

[b-n37uz3igyv] .header-title {
    color: #12395c;
    font-weight: 700;
    letter-spacing: 0.01em;
}

[b-n37uz3igyv] .header-subtitle {
    color: rgba(18, 57, 92, 0.78);
}

.assign-surface[b-n37uz3igyv] {
    border-radius: 12px;
    border: 1px solid rgba(19, 59, 91, 0.1);
    background: linear-gradient(180deg, #ffffff 0%, #fbfdff 100%);
}

[b-n37uz3igyv] .assign-action-wrap {
    width: 100%;
}

[b-n37uz3igyv] .assign-action-btn {
    min-height: 40px;
}

[b-n37uz3igyv] .kpi-card {
    border-radius: 12px;
    border: 1px solid rgba(19, 59, 91, 0.12);
    padding: 14px;
}

[b-n37uz3igyv] .kpi-total {
    background: linear-gradient(145deg, #f1f7ff 0%, #f8fbff 100%);
}

[b-n37uz3igyv] .kpi-active {
    background: linear-gradient(145deg, #f0fcf5 0%, #f8fdf9 100%);
}

[b-n37uz3igyv] .kpi-inactive {
    background: linear-gradient(145deg, #f7f8fb 0%, #fcfcfe 100%);
}

[b-n37uz3igyv] .kpi-number {
    font-weight: 800;
    color: #143955;
    line-height: 1.1;
}

[b-n37uz3igyv] .kpi-text {
    color: rgba(20, 57, 85, 0.74);
}

[b-n37uz3igyv] .filters-surface {
    border-radius: 12px;
    border: 1px solid rgba(19, 59, 91, 0.1);
    background: linear-gradient(180deg, #ffffff 0%, #fbfdff 100%);
}

[b-n37uz3igyv] .filters-toolbar {
    gap: 10px;
    flex-wrap: wrap;
}

.catalog-panel[b-n37uz3igyv] {
    border-radius: 14px;
    border: 1px solid rgba(19, 59, 91, 0.1);
    background: linear-gradient(180deg, #ffffff 0%, #fcfdff 100%);
    padding: 12px;
}

.state-wrap[b-n37uz3igyv] {
    padding: 6px 4px 10px;
}

.loading-card[b-n37uz3igyv] {
    border-radius: 10px;
    border: 1px solid rgba(19, 59, 91, 0.1);
}

.empty-state[b-n37uz3igyv] {
    border-radius: 12px;
    text-align: center;
    border: 1px dashed rgba(19, 59, 91, 0.2);
    background: linear-gradient(180deg, rgba(240, 248, 255, 0.7) 0%, rgba(250, 252, 255, 0.95) 100%);
}

.empty-icon[b-n37uz3igyv] {
    color: #426f97;
}

.empty-title[b-n37uz3igyv] {
    font-weight: 700;
    color: #173f61;
}

.empty-subtitle[b-n37uz3igyv] {
    color: rgba(24, 56, 83, 0.72);
}

[b-n37uz3igyv] .catalog-mobile-card {
    border-radius: 12px;
    border: 1px solid rgba(19, 59, 91, 0.11);
    background: linear-gradient(180deg, #ffffff 0%, #f9fbff 100%);
}

[b-n37uz3igyv] .primary-name {
    font-weight: 700;
    font-size: 0.96rem;
    color: #163d5f;
}

[b-n37uz3igyv] .secondary-notes {
    color: rgba(24, 56, 83, 0.74);
    font-size: 0.86rem;
}

[b-n37uz3igyv] .date-muted {
    color: rgba(24, 56, 83, 0.62);
}

[b-n37uz3igyv] .status-chip {
    font-weight: 600;
}

[b-n37uz3igyv] .edit-action {
    border-radius: 9px;
}

[b-n37uz3igyv] .edit-action:hover {
    background-color: color-mix(in srgb, var(--mud-palette-primary) 10%, transparent);
}

.pager-wrap[b-n37uz3igyv] {
    gap: 10px;
    flex-wrap: wrap;
    padding: 2px 4px 0;
}

.pager-caption[b-n37uz3igyv] {
    color: rgba(24, 56, 83, 0.68);
}

.page-size-select[b-n37uz3igyv] {
    width: 90px;
}

[b-n37uz3igyv] .catalog-table {
    border-radius: 12px;
    border: 1px solid rgba(19, 59, 91, 0.1);
    overflow: hidden;
}

[b-n37uz3igyv] .catalog-table .mud-table-cell {
    padding-top: 11px;
    padding-bottom: 11px;
    border-bottom: 1px solid rgba(17, 52, 81, 0.08);
    vertical-align: middle;
}

[b-n37uz3igyv] .catalog-table .mud-table-head .mud-table-cell {
    font-size: 0.78rem;
    font-weight: 700;
    letter-spacing: 0.04em;
    color: rgba(22, 54, 80, 0.8);
    text-transform: uppercase;
}

[b-n37uz3igyv] .catalog-table.zebra-soft .mud-table-container table tbody tr:nth-child(even) {
    background-color: color-mix(in srgb, currentColor 2.3%, transparent);
}

[b-n37uz3igyv] .catalog-table.zebra-soft .mud-table-container table tbody tr {
    transition: background-color 0.14s ease;
}

[b-n37uz3igyv] .catalog-table.zebra-soft .mud-table-container table tbody tr:hover {
    background-color: color-mix(in srgb, var(--mud-palette-primary) 8%, transparent) !important;
}

@media (max-width: 959px) {
    .catalog-shell[b-n37uz3igyv] {
        padding: 0 10px 16px;
    }

    [b-n37uz3igyv] .assign-action-wrap {
        justify-content: stretch !important;
    }
}
/* /Components/Pages/AvisosPrivacidad/AvisoPrivacidadABC.razor.rz.scp.css */
.catalog-shell[b-xl01jgqdvw] {
    max-width: 1240px;
    margin: 0 auto;
    padding: 12px 10px 18px;
}

.catalog-section[b-xl01jgqdvw] {
    margin-bottom: 12px;
}

.header-surface[b-xl01jgqdvw] {
    border: 1px solid rgba(30, 64, 175, 0.14);
    border-radius: 14px;
    background: linear-gradient(135deg, rgba(242, 247, 255, 0.95), rgba(236, 249, 255, 0.9));
}

.header-title[b-xl01jgqdvw] {
    font-weight: 800;
    color: #0b2545;
    letter-spacing: .2px;
}

.header-subtitle[b-xl01jgqdvw] {
    color: #234569;
    margin-top: 2px;
}

.header-actions[b-xl01jgqdvw] {
    flex-wrap: wrap;
}

.kpi-card[b-xl01jgqdvw] {
    border: 1px solid rgba(15, 23, 42, 0.1);
    border-radius: 14px;
    padding: 14px 16px;
}

.kpi-total[b-xl01jgqdvw] {
    background: color-mix(in srgb, var(--mud-palette-primary) 7%, transparent);
}

.kpi-active[b-xl01jgqdvw] {
    background: color-mix(in srgb, var(--mud-palette-success) 8%, transparent);
}

.kpi-inactive[b-xl01jgqdvw] {
    background: color-mix(in srgb, var(--mud-palette-surface) 95%, transparent);
}

.kpi-number[b-xl01jgqdvw] {
    font-weight: 800;
    line-height: 1.05;
}

.kpi-text[b-xl01jgqdvw] {
    color: color-mix(in srgb, var(--mud-palette-text-primary) 75%, transparent);
}

.filters-surface[b-xl01jgqdvw] {
    border: 1px solid rgba(15, 23, 42, 0.09);
    border-radius: 12px;
    background: var(--mud-palette-surface);
}

.filters-toolbar[b-xl01jgqdvw] {
    gap: 12px;
    flex-wrap: wrap;
}

.filter-search[b-xl01jgqdvw] {
    min-width: 300px;
    flex: 1 1 340px;
}

.filter-status[b-xl01jgqdvw] {
    min-width: 200px;
}

.catalog-panel[b-xl01jgqdvw] {
    border: 1px solid rgba(15, 23, 42, 0.08);
    border-radius: 14px;
    padding: 12px;
}

.zebra-soft tbody tr:nth-child(even)[b-xl01jgqdvw] {
    background: color-mix(in srgb, var(--mud-palette-surface) 92%, var(--mud-palette-text-primary) 8%);
}

.zebra-soft tbody tr[b-xl01jgqdvw] {
    transition: background-color .18s ease;
}

.state-wrap[b-xl01jgqdvw] {
    min-height: 180px;
    display: flex;
    gap: 12px;
    align-items: center;
    justify-content: center;
    flex-direction: column;
}

@media (max-width: 960px) {
    .catalog-shell[b-xl01jgqdvw] {
        padding: 10px 4px 14px;
    }
}
/* /Components/Pages/AvisosPrivacidad/DialogAvisoPrivacidadEditor.razor.rz.scp.css */
.compact-dialog[b-sgauh4rihf] {
    min-width: min(560px, 92vw);
}
/* /Components/Pages/AvisosPrivacidad/DialogTituloAvisoEditor.razor.rz.scp.css */
.compact-dialog[b-jomyx8nlil] {
    min-width: min(680px, 94vw);
}
/* /Components/Pages/AvisosPrivacidad/NuevoAvisoPrivacidad.razor.rz.scp.css */
.editor-shell[b-gpbesq0ynn] {
    max-width: 1200px;
    margin: 0 auto;
    padding: 0 14px 20px;
}

.header-surface[b-gpbesq0ynn] {
    border: 1px solid rgba(30, 64, 175, 0.14);
    border-radius: 14px;
    background: linear-gradient(135deg, rgba(242, 247, 255, 0.95), rgba(236, 249, 255, 0.9));
}

.header-title[b-gpbesq0ynn] {
    font-weight: 800;
    color: #0b2545;
}

.header-subtitle[b-gpbesq0ynn] {
    color: #234569;
}

.section-surface[b-gpbesq0ynn] {
    border: 1px solid rgba(15, 23, 42, 0.08);
    border-radius: 14px;
    background: var(--mud-palette-surface);
    overflow: visible;
}

[b-gpbesq0ynn] .wizard-stepper .mud-stepper {
    padding-top: 2px;
}

[b-gpbesq0ynn] .wizard-stepper .mud-step .mud-step-label {
    font-weight: 600;
    color: rgba(17, 45, 70, 0.88);
}

[b-gpbesq0ynn] .wizard-stepper .mud-step .mud-stepper-content {
    padding-top: 10px;
}

[b-gpbesq0ynn] .wizard-stepper .mud-stepper-line {
    border-color: rgba(19, 59, 91, 0.22);
}

[b-gpbesq0ynn] .wizard-select .mud-input-control {
    margin-top: 0;
}

[b-gpbesq0ynn] .wizard-select .mud-input-slot {
    min-height: 22px;
    line-height: 1.35;
}

[b-gpbesq0ynn] .wizard-select .mud-input-label {
    line-height: 1.1;
}

/* ── Sticky footer de acciones globales ── */
.wizard-footer[b-gpbesq0ynn] {
    position: sticky;
    bottom: 0;
    z-index: 100;
    display: flex;
    align-items: center;
    padding: 12px 16px;
    border: 1px solid rgba(15, 23, 42, 0.08);
    border-radius: 14px;
    background: var(--mud-palette-surface);
}

/* ── Tabla de títulos ── */
[b-gpbesq0ynn] .zebra-soft .mud-table-container table tbody tr:nth-child(even) {
    background: color-mix(in srgb, var(--mud-palette-surface) 92%, var(--mud-palette-text-primary) 8%);
}

[b-gpbesq0ynn] .zebra-soft .mud-table-container table tbody tr {
    transition: background-color 0.14s ease;
}

[b-gpbesq0ynn] .zebra-soft .mud-table-container table tbody tr:hover {
    background-color: color-mix(in srgb, var(--mud-palette-primary) 8%, transparent) !important;
}

.text-truncate-cell[b-gpbesq0ynn] {
    display: block;
    max-width: 360px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    font-size: 0.85em;
    opacity: 0.8;
}

/* ── Paso 3: Consentimientos ── */
.consent-panels[b-gpbesq0ynn] {
    border-radius: 8px;
}

.consent-item[b-gpbesq0ynn] {
    border-radius: 8px !important;
    border-color: rgba(15, 23, 42, 0.1) !important;
}

.subconsent-list[b-gpbesq0ynn] {
    padding-left: 14px;
    border-left: 2px solid rgba(15, 23, 42, 0.1);
    margin-top: 6px;
}

.subconsent-item[b-gpbesq0ynn] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 4px;
    padding: 2px 0;
    opacity: 0.8;
}

.add-consent-form[b-gpbesq0ynn] {
    border-color: rgba(33, 150, 243, 0.3) !important;
    background: rgba(33, 150, 243, 0.04) !important;
    border-radius: 8px !important;
}

/* ── Paso 4: Revisión ── */
.consent-review-item[b-gpbesq0ynn] {
    padding: 4px 0;
    border-bottom: 1px solid rgba(15, 23, 42, 0.05);
}

.consent-review-item:last-child[b-gpbesq0ynn] {
    border-bottom: none;
}

/* ── Paso 1: card de formulario ── */
.aviso-step-card[b-gpbesq0ynn] {
    border-radius: 12px;
    border: 1px solid rgba(19, 59, 91, 0.1);
    background: var(--mud-palette-surface);
}

/* Celda de botón que se alinea verticalmente con el select adyacente */
.aviso-btn-cell[b-gpbesq0ynn] {
    display: flex;
    align-items: center;
}

/* Botones de acción alineados al alto del select Dense (~40 px) */
.aviso-action-button[b-gpbesq0ynn] {
    height: 40px;
    white-space: nowrap;
    font-weight: 600;
}

/* ── Utilidades ── */
.text-muted[b-gpbesq0ynn] {
    opacity: 0.65;
}

@media (max-width: 959px) {
    .editor-shell[b-gpbesq0ynn] {
        padding: 0 10px 16px;
    }

    .wizard-footer[b-gpbesq0ynn] {
        padding: 10px 12px;
    }

    .aviso-action-button[b-gpbesq0ynn] {
        height: 38px;
    }
}
/* /Components/Pages/AvisosPrivacidad/RespuestasAvisoPrivacidad.razor.rz.scp.css */
.catalog-shell[b-pvc7dk556w] {
    max-width: 1200px;
    margin: 0 auto;
    padding: 0 14px 20px;
}

.catalog-section[b-pvc7dk556w] {
    margin-bottom: 14px;
}

[b-pvc7dk556w] .header-surface {
    border-radius: 14px;
    border: 1px solid rgba(26, 68, 104, 0.16);
    background:
        radial-gradient(circle at 9% 16%, rgba(80, 156, 210, 0.16), transparent 34%),
        radial-gradient(circle at 86% 30%, rgba(129, 198, 157, 0.13), transparent 30%),
        linear-gradient(120deg, #f9fcff 0%, #f4f9ff 52%, #f7fcfb 100%);
}

[b-pvc7dk556w] .header-title {
    color: #12395c;
    font-weight: 700;
    letter-spacing: 0.01em;
}

[b-pvc7dk556w] .header-subtitle {
    color: rgba(18, 57, 92, 0.78);
}

[b-pvc7dk556w] .filters-surface {
    border-radius: 12px;
    border: 1px solid rgba(19, 59, 91, 0.1);
    background: linear-gradient(180deg, #ffffff 0%, #fbfdff 100%);
}

.catalog-panel[b-pvc7dk556w] {
    border-radius: 14px;
    border: 1px solid rgba(19, 59, 91, 0.1);
    background: linear-gradient(180deg, #ffffff 0%, #fcfdff 100%);
    padding: 12px;
}

.state-wrap[b-pvc7dk556w] {
    padding: 6px 4px 10px;
}

.loading-card[b-pvc7dk556w] {
    border-radius: 10px;
    border: 1px solid rgba(19, 59, 91, 0.1);
}

.empty-state[b-pvc7dk556w] {
    border-radius: 12px;
    text-align: center;
    border: 1px dashed rgba(19, 59, 91, 0.2);
    background: linear-gradient(180deg, rgba(240, 248, 255, 0.7) 0%, rgba(250, 252, 255, 0.95) 100%);
}

.empty-icon[b-pvc7dk556w] {
    color: #426f97;
}

.empty-title[b-pvc7dk556w] {
    font-weight: 700;
    color: #173f61;
}

.empty-subtitle[b-pvc7dk556w] {
    color: rgba(24, 56, 83, 0.72);
}

[b-pvc7dk556w] .catalog-mobile-card {
    border-radius: 12px;
    border: 1px solid rgba(19, 59, 91, 0.11);
    background: linear-gradient(180deg, #ffffff 0%, #f9fbff 100%);
}

[b-pvc7dk556w] .primary-name {
    font-weight: 700;
    font-size: 0.96rem;
    color: #163d5f;
}

[b-pvc7dk556w] .secondary-notes {
    color: rgba(24, 56, 83, 0.74);
    font-size: 0.86rem;
}

[b-pvc7dk556w] .date-muted {
    color: rgba(24, 56, 83, 0.62);
}

[b-pvc7dk556w] .status-chip {
    font-weight: 600;
}

[b-pvc7dk556w] .edit-action {
    border-radius: 9px;
}

[b-pvc7dk556w] .edit-action:hover {
    background-color: color-mix(in srgb, var(--mud-palette-primary) 10%, transparent);
}

.pager-wrap[b-pvc7dk556w] {
    gap: 10px;
    flex-wrap: wrap;
    padding: 2px 4px 0;
}

.pager-caption[b-pvc7dk556w] {
    color: rgba(24, 56, 83, 0.68);
}

.page-size-select[b-pvc7dk556w] {
    width: 90px;
}

[b-pvc7dk556w] .catalog-table {
    border-radius: 12px;
    border: 1px solid rgba(19, 59, 91, 0.1);
    overflow: hidden;
}

[b-pvc7dk556w] .catalog-table .mud-table-cell {
    padding-top: 11px;
    padding-bottom: 11px;
    border-bottom: 1px solid rgba(17, 52, 81, 0.08);
    vertical-align: middle;
}

[b-pvc7dk556w] .catalog-table .mud-table-head .mud-table-cell {
    font-size: 0.78rem;
    font-weight: 700;
    letter-spacing: 0.04em;
    color: rgba(22, 54, 80, 0.8);
    text-transform: uppercase;
}

[b-pvc7dk556w] .catalog-table.zebra-soft .mud-table-container table tbody tr:nth-child(even) {
    background-color: color-mix(in srgb, currentColor 2.3%, transparent);
}

[b-pvc7dk556w] .catalog-table.zebra-soft .mud-table-container table tbody tr {
    transition: background-color 0.14s ease;
}

[b-pvc7dk556w] .catalog-table.zebra-soft .mud-table-container table tbody tr:hover {
    background-color: color-mix(in srgb, var(--mud-palette-primary) 8%, transparent) !important;
}

@media (max-width: 959px) {
    .catalog-shell[b-pvc7dk556w] {
        padding: 0 10px 16px;
    }
}
/* /Components/Pages/Capacitandos/CapacitandosABC.razor.rz.scp.css */
.capacitandos-header-actions[b-1wcnly9f3a] {
    flex-wrap: wrap;
}

.capacitandos-actions-cell[b-1wcnly9f3a] {
    min-width: 150px;
}

.capacitandos-actions-cell .mud-stack[b-1wcnly9f3a] {
    width: 100%;
}

.siac-row-highlight[b-1wcnly9f3a] {
    background-color: #fff3cd !important;
    transition: background-color 0.3s ease;
}

@media (max-width: 960px) {
    .capacitandos-header-actions[b-1wcnly9f3a] {
        width: 100%;
        justify-content: flex-end;
    }

    .capacitandos-actions-cell[b-1wcnly9f3a] {
        min-width: 120px;
    }
}
/* /Components/Pages/Capacitandos/DialogCargaMasivaCapacitandos.razor.rz.scp.css */
.carga-masiva-dropzone[b-68zgrmqhjf] {
    border: 2px dashed #c7d4ce;
    border-radius: 12px;
    background: #f8fbfa;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 0.3rem;
    text-align: center;
    transition: border-color 0.2s ease, background-color 0.2s ease;
}

.carga-masiva-dropzone--active[b-68zgrmqhjf] {
    border-color: var(--mud-palette-primary);
    background: #eef7f3;
}
/* /Components/Pages/CapitalHumano/Registro.razor.rz.scp.css */
.catalog-shell[b-xhpyvwoqsf] {
    max-width: 1200px;
    margin: 0 auto;
    padding: 0 14px 20px;
}

.catalog-section[b-xhpyvwoqsf] {
    margin-bottom: 14px;
}

[b-xhpyvwoqsf] .header-surface {
    border-radius: 14px;
    border: 1px solid rgba(26, 68, 104, 0.16);
    background:
        radial-gradient(circle at 9% 16%, rgba(80, 156, 210, 0.16), transparent 34%),
        radial-gradient(circle at 86% 30%, rgba(129, 198, 157, 0.13), transparent 30%),
        linear-gradient(120deg, #f9fcff 0%, #f4f9ff 52%, #f7fcfb 100%);
}

[b-xhpyvwoqsf] .header-title {
    color: #12395c;
    font-weight: 700;
    letter-spacing: 0.01em;
}

[b-xhpyvwoqsf] .header-subtitle {
    color: rgba(18, 57, 92, 0.78);
}

[b-xhpyvwoqsf] .header-actions {
    flex-wrap: wrap;
}

[b-xhpyvwoqsf] .header-meta {
    flex-wrap: wrap;
}

[b-xhpyvwoqsf] .filters-surface {
    border-radius: 12px;
    border: 1px solid rgba(19, 59, 91, 0.1);
    background: linear-gradient(180deg, #ffffff 0%, #fbfdff 100%);
}

[b-xhpyvwoqsf] .filters-toolbar {
    gap: 10px;
    flex-wrap: wrap;
}

[b-xhpyvwoqsf] .filter-search {
    flex: 1 1 460px;
}

[b-xhpyvwoqsf] .filter-status {
    width: 170px;
}

[b-xhpyvwoqsf] .filter-clear {
    min-height: 40px;
}

.catalog-panel[b-xhpyvwoqsf] {
    border-radius: 14px;
    border: 1px solid rgba(19, 59, 91, 0.1);
    background: linear-gradient(180deg, #ffffff 0%, #fcfdff 100%);
    padding: 12px;
}

.state-wrap[b-xhpyvwoqsf] {
    padding: 6px 4px 10px;
}

.loading-card[b-xhpyvwoqsf] {
    border-radius: 10px;
    border: 1px solid rgba(19, 59, 91, 0.1);
}

.empty-state[b-xhpyvwoqsf] {
    border-radius: 12px;
    text-align: center;
    border: 1px dashed rgba(19, 59, 91, 0.2);
    background: linear-gradient(180deg, rgba(240, 248, 255, 0.7) 0%, rgba(250, 252, 255, 0.95) 100%);
}

.empty-icon[b-xhpyvwoqsf] {
    color: #426f97;
}

.empty-title[b-xhpyvwoqsf] {
    font-weight: 700;
    color: #173f61;
}

.empty-subtitle[b-xhpyvwoqsf] {
    color: rgba(24, 56, 83, 0.72);
}

[b-xhpyvwoqsf] .catalog-mobile-card {
    border-radius: 12px;
    border: 1px solid rgba(19, 59, 91, 0.11);
    background: linear-gradient(180deg, #ffffff 0%, #f9fbff 100%);
    transition: transform 0.16s ease, box-shadow 0.16s ease;
}

[b-xhpyvwoqsf] .catalog-mobile-card:hover {
    transform: translateY(-1px);
    box-shadow: 0 8px 14px rgba(14, 44, 70, 0.07);
}

[b-xhpyvwoqsf] .primary-name {
    font-weight: 700;
    font-size: 1rem;
    line-height: 1.25;
    color: #163d5f;
    white-space: normal;
    overflow-wrap: anywhere;
}

[b-xhpyvwoqsf] .name-cell {
    min-width: 0;
}

[b-xhpyvwoqsf] .ch-avatar {
    background: #e8f1fb;
    color: #12395c;
    font-weight: 700;
    width: 34px;
    height: 34px;
    flex-shrink: 0;
}

[b-xhpyvwoqsf] .ch-avatar-button {
    border: none;
    background: transparent;
    padding: 0;
    cursor: pointer;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

[b-xhpyvwoqsf] .ch-avatar-image {
    width: 34px;
    height: 34px;
    border-radius: 50%;
    object-fit: cover;
    display: block;
    border: 1px solid rgba(24, 64, 96, 0.16);
    flex-shrink: 0;
}

[b-xhpyvwoqsf] .secondary-notes {
    color: rgba(24, 56, 83, 0.74);
    font-size: 0.86rem;
}

[b-xhpyvwoqsf] .date-muted {
    color: rgba(24, 56, 83, 0.62);
}

[b-xhpyvwoqsf] .status-chip {
    font-weight: 600;
}

[b-xhpyvwoqsf] .edit-action {
    border-radius: 9px;
    width: 34px;
    height: 34px;
}

[b-xhpyvwoqsf] .edit-action:hover {
    background-color: color-mix(in srgb, var(--mud-palette-primary) 10%, transparent);
}

.pager-wrap[b-xhpyvwoqsf] {
    gap: 10px;
    flex-wrap: wrap;
    padding: 2px 4px 0;
}

.pager-caption[b-xhpyvwoqsf] {
    color: rgba(24, 56, 83, 0.68);
}

.page-size-select[b-xhpyvwoqsf] {
    width: 90px;
}

[b-xhpyvwoqsf] .catalog-table {
    border-radius: 12px;
    border: 1px solid rgba(19, 59, 91, 0.1);
    overflow: hidden;
}

[b-xhpyvwoqsf] .catalog-table .mud-table-container {
    overflow-x: auto;
}

[b-xhpyvwoqsf] .catalog-table .mud-table-cell {
    padding-top: 12px;
    padding-bottom: 12px;
    padding-left: 14px;
    padding-right: 14px;
    border-bottom: 1px solid rgba(17, 52, 81, 0.08);
    vertical-align: middle;
}

[b-xhpyvwoqsf] .catalog-table .mud-table-head .mud-table-cell {
    font-size: 0.78rem;
    font-weight: 700;
    letter-spacing: 0.04em;
    color: rgba(22, 54, 80, 0.8);
    text-transform: uppercase;
}

[b-xhpyvwoqsf] .catalog-table .col-action {
    width: 64px;
    min-width: 64px;
    max-width: 64px;
}

[b-xhpyvwoqsf] .catalog-table .col-name {
    min-width: 280px;
    width: 30%;
}

[b-xhpyvwoqsf] .catalog-table .soft-chip {
    font-weight: 600;
    max-width: 240px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

[b-xhpyvwoqsf] .catalog-table .chip-departamento {
    background-color: rgba(37, 99, 235, 0.08);
    border-color: rgba(37, 99, 235, 0.22);
    color: #1f4b8f;
}

[b-xhpyvwoqsf] .catalog-table .chip-puesto {
    background-color: rgba(13, 148, 136, 0.1);
    border-color: rgba(13, 148, 136, 0.24);
    color: #115e59;
}

[b-xhpyvwoqsf] .catalog-table.zebra-soft .mud-table-container table tbody tr:nth-child(even) {
    background-color: color-mix(in srgb, currentColor 2.3%, transparent);
}

[b-xhpyvwoqsf] .catalog-table.zebra-soft .mud-table-container table tbody tr {
    transition: background-color 0.14s ease;
}

[b-xhpyvwoqsf] .catalog-table.zebra-soft .mud-table-container table tbody tr:hover {
    background-color: color-mix(in srgb, var(--mud-palette-primary) 8%, transparent) !important;
}

@media (max-width: 959px) {
    .catalog-shell[b-xhpyvwoqsf] {
        padding: 0 10px 16px;
    }

    [b-xhpyvwoqsf] .header-title {
        font-size: 1.55rem;
    }

    [b-xhpyvwoqsf] .filter-status {
        width: 100%;
        flex: 1 1 170px;
    }

    [b-xhpyvwoqsf] .filter-clear {
        width: 100%;
        justify-content: center;
    }
}

@media (max-width: 700px) {
    [b-xhpyvwoqsf] .header-actions .mud-button-root {
        width: 100%;
    }

    .pager-wrap[b-xhpyvwoqsf] {
        align-items: stretch;
    }
}
/* /Components/Pages/CapitalHumano/RegistroFormulario.razor.rz.scp.css */
.ch-form-shell[b-sclz4d1v6j] {
    max-width: 1240px;
    margin: 0 auto;
    padding: 0 10px 14px;
    display: grid;
    gap: 8px;
}

.ch-hero[b-sclz4d1v6j] {
    border-radius: 12px;
    border: 1px solid rgba(19, 59, 91, 0.12);
    padding: 10px 12px;
    background:
        radial-gradient(circle at 92% 14%, rgba(22, 101, 52, 0.12), transparent 34%),
        radial-gradient(circle at 10% 2%, rgba(18, 57, 92, 0.18), transparent 34%),
        linear-gradient(135deg, #fafdff, #ecf5ff);
    box-shadow: 0 6px 16px rgba(17, 51, 78, 0.08);
}

.ch-main-layout[b-sclz4d1v6j] {
    align-items: flex-start;
}

[b-sclz4d1v6j] .ch-form-kicker {
    color: #1d4f79;
    font-weight: 700;
    letter-spacing: 0.08em;
    opacity: 0.75;
}

[b-sclz4d1v6j] .ch-form-title {
    color: #12395c;
    font-weight: 700;
    line-height: 1.1;
}

[b-sclz4d1v6j] .ch-form-subtitle {
    color: rgba(18, 57, 92, 0.76);
}

[b-sclz4d1v6j] .ch-form-header {
    flex-wrap: wrap;
    margin-bottom: 0;
}

[b-sclz4d1v6j] .ch-form-header .mud-button-root {
    white-space: nowrap;
}

[b-sclz4d1v6j] .ch-block {
    border-radius: 12px;
    border: 1px solid rgba(19, 59, 91, 0.1);
    background: #fff;
    padding: 10px 11px;
    box-shadow: 0 4px 12px rgba(16, 48, 72, 0.05);
    position: relative;
}

[b-sclz4d1v6j] .ch-block::before {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    height: 3px;
    border-radius: 12px 12px 0 0;
    background: rgba(18, 57, 92, 0.2);
}

.ch-block-title[b-sclz4d1v6j],
[b-sclz4d1v6j] .ch-block .mud-typography-h6 {
    color: #174264;
    font-weight: 700;
    margin-bottom: 6px;
    font-size: 1.02rem;
}

.ch-block-icon[b-sclz4d1v6j] {
    margin-right: 6px;
    color: rgba(23, 66, 100, 0.78);
    vertical-align: text-bottom;
}

[b-sclz4d1v6j] .ch-block-personal::before {
    background: linear-gradient(90deg, #2563eb, #60a5fa);
}

[b-sclz4d1v6j] .ch-block-contacto::before {
    background: linear-gradient(90deg, #16a34a, #4ade80);
}

[b-sclz4d1v6j] .ch-block-laboral::before {
    background: linear-gradient(90deg, #ea580c, #fb923c);
}

[b-sclz4d1v6j] .ch-permisos-card {
    border: 1px solid #e5e7eb;
    border-radius: 12px;
    background: #ffffff;
}

[b-sclz4d1v6j] .switch-item {
    padding: 6px 10px;
    border-radius: 8px;
    background-color: #f8fafc;
    min-height: 42px;
}

[b-sclz4d1v6j] .switch-item:hover {
    background-color: #eef2f7;
}

[b-sclz4d1v6j] .switch-item .mud-switch {
    margin-right: -6px;
}

[b-sclz4d1v6j] .ch-block-complementario::before {
    background: linear-gradient(90deg, #64748b, #94a3b8);
}

[b-sclz4d1v6j] .ch-photo-card {
    border-color: rgba(19, 59, 91, 0.16);
    background: #fbfdff;
    max-width: 236px;
}

[b-sclz4d1v6j] .ch-photo-help {
    color: rgba(24, 56, 83, 0.68);
}

[b-sclz4d1v6j] .ch-legacy-note {
    color: #8a6a06;
    font-weight: 500;
}

[b-sclz4d1v6j] .ch-action-panel {
    border-radius: 10px;
    border: 1px solid rgba(19, 59, 91, 0.1);
    background: rgba(255, 255, 255, 0.95);
    position: sticky;
    bottom: 0;
    z-index: 1;
}

.ch-sidebar[b-sclz4d1v6j] {
    position: sticky;
    top: 10px;
}

.ch-quick-check[b-sclz4d1v6j] {
    border-radius: 12px;
    border: 1px dashed rgba(25, 67, 100, 0.28);
    padding: 9px 11px;
    background: #f8fbff;
}

.ch-quick-check-title[b-sclz4d1v6j] {
    color: #174264;
    font-weight: 700;
    margin-bottom: 4px;
}

.ch-form-loading[b-sclz4d1v6j] {
    min-height: 300px;
}

[b-sclz4d1v6j] .ch-block .mud-input-control {
    margin-top: 0;
}

[b-sclz4d1v6j] .ch-block .mud-input-label {
    font-size: 0.83rem;
    color: rgba(19, 59, 91, 0.82);
}

[b-sclz4d1v6j] .ch-block .mud-input-control .mud-input-slot {
    border-radius: 9px;
    min-height: 38px;
    padding-top: 0;
    padding-bottom: 0;
    background-color: #fff;
}

[b-sclz4d1v6j] .ch-block .mud-input > input,
[b-sclz4d1v6j] .ch-block .mud-input > textarea,
[b-sclz4d1v6j] .ch-block .mud-select-input,
[b-sclz4d1v6j] .ch-block .mud-input-adornment,
[b-sclz4d1v6j] .ch-block .mud-input-slot .mud-input-slot-text {
    font-size: 0.88rem;
}

[b-sclz4d1v6j] .ch-block .mud-input-control.mud-input-focused .mud-input-slot {
    box-shadow: 0 0 0 3px rgba(37, 99, 235, 0.12);
}

[b-sclz4d1v6j] .ch-action-primary {
    background: linear-gradient(135deg, #1d4ed8, #2563eb);
    box-shadow: 0 6px 14px rgba(29, 78, 216, 0.28);
    font-weight: 600;
}

[b-sclz4d1v6j] .ch-field {
    --mud-default-borderradius: 9px;
}

[b-sclz4d1v6j] .ch-field-grow {
    flex: 1 1 auto;
}

[b-sclz4d1v6j] .ch-catalog-btn.mud-icon-button {
    margin-top: 2px;
    width: 36px;
    height: 36px;
    border-radius: 9px;
    border: 1px solid rgba(29, 78, 216, 0.28);
    color: #1d4ed8;
    background: #f7fbff;
    transition: background 0.14s ease, border-color 0.14s ease, color 0.14s ease;
}

[b-sclz4d1v6j] .ch-catalog-btn.mud-icon-button:hover {
    background: rgba(37, 99, 235, 0.1);
    border-color: rgba(29, 78, 216, 0.42);
    color: #1e40af;
}

[b-sclz4d1v6j] .ch-block .mud-picker-calendar-icon,
[b-sclz4d1v6j] .ch-block .mud-input-adornment-icon-button {
    color: #1d4ed8;
}

[b-sclz4d1v6j] .ch-block .mud-input-adornment-icon-button {
    border-radius: 8px;
    width: 30px;
    height: 30px;
}

[b-sclz4d1v6j] .ch-block .mud-input-adornment-icon-button:hover {
    background: rgba(37, 99, 235, 0.1);
}

[b-sclz4d1v6j] .ch-block .mud-input-control .mud-input-adornment.mud-input-adornment-end {
    margin-left: 4px;
}

@media (max-width: 959px) {
    .ch-form-shell[b-sclz4d1v6j] {
        padding: 0 8px 14px;
    }

    [b-sclz4d1v6j] .ch-form-title {
        font-size: 1.45rem;
    }

    .ch-hero[b-sclz4d1v6j] {
        padding: 10px 12px;
    }

    .ch-sidebar[b-sclz4d1v6j] {
        position: static;
    }

    [b-sclz4d1v6j] .ch-action-stack {
        width: 100%;
        flex-wrap: wrap;
    }

    [b-sclz4d1v6j] .ch-action-btn {
        flex: 1 1 100%;
    }
}
/* /Components/Pages/Clientes/InstitucionesGestor/DialogBibliotecaClientesMotivos.razor.rz.scp.css */
[b-zjfyd37hwv] .motivo-biblioteca-dialog {
    min-width: min(900px, 96vw);
}

[b-zjfyd37hwv] .motivo-toolbar-wrap {
    flex-wrap: wrap;
}

[b-zjfyd37hwv] .motivo-toolbar-search {
    min-width: 250px;
    flex: 1 1 300px;
}

[b-zjfyd37hwv] .motivo-toolbar-status {
    min-width: 160px;
}

[b-zjfyd37hwv] .motivo-biblioteca-table .mud-table-container {
    border-radius: 10px;
    border: 1px solid rgba(19, 59, 91, 0.1);
}

/* /Components/Pages/Clientes/InstitucionesGestor/DialogBibliotecaFuentesCaptacion.razor.rz.scp.css */
[b-2yx9brsikr] .fuente-biblioteca-dialog {
    border-radius: 14px;
}

[b-2yx9brsikr] .fuente-biblioteca-subtitle {
    color: rgba(18, 57, 92, 0.68);
    font-size: 0.82rem;
}

[b-2yx9brsikr] .fuente-biblioteca-toolbar {
    border-radius: 12px;
    border-color: rgba(19, 59, 91, 0.14);
    background: linear-gradient(180deg, #ffffff 0%, #f8fbff 100%);
}

[b-2yx9brsikr] .fuente-toolbar-wrap {
    flex-wrap: wrap;
}

[b-2yx9brsikr] .fuente-toolbar-search {
    min-width: 260px;
    flex: 1 1 320px;
}

[b-2yx9brsikr] .fuente-toolbar-status {
    min-width: 170px;
}

[b-2yx9brsikr] .fuente-biblioteca-table .mud-table-cell {
    vertical-align: middle;
}

[b-2yx9brsikr] .mud-theme-dark .fuente-biblioteca-subtitle {
    color: rgba(221, 232, 243, 0.70);
}

[b-2yx9brsikr] .mud-theme-dark .fuente-biblioteca-toolbar {
    background: linear-gradient(180deg, rgba(28, 40, 55, 0.9) 0%, rgba(24, 34, 46, 0.9) 100%);
    border-color: rgba(201, 220, 238, 0.14);
}
/* /Components/Pages/Clientes/InstitucionesGestor/DialogBibliotecaPuestosClientes.razor.rz.scp.css */
[b-sgtqdme0bz] .puestos-biblioteca-dialog {
    border-radius: 14px;
}

[b-sgtqdme0bz] .puestos-biblioteca-subtitle {
    color: rgba(18, 57, 92, 0.68);
    font-size: 0.82rem;
}

[b-sgtqdme0bz] .puestos-biblioteca-toolbar {
    border-radius: 12px;
    border-color: rgba(19, 59, 91, 0.14);
    background: linear-gradient(180deg, #ffffff 0%, #f8fbff 100%);
}

[b-sgtqdme0bz] .puestos-toolbar-wrap {
    flex-wrap: wrap;
}

[b-sgtqdme0bz] .puestos-toolbar-search {
    min-width: 260px;
    flex: 1 1 320px;
}

[b-sgtqdme0bz] .puestos-toolbar-status {
    min-width: 170px;
}

[b-sgtqdme0bz] .puestos-biblioteca-table .mud-table-cell {
    vertical-align: middle;
}

[b-sgtqdme0bz] .mud-theme-dark .puestos-biblioteca-subtitle {
    color: rgba(221, 232, 243, 0.70);
}

[b-sgtqdme0bz] .mud-theme-dark .puestos-biblioteca-toolbar {
    background: linear-gradient(180deg, rgba(28, 40, 55, 0.9) 0%, rgba(24, 34, 46, 0.9) 100%);
    border-color: rgba(201, 220, 238, 0.14);
}
/* /Components/Pages/Clientes/InstitucionesGestor/DialogBibliotecaRegimenFiscal.razor.rz.scp.css */
[b-0cbpmzvk0s] .regimen-biblioteca-dialog {
    border-radius: 14px;
}

[b-0cbpmzvk0s] .regimen-biblioteca-subtitle {
    color: rgba(18, 57, 92, 0.68);
    font-size: 0.82rem;
}

[b-0cbpmzvk0s] .regimen-biblioteca-toolbar {
    border-radius: 12px;
    border-color: rgba(19, 59, 91, 0.14);
    background: linear-gradient(180deg, #ffffff 0%, #f8fbff 100%);
}

[b-0cbpmzvk0s] .regimen-toolbar-wrap {
    flex-wrap: wrap;
}

[b-0cbpmzvk0s] .regimen-toolbar-search {
    min-width: 260px;
    flex: 1 1 320px;
}

[b-0cbpmzvk0s] .regimen-toolbar-status {
    min-width: 170px;
}

[b-0cbpmzvk0s] .regimen-biblioteca-table .mud-table-cell {
    vertical-align: middle;
}

[b-0cbpmzvk0s] .mud-theme-dark .regimen-biblioteca-subtitle {
    color: rgba(221, 232, 243, 0.70);
}

[b-0cbpmzvk0s] .mud-theme-dark .regimen-biblioteca-toolbar {
    background: linear-gradient(180deg, rgba(28, 40, 55, 0.9) 0%, rgba(24, 34, 46, 0.9) 100%);
    border-color: rgba(201, 220, 238, 0.14);
}
/* /Components/Pages/Clientes/InstitucionesGestor/DialogEditarClienteMotivo.razor.rz.scp.css */
[b-nghfk6yt97] .motivo-editor-dialog {
    min-width: 420px;
}

@media (max-width: 768px) {
    [b-nghfk6yt97] .motivo-editor-dialog {
        min-width: 100%;
    }
}

/* /Components/Pages/Clientes/InstitucionesGestor/DialogEditarFuenteCaptacion.razor.rz.scp.css */
[b-65y2f99xi9] .fuente-editar-dialog {
    border-radius: 14px;
}

[b-65y2f99xi9] .fuente-editar-subtitle {
    color: rgba(18, 57, 92, 0.72);
    font-size: 0.8rem;
}

[b-65y2f99xi9] .mud-theme-dark .fuente-editar-subtitle {
    color: rgba(220, 232, 244, 0.68);
}
/* /Components/Pages/Clientes/InstitucionesGestor/DialogEditarPuestoCliente.razor.rz.scp.css */
[b-3dja3iefpn] .puesto-editar-dialog {
    border-radius: 14px;
}

[b-3dja3iefpn] .puesto-editar-subtitle {
    color: rgba(18, 57, 92, 0.7);
}

[b-3dja3iefpn] .mud-theme-dark .puesto-editar-subtitle {
    color: rgba(220, 232, 244, 0.68);
}
/* /Components/Pages/Clientes/InstitucionesGestor/DialogEditarRegimenFiscal.razor.rz.scp.css */
[b-cbsdvrkcle] .regimen-editar-dialog {
    border-radius: 14px;
}

[b-cbsdvrkcle] .regimen-editar-subtitle {
    color: rgba(18, 57, 92, 0.68);
    font-size: 0.82rem;
}

[b-cbsdvrkcle] .mud-theme-dark .regimen-editar-subtitle {
    color: rgba(221, 232, 243, 0.70);
}
/* /Components/Pages/Clientes/InstitucionesGestor/DialogInstitucionGestor.razor.rz.scp.css */
[b-ogsors0u3f] .instgestor-dialog {
    border-radius: 16px;
    box-shadow: 0 24px 64px rgba(13, 42, 67, 0.18), 0 4px 16px rgba(13, 42, 67, 0.10);
}

[b-ogsors0u3f] .instgestor-title {
    border-bottom: 1px solid rgba(19, 59, 91, 0.10);
    padding-bottom: 10px;
    background: linear-gradient(135deg, #f4f9ff 0%, #f9fcff 100%);
    border-radius: 16px 16px 0 0;
    padding: 12px 16px 12px;
}

[b-ogsors0u3f] .instgestor-icon-bg {
    width: 52px;
    height: 52px;
    border-radius: 13px;
    background: linear-gradient(135deg, rgba(27, 110, 194, 0.14), rgba(80, 156, 210, 0.10));
    border: 1px solid rgba(27, 110, 194, 0.16);
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
}

[b-ogsors0u3f] .instgestor-subtitle {
    color: rgba(18, 57, 92, 0.66);
    font-size: 0.82rem;
}

/* ── Tabs ────────────────────────────────────────────── */
[b-ogsors0u3f] .instgestor-tabs .mud-tabs-toolbar {
    background: transparent;
    border-bottom: 2px solid rgba(19, 59, 91, 0.09);
    padding: 0 4px;
}

[b-ogsors0u3f] .instgestor-tabs .mud-tab {
    text-transform: none;
    font-weight: 600;
    letter-spacing: 0.01em;
    min-height: 46px;
    font-size: 0.875rem;
    color: rgba(18, 57, 92, 0.6);
    transition: color 0.14s ease;
}

[b-ogsors0u3f] .instgestor-tabs .mud-tab:hover {
    color: #1b6ec2;
    background-color: rgba(27, 110, 194, 0.05);
}

[b-ogsors0u3f] .instgestor-tabs .mud-tab.mud-tab-active {
    color: #12395c;
    font-weight: 700;
}

[b-ogsors0u3f] .instgestor-tabs .mud-tab-slider {
    background: linear-gradient(90deg, #1b6ec2, #509cd2);
    height: 3px;
    border-radius: 2px 2px 0 0;
}

/* ── Section panels ──────────────────────────────────── */
[b-ogsors0u3f] .instgestor-section {
    border-radius: 11px;
    border: 1px solid rgba(19, 59, 91, 0.10);
    background: linear-gradient(180deg, #ffffff 0%, #fbfdff 100%);
    transition: border-color 0.14s ease;
}

[b-ogsors0u3f] .instgestor-section:hover {
    border-color: rgba(27, 110, 194, 0.18);
}

/* ── Geo fields read-only (Estado, Municipio, Localidad) ─ */
[b-ogsors0u3f] .geo-readonly .mud-input-root {
    background: linear-gradient(135deg, #f4f8fc 0%, #f8fbff 100%);
    cursor: default;
}

[b-ogsors0u3f] .geo-readonly .mud-input-outlined-border {
    border-color: rgba(19, 59, 91, 0.12) !important;
}

[b-ogsors0u3f] .geo-readonly input {
    color: rgba(18, 57, 92, 0.82) !important;
    -webkit-text-fill-color: rgba(18, 57, 92, 0.82) !important;
    font-weight: 500;
}

[b-ogsors0u3f] .geo-readonly .mud-input-label {
    color: rgba(18, 57, 92, 0.55);
}

/* ── Sticky footer ───────────────────────────────────── */
[b-ogsors0u3f] .instgestor-sticky-actions {
    border-top: 1px solid rgba(19, 59, 91, 0.09);
    background: linear-gradient(180deg, #ffffff 0%, #f6faff 100%);
    border-radius: 0 0 16px 16px;
    gap: 8px;
    padding: 10px 16px;
}

/* ── Dark mode ───────────────────────────────────────── */
[b-ogsors0u3f] .mud-theme-dark .instgestor-dialog {
    box-shadow: 0 24px 64px rgba(0, 0, 0, 0.45), 0 4px 16px rgba(0, 0, 0, 0.3);
}

[b-ogsors0u3f] .mud-theme-dark .instgestor-title {
    background: linear-gradient(135deg, rgba(24, 36, 52, 0.98) 0%, rgba(20, 30, 44, 0.98) 100%);
    border-bottom-color: rgba(205, 220, 240, 0.12);
}

[b-ogsors0u3f] .mud-theme-dark .instgestor-icon-bg {
    background: linear-gradient(135deg, rgba(80, 156, 210, 0.22), rgba(129, 198, 157, 0.15));
    border-color: rgba(80, 156, 210, 0.20);
}

[b-ogsors0u3f] .mud-theme-dark .instgestor-subtitle {
    color: rgba(233, 241, 249, 0.62);
}

[b-ogsors0u3f] .mud-theme-dark .instgestor-tabs .mud-tabs-toolbar {
    border-bottom-color: rgba(205, 220, 240, 0.10);
}

[b-ogsors0u3f] .mud-theme-dark .instgestor-tabs .mud-tab {
    color: rgba(205, 220, 240, 0.55);
}

[b-ogsors0u3f] .mud-theme-dark .instgestor-tabs .mud-tab.mud-tab-active {
    color: rgba(233, 241, 249, 0.95);
}

[b-ogsors0u3f] .mud-theme-dark .instgestor-section {
    background: linear-gradient(180deg, rgba(28, 40, 55, 0.92) 0%, rgba(24, 34, 46, 0.92) 100%);
    border-color: rgba(205, 220, 240, 0.12);
}

[b-ogsors0u3f] .mud-theme-dark .instgestor-sticky-actions {
    background: linear-gradient(180deg, rgba(22, 32, 46, 0.98) 0%, rgba(18, 28, 40, 0.98) 100%);
    border-top-color: rgba(205, 220, 240, 0.10);
}

[b-ogsors0u3f] .mud-theme-dark .geo-readonly .mud-input-root {
    background: rgba(20, 30, 44, 0.6);
}

[b-ogsors0u3f] .mud-theme-dark .geo-readonly input {
    color: rgba(205, 220, 240, 0.78) !important;
    -webkit-text-fill-color: rgba(205, 220, 240, 0.78) !important;
}

[b-ogsors0u3f] .captacion-stack {
    flex-wrap: wrap;
}

[b-ogsors0u3f] .captacion-field {
    min-width: 260px;
    flex: 1 1 320px;
}
/* /Components/Pages/Clientes/InstitucionesGestor/DialogSeguimientoCliente.razor.rz.scp.css */
[b-swsci810wk] .seguimiento-dialog {
    min-width: min(820px, 96vw);
}

/* /Components/Pages/Clientes/InstitucionesGestor/InstitucionesGestor.razor.rz.scp.css */
.catalog-shell[b-6ht5kohgfa] {
    max-width: 1240px;
    margin: 0 auto;
    padding: 0 14px 20px;
}

.catalog-section[b-6ht5kohgfa] {
    margin-bottom: 14px;
}

.kpi-row[b-6ht5kohgfa] {
    display: grid;
    grid-template-columns: repeat(5, minmax(0, 1fr));
    gap: 10px;
}

[b-6ht5kohgfa] .header-surface {
    border-radius: 14px;
    border: 1px solid rgba(26, 68, 104, 0.16);
    background:
        radial-gradient(circle at 9% 16%, rgba(80, 156, 210, 0.16), transparent 34%),
        radial-gradient(circle at 86% 30%, rgba(129, 198, 157, 0.13), transparent 30%),
        linear-gradient(120deg, #f9fcff 0%, #f4f9ff 52%, #f7fcfb 100%);
}

[b-6ht5kohgfa] .header-title {
    color: #12395c;
    font-weight: 700;
    letter-spacing: 0.01em;
}

[b-6ht5kohgfa] .header-subtitle {
    color: rgba(18, 57, 92, 0.78);
}

[b-6ht5kohgfa] .header-actions {
    flex-wrap: wrap;
}

[b-6ht5kohgfa] .kpi-card {
    border-radius: 12px;
    border: 1px solid rgba(19, 59, 91, 0.12);
    padding: 14px;
    transition: transform 0.16s ease, box-shadow 0.16s ease;
    background: linear-gradient(145deg, #f8fbff 0%, #ffffff 100%);
    min-width: 0;
}

[b-6ht5kohgfa] .kpi-card:hover {
    transform: translateY(-1px);
    box-shadow: 0 10px 18px rgba(13, 42, 67, 0.08);
}

[b-6ht5kohgfa] .kpi-clickable {
    cursor: pointer;
}

[b-6ht5kohgfa] .kpi-active {
    border-color: rgba(18, 57, 92, 0.38);
    box-shadow: 0 0 0 2px rgba(18, 57, 92, 0.12), 0 10px 20px rgba(13, 42, 67, 0.1);
    background: linear-gradient(140deg, #eef5ff 0%, #f7fbff 100%);
}

[b-6ht5kohgfa] .kpi-total {
    background: linear-gradient(145deg, #f1f7ff 0%, #f8fbff 100%);
}

[b-6ht5kohgfa] .kpi-number {
    font-weight: 800;
    color: #143955;
    line-height: 1.1;
}

[b-6ht5kohgfa] .kpi-text {
    color: rgba(20, 57, 85, 0.74);
}

[b-6ht5kohgfa] .filters-surface {
    border-radius: 12px;
    border: 1px solid rgba(19, 59, 91, 0.1);
    background: linear-gradient(180deg, #ffffff 0%, #fbfdff 100%);
}

[b-6ht5kohgfa] .filters-toolbar {
    gap: 10px;
    flex-wrap: wrap;
}

[b-6ht5kohgfa] .filter-search {
    flex: 1 1 360px;
}

[b-6ht5kohgfa] .filter-status {
    width: 170px;
}

[b-6ht5kohgfa] .filter-clear {
    min-height: 40px;
}

[b-6ht5kohgfa] .advanced-panels .mud-expand-panel {
    border: 1px solid rgba(19, 59, 91, 0.1);
    border-radius: 10px;
    background: linear-gradient(180deg, #fbfdff 0%, #ffffff 100%);
}

[b-6ht5kohgfa] .advanced-panels .mud-expand-panel-header {
    min-height: 44px;
    padding: 8px 12px;
}

[b-6ht5kohgfa] .advanced-grid {
    padding: 4px 2px 0;
}

[b-6ht5kohgfa] .advanced-field .mud-input-control,
[b-6ht5kohgfa] .advanced-field .mud-select,
[b-6ht5kohgfa] .advanced-field .mud-select-input {
    width: 100%;
}

[b-6ht5kohgfa] .advanced-flag-box {
    border: 1px solid rgba(19, 59, 91, 0.14);
    border-radius: 10px;
    min-height: 78px;
    padding: 8px 10px 6px;
    background: linear-gradient(180deg, #fcfeff 0%, #f9fcff 100%);
}

[b-6ht5kohgfa] .advanced-flag-title {
    font-weight: 700;
    color: rgba(20, 57, 85, 0.82);
    margin-bottom: 2px;
}

[b-6ht5kohgfa] .advanced-flag-list .mud-checkbox {
    margin: 0;
}

[b-6ht5kohgfa] .advanced-actions-wrap {
    padding-top: 4px;
}

[b-6ht5kohgfa] .advanced-actions {
    width: 100%;
    gap: 8px;
}

.catalog-panel[b-6ht5kohgfa] {
    border-radius: 14px;
    border: 1px solid rgba(19, 59, 91, 0.1);
    background: linear-gradient(180deg, #ffffff 0%, #fcfdff 100%);
    padding: 12px;
}

.state-wrap[b-6ht5kohgfa] {
    padding: 6px 4px 10px;
}

.empty-state[b-6ht5kohgfa] {
    border-radius: 12px;
    text-align: center;
    border: 1px dashed rgba(19, 59, 91, 0.2);
    background: linear-gradient(180deg, rgba(240, 248, 255, 0.7) 0%, rgba(250, 252, 255, 0.95) 100%);
}

.empty-icon[b-6ht5kohgfa] {
    color: #426f97;
}

.empty-title[b-6ht5kohgfa] {
    font-weight: 700;
    color: #173f61;
}

.empty-subtitle[b-6ht5kohgfa] {
    color: rgba(24, 56, 83, 0.72);
}

[b-6ht5kohgfa] .catalog-mobile-card {
    border-radius: 12px;
    border: 1px solid rgba(19, 59, 91, 0.11);
    background: linear-gradient(180deg, #ffffff 0%, #f9fbff 100%);
}

[b-6ht5kohgfa] .primary-name {
    font-weight: 700;
    font-size: 0.96rem;
    color: #163d5f;
}

[b-6ht5kohgfa] .secondary-notes {
    color: rgba(24, 56, 83, 0.74);
    font-size: 0.86rem;
}

[b-6ht5kohgfa] .date-muted {
    color: rgba(24, 56, 83, 0.62);
}

[b-6ht5kohgfa] .status-chip {
    font-weight: 600;
}

[b-6ht5kohgfa] .edit-action {
    border-radius: 9px;
}

[b-6ht5kohgfa] .edit-action:hover {
    background-color: color-mix(in srgb, var(--mud-palette-primary) 10%, transparent);
}

.pager-wrap[b-6ht5kohgfa] {
    gap: 10px;
    flex-wrap: wrap;
    padding: 2px 4px 0;
}

.pager-caption[b-6ht5kohgfa] {
    color: rgba(24, 56, 83, 0.68);
}

.page-size-select[b-6ht5kohgfa] {
    width: 90px;
}

[b-6ht5kohgfa] .catalog-table {
    border-radius: 12px;
    border: 1px solid rgba(19, 59, 91, 0.1);
    overflow: hidden;
}

[b-6ht5kohgfa] .catalog-table .mud-table-cell {
    padding-top: 11px;
    padding-bottom: 11px;
    border-bottom: 1px solid rgba(17, 52, 81, 0.08);
    vertical-align: middle;
}

[b-6ht5kohgfa] .catalog-table .mud-table-head .mud-table-cell {
    font-size: 0.78rem;
    font-weight: 700;
    letter-spacing: 0.04em;
    color: rgba(22, 54, 80, 0.8);
    text-transform: uppercase;
}

[b-6ht5kohgfa] .catalog-table.zebra-soft .mud-table-container table tbody tr:nth-child(even) {
    background-color: color-mix(in srgb, currentColor 2.3%, transparent);
}

[b-6ht5kohgfa] .catalog-table.zebra-soft .mud-table-container table tbody tr {
    transition: background-color 0.14s ease;
}

[b-6ht5kohgfa] .catalog-table.zebra-soft .mud-table-container table tbody tr:hover {
    background-color: color-mix(in srgb, var(--mud-palette-primary) 8%, transparent) !important;
}

[b-6ht5kohgfa] .mud-theme-dark .header-title,
[b-6ht5kohgfa] .mud-theme-dark .kpi-number,
[b-6ht5kohgfa] .mud-theme-dark .primary-name {
    color: rgba(233, 241, 249, 0.95);
}

[b-6ht5kohgfa] .mud-theme-dark .header-subtitle,
[b-6ht5kohgfa] .mud-theme-dark .kpi-text,
[b-6ht5kohgfa] .mud-theme-dark .secondary-notes,
[b-6ht5kohgfa] .mud-theme-dark .date-muted,
[b-6ht5kohgfa] .mud-theme-dark .pager-caption,
[b-6ht5kohgfa] .mud-theme-dark .empty-subtitle {
    color: rgba(233, 241, 249, 0.72);
}

[b-6ht5kohgfa] .mud-theme-dark .header-surface,
[b-6ht5kohgfa] .mud-theme-dark .kpi-card,
[b-6ht5kohgfa] .mud-theme-dark .filters-surface,
[b-6ht5kohgfa] .mud-theme-dark .catalog-panel,
[b-6ht5kohgfa] .mud-theme-dark .catalog-mobile-card,
[b-6ht5kohgfa] .mud-theme-dark .catalog-table {
    border-color: rgba(205, 220, 240, 0.14);
    background: linear-gradient(180deg, rgba(28, 40, 55, 0.9) 0%, rgba(24, 34, 46, 0.9) 100%);
}

@media (max-width: 959px) {
    .catalog-shell[b-6ht5kohgfa] {
        padding: 0 10px 16px;
    }

    .kpi-row[b-6ht5kohgfa] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    [b-6ht5kohgfa] .header-title {
        font-size: 1.55rem;
    }

    [b-6ht5kohgfa] .filter-status {
        width: 100%;
        flex: 1 1 170px;
    }

    [b-6ht5kohgfa] .advanced-actions {
        justify-content: stretch !important;
    }

    [b-6ht5kohgfa] .advanced-actions .mud-button-root {
        flex: 1 1 auto;
    }

    [b-6ht5kohgfa] .advanced-flag-box {
        min-height: auto;
    }
}

@media (min-width: 960px) and (max-width: 1240px) {
    .kpi-row[b-6ht5kohgfa] {
        grid-template-columns: repeat(5, minmax(150px, 1fr));
    }
}
/* /Components/Pages/Clientes/PersonasGestor/DialogPersonaGestor.razor.rz.scp.css */
.instgestor-title[b-y5ftu1wuq5] {
    border-bottom: 1px solid rgba(19, 59, 91, 0.12);
}

.instgestor-icon-bg[b-y5ftu1wuq5] {
    width: 54px;
    height: 54px;
    border-radius: 14px;
    display: grid;
    place-items: center;
    background: linear-gradient(140deg, rgba(33, 110, 184, 0.14), rgba(41, 145, 197, 0.08));
    border: 1px solid rgba(24, 87, 145, 0.2);
}

.instgestor-subtitle[b-y5ftu1wuq5] {
    color: rgba(24, 56, 83, 0.74);
}

[b-y5ftu1wuq5] .instgestor-tabs .mud-tabs-toolbar {
    border-bottom: 1px solid rgba(19, 59, 91, 0.12);
}

[b-y5ftu1wuq5] .instgestor-section {
    border-radius: 12px;
    border: 1px solid rgba(19, 59, 91, 0.14);
    background: linear-gradient(180deg, #ffffff 0%, #f9fbff 100%);
}
/* /Components/Pages/Clientes/PersonasGestor/PersonasGestor.razor.rz.scp.css */
.catalog-shell[b-zux0k5loei] {
    max-width: 1240px;
    margin: 0 auto;
    padding: 0 14px 20px;
}

.catalog-section[b-zux0k5loei] {
    margin-bottom: 14px;
}

.kpi-row[b-zux0k5loei] {
    display: grid;
    grid-template-columns: repeat(5, minmax(0, 1fr));
    gap: 10px;
}

[b-zux0k5loei] .header-surface {
    border-radius: 14px;
    border: 1px solid rgba(26, 68, 104, 0.16);
    background:
        radial-gradient(circle at 9% 16%, rgba(80, 156, 210, 0.16), transparent 34%),
        radial-gradient(circle at 86% 30%, rgba(129, 198, 157, 0.13), transparent 30%),
        linear-gradient(120deg, #f9fcff 0%, #f4f9ff 52%, #f7fcfb 100%);
}

[b-zux0k5loei] .header-title {
    color: #12395c;
    font-weight: 700;
}

[b-zux0k5loei] .header-subtitle {
    color: rgba(18, 57, 92, 0.78);
}

[b-zux0k5loei] .kpi-card {
    border-radius: 12px;
    border: 1px solid rgba(19, 59, 91, 0.12);
    padding: 14px;
    transition: transform 0.16s ease, box-shadow 0.16s ease;
    background: linear-gradient(145deg, #f8fbff 0%, #ffffff 100%);
}

[b-zux0k5loei] .kpi-card:hover {
    transform: translateY(-1px);
    box-shadow: 0 10px 18px rgba(13, 42, 67, 0.08);
}

[b-zux0k5loei] .kpi-clickable {
    cursor: pointer;
}

[b-zux0k5loei] .kpi-active {
    border-color: rgba(18, 57, 92, 0.38);
    box-shadow: 0 0 0 2px rgba(18, 57, 92, 0.12), 0 10px 20px rgba(13, 42, 67, 0.1);
}

[b-zux0k5loei] .kpi-total {
    background: linear-gradient(145deg, #f1f7ff 0%, #f8fbff 100%);
}

[b-zux0k5loei] .kpi-number {
    font-weight: 800;
    color: #143955;
    line-height: 1.1;
}

[b-zux0k5loei] .kpi-text {
    color: rgba(20, 57, 85, 0.74);
}

[b-zux0k5loei] .filters-surface {
    border-radius: 12px;
    border: 1px solid rgba(19, 59, 91, 0.1);
    background: linear-gradient(180deg, #ffffff 0%, #fbfdff 100%);
}

[b-zux0k5loei] .filters-toolbar {
    gap: 10px;
    flex-wrap: wrap;
}

[b-zux0k5loei] .filter-search {
    flex: 1 1 360px;
}

[b-zux0k5loei] .filter-status {
    width: 170px;
}

.catalog-panel[b-zux0k5loei] {
    border-radius: 14px;
    border: 1px solid rgba(19, 59, 91, 0.1);
    background: linear-gradient(180deg, #ffffff 0%, #fcfdff 100%);
    padding: 12px;
}

.state-wrap[b-zux0k5loei] {
    padding: 6px 4px 10px;
}

.empty-state[b-zux0k5loei] {
    border-radius: 12px;
    text-align: center;
    border: 1px dashed rgba(19, 59, 91, 0.2);
    background: linear-gradient(180deg, rgba(240, 248, 255, 0.7) 0%, rgba(250, 252, 255, 0.95) 100%);
}

.pager-wrap[b-zux0k5loei] {
    gap: 10px;
    flex-wrap: wrap;
    padding: 2px 4px 0;
}

.page-size-select[b-zux0k5loei] {
    width: 90px;
}

[b-zux0k5loei] .catalog-table {
    border-radius: 12px;
    border: 1px solid rgba(19, 59, 91, 0.1);
    overflow: hidden;
}

[b-zux0k5loei] .catalog-table .mud-table-cell {
    padding-top: 11px;
    padding-bottom: 11px;
    border-bottom: 1px solid rgba(17, 52, 81, 0.08);
    vertical-align: middle;
}

[b-zux0k5loei] .catalog-table .mud-table-head .mud-table-cell {
    font-size: 0.78rem;
    font-weight: 700;
    letter-spacing: 0.04em;
    color: rgba(22, 54, 80, 0.8);
    text-transform: uppercase;
}

@media (max-width: 959px) {
    .catalog-shell[b-zux0k5loei] {
        padding: 0 10px 16px;
    }

    .kpi-row[b-zux0k5loei] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    [b-zux0k5loei] .filter-status {
        width: 100%;
        flex: 1 1 170px;
    }
}
/* /Components/Pages/Cursos/AjustesContenidos/Areas.razor.rz.scp.css */
.catalog-shell[b-r48jvi1xow] {
    max-width: 1200px;
    margin: 0 auto;
    padding: 0 14px 20px;
}

.catalog-section[b-r48jvi1xow] {
    margin-bottom: 14px;
}

[b-r48jvi1xow] .header-surface {
    border-radius: 14px;
    border: 1px solid rgba(26, 68, 104, 0.16);
    background:
        radial-gradient(circle at 9% 16%, rgba(80, 156, 210, 0.16), transparent 34%),
        radial-gradient(circle at 86% 30%, rgba(129, 198, 157, 0.13), transparent 30%),
        linear-gradient(120deg, #f9fcff 0%, #f4f9ff 52%, #f7fcfb 100%);
}

[b-r48jvi1xow] .header-title {
    color: #12395c;
    font-weight: 700;
    letter-spacing: 0.01em;
}

[b-r48jvi1xow] .header-subtitle {
    color: rgba(18, 57, 92, 0.78);
}

[b-r48jvi1xow] .kpi-card {
    border-radius: 12px;
    border: 1px solid rgba(19, 59, 91, 0.12);
    padding: 14px;
    cursor: pointer;
    transition: all .15s ease-in-out;
}

[b-r48jvi1xow] .kpi-card:hover {
    transform: translateY(-1px);
    box-shadow: 0 4px 10px rgba(18, 57, 92, 0.12);
}

[b-r48jvi1xow] .kpi-card-active {
    border-color: rgba(18, 57, 92, 0.45);
    box-shadow: inset 0 0 0 1px rgba(18, 57, 92, 0.2);
}

[b-r48jvi1xow] .kpi-total {
    background: linear-gradient(145deg, #f1f7ff 0%, #f8fbff 100%);
}

[b-r48jvi1xow] .kpi-active {
    background: linear-gradient(145deg, #f0fcf5 0%, #f8fdf9 100%);
}

[b-r48jvi1xow] .kpi-inactive {
    background: linear-gradient(145deg, #f7f8fb 0%, #fcfcfe 100%);
}

[b-r48jvi1xow] .kpi-number {
    font-weight: 800;
    color: #143955;
    line-height: 1.1;
}

[b-r48jvi1xow] .kpi-icon-wrap {
    width: 36px;
    height: 36px;
    border-radius: 999px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border: 1px solid;
}

[b-r48jvi1xow] .kpi-icon-total {
    color: #1f66a5;
    border-color: rgba(31, 102, 165, 0.35);
    background: rgba(31, 102, 165, 0.08);
}

[b-r48jvi1xow] .kpi-icon-activo {
    color: #2a8f4a;
    border-color: rgba(42, 143, 74, 0.35);
    background: rgba(42, 143, 74, 0.08);
}

[b-r48jvi1xow] .kpi-icon-inactivo {
    color: #bb7a0c;
    border-color: rgba(187, 122, 12, 0.35);
    background: rgba(187, 122, 12, 0.08);
}

[b-r48jvi1xow] .kpi-icon-eliminado {
    color: #b23a3a;
    border-color: rgba(178, 58, 58, 0.35);
    background: rgba(178, 58, 58, 0.08);
}

[b-r48jvi1xow] .kpi-text {
    color: rgba(20, 57, 85, 0.74);
}

[b-r48jvi1xow] .filters-surface {
    border-radius: 12px;
    border: 1px solid rgba(19, 59, 91, 0.1);
    background: linear-gradient(180deg, #ffffff 0%, #fbfdff 100%);
}

[b-r48jvi1xow] .filters-toolbar {
    gap: 10px;
    flex-wrap: wrap;
}

[b-r48jvi1xow] .filter-search {
    flex: 1 1 320px;
}

[b-r48jvi1xow] .filter-status {
    width: 210px;
}

.catalog-panel[b-r48jvi1xow] {
    border-radius: 14px;
    border: 1px solid rgba(19, 59, 91, 0.1);
    background: linear-gradient(180deg, #ffffff 0%, #fcfdff 100%);
    padding: 12px;
}

.grid-scroll[b-r48jvi1xow] {
    overflow-x: auto;
}

[b-r48jvi1xow] .catalog-grid {
    min-width: 1300px;
}

.state-wrap[b-r48jvi1xow] {
    padding: 6px 4px 10px;
}

.empty-state[b-r48jvi1xow] {
    border-radius: 12px;
    text-align: center;
    border: 1px dashed rgba(19, 59, 91, 0.2);
    background: linear-gradient(180deg, rgba(240, 248, 255, 0.7) 0%, rgba(250, 252, 255, 0.95) 100%);
}

.empty-icon[b-r48jvi1xow] {
    color: #426f97;
}

.empty-title[b-r48jvi1xow] {
    font-weight: 700;
    color: #173f61;
}

.empty-subtitle[b-r48jvi1xow] {
    color: rgba(24, 56, 83, 0.72);
}

[b-r48jvi1xow] .catalog-grid .mud-table-cell {
    padding-top: 10px;
    padding-bottom: 10px;
    border-bottom: 1px solid rgba(17, 52, 81, 0.08);
    vertical-align: middle;
}

[b-r48jvi1xow] .catalog-grid .mud-table-head .mud-table-cell {
    font-size: 0.78rem;
    font-weight: 700;
    letter-spacing: 0.04em;
    color: rgba(22, 54, 80, 0.8);
    text-transform: uppercase;
}

[b-r48jvi1xow] .action-cell {
    text-align: center;
}

[b-r48jvi1xow] .catalog-mobile-card {
    border-radius: 12px;
    border: 1px solid rgba(19, 59, 91, 0.11);
    background: linear-gradient(180deg, #ffffff 0%, #f9fbff 100%);
}

[b-r48jvi1xow] .primary-name {
    font-weight: 700;
    font-size: 0.96rem;
    color: #163d5f;
}

[b-r48jvi1xow] .secondary-notes {
    color: rgba(24, 56, 83, 0.74);
    font-size: 0.86rem;
}

.pager-wrap[b-r48jvi1xow] {
    gap: 10px;
    flex-wrap: wrap;
    padding: 2px 4px 0;
}

.pager-caption[b-r48jvi1xow] {
    color: rgba(24, 56, 83, 0.68);
}

@media (max-width: 959px) {
    .catalog-shell[b-r48jvi1xow] {
        padding: 0 10px 16px;
    }
}

[b-r48jvi1xow] tr.catalog-row-even td {
    background-color: #ffffff !important;
}

[b-r48jvi1xow] tr.catalog-row-odd td {
    background-color: #f6f8fb !important;
}

[b-r48jvi1xow] tr.catalog-row-inactive td {
    background-color: #fffaf0 !important;
}

[b-r48jvi1xow] tr.catalog-row-deleted td {
    background-color: #fff1f1 !important;
}

[b-r48jvi1xow] .mud-table-row:hover td {
    background-color: #eef5ff !important;
}
/* /Components/Pages/Cursos/AjustesContenidos/CaeDialogBibliotecaCatalogo.razor.rz.scp.css */
[b-fntr00cqwe] .caecat-dialog .mud-dialog-content {
    padding: 0 !important;
    overflow: hidden;
}

[b-fntr00cqwe] .caecat-dialog .mud-dialog-actions {
    padding: 0 18px 14px !important;
    border-top: 1px solid rgba(19, 59, 91, 0.10);
    background: linear-gradient(180deg, #f7fbff 0%, #f3f8ff 100%);
}

.caecat-wrap[b-fntr00cqwe] { display: flex; flex-direction: column; }

.caecat-header[b-fntr00cqwe] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 12px;
    padding: 18px 20px 14px;
    background:
        radial-gradient(circle at 6% 30%, rgba(80, 146, 200, 0.11), transparent 38%),
        linear-gradient(120deg, #f5f9ff 0%, #eef5ff 55%, #f4f9ff 100%);
    border-bottom: 1px solid rgba(26, 68, 104, 0.12);
}

.caecat-header-left[b-fntr00cqwe] { display: flex; align-items: flex-start; gap: 12px; }

.caecat-header-icon-wrap[b-fntr00cqwe] {
    flex-shrink: 0;
    width: 40px;
    height: 40px;
    min-width: 40px;
    border-radius: 11px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: linear-gradient(135deg, #1a5c8a 0%, #1a7abf 100%);
    box-shadow: 0 4px 10px rgba(26, 92, 138, 0.26);
    margin-top: 2px;
}

.caecat-header-icon[b-fntr00cqwe] { color: #ffffff !important; font-size: 1.2rem !important; }

.caecat-header-text[b-fntr00cqwe] { display: flex; flex-direction: column; gap: 2px; }

.caecat-header-badge[b-fntr00cqwe] {
    display: inline-block;
    font-size: 0.67rem;
    font-weight: 700;
    letter-spacing: 0.09em;
    text-transform: uppercase;
    color: #1a5c8a;
    background: rgba(26, 92, 138, 0.10);
    border: 1px solid rgba(26, 92, 138, 0.22);
    border-radius: 20px;
    padding: 1px 8px;
    width: fit-content;
}

.caecat-header-title[b-fntr00cqwe] { font-weight: 800 !important; color: #0e3456 !important; font-size: 1rem !important; line-height: 1.2; }
.caecat-header-subtitle[b-fntr00cqwe] { color: rgba(14, 52, 86, 0.65) !important; font-size: 0.83rem !important; }

[b-fntr00cqwe] .caecat-header-count { font-size: 0.74rem !important; font-weight: 600 !important; flex-shrink: 0; }

.caecat-form-panel[b-fntr00cqwe] {
    padding: 12px 20px 14px;
    border-bottom: 1px solid rgba(19, 59, 91, 0.09);
    border-left: 3px solid transparent;
    background: #ffffff;
    transition: background 0.15s ease, border-left 0.15s ease;
}

.caecat-form-panel.caecat-form-editing[b-fntr00cqwe] {
    background: linear-gradient(180deg, #fffef6 0%, #fffdf0 100%);
    border-left: 3px solid #e0a020;
}

.caecat-form-mode-bar[b-fntr00cqwe] {
    display: flex;
    align-items: center;
    gap: 6px;
    margin-bottom: 10px;
    min-height: 18px;
}

.caecat-mode-icon-new[b-fntr00cqwe] { color: #1a5c8a !important; }
.caecat-mode-icon-edit[b-fntr00cqwe] { color: #c07900 !important; }
.caecat-mode-label-new[b-fntr00cqwe] { color: rgba(14, 52, 86, 0.65) !important; font-size: 0.77rem !important; }
.caecat-mode-label-edit[b-fntr00cqwe] { color: #8a5c00 !important; font-size: 0.77rem !important; }
.caecat-mode-label-edit strong[b-fntr00cqwe] { font-weight: 700; color: #7a4e00; }

.caecat-form-row[b-fntr00cqwe] {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 10px;
}

.caecat-form-nombre[b-fntr00cqwe] { flex: 1; min-width: 160px; }
.caecat-form-activo[b-fntr00cqwe] { flex-shrink: 0; }
.caecat-form-btns[b-fntr00cqwe] { display: flex; align-items: center; gap: 6px; flex-shrink: 0; }

.caecat-filters[b-fntr00cqwe] {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-end;
    gap: 8px;
    padding: 10px 20px;
    background: linear-gradient(180deg, #f4f8fe 0%, #f0f6ff 100%);
    border-bottom: 1px solid rgba(19, 59, 91, 0.09);
}

.caecat-filter-search[b-fntr00cqwe] { flex: 1; min-width: 140px; }
.caecat-filter-btns[b-fntr00cqwe] { display: flex; gap: 6px; flex-shrink: 0; }

.caecat-table-area[b-fntr00cqwe] { padding: 12px 20px 6px; background: #ffffff; }

.caecat-skeletons[b-fntr00cqwe] { padding: 4px 0; }
.caecat-skeleton-row[b-fntr00cqwe] { border-radius: 7px !important; }

.caecat-state-box[b-fntr00cqwe] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    min-height: 120px;
    padding: 18px;
    text-align: center;
}

.caecat-empty[b-fntr00cqwe] {
    border-radius: 9px;
    border: 1px dashed rgba(26, 92, 138, 0.22);
    background: rgba(240, 248, 255, 0.50);
}

.caecat-empty-icon[b-fntr00cqwe] { color: rgba(26, 92, 138, 0.38) !important; margin-bottom: 8px; }
.caecat-empty-title[b-fntr00cqwe] { font-weight: 700 !important; color: #0e3456 !important; margin-bottom: 4px; }
.caecat-empty-sub[b-fntr00cqwe] { color: rgba(14, 52, 86, 0.65) !important; font-size: 0.84rem !important; }

[b-fntr00cqwe] .caecat-table {
    border-radius: 9px;
    border: 1px solid rgba(19, 59, 91, 0.09) !important;
    overflow: hidden;
}

[b-fntr00cqwe] .caecat-table .mud-table-head .mud-table-cell {
    font-size: 0.71rem;
    font-weight: 700;
    letter-spacing: 0.05em;
    text-transform: uppercase;
    color: rgba(14, 52, 86, 0.70);
    background: linear-gradient(180deg, #f3f8ff 0%, #edf4ff 100%) !important;
    border-bottom: 2px solid rgba(26, 92, 138, 0.13) !important;
    padding-top: 10px;
    padding-bottom: 10px;
}

[b-fntr00cqwe] .caecat-table .mud-table-cell {
    padding-top: 9px;
    padding-bottom: 9px;
    border-bottom: 1px solid rgba(17, 52, 81, 0.07) !important;
    vertical-align: middle;
}

[b-fntr00cqwe] .caecat-table .mud-table-container table tbody tr:nth-child(even) {
    background-color: rgba(240, 248, 255, 0.40);
}

[b-fntr00cqwe] .caecat-table .mud-table-container table tbody tr { transition: background-color 0.11s ease; }
[b-fntr00cqwe] .caecat-table .mud-table-container table tbody tr:hover { background-color: rgba(26, 92, 138, 0.055) !important; }

[b-fntr00cqwe] .caecat-cell-name { font-weight: 600 !important; color: #0e3456 !important; font-size: 0.89rem !important; }
[b-fntr00cqwe] .caecat-status-chip { font-weight: 600 !important; font-size: 0.72rem !important; height: 21px !important; }
[b-fntr00cqwe] .caecat-row-action { border-radius: 7px !important; }
[b-fntr00cqwe] .caecat-row-action:hover { background-color: rgba(26, 92, 138, 0.08) !important; }
[b-fntr00cqwe] .caecat-select-btn { border-radius: 7px !important; width: 28px !important; height: 28px !important; }

.caecat-footer[b-fntr00cqwe] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    gap: 12px;
}

.caecat-footer-label[b-fntr00cqwe] { color: rgba(14, 52, 86, 0.55) !important; font-size: 0.77rem !important; }

@media (max-width: 600px) {
    .caecat-header[b-fntr00cqwe] { padding: 14px 16px 12px; }
    .caecat-form-panel[b-fntr00cqwe] { padding: 10px 16px 12px; }
    .caecat-filters[b-fntr00cqwe] { padding: 9px 16px; }
    .caecat-table-area[b-fntr00cqwe] { padding: 10px 16px 6px; }
    .caecat-form-row[b-fntr00cqwe] { flex-direction: column; align-items: flex-start; }
    .caecat-form-nombre[b-fntr00cqwe] { width: 100%; }
    .caecat-form-btns[b-fntr00cqwe] { align-self: flex-end; }
}
/* /Components/Pages/Cursos/AjustesContenidos/CatalogosDestinoPanel.razor.rz.scp.css */
/*
   CSS scoped al panel "Catálogos destino".
   Espejo intencional de Programas.razor.css para garantizar paridad visual:
   Blazor scoped CSS añade el atributo b-xxxxx solo a los elementos renderizados
   por el componente dueño del .razor.css. Las reglas no-::deep de Programas.razor.css
   no alcanzan los elementos rendidos por este componente hijo (tienen otro b-yyyyy).
   Por eso se duplican aquí en lugar de moverlas a CSS global.
*/

.catalog-shell[b-lcazbyweoq] {
    max-width: 1200px;
    margin: 0 auto;
    padding: 0 14px 20px;
}

.catalog-section[b-lcazbyweoq] {
    margin-bottom: 14px;
}

[b-lcazbyweoq] .header-surface {
    border-radius: 14px;
    border: 1px solid rgba(26, 68, 104, 0.16);
    background:
        radial-gradient(circle at 9% 16%, rgba(80, 156, 210, 0.16), transparent 34%),
        radial-gradient(circle at 86% 30%, rgba(129, 198, 157, 0.13), transparent 30%),
        linear-gradient(120deg, #f9fcff 0%, #f4f9ff 52%, #f7fcfb 100%);
}

[b-lcazbyweoq] .header-title {
    color: #12395c;
    font-weight: 700;
    letter-spacing: 0.01em;
}

[b-lcazbyweoq] .header-subtitle {
    color: rgba(18, 57, 92, 0.78);
}

[b-lcazbyweoq] .kpi-card {
    border-radius: 12px;
    border: 1px solid rgba(19, 59, 91, 0.12);
    padding: 14px;
    cursor: pointer;
    transition: all .15s ease-in-out;
}

[b-lcazbyweoq] .kpi-card:hover {
    transform: translateY(-1px);
    box-shadow: 0 4px 10px rgba(18, 57, 92, 0.12);
}

[b-lcazbyweoq] .kpi-card-active {
    border-color: rgba(18, 57, 92, 0.45);
    box-shadow: inset 0 0 0 1px rgba(18, 57, 92, 0.2);
}

[b-lcazbyweoq] .kpi-number {
    font-weight: 800;
    color: #143955;
    line-height: 1.1;
}

[b-lcazbyweoq] .kpi-icon-wrap {
    width: 36px;
    height: 36px;
    border-radius: 999px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border: 1px solid;
}

[b-lcazbyweoq] .kpi-icon-total {
    color: #1f66a5;
    border-color: rgba(31, 102, 165, 0.35);
    background: rgba(31, 102, 165, 0.08);
}

[b-lcazbyweoq] .kpi-icon-activo {
    color: #2a8f4a;
    border-color: rgba(42, 143, 74, 0.35);
    background: rgba(42, 143, 74, 0.08);
}

[b-lcazbyweoq] .kpi-icon-inactivo {
    color: #bb7a0c;
    border-color: rgba(187, 122, 12, 0.35);
    background: rgba(187, 122, 12, 0.08);
}

[b-lcazbyweoq] .kpi-icon-eliminado {
    color: #b23a3a;
    border-color: rgba(178, 58, 58, 0.35);
    background: rgba(178, 58, 58, 0.08);
}

[b-lcazbyweoq] .filters-surface {
    border-radius: 12px;
    border: 1px solid rgba(19, 59, 91, 0.1);
    background: linear-gradient(180deg, #ffffff 0%, #fbfdff 100%);
}

[b-lcazbyweoq] .filters-toolbar {
    gap: 10px;
    flex-wrap: wrap;
}

[b-lcazbyweoq] .filter-search {
    flex: 1 1 320px;
}

.catalog-panel[b-lcazbyweoq] {
    border-radius: 14px;
    border: 1px solid rgba(19, 59, 91, 0.1);
    background: linear-gradient(180deg, #ffffff 0%, #fcfdff 100%);
    padding: 12px;
}

[b-lcazbyweoq] .catalog-grid {
    min-width: 1300px;
}

.empty-state[b-lcazbyweoq] {
    border-radius: 12px;
    text-align: center;
    border: 1px dashed rgba(19, 59, 91, 0.2);
    background: linear-gradient(180deg, rgba(240, 248, 255, 0.7) 0%, rgba(250, 252, 255, 0.95) 100%);
}

[b-lcazbyweoq] .catalog-grid .mud-table-cell {
    padding-top: 10px;
    padding-bottom: 10px;
    border-bottom: 1px solid rgba(17, 52, 81, 0.08);
    vertical-align: middle;
}

[b-lcazbyweoq] .catalog-grid .mud-table-head .mud-table-cell {
    font-size: 0.78rem;
    font-weight: 700;
    letter-spacing: 0.04em;
    color: rgba(22, 54, 80, 0.8);
    text-transform: uppercase;
}

[b-lcazbyweoq] .catalog-mobile-card {
    border-radius: 12px;
    border: 1px solid rgba(19, 59, 91, 0.11);
    background: linear-gradient(180deg, #ffffff 0%, #f9fbff 100%);
}

@media (max-width: 959px) {
    .catalog-shell[b-lcazbyweoq] {
        padding: 0 10px 16px;
    }
}

[b-lcazbyweoq] tr.catalog-row-even td {
    background-color: #ffffff !important;
}

[b-lcazbyweoq] tr.catalog-row-odd td {
    background-color: #f6f8fb !important;
}

[b-lcazbyweoq] tr.catalog-row-inactive td {
    background-color: #fffaf0 !important;
}

[b-lcazbyweoq] .mud-table-row:hover td {
    background-color: #eef5ff !important;
}
/* /Components/Pages/Cursos/AjustesContenidos/Competencias.razor.rz.scp.css */
.catalog-shell[b-pmi2cepkmp] {
    max-width: 1200px;
    margin: 0 auto;
    padding: 0 14px 20px;
}

.catalog-section[b-pmi2cepkmp] {
    margin-bottom: 14px;
}

[b-pmi2cepkmp] .header-surface {
    border-radius: 14px;
    border: 1px solid rgba(26, 68, 104, 0.16);
    background:
        radial-gradient(circle at 9% 16%, rgba(80, 156, 210, 0.16), transparent 34%),
        radial-gradient(circle at 86% 30%, rgba(129, 198, 157, 0.13), transparent 30%),
        linear-gradient(120deg, #f9fcff 0%, #f4f9ff 52%, #f7fcfb 100%);
}

[b-pmi2cepkmp] .header-title {
    color: #12395c;
    font-weight: 700;
    letter-spacing: 0.01em;
}

[b-pmi2cepkmp] .header-subtitle {
    color: rgba(18, 57, 92, 0.78);
}

[b-pmi2cepkmp] .kpi-card {
    border-radius: 12px;
    border: 1px solid rgba(19, 59, 91, 0.12);
    padding: 14px;
    cursor: pointer;
    transition: all .15s ease-in-out;
}

[b-pmi2cepkmp] .kpi-card:hover {
    transform: translateY(-1px);
    box-shadow: 0 4px 10px rgba(18, 57, 92, 0.12);
}

[b-pmi2cepkmp] .kpi-card-active {
    border-color: rgba(18, 57, 92, 0.45);
    box-shadow: inset 0 0 0 1px rgba(18, 57, 92, 0.2);
}

[b-pmi2cepkmp] .kpi-total {
    background: linear-gradient(145deg, #f1f7ff 0%, #f8fbff 100%);
}

[b-pmi2cepkmp] .kpi-active {
    background: linear-gradient(145deg, #f0fcf5 0%, #f8fdf9 100%);
}

[b-pmi2cepkmp] .kpi-inactive {
    background: linear-gradient(145deg, #f7f8fb 0%, #fcfcfe 100%);
}

[b-pmi2cepkmp] .kpi-number {
    font-weight: 800;
    color: #143955;
    line-height: 1.1;
}

[b-pmi2cepkmp] .kpi-icon-wrap {
    width: 36px;
    height: 36px;
    border-radius: 999px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border: 1px solid;
}

[b-pmi2cepkmp] .kpi-icon-total {
    color: #1f66a5;
    border-color: rgba(31, 102, 165, 0.35);
    background: rgba(31, 102, 165, 0.08);
}

[b-pmi2cepkmp] .kpi-icon-activo {
    color: #2a8f4a;
    border-color: rgba(42, 143, 74, 0.35);
    background: rgba(42, 143, 74, 0.08);
}

[b-pmi2cepkmp] .kpi-icon-inactivo {
    color: #bb7a0c;
    border-color: rgba(187, 122, 12, 0.35);
    background: rgba(187, 122, 12, 0.08);
}

[b-pmi2cepkmp] .kpi-icon-eliminado {
    color: #b23a3a;
    border-color: rgba(178, 58, 58, 0.35);
    background: rgba(178, 58, 58, 0.08);
}

[b-pmi2cepkmp] .kpi-text {
    color: rgba(20, 57, 85, 0.74);
}

[b-pmi2cepkmp] .filters-surface {
    border-radius: 12px;
    border: 1px solid rgba(19, 59, 91, 0.1);
    background: linear-gradient(180deg, #ffffff 0%, #fbfdff 100%);
}

[b-pmi2cepkmp] .filters-toolbar {
    gap: 10px;
    flex-wrap: wrap;
}

[b-pmi2cepkmp] .filter-search {
    flex: 1 1 320px;
}

[b-pmi2cepkmp] .filter-status {
    width: 210px;
}

.catalog-panel[b-pmi2cepkmp] {
    border-radius: 14px;
    border: 1px solid rgba(19, 59, 91, 0.1);
    background: linear-gradient(180deg, #ffffff 0%, #fcfdff 100%);
    padding: 12px;
}

.grid-scroll[b-pmi2cepkmp] {
    overflow-x: auto;
}

[b-pmi2cepkmp] .catalog-grid {
    min-width: 1300px;
}

.state-wrap[b-pmi2cepkmp] {
    padding: 6px 4px 10px;
}

.empty-state[b-pmi2cepkmp] {
    border-radius: 12px;
    text-align: center;
    border: 1px dashed rgba(19, 59, 91, 0.2);
    background: linear-gradient(180deg, rgba(240, 248, 255, 0.7) 0%, rgba(250, 252, 255, 0.95) 100%);
}

.empty-icon[b-pmi2cepkmp] {
    color: #426f97;
}

.empty-title[b-pmi2cepkmp] {
    font-weight: 700;
    color: #173f61;
}

.empty-subtitle[b-pmi2cepkmp] {
    color: rgba(24, 56, 83, 0.72);
}

[b-pmi2cepkmp] .catalog-grid .mud-table-cell {
    padding-top: 10px;
    padding-bottom: 10px;
    border-bottom: 1px solid rgba(17, 52, 81, 0.08);
    vertical-align: middle;
}

[b-pmi2cepkmp] .catalog-grid .mud-table-head .mud-table-cell {
    font-size: 0.78rem;
    font-weight: 700;
    letter-spacing: 0.04em;
    color: rgba(22, 54, 80, 0.8);
    text-transform: uppercase;
}

[b-pmi2cepkmp] .action-cell {
    text-align: center;
}

[b-pmi2cepkmp] .catalog-mobile-card {
    border-radius: 12px;
    border: 1px solid rgba(19, 59, 91, 0.11);
    background: linear-gradient(180deg, #ffffff 0%, #f9fbff 100%);
}

[b-pmi2cepkmp] .primary-name {
    font-weight: 700;
    font-size: 0.96rem;
    color: #163d5f;
}

[b-pmi2cepkmp] .secondary-notes {
    color: rgba(24, 56, 83, 0.74);
    font-size: 0.86rem;
}

.pager-wrap[b-pmi2cepkmp] {
    gap: 10px;
    flex-wrap: wrap;
    padding: 2px 4px 0;
}

.pager-caption[b-pmi2cepkmp] {
    color: rgba(24, 56, 83, 0.68);
}

@media (max-width: 959px) {
    .catalog-shell[b-pmi2cepkmp] {
        padding: 0 10px 16px;
    }
}

[b-pmi2cepkmp] tr.catalog-row-even td {
    background-color: #ffffff !important;
}

[b-pmi2cepkmp] tr.catalog-row-odd td {
    background-color: #f6f8fb !important;
}

[b-pmi2cepkmp] tr.catalog-row-inactive td {
    background-color: #fffaf0 !important;
}

[b-pmi2cepkmp] tr.catalog-row-deleted td {
    background-color: #fff1f1 !important;
}

[b-pmi2cepkmp] .mud-table-row:hover td {
    background-color: #eef5ff !important;
}
/* /Components/Pages/Cursos/AjustesContenidos/DialogImportarOfertaEducativaExcel.razor.rz.scp.css */
.preview-grid-shell[b-dmqzmbgaws] {
    max-height: 58vh;
    overflow: auto;
}

[b-dmqzmbgaws] .filter-select {
    min-width: 210px;
}

[b-dmqzmbgaws] .preview-grid {
    min-width: 1500px;
}

[b-dmqzmbgaws] .preview-grid .mud-table-root {
    border: 1px solid rgba(18, 57, 92, 0.12);
}

[b-dmqzmbgaws] .preview-grid .mud-table-head .mud-table-cell {
    position: sticky;
    top: 0;
    z-index: 2;
    background: #f2f6fb;
    font-size: 0.74rem;
    letter-spacing: 0.04em;
    text-transform: uppercase;
    color: rgba(18, 57, 92, 0.82);
}

[b-dmqzmbgaws] .preview-grid .mud-table-body .mud-table-row:nth-child(odd) {
    background: rgba(17, 52, 82, 0.02);
}

[b-dmqzmbgaws] .preview-grid .mud-table-body .mud-table-row:nth-child(even) {
    background: #fff;
}

[b-dmqzmbgaws] .preview-grid .mud-table-cell {
    padding-top: 8px;
    padding-bottom: 8px;
    border-bottom: 1px solid rgba(17, 52, 82, 0.08);
}

[b-dmqzmbgaws] .preview-row-error {
    background: rgba(220, 53, 69, 0.08) !important;
}

[b-dmqzmbgaws] tr.preview-row-odd td {
    background-color: #f6f8fb !important;
}

[b-dmqzmbgaws] tr.preview-row-even td {
    background-color: #ffffff !important;
}

[b-dmqzmbgaws] tr.preview-row-error td {
    background-color: #fff1f1 !important;
    border-left: 3px solid #d9534f;
}

[b-dmqzmbgaws] .preview-grid .mud-table-body .mud-table-row:hover td {
    background-color: #eef5ff !important;
}
/* /Components/Pages/Cursos/AjustesContenidos/Especialidades.razor.rz.scp.css */
.catalog-shell[b-vo6150je3w] {
    max-width: 1200px;
    margin: 0 auto;
    padding: 0 14px 20px;
}

.catalog-section[b-vo6150je3w] {
    margin-bottom: 14px;
}

[b-vo6150je3w] .header-surface {
    border-radius: 14px;
    border: 1px solid rgba(26, 68, 104, 0.16);
    background:
        radial-gradient(circle at 9% 16%, rgba(80, 156, 210, 0.16), transparent 34%),
        radial-gradient(circle at 86% 30%, rgba(129, 198, 157, 0.13), transparent 30%),
        linear-gradient(120deg, #f9fcff 0%, #f4f9ff 52%, #f7fcfb 100%);
}

[b-vo6150je3w] .header-title {
    color: #12395c;
    font-weight: 700;
    letter-spacing: 0.01em;
}

[b-vo6150je3w] .header-subtitle {
    color: rgba(18, 57, 92, 0.78);
}

[b-vo6150je3w] .kpi-card {
    border-radius: 12px;
    border: 1px solid rgba(19, 59, 91, 0.12);
    padding: 14px;
    cursor: pointer;
    transition: all .15s ease-in-out;
}

[b-vo6150je3w] .kpi-card:hover {
    transform: translateY(-1px);
    box-shadow: 0 4px 10px rgba(18, 57, 92, 0.12);
}

[b-vo6150je3w] .kpi-card-active {
    border-color: rgba(18, 57, 92, 0.45);
    box-shadow: inset 0 0 0 1px rgba(18, 57, 92, 0.2);
}

[b-vo6150je3w] .kpi-total {
    background: linear-gradient(145deg, #f1f7ff 0%, #f8fbff 100%);
}

[b-vo6150je3w] .kpi-active {
    background: linear-gradient(145deg, #f0fcf5 0%, #f8fdf9 100%);
}

[b-vo6150je3w] .kpi-inactive {
    background: linear-gradient(145deg, #f7f8fb 0%, #fcfcfe 100%);
}

[b-vo6150je3w] .kpi-number {
    font-weight: 800;
    color: #143955;
    line-height: 1.1;
}

[b-vo6150je3w] .kpi-icon-wrap {
    width: 36px;
    height: 36px;
    border-radius: 999px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border: 1px solid;
}

[b-vo6150je3w] .kpi-icon-total {
    color: #1f66a5;
    border-color: rgba(31, 102, 165, 0.35);
    background: rgba(31, 102, 165, 0.08);
}

[b-vo6150je3w] .kpi-icon-activo {
    color: #2a8f4a;
    border-color: rgba(42, 143, 74, 0.35);
    background: rgba(42, 143, 74, 0.08);
}

[b-vo6150je3w] .kpi-icon-inactivo {
    color: #bb7a0c;
    border-color: rgba(187, 122, 12, 0.35);
    background: rgba(187, 122, 12, 0.08);
}

[b-vo6150je3w] .kpi-icon-eliminado {
    color: #b23a3a;
    border-color: rgba(178, 58, 58, 0.35);
    background: rgba(178, 58, 58, 0.08);
}

[b-vo6150je3w] .kpi-text {
    color: rgba(20, 57, 85, 0.74);
}

[b-vo6150je3w] .filters-surface {
    border-radius: 12px;
    border: 1px solid rgba(19, 59, 91, 0.1);
    background: linear-gradient(180deg, #ffffff 0%, #fbfdff 100%);
}

[b-vo6150je3w] .filters-toolbar {
    gap: 10px;
    flex-wrap: wrap;
}

[b-vo6150je3w] .filter-search {
    flex: 1 1 320px;
}

[b-vo6150je3w] .filter-status {
    width: 210px;
}

.catalog-panel[b-vo6150je3w] {
    border-radius: 14px;
    border: 1px solid rgba(19, 59, 91, 0.1);
    background: linear-gradient(180deg, #ffffff 0%, #fcfdff 100%);
    padding: 12px;
}

.grid-scroll[b-vo6150je3w] {
    overflow-x: auto;
}

[b-vo6150je3w] .catalog-grid {
    min-width: 1300px;
}

.state-wrap[b-vo6150je3w] {
    padding: 6px 4px 10px;
}

.empty-state[b-vo6150je3w] {
    border-radius: 12px;
    text-align: center;
    border: 1px dashed rgba(19, 59, 91, 0.2);
    background: linear-gradient(180deg, rgba(240, 248, 255, 0.7) 0%, rgba(250, 252, 255, 0.95) 100%);
}

.empty-icon[b-vo6150je3w] {
    color: #426f97;
}

.empty-title[b-vo6150je3w] {
    font-weight: 700;
    color: #173f61;
}

.empty-subtitle[b-vo6150je3w] {
    color: rgba(24, 56, 83, 0.72);
}

[b-vo6150je3w] .catalog-grid .mud-table-cell {
    padding-top: 10px;
    padding-bottom: 10px;
    border-bottom: 1px solid rgba(17, 52, 81, 0.08);
    vertical-align: middle;
}

[b-vo6150je3w] .catalog-grid .mud-table-head .mud-table-cell {
    font-size: 0.78rem;
    font-weight: 700;
    letter-spacing: 0.04em;
    color: rgba(22, 54, 80, 0.8);
    text-transform: uppercase;
}

[b-vo6150je3w] .action-cell {
    text-align: center;
}

[b-vo6150je3w] .catalog-mobile-card {
    border-radius: 12px;
    border: 1px solid rgba(19, 59, 91, 0.11);
    background: linear-gradient(180deg, #ffffff 0%, #f9fbff 100%);
}

[b-vo6150je3w] .primary-name {
    font-weight: 700;
    font-size: 0.96rem;
    color: #163d5f;
}

[b-vo6150je3w] .secondary-notes {
    color: rgba(24, 56, 83, 0.74);
    font-size: 0.86rem;
}

.pager-wrap[b-vo6150je3w] {
    gap: 10px;
    flex-wrap: wrap;
    padding: 2px 4px 0;
}

.pager-caption[b-vo6150je3w] {
    color: rgba(24, 56, 83, 0.68);
}

@media (max-width: 959px) {
    .catalog-shell[b-vo6150je3w] {
        padding: 0 10px 16px;
    }
}

[b-vo6150je3w] tr.catalog-row-even td {
    background-color: #ffffff !important;
}

[b-vo6150je3w] tr.catalog-row-odd td {
    background-color: #f6f8fb !important;
}

[b-vo6150je3w] tr.catalog-row-inactive td {
    background-color: #fffaf0 !important;
}

[b-vo6150je3w] tr.catalog-row-deleted td {
    background-color: #fff1f1 !important;
}

[b-vo6150je3w] .mud-table-row:hover td {
    background-color: #eef5ff !important;
}
/* /Components/Pages/Cursos/AjustesContenidos/InstrumentoDeEvaluacion.razor.rz.scp.css */
.catalog-shell[b-1dfeon6smn] {
    max-width: 1200px;
    margin: 0 auto;
    padding: 0 14px 20px;
}

.catalog-section[b-1dfeon6smn] {
    margin-bottom: 14px;
}

[b-1dfeon6smn] .header-surface {
    border-radius: 14px;
    border: 1px solid rgba(26, 68, 104, 0.16);
    background:
        radial-gradient(circle at 9% 16%, rgba(80, 156, 210, 0.16), transparent 34%),
        radial-gradient(circle at 86% 30%, rgba(129, 198, 157, 0.13), transparent 30%),
        linear-gradient(120deg, #f9fcff 0%, #f4f9ff 52%, #f7fcfb 100%);
}

[b-1dfeon6smn] .header-title {
    color: #12395c;
    font-weight: 700;
    letter-spacing: 0.01em;
}

[b-1dfeon6smn] .header-subtitle {
    color: rgba(18, 57, 92, 0.78);
}

[b-1dfeon6smn] .kpi-card {
    border-radius: 12px;
    border: 1px solid rgba(19, 59, 91, 0.12);
    padding: 14px;
    cursor: pointer;
    transition: all .15s ease-in-out;
}

[b-1dfeon6smn] .kpi-card:hover {
    transform: translateY(-1px);
    box-shadow: 0 4px 10px rgba(18, 57, 92, 0.12);
}

[b-1dfeon6smn] .kpi-card-active {
    border-color: rgba(18, 57, 92, 0.45);
    box-shadow: inset 0 0 0 1px rgba(18, 57, 92, 0.2);
}

[b-1dfeon6smn] .kpi-total {
    background: linear-gradient(145deg, #f1f7ff 0%, #f8fbff 100%);
}

[b-1dfeon6smn] .kpi-active {
    background: linear-gradient(145deg, #f0fcf5 0%, #f8fdf9 100%);
}

[b-1dfeon6smn] .kpi-inactive {
    background: linear-gradient(145deg, #f7f8fb 0%, #fcfcfe 100%);
}

[b-1dfeon6smn] .kpi-number {
    font-weight: 800;
    color: #143955;
    line-height: 1.1;
}

[b-1dfeon6smn] .kpi-icon-wrap {
    width: 36px;
    height: 36px;
    border-radius: 999px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border: 1px solid;
}

[b-1dfeon6smn] .kpi-icon-total {
    color: #1f66a5;
    border-color: rgba(31, 102, 165, 0.35);
    background: rgba(31, 102, 165, 0.08);
}

[b-1dfeon6smn] .kpi-icon-activo {
    color: #2a8f4a;
    border-color: rgba(42, 143, 74, 0.35);
    background: rgba(42, 143, 74, 0.08);
}

[b-1dfeon6smn] .kpi-icon-inactivo {
    color: #bb7a0c;
    border-color: rgba(187, 122, 12, 0.35);
    background: rgba(187, 122, 12, 0.08);
}

[b-1dfeon6smn] .kpi-icon-eliminado {
    color: #b23a3a;
    border-color: rgba(178, 58, 58, 0.35);
    background: rgba(178, 58, 58, 0.08);
}

[b-1dfeon6smn] .kpi-text {
    color: rgba(20, 57, 85, 0.74);
}

[b-1dfeon6smn] .filters-surface {
    border-radius: 12px;
    border: 1px solid rgba(19, 59, 91, 0.1);
    background: linear-gradient(180deg, #ffffff 0%, #fbfdff 100%);
}

[b-1dfeon6smn] .filters-toolbar {
    gap: 10px;
    flex-wrap: wrap;
}

[b-1dfeon6smn] .filter-search {
    flex: 1 1 320px;
}

[b-1dfeon6smn] .filter-status {
    width: 210px;
}

.catalog-panel[b-1dfeon6smn] {
    border-radius: 14px;
    border: 1px solid rgba(19, 59, 91, 0.1);
    background: linear-gradient(180deg, #ffffff 0%, #fcfdff 100%);
    padding: 12px;
}

.grid-scroll[b-1dfeon6smn] {
    overflow-x: auto;
}

[b-1dfeon6smn] .catalog-grid {
    min-width: 1300px;
}

.state-wrap[b-1dfeon6smn] {
    padding: 6px 4px 10px;
}

.empty-state[b-1dfeon6smn] {
    border-radius: 12px;
    text-align: center;
    border: 1px dashed rgba(19, 59, 91, 0.2);
    background: linear-gradient(180deg, rgba(240, 248, 255, 0.7) 0%, rgba(250, 252, 255, 0.95) 100%);
}

.empty-icon[b-1dfeon6smn] {
    color: #426f97;
}

.empty-title[b-1dfeon6smn] {
    font-weight: 700;
    color: #173f61;
}

.empty-subtitle[b-1dfeon6smn] {
    color: rgba(24, 56, 83, 0.72);
}

[b-1dfeon6smn] .catalog-grid .mud-table-cell {
    padding-top: 10px;
    padding-bottom: 10px;
    border-bottom: 1px solid rgba(17, 52, 81, 0.08);
    vertical-align: middle;
}

[b-1dfeon6smn] .catalog-grid .mud-table-head .mud-table-cell {
    font-size: 0.78rem;
    font-weight: 700;
    letter-spacing: 0.04em;
    color: rgba(22, 54, 80, 0.8);
    text-transform: uppercase;
}

[b-1dfeon6smn] .action-cell {
    text-align: center;
}

[b-1dfeon6smn] .catalog-mobile-card {
    border-radius: 12px;
    border: 1px solid rgba(19, 59, 91, 0.11);
    background: linear-gradient(180deg, #ffffff 0%, #f9fbff 100%);
}

[b-1dfeon6smn] .primary-name {
    font-weight: 700;
    font-size: 0.96rem;
    color: #163d5f;
}

[b-1dfeon6smn] .secondary-notes {
    color: rgba(24, 56, 83, 0.74);
    font-size: 0.86rem;
}

.pager-wrap[b-1dfeon6smn] {
    gap: 10px;
    flex-wrap: wrap;
    padding: 2px 4px 0;
}

.pager-caption[b-1dfeon6smn] {
    color: rgba(24, 56, 83, 0.68);
}

@media (max-width: 959px) {
    .catalog-shell[b-1dfeon6smn] {
        padding: 0 10px 16px;
    }
}

[b-1dfeon6smn] tr.catalog-row-even td {
    background-color: #ffffff !important;
}

[b-1dfeon6smn] tr.catalog-row-odd td {
    background-color: #f6f8fb !important;
}

[b-1dfeon6smn] tr.catalog-row-inactive td {
    background-color: #fffaf0 !important;
}

[b-1dfeon6smn] tr.catalog-row-deleted td {
    background-color: #fff1f1 !important;
}

[b-1dfeon6smn] .mud-table-row:hover td {
    background-color: #eef5ff !important;
}
/* /Components/Pages/Cursos/AjustesContenidos/Modalidad.razor.rz.scp.css */
.catalog-shell[b-g0cpwprntr] {
    max-width: 1200px;
    margin: 0 auto;
    padding: 0 14px 20px;
}

.catalog-section[b-g0cpwprntr] {
    margin-bottom: 14px;
}

[b-g0cpwprntr] .header-surface {
    border-radius: 14px;
    border: 1px solid rgba(26, 68, 104, 0.16);
    background:
        radial-gradient(circle at 9% 16%, rgba(80, 156, 210, 0.16), transparent 34%),
        radial-gradient(circle at 86% 30%, rgba(129, 198, 157, 0.13), transparent 30%),
        linear-gradient(120deg, #f9fcff 0%, #f4f9ff 52%, #f7fcfb 100%);
}

[b-g0cpwprntr] .header-title {
    color: #12395c;
    font-weight: 700;
    letter-spacing: 0.01em;
}

[b-g0cpwprntr] .header-subtitle {
    color: rgba(18, 57, 92, 0.78);
}

[b-g0cpwprntr] .kpi-card {
    border-radius: 12px;
    border: 1px solid rgba(19, 59, 91, 0.12);
    padding: 14px;
    cursor: pointer;
    transition: all .15s ease-in-out;
}

[b-g0cpwprntr] .kpi-card:hover {
    transform: translateY(-1px);
    box-shadow: 0 4px 10px rgba(18, 57, 92, 0.12);
}

[b-g0cpwprntr] .kpi-card-active {
    border-color: rgba(18, 57, 92, 0.45);
    box-shadow: inset 0 0 0 1px rgba(18, 57, 92, 0.2);
}

[b-g0cpwprntr] .kpi-total {
    background: linear-gradient(145deg, #f1f7ff 0%, #f8fbff 100%);
}

[b-g0cpwprntr] .kpi-active {
    background: linear-gradient(145deg, #f0fcf5 0%, #f8fdf9 100%);
}

[b-g0cpwprntr] .kpi-inactive {
    background: linear-gradient(145deg, #f7f8fb 0%, #fcfcfe 100%);
}

[b-g0cpwprntr] .kpi-number {
    font-weight: 800;
    color: #143955;
    line-height: 1.1;
}

[b-g0cpwprntr] .kpi-icon-wrap {
    width: 36px;
    height: 36px;
    border-radius: 999px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border: 1px solid;
}

[b-g0cpwprntr] .kpi-icon-total {
    color: #1f66a5;
    border-color: rgba(31, 102, 165, 0.35);
    background: rgba(31, 102, 165, 0.08);
}

[b-g0cpwprntr] .kpi-icon-activo {
    color: #2a8f4a;
    border-color: rgba(42, 143, 74, 0.35);
    background: rgba(42, 143, 74, 0.08);
}

[b-g0cpwprntr] .kpi-icon-inactivo {
    color: #bb7a0c;
    border-color: rgba(187, 122, 12, 0.35);
    background: rgba(187, 122, 12, 0.08);
}

[b-g0cpwprntr] .kpi-icon-eliminado {
    color: #b23a3a;
    border-color: rgba(178, 58, 58, 0.35);
    background: rgba(178, 58, 58, 0.08);
}

[b-g0cpwprntr] .kpi-text {
    color: rgba(20, 57, 85, 0.74);
}

[b-g0cpwprntr] .filters-surface {
    border-radius: 12px;
    border: 1px solid rgba(19, 59, 91, 0.1);
    background: linear-gradient(180deg, #ffffff 0%, #fbfdff 100%);
}

[b-g0cpwprntr] .filters-toolbar {
    gap: 10px;
    flex-wrap: wrap;
}

[b-g0cpwprntr] .filter-search {
    flex: 1 1 320px;
}

[b-g0cpwprntr] .filter-status {
    width: 210px;
}

.catalog-panel[b-g0cpwprntr] {
    border-radius: 14px;
    border: 1px solid rgba(19, 59, 91, 0.1);
    background: linear-gradient(180deg, #ffffff 0%, #fcfdff 100%);
    padding: 12px;
}

.grid-scroll[b-g0cpwprntr] {
    overflow-x: auto;
}

[b-g0cpwprntr] .catalog-grid {
    min-width: 1300px;
}

.state-wrap[b-g0cpwprntr] {
    padding: 6px 4px 10px;
}

.empty-state[b-g0cpwprntr] {
    border-radius: 12px;
    text-align: center;
    border: 1px dashed rgba(19, 59, 91, 0.2);
    background: linear-gradient(180deg, rgba(240, 248, 255, 0.7) 0%, rgba(250, 252, 255, 0.95) 100%);
}

.empty-icon[b-g0cpwprntr] {
    color: #426f97;
}

.empty-title[b-g0cpwprntr] {
    font-weight: 700;
    color: #173f61;
}

.empty-subtitle[b-g0cpwprntr] {
    color: rgba(24, 56, 83, 0.72);
}

[b-g0cpwprntr] .catalog-grid .mud-table-cell {
    padding-top: 10px;
    padding-bottom: 10px;
    border-bottom: 1px solid rgba(17, 52, 81, 0.08);
    vertical-align: middle;
}

[b-g0cpwprntr] .catalog-grid .mud-table-head .mud-table-cell {
    font-size: 0.78rem;
    font-weight: 700;
    letter-spacing: 0.04em;
    color: rgba(22, 54, 80, 0.8);
    text-transform: uppercase;
}

[b-g0cpwprntr] .action-cell {
    text-align: center;
}

[b-g0cpwprntr] .catalog-mobile-card {
    border-radius: 12px;
    border: 1px solid rgba(19, 59, 91, 0.11);
    background: linear-gradient(180deg, #ffffff 0%, #f9fbff 100%);
}

[b-g0cpwprntr] .primary-name {
    font-weight: 700;
    font-size: 0.96rem;
    color: #163d5f;
}

[b-g0cpwprntr] .secondary-notes {
    color: rgba(24, 56, 83, 0.74);
    font-size: 0.86rem;
}

.pager-wrap[b-g0cpwprntr] {
    gap: 10px;
    flex-wrap: wrap;
    padding: 2px 4px 0;
}

.pager-caption[b-g0cpwprntr] {
    color: rgba(24, 56, 83, 0.68);
}

@media (max-width: 959px) {
    .catalog-shell[b-g0cpwprntr] {
        padding: 0 10px 16px;
    }
}

[b-g0cpwprntr] tr.catalog-row-even td {
    background-color: #ffffff !important;
}

[b-g0cpwprntr] tr.catalog-row-odd td {
    background-color: #f6f8fb !important;
}

[b-g0cpwprntr] tr.catalog-row-inactive td {
    background-color: #fffaf0 !important;
}

[b-g0cpwprntr] tr.catalog-row-deleted td {
    background-color: #fff1f1 !important;
}

[b-g0cpwprntr] .mud-table-row:hover td {
    background-color: #eef5ff !important;
}
/* /Components/Pages/Cursos/AjustesContenidos/OfertaEducativa.razor.rz.scp.css */
.catalog-shell[b-h3e39vyypa] {
    max-width: 1200px;
    margin: 0 auto;
    padding: 0 14px 20px;
}

.catalog-section[b-h3e39vyypa] {
    margin-bottom: 14px;
}

[b-h3e39vyypa] .header-surface {
    border-radius: 14px;
    border: 1px solid rgba(26, 68, 104, 0.16);
    background:
        radial-gradient(circle at 9% 16%, rgba(80, 156, 210, 0.16), transparent 34%),
        radial-gradient(circle at 86% 30%, rgba(129, 198, 157, 0.13), transparent 30%),
        linear-gradient(120deg, #f9fcff 0%, #f4f9ff 52%, #f7fcfb 100%);
}

[b-h3e39vyypa] .header-title {
    color: #12395c;
    font-weight: 700;
    letter-spacing: 0.01em;
}

[b-h3e39vyypa] .header-subtitle {
    color: rgba(18, 57, 92, 0.78);
}

[b-h3e39vyypa] .kpi-card {
    border-radius: 12px;
    border: 1px solid rgba(19, 59, 91, 0.12);
    padding: 14px;
}

[b-h3e39vyypa] .kpi-total {
    background: linear-gradient(145deg, #f1f7ff 0%, #f8fbff 100%);
}

[b-h3e39vyypa] .kpi-active {
    background: linear-gradient(145deg, #f0fcf5 0%, #f8fdf9 100%);
}

[b-h3e39vyypa] .kpi-inactive {
    background: linear-gradient(145deg, #f7f8fb 0%, #fcfcfe 100%);
}

[b-h3e39vyypa] .kpi-number {
    font-weight: 800;
    color: #143955;
    line-height: 1.1;
}

[b-h3e39vyypa] .kpi-text {
    color: rgba(20, 57, 85, 0.74);
}

[b-h3e39vyypa] .filters-surface {
    border-radius: 12px;
    border: 1px solid rgba(19, 59, 91, 0.1);
    background: linear-gradient(180deg, #ffffff 0%, #fbfdff 100%);
}

[b-h3e39vyypa] .filters-toolbar {
    gap: 10px;
    flex-wrap: wrap;
}

[b-h3e39vyypa] .filter-search {
    flex: 1 1 320px;
}

[b-h3e39vyypa] .filter-status {
    width: 210px;
}

.catalog-panel[b-h3e39vyypa] {
    border-radius: 14px;
    border: 1px solid rgba(19, 59, 91, 0.1);
    background: linear-gradient(180deg, #ffffff 0%, #fcfdff 100%);
    padding: 12px;
}

.grid-scroll[b-h3e39vyypa] {
    overflow-x: auto;
}

[b-h3e39vyypa] .catalog-grid {
    min-width: 1300px;
}

.state-wrap[b-h3e39vyypa] {
    padding: 6px 4px 10px;
}

.empty-state[b-h3e39vyypa] {
    border-radius: 12px;
    text-align: center;
    border: 1px dashed rgba(19, 59, 91, 0.2);
    background: linear-gradient(180deg, rgba(240, 248, 255, 0.7) 0%, rgba(250, 252, 255, 0.95) 100%);
}

.empty-icon[b-h3e39vyypa] {
    color: #426f97;
}

.empty-title[b-h3e39vyypa] {
    font-weight: 700;
    color: #173f61;
}

.empty-subtitle[b-h3e39vyypa] {
    color: rgba(24, 56, 83, 0.72);
}

[b-h3e39vyypa] .catalog-grid .mud-table-cell {
    padding-top: 10px;
    padding-bottom: 10px;
    border-bottom: 1px solid rgba(17, 52, 81, 0.08);
    vertical-align: middle;
}

[b-h3e39vyypa] .catalog-grid .mud-table-head .mud-table-cell {
    font-size: 0.78rem;
    font-weight: 700;
    letter-spacing: 0.04em;
    color: rgba(22, 54, 80, 0.8);
    text-transform: uppercase;
}

[b-h3e39vyypa] .action-cell {
    text-align: center;
}

[b-h3e39vyypa] .catalog-mobile-card {
    border-radius: 12px;
    border: 1px solid rgba(19, 59, 91, 0.11);
    background: linear-gradient(180deg, #ffffff 0%, #f9fbff 100%);
}

[b-h3e39vyypa] .primary-name {
    font-weight: 700;
    font-size: 0.96rem;
    color: #163d5f;
}

[b-h3e39vyypa] .secondary-notes {
    color: rgba(24, 56, 83, 0.74);
    font-size: 0.86rem;
}

.pager-wrap[b-h3e39vyypa] {
    gap: 10px;
    flex-wrap: wrap;
    padding: 2px 4px 0;
}

.pager-caption[b-h3e39vyypa] {
    color: rgba(24, 56, 83, 0.68);
}

@media (max-width: 959px) {
    .catalog-shell[b-h3e39vyypa] {
        padding: 0 10px 16px;
    }
}

[b-h3e39vyypa] tr.catalog-row-even td {
    background-color: #ffffff !important;
}

[b-h3e39vyypa] tr.catalog-row-odd td {
    background-color: #f6f8fb !important;
}

[b-h3e39vyypa] tr.catalog-row-inactive td {
    background-color: #fffaf0 !important;
}

[b-h3e39vyypa] tr.catalog-row-deleted td {
    background-color: #fff1f1 !important;
}

[b-h3e39vyypa] .mud-table-row:hover td {
    background-color: #eef5ff !important;
}
/* /Components/Pages/Cursos/AjustesContenidos/Plataformas.razor.rz.scp.css */
.catalog-shell[b-o728srkb8n] {
    max-width: 1200px;
    margin: 0 auto;
    padding: 0 14px 20px;
}

.catalog-section[b-o728srkb8n] {
    margin-bottom: 14px;
}

[b-o728srkb8n] .header-surface {
    border-radius: 14px;
    border: 1px solid rgba(26, 68, 104, 0.16);
    background:
        radial-gradient(circle at 9% 16%, rgba(80, 156, 210, 0.16), transparent 34%),
        radial-gradient(circle at 86% 30%, rgba(129, 198, 157, 0.13), transparent 30%),
        linear-gradient(120deg, #f9fcff 0%, #f4f9ff 52%, #f7fcfb 100%);
}

[b-o728srkb8n] .header-title {
    color: #12395c;
    font-weight: 700;
    letter-spacing: 0.01em;
}

[b-o728srkb8n] .header-subtitle {
    color: rgba(18, 57, 92, 0.78);
}

[b-o728srkb8n] .kpi-card {
    border-radius: 12px;
    border: 1px solid rgba(19, 59, 91, 0.12);
    padding: 14px;
    cursor: pointer;
    transition: all .15s ease-in-out;
}

[b-o728srkb8n] .kpi-card:hover {
    transform: translateY(-1px);
    box-shadow: 0 4px 10px rgba(18, 57, 92, 0.12);
}

[b-o728srkb8n] .kpi-card-active {
    border-color: rgba(18, 57, 92, 0.45);
    box-shadow: inset 0 0 0 1px rgba(18, 57, 92, 0.2);
}

[b-o728srkb8n] .kpi-total {
    background: linear-gradient(145deg, #f1f7ff 0%, #f8fbff 100%);
}

[b-o728srkb8n] .kpi-active {
    background: linear-gradient(145deg, #f0fcf5 0%, #f8fdf9 100%);
}

[b-o728srkb8n] .kpi-inactive {
    background: linear-gradient(145deg, #f7f8fb 0%, #fcfcfe 100%);
}

[b-o728srkb8n] .kpi-number {
    font-weight: 800;
    color: #143955;
    line-height: 1.1;
}

[b-o728srkb8n] .kpi-icon-wrap {
    width: 36px;
    height: 36px;
    border-radius: 999px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border: 1px solid;
}

[b-o728srkb8n] .kpi-icon-total {
    color: #1f66a5;
    border-color: rgba(31, 102, 165, 0.35);
    background: rgba(31, 102, 165, 0.08);
}

[b-o728srkb8n] .kpi-icon-activo {
    color: #2a8f4a;
    border-color: rgba(42, 143, 74, 0.35);
    background: rgba(42, 143, 74, 0.08);
}

[b-o728srkb8n] .kpi-icon-inactivo {
    color: #bb7a0c;
    border-color: rgba(187, 122, 12, 0.35);
    background: rgba(187, 122, 12, 0.08);
}

[b-o728srkb8n] .kpi-icon-eliminado {
    color: #b23a3a;
    border-color: rgba(178, 58, 58, 0.35);
    background: rgba(178, 58, 58, 0.08);
}

[b-o728srkb8n] .kpi-text {
    color: rgba(20, 57, 85, 0.74);
}

[b-o728srkb8n] .filters-surface {
    border-radius: 12px;
    border: 1px solid rgba(19, 59, 91, 0.1);
    background: linear-gradient(180deg, #ffffff 0%, #fbfdff 100%);
}

[b-o728srkb8n] .filters-toolbar {
    gap: 10px;
    flex-wrap: wrap;
}

[b-o728srkb8n] .filter-search {
    flex: 1 1 320px;
}

[b-o728srkb8n] .filter-status {
    width: 210px;
}

.catalog-panel[b-o728srkb8n] {
    border-radius: 14px;
    border: 1px solid rgba(19, 59, 91, 0.1);
    background: linear-gradient(180deg, #ffffff 0%, #fcfdff 100%);
    padding: 12px;
}

.grid-scroll[b-o728srkb8n] {
    overflow-x: auto;
}

[b-o728srkb8n] .catalog-grid {
    min-width: 1300px;
}

.state-wrap[b-o728srkb8n] {
    padding: 6px 4px 10px;
}

.empty-state[b-o728srkb8n] {
    border-radius: 12px;
    text-align: center;
    border: 1px dashed rgba(19, 59, 91, 0.2);
    background: linear-gradient(180deg, rgba(240, 248, 255, 0.7) 0%, rgba(250, 252, 255, 0.95) 100%);
}

.empty-icon[b-o728srkb8n] {
    color: #426f97;
}

.empty-title[b-o728srkb8n] {
    font-weight: 700;
    color: #173f61;
}

.empty-subtitle[b-o728srkb8n] {
    color: rgba(24, 56, 83, 0.72);
}

[b-o728srkb8n] .catalog-grid .mud-table-cell {
    padding-top: 10px;
    padding-bottom: 10px;
    border-bottom: 1px solid rgba(17, 52, 81, 0.08);
    vertical-align: middle;
}

[b-o728srkb8n] .catalog-grid .mud-table-head .mud-table-cell {
    font-size: 0.78rem;
    font-weight: 700;
    letter-spacing: 0.04em;
    color: rgba(22, 54, 80, 0.8);
    text-transform: uppercase;
}

[b-o728srkb8n] .action-cell {
    text-align: center;
}

[b-o728srkb8n] .catalog-mobile-card {
    border-radius: 12px;
    border: 1px solid rgba(19, 59, 91, 0.11);
    background: linear-gradient(180deg, #ffffff 0%, #f9fbff 100%);
}

[b-o728srkb8n] .primary-name {
    font-weight: 700;
    font-size: 0.96rem;
    color: #163d5f;
}

[b-o728srkb8n] .secondary-notes {
    color: rgba(24, 56, 83, 0.74);
    font-size: 0.86rem;
}

.pager-wrap[b-o728srkb8n] {
    gap: 10px;
    flex-wrap: wrap;
    padding: 2px 4px 0;
}

.pager-caption[b-o728srkb8n] {
    color: rgba(24, 56, 83, 0.68);
}

@media (max-width: 959px) {
    .catalog-shell[b-o728srkb8n] {
        padding: 0 10px 16px;
    }
}

[b-o728srkb8n] tr.catalog-row-even td {
    background-color: #ffffff !important;
}

[b-o728srkb8n] tr.catalog-row-odd td {
    background-color: #f6f8fb !important;
}

[b-o728srkb8n] tr.catalog-row-inactive td {
    background-color: #fffaf0 !important;
}

[b-o728srkb8n] tr.catalog-row-deleted td {
    background-color: #fff1f1 !important;
}

[b-o728srkb8n] .mud-table-row:hover td {
    background-color: #eef5ff !important;
}
/* /Components/Pages/Cursos/AjustesContenidos/Programas.razor.rz.scp.css */
.catalog-shell[b-ldzvx1axk2] {
    max-width: 1200px;
    margin: 0 auto;
    padding: 0 14px 20px;
}

.catalog-section[b-ldzvx1axk2] {
    margin-bottom: 14px;
}

[b-ldzvx1axk2] .header-surface {
    border-radius: 14px;
    border: 1px solid rgba(26, 68, 104, 0.16);
    background:
        radial-gradient(circle at 9% 16%, rgba(80, 156, 210, 0.16), transparent 34%),
        radial-gradient(circle at 86% 30%, rgba(129, 198, 157, 0.13), transparent 30%),
        linear-gradient(120deg, #f9fcff 0%, #f4f9ff 52%, #f7fcfb 100%);
}

[b-ldzvx1axk2] .header-title {
    color: #12395c;
    font-weight: 700;
    letter-spacing: 0.01em;
}

[b-ldzvx1axk2] .header-subtitle {
    color: rgba(18, 57, 92, 0.78);
}

[b-ldzvx1axk2] .kpi-card {
    border-radius: 12px;
    border: 1px solid rgba(19, 59, 91, 0.12);
    padding: 14px;
    cursor: pointer;
    transition: all .15s ease-in-out;
}

[b-ldzvx1axk2] .kpi-card:hover {
    transform: translateY(-1px);
    box-shadow: 0 4px 10px rgba(18, 57, 92, 0.12);
}

[b-ldzvx1axk2] .kpi-card-active {
    border-color: rgba(18, 57, 92, 0.45);
    box-shadow: inset 0 0 0 1px rgba(18, 57, 92, 0.2);
}

[b-ldzvx1axk2] .kpi-total {
    background: linear-gradient(145deg, #f1f7ff 0%, #f8fbff 100%);
}

[b-ldzvx1axk2] .kpi-active {
    background: linear-gradient(145deg, #f0fcf5 0%, #f8fdf9 100%);
}

[b-ldzvx1axk2] .kpi-inactive {
    background: linear-gradient(145deg, #f7f8fb 0%, #fcfcfe 100%);
}

[b-ldzvx1axk2] .kpi-number {
    font-weight: 800;
    color: #143955;
    line-height: 1.1;
}

[b-ldzvx1axk2] .kpi-icon-wrap {
    width: 36px;
    height: 36px;
    border-radius: 999px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border: 1px solid;
}

[b-ldzvx1axk2] .kpi-icon-total {
    color: #1f66a5;
    border-color: rgba(31, 102, 165, 0.35);
    background: rgba(31, 102, 165, 0.08);
}

[b-ldzvx1axk2] .kpi-icon-activo {
    color: #2a8f4a;
    border-color: rgba(42, 143, 74, 0.35);
    background: rgba(42, 143, 74, 0.08);
}

[b-ldzvx1axk2] .kpi-icon-inactivo {
    color: #bb7a0c;
    border-color: rgba(187, 122, 12, 0.35);
    background: rgba(187, 122, 12, 0.08);
}

[b-ldzvx1axk2] .kpi-icon-eliminado {
    color: #b23a3a;
    border-color: rgba(178, 58, 58, 0.35);
    background: rgba(178, 58, 58, 0.08);
}

[b-ldzvx1axk2] .kpi-text {
    color: rgba(20, 57, 85, 0.74);
}

[b-ldzvx1axk2] .filters-surface {
    border-radius: 12px;
    border: 1px solid rgba(19, 59, 91, 0.1);
    background: linear-gradient(180deg, #ffffff 0%, #fbfdff 100%);
}

[b-ldzvx1axk2] .filters-toolbar {
    gap: 10px;
    flex-wrap: wrap;
}

[b-ldzvx1axk2] .filter-search {
    flex: 1 1 320px;
}

[b-ldzvx1axk2] .filter-status {
    width: 210px;
}

.catalog-panel[b-ldzvx1axk2] {
    border-radius: 14px;
    border: 1px solid rgba(19, 59, 91, 0.1);
    background: linear-gradient(180deg, #ffffff 0%, #fcfdff 100%);
    padding: 12px;
}

.grid-scroll[b-ldzvx1axk2] {
    overflow-x: auto;
}

[b-ldzvx1axk2] .catalog-grid {
    min-width: 1300px;
}

.state-wrap[b-ldzvx1axk2] {
    padding: 6px 4px 10px;
}

.empty-state[b-ldzvx1axk2] {
    border-radius: 12px;
    text-align: center;
    border: 1px dashed rgba(19, 59, 91, 0.2);
    background: linear-gradient(180deg, rgba(240, 248, 255, 0.7) 0%, rgba(250, 252, 255, 0.95) 100%);
}

.empty-icon[b-ldzvx1axk2] {
    color: #426f97;
}

.empty-title[b-ldzvx1axk2] {
    font-weight: 700;
    color: #173f61;
}

.empty-subtitle[b-ldzvx1axk2] {
    color: rgba(24, 56, 83, 0.72);
}

[b-ldzvx1axk2] .catalog-grid .mud-table-cell {
    padding-top: 10px;
    padding-bottom: 10px;
    border-bottom: 1px solid rgba(17, 52, 81, 0.08);
    vertical-align: middle;
}

[b-ldzvx1axk2] .catalog-grid .mud-table-head .mud-table-cell {
    font-size: 0.78rem;
    font-weight: 700;
    letter-spacing: 0.04em;
    color: rgba(22, 54, 80, 0.8);
    text-transform: uppercase;
}

[b-ldzvx1axk2] .action-cell {
    text-align: center;
}

[b-ldzvx1axk2] .catalog-mobile-card {
    border-radius: 12px;
    border: 1px solid rgba(19, 59, 91, 0.11);
    background: linear-gradient(180deg, #ffffff 0%, #f9fbff 100%);
}

[b-ldzvx1axk2] .primary-name {
    font-weight: 700;
    font-size: 0.96rem;
    color: #163d5f;
}

[b-ldzvx1axk2] .secondary-notes {
    color: rgba(24, 56, 83, 0.74);
    font-size: 0.86rem;
}

.pager-wrap[b-ldzvx1axk2] {
    gap: 10px;
    flex-wrap: wrap;
    padding: 2px 4px 0;
}

.pager-caption[b-ldzvx1axk2] {
    color: rgba(24, 56, 83, 0.68);
}

@media (max-width: 959px) {
    .catalog-shell[b-ldzvx1axk2] {
        padding: 0 10px 16px;
    }
}

[b-ldzvx1axk2] tr.catalog-row-even td {
    background-color: #ffffff !important;
}

[b-ldzvx1axk2] tr.catalog-row-odd td {
    background-color: #f6f8fb !important;
}

[b-ldzvx1axk2] tr.catalog-row-inactive td {
    background-color: #fffaf0 !important;
}

[b-ldzvx1axk2] tr.catalog-row-deleted td {
    background-color: #fff1f1 !important;
}

[b-ldzvx1axk2] .mud-table-row:hover td {
    background-color: #eef5ff !important;
}
/* /Components/Pages/Cursos/ContenidosTematicos/CaePlantilla1.razor.rz.scp.css */
.cae-p1-page[b-23bj3g0vth] {
    border-radius: 10px;
}

[b-23bj3g0vth] .cae-p1-header {
    padding: 8px 12px 4px 12px;
}

[b-23bj3g0vth] .cae-p1-header .mud-card-header-content .mud-typography {
    margin: 0;
    line-height: 1.2;
}

[b-23bj3g0vth] .cae-p1-content {
    padding: 6px 12px 10px 12px;
}

[b-23bj3g0vth] .cae-p1-grid {
    margin-top: 0;
}

[b-23bj3g0vth] .cae-p1-grid.mud-grid-spacing-xs-2 {
    width: calc(100% + 6px);
    margin-left: -3px;
    margin-top: -3px;
}

[b-23bj3g0vth] .cae-p1-grid.mud-grid-spacing-xs-2 > .mud-grid-item {
    padding-left: 3px;
    padding-top: 3px;
}

[b-23bj3g0vth] .cae-p1-section {
    margin: 0;
}

[b-23bj3g0vth] .cae-p1-grid-sub {
    margin-top: 0;
}

[b-23bj3g0vth] .cae-p1-page .mud-input-control {
    margin-top: 0;
    margin-bottom: 1px;
}

[b-23bj3g0vth] .cae-p1-page .mud-input-input-control,
[b-23bj3g0vth] .cae-p1-page .mud-select-input {
    min-height: 36px;
}

[b-23bj3g0vth] .cae-p1-page .mud-input-slot {
    line-height: 1.2;
    padding-top: 5px;
    padding-bottom: 5px;
}

[b-23bj3g0vth] .cae-p1-page .mud-input-label {
    font-size: 0.84rem;
    line-height: 1.1;
}

.cae-field-with-btn[b-23bj3g0vth],
.cae-p1-field-with-btn[b-23bj3g0vth] {
    display: flex;
    align-items: center;
    gap: 1px;
}

.cae-field-with-btn > :first-child[b-23bj3g0vth],
.cae-p1-field-with-btn > :first-child[b-23bj3g0vth] {
    flex: 1;
    min-width: 0;
}

[b-23bj3g0vth] .cae-catalog-btn,
[b-23bj3g0vth] .cae-p1-catalog-btn {
    flex-shrink: 0;
    margin-top: 0;
    width: 32px !important;
    height: 32px !important;
    padding: 0 !important;
    border-radius: 7px !important;
    color: rgba(26, 92, 138, 0.78) !important;
    transition: background-color 0.14s ease, color 0.14s ease;
}

[b-23bj3g0vth] .cae-catalog-btn:hover,
[b-23bj3g0vth] .cae-p1-catalog-btn:hover {
    background-color: rgba(26, 92, 138, 0.11) !important;
    color: #1a5c8a !important;
}

[b-23bj3g0vth] .cae-catalog-btn.mud-disabled,
[b-23bj3g0vth] .cae-p1-catalog-btn.mud-disabled {
    color: rgba(26, 92, 138, 0.35) !important;
}

[b-23bj3g0vth] .cae-p1-observaciones textarea {
    min-height: 76px !important;
}

[b-23bj3g0vth] .cae-p1-section-title {
    margin: 0;
    line-height: 1.15;
}

[b-23bj3g0vth] .cae-p1-compact-table .mud-table-container {
    max-height: 200px;
}

[b-23bj3g0vth] .cae-p1-compact-table .mud-table-cell {
    padding-top: 4px;
    padding-bottom: 4px;
    font-size: 0.86rem;
}

[b-23bj3g0vth] .cae-p1-btn {
    min-height: 33px;
    padding-top: 4px;
    padding-bottom: 4px;
    font-size: 0.82rem;
}

[b-23bj3g0vth] .cae-p1-btn-top {
    min-height: 33px;
}

[b-23bj3g0vth] .cae-p1-btn-outline {
    min-height: 32px;
}

[b-23bj3g0vth] .cae-p1-btn-icon {
    min-width: 30px !important;
    width: 30px !important;
    height: 30px !important;
    padding: 0 !important;
}

[b-23bj3g0vth] .cae-p1-btn-secondary {
    max-width: 220px;
}

[b-23bj3g0vth] .cae-p1-btn-primary {
    max-width: 220px;
}

[b-23bj3g0vth] .cae-p1-page .mud-icon-button-size-medium.mud-button-root {
    width: 30px;
    height: 30px;
}

[b-23bj3g0vth] .cae-p1-page .mud-button-label {
    white-space: nowrap;
}

@media (max-width: 960px) {
    [b-23bj3g0vth] .cae-p1-content {
        padding: 6px 8px 10px 8px;
    }

    [b-23bj3g0vth] .cae-p1-btn-secondary,
    [b-23bj3g0vth] .cae-p1-btn-primary {
        max-width: 100%;
    }
}
/* /Components/Pages/Cursos/ContenidosTematicos/CarreraTecnica.razor.rz.scp.css */
/* ═══════════════════════════════════════════════════════════════════════════════
   Carrera Técnica — Ola 3 UX Premium
   Scoped CSS para CarreraTecnica.razor y sus componentes hijo (::deep)
   ═══════════════════════════════════════════════════════════════════════════════ */

/* ── 1. Header ejecutivo ─────────────────────────────────────────────────────── */
.ct-page-header[b-l2t0821gdt] {
    padding: 20px 24px 18px;
    border-bottom: 3px solid var(--mud-palette-primary);
}

.ct-header-top[b-l2t0821gdt] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: 12px;
}

.ct-title[b-l2t0821gdt] {
    font-weight: 700 !important;
    letter-spacing: -0.3px;
    color: var(--mud-palette-text-primary);
}

/* ── KPI strip ────────────────────────────────────────────────────────────────── */
.ct-kpi-strip[b-l2t0821gdt] {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 0;
    padding-top: 4px;
}

.ct-kpi-item[b-l2t0821gdt] {
    display: flex;
    align-items: baseline;
    gap: 4px;
    padding: 4px 12px;
}

.ct-kpi-sep[b-l2t0821gdt] {
    color: var(--mud-palette-divider);
    font-size: 1.1rem;
    user-select: none;
}

.ct-kpi-num[b-l2t0821gdt] {
    font-size: 1.25rem;
    font-weight: 700;
    color: var(--mud-palette-text-primary);
    font-variant-numeric: tabular-nums;
    line-height: 1;
}

.ct-kpi-lbl[b-l2t0821gdt] {
    font-size: 0.72rem;
    color: var(--mud-palette-text-secondary);
    text-transform: uppercase;
    letter-spacing: 0.4px;
    font-weight: 500;
}

.ct-kpi-success .ct-kpi-num[b-l2t0821gdt] { color: var(--mud-palette-success-darken); }
.ct-kpi-warning .ct-kpi-num[b-l2t0821gdt] { color: var(--mud-palette-warning-darken); }
.ct-kpi-muted   .ct-kpi-num[b-l2t0821gdt] { color: var(--mud-palette-text-secondary); }
.ct-kpi-info    .ct-kpi-num[b-l2t0821gdt] { color: var(--mud-palette-info-darken);    }

/* ── 2. Panel de filtros ─────────────────────────────────────────────────────── */
.ct-filtros-panel[b-l2t0821gdt] {
    border-left: 3px solid var(--mud-palette-lines-inputs);
    overflow: hidden;
}

.ct-filtros-header[b-l2t0821gdt] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 10px 16px;
    cursor: pointer;
    user-select: none;
    transition: background-color 0.15s;
}

.ct-filtros-header:hover[b-l2t0821gdt] {
    background-color: var(--mud-palette-action-hover);
}

.ct-filtros-body[b-l2t0821gdt] {
    padding: 12px 16px 16px;
    border-top: 1px solid var(--mud-palette-divider);
}

/* ── 3. Panel de contenido ───────────────────────────────────────────────────── */
.ct-content-panel[b-l2t0821gdt] {
    overflow: hidden;
}

.ct-view-toolbar[b-l2t0821gdt] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 10px 16px;
    border-bottom: 1px solid var(--mud-palette-divider);
    background-color: var(--mud-palette-background-grey);
}

/* ── 4. DataGrid (Vista Lista) ───────────────────────────────────────────────── */
[b-l2t0821gdt] .ct-datagrid table {
    border-collapse: collapse;
}

[b-l2t0821gdt] .ct-datagrid thead tr th {
    background-color: var(--mud-palette-background-grey) !important;
    font-size: 0.72rem;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    color: var(--mud-palette-text-secondary) !important;
    font-weight: 600;
    padding: 8px 12px;
    border-bottom: 2px solid var(--mud-palette-primary) !important;
}

[b-l2t0821gdt] .ct-datagrid tbody tr td {
    padding: 6px 12px;
    vertical-align: middle;
    font-size: 0.875rem;
}

[b-l2t0821gdt] .ct-datagrid tbody tr:hover td {
    background-color: rgba(var(--mud-palette-primary-rgb), 0.04) !important;
}

.ct-row-highlight[b-l2t0821gdt] {
    background-color: #fff8e1 !important;
    transition: background-color 0.3s ease;
}

.ct-grid-nombre[b-l2t0821gdt] {
    font-weight: 600;
    line-height: 1.3;
}

.ct-clave[b-l2t0821gdt] {
    font-family: 'Roboto Mono', 'Consolas', monospace;
    color: var(--mud-palette-text-secondary);
    font-size: 0.7rem;
    letter-spacing: 0.5px;
}

.ct-horas-cell[b-l2t0821gdt] {
    font-family: 'Roboto Mono', 'Consolas', monospace;
    font-size: 0.72rem;
    color: var(--mud-palette-text-secondary);
    letter-spacing: 0.3px;
}

.ct-actions-row[b-l2t0821gdt] {
    display: flex;
    align-items: center;
    gap: 0;
}

/* ── 5. Vista Trayectoria ────────────────────────────────────────────────────── */
.ct-trayectoria-wrap[b-l2t0821gdt] {
    min-height: 200px;
}

[b-l2t0821gdt] .ct-ciclo-section-header {
    background: linear-gradient(90deg, var(--mud-palette-primary), color-mix(in srgb, var(--mud-palette-primary) 75%, transparent));
    color: white;
    padding: 10px 16px;
    border-radius: 6px 6px 0 0;
}

[b-l2t0821gdt] .ct-ciclo-titulo {
    color: white !important;
}

[b-l2t0821gdt] .ct-ciclo-badge {
    width: 28px;
    height: 28px;
    border-radius: 50%;
    background: rgba(255,255,255,0.25);
    color: white;
    font-size: 0.8rem;
    font-weight: 700;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
}

[b-l2t0821gdt] .ct-ciclo-cards-grid {
    background-color: var(--mud-palette-background-grey);
    border: 1px solid var(--mud-palette-divider);
    border-top: none;
    border-radius: 0 0 6px 6px;
}

/* ── 6. Asignatura Card ──────────────────────────────────────────────────────── */
[b-l2t0821gdt] .ct-asignatura-card {
    padding: 12px;
    border-radius: 6px !important;
    transition: box-shadow 0.2s, transform 0.15s;
    cursor: default;
    height: 100%;
    display: flex;
    flex-direction: column;
    gap: 8px;
}

[b-l2t0821gdt] .ct-asignatura-card:hover {
    box-shadow: 0 4px 16px rgba(0,0,0,0.12) !important;
    transform: translateY(-1px);
}

[b-l2t0821gdt] .ct-card-header {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 8px;
}

[b-l2t0821gdt] .ct-card-title-block {
    display: flex;
    align-items: flex-start;
    gap: 6px;
    min-width: 0;
}

[b-l2t0821gdt] .ct-card-estado-icon {
    flex-shrink: 0;
    margin-top: 2px;
}

[b-l2t0821gdt] .ct-card-nombre {
    font-weight: 600 !important;
    line-height: 1.3;
    word-break: break-word;
}

[b-l2t0821gdt] .ct-card-clave {
    font-family: 'Roboto Mono', 'Consolas', monospace;
    color: var(--mud-palette-text-secondary);
    font-size: 0.68rem;
    letter-spacing: 0.5px;
    display: block;
    margin-top: 1px;
}

[b-l2t0821gdt] .ct-card-metrics {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 4px;
}

[b-l2t0821gdt] .ct-metric-pill {
    display: inline-flex;
    align-items: center;
    gap: 2px;
    background: var(--mud-palette-background-grey);
    border: 1px solid var(--mud-palette-lines-inputs);
    border-radius: 12px;
    padding: 1px 8px;
    font-size: 0.7rem;
    color: var(--mud-palette-text-secondary);
    font-weight: 500;
    white-space: nowrap;
}

[b-l2t0821gdt] .ct-metric-creditos {
    background: rgba(var(--mud-palette-primary-rgb), 0.08);
    border-color: rgba(var(--mud-palette-primary-rgb), 0.3);
    color: var(--mud-palette-primary-darken);
    font-weight: 600;
}

[b-l2t0821gdt] .ct-chip-taller {
    height: 18px !important;
    font-size: 0.65rem !important;
}

[b-l2t0821gdt] .ct-card-footer {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: 4px;
    margin-top: auto;
    padding-top: 6px;
    border-top: 1px solid var(--mud-palette-divider);
}

/* ── 7. Panel de resumen ─────────────────────────────────────────────────────── */
[b-l2t0821gdt] .ct-resumen-panel {
    border-radius: 8px !important;
    overflow: hidden;
    position: sticky;
    top: 72px;
}

[b-l2t0821gdt] .ct-resumen-header {
    background-color: var(--mud-palette-background-grey);
    border-bottom: 2px solid var(--mud-palette-primary);
}

[b-l2t0821gdt] .ct-section-label {
    font-size: 0.62rem !important;
    font-weight: 700 !important;
    letter-spacing: 1px;
    text-transform: uppercase;
    display: block;
    margin-bottom: 2px;
}

[b-l2t0821gdt] .ct-kpi-chip {
    min-width: 30px !important;
    height: 20px !important;
    font-size: 0.72rem !important;
    font-weight: 700 !important;
}

[b-l2t0821gdt] .ct-ciclo-row {
    padding: 3px 0;
    border-bottom: 1px dashed var(--mud-palette-divider);
}

[b-l2t0821gdt] .ct-ciclo-row:last-child {
    border-bottom: none;
}

[b-l2t0821gdt] .ct-ciclo-nombre {
    font-size: 0.72rem;
    font-weight: 500;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 110px;
}

/* ── 8. Estado vacío ─────────────────────────────────────────────────────────── */
[b-l2t0821gdt] .ct-empty-state {
    border: 2px dashed var(--mud-palette-lines-inputs);
    border-radius: 8px;
    background: transparent;
}

/* ── 9. Utilidades generales ─────────────────────────────────────────────────── */
.fw-bold[b-l2t0821gdt] { font-weight: 600 !important; }
.ml-auto[b-l2t0821gdt] { margin-left: auto !important; }
/* /Components/Pages/Cursos/ContenidosTematicos/ContenidoEstructuradoConsulta.razor.rz.scp.css */
/* ════════════════════════════════════════════════════════════════════
   CONSULTA ESTRUCTURADA — Wizard solo lectura
   Reutiliza las clases ctb-* (definidas globalmente en wwwroot/app.css)
   y añade overrides locales para banner, header, chips y footer.
   ════════════════════════════════════════════════════════════════════ */

/* Modificadores específicos del shell para esta pantalla */
.consulta-shell[b-vcoy3kie90] {
    background: linear-gradient(180deg, #f6fbff 0%, #ffffff 100%);
    min-height: calc(100vh - 64px);
    padding-bottom: 92px;            /* deja espacio al footer sticky */
}

/* ───────────────────── Pill "Solo lectura" en barra superior ─────── */
.consulta-lock-pill[b-vcoy3kie90] {
    display: inline-flex;
    align-items: center;
    gap: 4px;
    padding: 2px 10px;
    border-radius: 999px;
    background: #fff8e1;
    border: 1px solid #ffe082;
    color: #8a6d00;
    font-weight: 700;
    font-size: 0.72rem;
    letter-spacing: 0.02em;
}

/* ───────────────────── Header (nombre + chips) ──────────────────── */
.consulta-header[b-vcoy3kie90] {
    padding: 14px 24px 4px;
}

.consulta-header-info[b-vcoy3kie90] {
    display: flex;
    flex-direction: column;
    gap: 4px;
}

.consulta-eyebrow[b-vcoy3kie90] {
    text-transform: uppercase;
    letter-spacing: 0.12em;
    font-size: 0.7rem;
    font-weight: 700;
    color: #2a6f9a;
}

[b-vcoy3kie90] .consulta-title {
    font-weight: 800;
    color: #0f3257;
    letter-spacing: 0.005em;
    line-height: 1.2;
}

.consulta-chips[b-vcoy3kie90] {
    display: flex;
    flex-wrap: wrap;
    gap: 6px;
    margin-top: 8px;
}

.consulta-chip[b-vcoy3kie90] {
    display: inline-flex;
    align-items: center;
    gap: 5px;
    padding: 4px 10px;
    border-radius: 999px;
    font-weight: 600;
    font-size: 0.78rem;
    background: #ffffff;
    border: 1px solid rgba(15, 50, 87, 0.14);
    color: #1f2a44;
    white-space: nowrap;
}

.consulta-chip.status-1[b-vcoy3kie90] { background: #fff8e1; border-color: #ffe082; color: #8a6d00; }
.consulta-chip.status-2[b-vcoy3kie90] { background: #e3f2fd; border-color: #90caf9; color: #0d47a1; }
.consulta-chip.status-3[b-vcoy3kie90] { background: #ede7f6; border-color: #b39ddb; color: #4527a0; }
.consulta-chip.status-4[b-vcoy3kie90] { background: #fff3e0; border-color: #ffcc80; color: #b25400; }
.consulta-chip.status-5[b-vcoy3kie90] { background: #ffebee; border-color: #ef9a9a; color: #b71c1c; }
.consulta-chip.status-6[b-vcoy3kie90] { background: #e8f5e9; border-color: #a5d6a7; color: #1b5e20; }
.consulta-chip.status-0[b-vcoy3kie90] { background: #f5f5f5; border-color: #cfd8dc; color: #455a64; }

/* ───────────────────── Card de paso ─────────────────────────────── */
[b-vcoy3kie90] .consulta-step-paper {
    border-radius: 14px;
    border: 1px solid rgba(19, 59, 91, 0.10);
    background: linear-gradient(180deg, #ffffff 0%, #fbfdff 100%);
    box-shadow: 0 4px 18px rgba(13, 42, 67, 0.04);
}

.consulta-step-head[b-vcoy3kie90] {
    display: flex;
    align-items: center;
    gap: 12px;
    margin-bottom: 18px;
    padding-bottom: 12px;
    border-bottom: 1px solid rgba(19, 59, 91, 0.08);
}

.consulta-step-icon[b-vcoy3kie90] {
    width: 38px;
    height: 38px;
    border-radius: 11px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background: linear-gradient(145deg, #e8f1fb 0%, #f4f8fd 100%);
    color: #0f3257;
}

[b-vcoy3kie90] .consulta-step-title {
    font-weight: 700;
    color: #12395c;
    margin-bottom: 2px;
}

[b-vcoy3kie90] .consulta-step-sub {
    color: rgba(18, 57, 92, 0.7);
}

/* ───────────────────── Temas y subtemas ─────────────────────────── */
.consulta-tema[b-vcoy3kie90] {
    border-radius: 12px;
    border: 1px solid rgba(19, 59, 91, 0.12);
    background: #ffffff;
    margin-bottom: 14px;
    overflow: hidden;
}

.consulta-tema-head[b-vcoy3kie90] {
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 12px 16px;
    background: linear-gradient(90deg, #0f3257 0%, #1e4f86 100%);
    color: #ffffff;
}

.consulta-tema-index[b-vcoy3kie90] {
    flex-shrink: 0;
    width: 30px;
    height: 30px;
    border-radius: 9px;
    background: rgba(255, 255, 255, 0.18);
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-weight: 800;
    font-size: 0.9rem;
}

.consulta-tema-name[b-vcoy3kie90] {
    font-weight: 700;
    font-size: 1rem;
    line-height: 1.25;
    word-break: break-word;
}

.consulta-tema-sub[b-vcoy3kie90] {
    font-size: 0.78rem;
    color: rgba(255, 255, 255, 0.78);
    margin-top: 2px;
}

.consulta-tema-duration[b-vcoy3kie90] {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 4px 10px;
    background: rgba(255, 255, 255, 0.16);
    border: 1px solid rgba(255, 255, 255, 0.22);
    border-radius: 999px;
    font-weight: 700;
    font-size: 0.78rem;
    flex-shrink: 0;
}

.consulta-tema-body[b-vcoy3kie90] {
    padding: 14px 16px 18px;
}

.consulta-tema-empty[b-vcoy3kie90] {
    padding: 12px 16px;
    color: rgba(15, 50, 87, 0.6);
    font-style: italic;
    font-size: 0.86rem;
    background: rgba(15, 50, 87, 0.02);
}

[b-vcoy3kie90] .consulta-sub-table {
    margin: 0 16px 16px;
    width: calc(100% - 32px);
}

[b-vcoy3kie90] .consulta-sub-table th {
    font-size: 0.72rem;
    text-transform: uppercase;
    letter-spacing: 0.06em;
    color: rgba(18, 57, 92, 0.78);
    background: #f4f9ff;
    border-bottom: 1px solid rgba(19, 59, 91, 0.12);
    padding: 8px 10px;
}

[b-vcoy3kie90] .consulta-sub-table td {
    padding: 8px 10px;
    border-bottom: 1px solid rgba(19, 59, 91, 0.06);
    font-size: 0.88rem;
    color: #1f2a44;
    vertical-align: top;
}

[b-vcoy3kie90] .consulta-sub-table tbody tr:nth-child(even) {
    background-color: rgba(15, 50, 87, 0.025);
}

.consulta-sub-tag[b-vcoy3kie90] {
    display: inline-block;
    font-weight: 700;
    color: #0f3257;
    background: #e3f2fd;
    border: 1px solid #90caf9;
    border-radius: 6px;
    padding: 2px 8px;
    font-size: 0.72rem;
    text-transform: uppercase;
    letter-spacing: 0.04em;
}

/* ───────────────────── Tablas zebra (créditos, revisión) ────────── */
[b-vcoy3kie90] .consulta-zebra-table {
    border-radius: 10px;
    border: 1px solid rgba(19, 59, 91, 0.1);
    overflow: hidden;
    background: #ffffff;
}

[b-vcoy3kie90] .consulta-zebra-table .mud-table-cell {
    padding-top: 9px;
    padding-bottom: 9px;
    border-bottom: 1px solid rgba(17, 52, 81, 0.07);
    font-size: 0.88rem;
}

[b-vcoy3kie90] .consulta-zebra-table .mud-table-head .mud-table-cell {
    font-size: 0.72rem;
    font-weight: 700;
    letter-spacing: 0.06em;
    color: rgba(22, 54, 80, 0.82);
    text-transform: uppercase;
    background: linear-gradient(180deg, #f4f9ff 0%, #eaf2fc 100%);
}

[b-vcoy3kie90] .consulta-zebra-table .mud-table-container table tbody tr:nth-child(even) {
    background-color: rgba(15, 50, 87, 0.025);
}

.consulta-empty[b-vcoy3kie90] {
    padding: 14px;
    border-radius: 10px;
    border: 1px dashed rgba(19, 59, 91, 0.2);
    background: rgba(240, 248, 255, 0.6);
    color: rgba(15, 50, 87, 0.6);
    font-style: italic;
    font-size: 0.86rem;
    text-align: center;
}

/* ───────────────────── Footer sticky ────────────────────────────── */
.consulta-footer[b-vcoy3kie90] {
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 1100;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 12px 24px;
    background: rgba(255, 255, 255, 0.97);
    backdrop-filter: blur(8px);
    border-top: 1px solid rgba(19, 59, 91, 0.12);
    box-shadow: 0 -4px 16px rgba(13, 42, 67, 0.06);
    flex-wrap: wrap;
    gap: 10px;
}

.consulta-footer-left[b-vcoy3kie90] {
    display: flex;
    align-items: center;
    gap: 12px;
}

.consulta-footer-step[b-vcoy3kie90] {
    font-size: 0.85rem;
    color: rgba(18, 57, 92, 0.78);
}

.consulta-footer-right[b-vcoy3kie90] {
    display: flex;
    gap: 10px;
    align-items: center;
}

/* ───────────────────── Inputs read-only — paridad visual ────────── */

/* MudTextField ReadOnly se ve idéntico al editable, pero el cursor y
   los outlines se atenúan ligeramente para señalizar que no se edita. */
[b-vcoy3kie90] .consulta-shell .mud-input.mud-input-outlined input[readonly],
[b-vcoy3kie90] .consulta-shell .mud-input.mud-input-outlined textarea[readonly] {
    color: rgba(15, 50, 87, 0.85);
    cursor: default;
}

[b-vcoy3kie90] .consulta-shell .mud-input.mud-input-outlined input[readonly]:focus,
[b-vcoy3kie90] .consulta-shell .mud-input.mud-input-outlined textarea[readonly]:focus {
    outline: none;
}

/* MudCheckBox Disabled: que no se vea apagado por completo */
[b-vcoy3kie90] .consulta-shell .mud-checkbox.mud-disabled .mud-checkbox-true {
    color: #1565c0 !important;
}

/* ───────────────────── Responsive ───────────────────────────────── */
@media (max-width: 720px) {
    .consulta-header[b-vcoy3kie90] { padding: 10px 14px 4px; }
    .consulta-footer[b-vcoy3kie90] { padding: 10px 14px; }
    .consulta-tema-head[b-vcoy3kie90] { flex-wrap: wrap; }
}

/* ───────────────────── Dark mode ────────────────────────────────── */
[b-vcoy3kie90] .mud-theme-dark .consulta-step-paper,
[b-vcoy3kie90] .mud-theme-dark .consulta-tema,
[b-vcoy3kie90] .mud-theme-dark .consulta-zebra-table {
    background: linear-gradient(180deg, rgba(28, 40, 55, 0.92) 0%, rgba(24, 34, 46, 0.92) 100%);
    border-color: rgba(205, 220, 240, 0.14);
}

[b-vcoy3kie90] .mud-theme-dark .consulta-title,
[b-vcoy3kie90] .mud-theme-dark .consulta-step-title {
    color: rgba(233, 241, 249, 0.94);
}

[b-vcoy3kie90] .mud-theme-dark .consulta-footer {
    background: rgba(28, 40, 55, 0.95);
    border-top-color: rgba(205, 220, 240, 0.14);
}
/* /Components/Pages/Cursos/ContenidosTematicos/CursoModular.razor.rz.scp.css */
.contenido-modular-actions-cell[b-ie16mo6tre] {
    min-width: 160px;
}

.siac-row-highlight[b-ie16mo6tre] {
    background-color: #fff3cd !important;
    transition: background-color 0.3s ease;
}
/* /Components/Pages/Cursos/ContenidosTematicos/Diplomado.razor.rz.scp.css */
.diplomado-actions-cell[b-qrnyb9sbvw] {
    min-width: 160px;
}

.siac-row-highlight[b-qrnyb9sbvw] {
    background-color: #fff3cd !important;
    transition: background-color 0.3s ease;
}
/* /Components/Pages/Cursos/ContenidosTematicos/Microcredencial.razor.rz.scp.css */
.ci-shell[b-1qb77nl3u6] {
    max-width: 1280px;
    margin: 0 auto;
    padding: 16px;
    display: flex;
    flex-direction: column;
    gap: 16px;
}

.ci-header[b-1qb77nl3u6] {
    background: linear-gradient(135deg, #f5f8fc 0%, #e2eaf5 100%);
    border-radius: 12px;
}

.ci-badge[b-1qb77nl3u6] {
    color: #006bb7;
    font-weight: 700;
    letter-spacing: .08em;
}

.ci-title[b-1qb77nl3u6] { color: #0c1a28; margin-top: 4px; }
.ci-subtitle[b-1qb77nl3u6] { color: #647d96; }

.ci-header-actions[b-1qb77nl3u6] {
    display: flex;
    gap: 8px;
    justify-content: flex-end;
    margin-top: 12px;
}

.ci-kpi[b-1qb77nl3u6] { background: #ffffff; text-align: center; }
.ci-kpi-titulo[b-1qb77nl3u6] {
    font-size: 11px;
    text-transform: uppercase;
    color: #647d96;
    letter-spacing: .06em;
}
.ci-kpi-valor[b-1qb77nl3u6] {
    font-size: 28px;
    font-weight: 700;
    color: #006bb7;
    margin-top: 4px;
}

.ci-loading[b-1qb77nl3u6] { display: flex; justify-content: center; padding: 32px; }

.ci-builder-shell[b-1qb77nl3u6] { display: flex; flex-direction: column; gap: 12px; }

.ci-builder-body[b-1qb77nl3u6] {
    display: grid;
    grid-template-columns: 1fr 320px;
    gap: 16px;
}
@media (max-width: 960px) {
    .ci-builder-body[b-1qb77nl3u6] { grid-template-columns: 1fr; }
}

.ci-builder-main[b-1qb77nl3u6] { min-height: 480px; }

.ci-builder-footer[b-1qb77nl3u6] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 12px 16px;
    background: #ffffff;
    border-top: 1px solid #e2eaf5;
    position: sticky;
    bottom: 0;
    z-index: 10;
}

.ci-stepper[b-1qb77nl3u6] {
    display: flex;
    align-items: center;
    background: #ffffff;
    border-radius: 12px;
    padding: 12px 16px;
    box-shadow: 0 4px 28px rgba(0, 0, 0, .06);
    overflow-x: auto;
}

.ci-step[b-1qb77nl3u6] {
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 6px 10px;
    border-radius: 8px;
    color: #647d96;
    white-space: nowrap;
}

.ci-step-clickable[b-1qb77nl3u6] { cursor: pointer; }
.ci-step-clickable:hover[b-1qb77nl3u6] { background: #f5f8fc; }
.ci-step-active[b-1qb77nl3u6] { color: #006bb7; font-weight: 600; }
.ci-step-done[b-1qb77nl3u6] { color: #2e7d32; }

.ci-step-num[b-1qb77nl3u6] {
    width: 28px;
    height: 28px;
    border-radius: 50%;
    background: #e2eaf5;
    color: #647d96;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 700;
    font-size: 13px;
}
.ci-step-active .ci-step-num[b-1qb77nl3u6] { background: #006bb7; color: #ffffff; }
.ci-step-done .ci-step-num[b-1qb77nl3u6] { background: #2e7d32; color: #ffffff; }

.ci-step-sep[b-1qb77nl3u6] {
    flex: 1;
    height: 2px;
    background: #e2eaf5;
    margin: 0 4px;
}

.ci-step-label[b-1qb77nl3u6] { font-size: 13px; }

.ci-summary[b-1qb77nl3u6] {
    background: #ffffff;
    border-radius: 12px;
    padding: 16px;
    box-shadow: 0 4px 28px rgba(0, 0, 0, .06);
    position: sticky;
    top: 16px;
}

.ci-summary-title[b-1qb77nl3u6] { font-weight: 700; color: #0c1a28; margin-bottom: 12px; }
.ci-summary-block[b-1qb77nl3u6] { margin-bottom: 10px; }
.ci-summary-label[b-1qb77nl3u6] {
    font-size: 11px;
    color: #647d96;
    text-transform: uppercase;
    letter-spacing: .04em;
}
.ci-summary-value[b-1qb77nl3u6] { font-size: 13px; color: #0c1a28; word-break: break-word; }

.ci-summary-row[b-1qb77nl3u6] { display: flex; flex-wrap: wrap; gap: 6px; margin: 8px 0; }

.ci-summary-chip[b-1qb77nl3u6] {
    font-size: 11px;
    padding: 3px 8px;
    border-radius: 99px;
    background: #f5f8fc;
    color: #0c1a28;
}
.ci-chip-ok[b-1qb77nl3u6] { background: #e8f5e9; color: #2e7d32; }
.ci-chip-danger[b-1qb77nl3u6] { background: #ffebee; color: #c62828; }
.ci-chip-warn[b-1qb77nl3u6] { background: #fff8e1; color: #f57f17; }
.ci-chip-mute[b-1qb77nl3u6] { background: #f5f8fc; color: #647d96; }

.ci-summary-status[b-1qb77nl3u6] { font-size: 12px; color: #647d96; margin-top: 8px; }

.ci-summary-note[b-1qb77nl3u6] {
    margin-top: 12px;
    padding: 8px;
    background: #f5f8fc;
    border-radius: 8px;
    font-size: 11px;
    color: #647d96;
}

.ci-preview[b-1qb77nl3u6] { background: #ffffff; }

.ci-prev-grid[b-1qb77nl3u6] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 8px 16px;
    font-size: 13px;
}
.ci-prev-full[b-1qb77nl3u6] { grid-column: 1 / -1; }

.ci-prev-temas[b-1qb77nl3u6] { margin: 0; padding-left: 20px; }
.ci-prev-temas li[b-1qb77nl3u6] { margin-bottom: 4px; }
/* /Components/Pages/Cursos/ContenidosTematicos/VistaPrevia.razor.rz.scp.css */
/* ════════════════════════════════════════════════════════════════════
   VISTA PREVIA — Contenido Temático
   Patrón visual SIAC alineado a PlantelesABC
   ════════════════════════════════════════════════════════════════════ */

.preview-shell[b-rh7e9xn4rk] {
    max-width: 1280px;
    margin: 0 auto;
    padding: 12px 16px 28px;
}

/* ───────────────────── HERO / Cabecera ejecutiva ───────────────────── */
.preview-hero[b-rh7e9xn4rk] {
    border-radius: 16px;
    border: 1px solid rgba(26, 68, 104, 0.18);
    padding: 22px 24px;
    margin-bottom: 16px;
    background:
        radial-gradient(circle at 8% 18%, rgba(80, 156, 210, 0.18), transparent 36%),
        radial-gradient(circle at 88% 24%, rgba(129, 198, 157, 0.13), transparent 32%),
        linear-gradient(120deg, #f6fbff 0%, #eef5ff 55%, #f3fbf6 100%);
    box-shadow: 0 4px 18px rgba(13, 42, 67, 0.06);
}

.preview-hero-head[b-rh7e9xn4rk] {
    display: flex;
    flex-wrap: wrap;
    gap: 16px;
    align-items: flex-start;
    justify-content: space-between;
}

.preview-hero-info[b-rh7e9xn4rk] {
    flex: 1 1 480px;
    min-width: 0;
}

.preview-eyebrow[b-rh7e9xn4rk] {
    text-transform: uppercase;
    letter-spacing: 0.12em;
    font-size: 0.72rem;
    font-weight: 700;
    color: #2a6f9a;
    margin-bottom: 6px;
}

.preview-title[b-rh7e9xn4rk] {
    font-weight: 800;
    color: #0f3257;
    letter-spacing: 0.005em;
    line-height: 1.15;
}

.preview-content-name[b-rh7e9xn4rk] {
    font-weight: 600;
    color: rgba(15, 50, 87, 0.84);
    margin-top: 4px;
    font-size: 1.05rem;
}

.preview-hero-chips[b-rh7e9xn4rk] {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    margin-top: 14px;
}

[b-rh7e9xn4rk] .preview-chip {
    border-radius: 999px;
    font-weight: 600;
    font-size: 0.78rem;
    border: 1px solid rgba(15, 50, 87, 0.14);
    background: #ffffff;
}

[b-rh7e9xn4rk] .preview-chip.status-pendiente   { background: #fff8e1; border-color: #ffe082; color: #8a6d00; }
[b-rh7e9xn4rk] .preview-chip.status-revision    { background: #e3f2fd; border-color: #90caf9; color: #0d47a1; }
[b-rh7e9xn4rk] .preview-chip.status-validacion  { background: #ede7f6; border-color: #b39ddb; color: #4527a0; }
[b-rh7e9xn4rk] .preview-chip.status-aprobacion  { background: #fff3e0; border-color: #ffcc80; color: #b25400; }
[b-rh7e9xn4rk] .preview-chip.status-autorizado  { background: #e8f5e9; border-color: #a5d6a7; color: #1b5e20; }
[b-rh7e9xn4rk] .preview-chip.status-rechazado   { background: #ffebee; border-color: #ef9a9a; color: #b71c1c; }

.preview-action-bar[b-rh7e9xn4rk] {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    align-items: center;
    justify-content: flex-end;
    flex: 0 1 auto;
}

[b-rh7e9xn4rk] .preview-btn {
    border-radius: 10px;
    font-weight: 600;
    letter-spacing: 0.01em;
    text-transform: none;
}

[b-rh7e9xn4rk] .preview-btn-edit {
    border-color: rgba(15, 50, 87, 0.32);
    color: #0f3257;
}

[b-rh7e9xn4rk] .preview-btn-edit:hover {
    background-color: rgba(15, 50, 87, 0.06);
    border-color: rgba(15, 50, 87, 0.55);
}

[b-rh7e9xn4rk] .preview-btn-pdf {
    background-color: #2e7d32;
    color: #ffffff;
}

[b-rh7e9xn4rk] .preview-btn-pdf:hover {
    background-color: #1b5e20;
}

/* ───────────────────── Secciones / Cards ───────────────────── */
.preview-section-card[b-rh7e9xn4rk] {
    position: relative;
    border-radius: 14px;
    border: 1px solid rgba(19, 59, 91, 0.12);
    background: linear-gradient(180deg, #ffffff 0%, #fbfdff 100%);
    padding: 20px 22px;
    margin-bottom: 16px;
    box-shadow: 0 2px 10px rgba(13, 42, 67, 0.04);
}

.preview-section-card[b-rh7e9xn4rk]::before {
    content: "";
    position: absolute;
    top: 14px;
    bottom: 14px;
    left: 0;
    width: 4px;
    border-radius: 4px;
    background: linear-gradient(180deg, #1d4ed8 0%, #22c55e 100%);
}

.preview-section-card.accent-offer[b-rh7e9xn4rk]::before  { background: linear-gradient(180deg, #1d4ed8 0%, #38bdf8 100%); }
.preview-section-card.accent-data[b-rh7e9xn4rk]::before   { background: linear-gradient(180deg, #6d28d9 0%, #38bdf8 100%); }
.preview-section-card.accent-topics[b-rh7e9xn4rk]::before { background: linear-gradient(180deg, #0f766e 0%, #22c55e 100%); }
.preview-section-card.accent-review[b-rh7e9xn4rk]::before { background: linear-gradient(180deg, #b45309 0%, #f59e0b 100%); }

.preview-section-head[b-rh7e9xn4rk] {
    display: flex;
    align-items: center;
    gap: 10px;
    margin-bottom: 14px;
    padding-bottom: 10px;
    border-bottom: 1px solid rgba(19, 59, 91, 0.08);
}

.preview-section-icon[b-rh7e9xn4rk] {
    width: 32px;
    height: 32px;
    border-radius: 9px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background: linear-gradient(145deg, #e8f1fb 0%, #f4f8fd 100%);
    color: #0f3257;
}

.preview-section-title[b-rh7e9xn4rk] {
    font-weight: 700;
    color: #12395c;
    letter-spacing: 0.01em;
    font-size: 1.02rem;
}

.preview-section-sub[b-rh7e9xn4rk] {
    color: rgba(18, 57, 92, 0.7);
    font-size: 0.82rem;
}

/* ───────────────────── Grid de datos ───────────────────── */
.preview-data-item[b-rh7e9xn4rk] {
    display: flex;
    flex-direction: column;
    gap: 4px;
    padding: 12px 14px;
    border-radius: 10px;
    border: 1px solid rgba(19, 59, 91, 0.09);
    background: #ffffff;
    height: 100%;
}

.preview-data-item.is-emphasis[b-rh7e9xn4rk] {
    background: linear-gradient(145deg, #f4f9ff 0%, #fbfdff 100%);
    border-color: rgba(29, 78, 216, 0.22);
}

.preview-data-label[b-rh7e9xn4rk] {
    font-size: 0.72rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.06em;
    color: rgba(18, 57, 92, 0.62);
}

.preview-data-value[b-rh7e9xn4rk] {
    color: #0f172a;
    font-size: 0.94rem;
    line-height: 1.45;
    white-space: pre-wrap;
    word-break: break-word;
}

.preview-data-value.is-strong[b-rh7e9xn4rk] {
    font-weight: 700;
    font-size: 1.02rem;
    color: #0f3257;
}

.preview-data-value.is-muted[b-rh7e9xn4rk] {
    color: rgba(15, 50, 87, 0.55);
    font-style: italic;
}

.preview-block[b-rh7e9xn4rk] {
    padding: 14px 16px;
    border-radius: 11px;
    border: 1px solid rgba(19, 59, 91, 0.09);
    background: #ffffff;
}

/* ───────────────────── Temas / Subtemas ───────────────────── */
.preview-topic-card[b-rh7e9xn4rk] {
    border-radius: 13px;
    border: 1px solid rgba(19, 59, 91, 0.12);
    background: linear-gradient(180deg, #ffffff 0%, #fafdff 100%);
    margin-bottom: 14px;
    overflow: hidden;
    transition: box-shadow 0.18s ease, transform 0.18s ease;
}

.preview-topic-card:hover[b-rh7e9xn4rk] {
    box-shadow: 0 8px 22px rgba(13, 42, 67, 0.08);
    transform: translateY(-1px);
}

.preview-topic-header[b-rh7e9xn4rk] {
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 12px 16px;
    background: linear-gradient(90deg, #0f3257 0%, #1e4f86 100%);
    color: #ffffff;
}

.preview-topic-index[b-rh7e9xn4rk] {
    width: 32px;
    height: 32px;
    border-radius: 9px;
    background: rgba(255, 255, 255, 0.18);
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-weight: 800;
    font-size: 0.92rem;
}

.preview-topic-name[b-rh7e9xn4rk] {
    flex: 1 1 auto;
    font-weight: 700;
    font-size: 1rem;
    letter-spacing: 0.005em;
}

.preview-topic-duration[b-rh7e9xn4rk] {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 4px 10px;
    background: rgba(255, 255, 255, 0.16);
    border: 1px solid rgba(255, 255, 255, 0.22);
    border-radius: 999px;
    font-weight: 700;
    font-size: 0.78rem;
}

.preview-topic-body[b-rh7e9xn4rk] {
    padding: 14px 16px 16px;
}

.preview-subtopic-list[b-rh7e9xn4rk] {
    display: flex;
    flex-direction: column;
    gap: 6px;
    margin-bottom: 12px;
}

.preview-subtopic-row[b-rh7e9xn4rk] {
    display: flex;
    gap: 12px;
    align-items: flex-start;
    padding: 10px 12px;
    border-radius: 9px;
    background: #f8fbff;
    border: 1px solid rgba(19, 59, 91, 0.08);
}

.preview-subtopic-row:nth-child(even)[b-rh7e9xn4rk] {
    background: #ffffff;
}

.preview-subtopic-tag[b-rh7e9xn4rk] {
    flex-shrink: 0;
    font-weight: 700;
    color: #0f3257;
    background: #e3f2fd;
    border: 1px solid #90caf9;
    border-radius: 6px;
    padding: 2px 8px;
    font-size: 0.74rem;
    text-transform: uppercase;
    letter-spacing: 0.04em;
}

.preview-subtopic-text[b-rh7e9xn4rk] {
    color: #1f2a44;
    font-size: 0.92rem;
    line-height: 1.45;
}

.preview-resources[b-rh7e9xn4rk] {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 10px;
    margin-top: 10px;
}

.preview-resource[b-rh7e9xn4rk] {
    padding: 10px 12px;
    border-radius: 10px;
    border: 1px solid rgba(19, 59, 91, 0.1);
    background: #fcfeff;
    display: flex;
    flex-direction: column;
    gap: 4px;
}

.preview-resource-label[b-rh7e9xn4rk] {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    font-size: 0.72rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.06em;
    color: rgba(18, 57, 92, 0.7);
}

.preview-resource-value[b-rh7e9xn4rk] {
    color: #1f2a44;
    font-size: 0.88rem;
    line-height: 1.4;
}

.preview-resource-value.is-empty[b-rh7e9xn4rk] {
    color: rgba(15, 50, 87, 0.48);
    font-style: italic;
    font-size: 0.82rem;
}

/* ───────────────────── Empty states ───────────────────── */
.preview-empty[b-rh7e9xn4rk] {
    padding: 14px 16px;
    border-radius: 10px;
    border: 1px dashed rgba(19, 59, 91, 0.2);
    background: linear-gradient(180deg, rgba(240, 248, 255, 0.6) 0%, rgba(250, 252, 255, 0.95) 100%);
    color: rgba(15, 50, 87, 0.65);
    font-size: 0.86rem;
    text-align: center;
}

.preview-empty.compact[b-rh7e9xn4rk] {
    padding: 8px 12px;
    font-size: 0.8rem;
    text-align: left;
}

/* ───────────────────── Tablas premium (zebra) ───────────────────── */
[b-rh7e9xn4rk] .siac-zebra-table {
    border-radius: 12px;
    border: 1px solid rgba(19, 59, 91, 0.1);
    overflow: hidden;
    background: #ffffff;
}

[b-rh7e9xn4rk] .siac-zebra-table .mud-table-cell {
    padding-top: 10px;
    padding-bottom: 10px;
    border-bottom: 1px solid rgba(17, 52, 81, 0.07);
    vertical-align: middle;
    font-size: 0.88rem;
}

[b-rh7e9xn4rk] .siac-zebra-table .mud-table-head .mud-table-cell {
    font-size: 0.74rem;
    font-weight: 700;
    letter-spacing: 0.06em;
    color: rgba(22, 54, 80, 0.82);
    text-transform: uppercase;
    background: linear-gradient(180deg, #f4f9ff 0%, #eaf2fc 100%);
    border-bottom: 1px solid rgba(19, 59, 91, 0.14);
}

[b-rh7e9xn4rk] .siac-zebra-table .mud-table-container table tbody tr:nth-child(even) {
    background-color: rgba(15, 50, 87, 0.025);
}

[b-rh7e9xn4rk] .siac-zebra-table .mud-table-container table tbody tr {
    transition: background-color 0.14s ease;
}

[b-rh7e9xn4rk] .siac-zebra-table .mud-table-container table tbody tr:hover {
    background-color: color-mix(in srgb, #1d4ed8 7%, transparent) !important;
}

/* ───────────────────── Revisión / Aprobación ───────────────────── */
.preview-review-grid[b-rh7e9xn4rk] {
    display: grid;
    grid-template-columns: minmax(0, 2fr) minmax(0, 1fr);
    gap: 16px;
}

/* Modo preview: solo lectura — sin panel de acción, ancho completo. */
.preview-review-grid.is-preview[b-rh7e9xn4rk] {
    grid-template-columns: 1fr;
}

.preview-status-panel[b-rh7e9xn4rk] {
    border-radius: 12px;
    border: 1px solid rgba(19, 59, 91, 0.12);
    background: linear-gradient(180deg, #ffffff 0%, #f7fbff 100%);
    padding: 16px;
    display: flex;
    flex-direction: column;
    gap: 12px;
    height: 100%;
}

.preview-status-current[b-rh7e9xn4rk] {
    display: flex;
    flex-direction: column;
    gap: 6px;
}

.preview-status-current-label[b-rh7e9xn4rk] {
    font-size: 0.72rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.06em;
    color: rgba(18, 57, 92, 0.62);
}

[b-rh7e9xn4rk] .preview-status-chip {
    align-self: flex-start;
    border-radius: 999px;
    font-weight: 700;
    font-size: 0.82rem;
    padding: 4px 14px;
}

.preview-history-title[b-rh7e9xn4rk] {
    margin-top: 16px;
    margin-bottom: 8px;
    display: flex;
    align-items: center;
    gap: 8px;
    font-weight: 700;
    color: #12395c;
    font-size: 0.92rem;
    letter-spacing: 0.02em;
}

/* ───────────────────── Responsive ───────────────────── */
@media (max-width: 960px) {
    .preview-shell[b-rh7e9xn4rk] { padding: 8px 10px 22px; }

    .preview-hero[b-rh7e9xn4rk] { padding: 18px; }

    .preview-action-bar[b-rh7e9xn4rk] {
        width: 100%;
        justify-content: stretch;
    }

    .preview-action-bar > *[b-rh7e9xn4rk] { flex: 1 1 auto; }

    .preview-section-card[b-rh7e9xn4rk] { padding: 16px; }

    .preview-resources[b-rh7e9xn4rk] { grid-template-columns: 1fr; }

    .preview-review-grid[b-rh7e9xn4rk] { grid-template-columns: 1fr; }

    .preview-topic-header[b-rh7e9xn4rk] {
        flex-wrap: wrap;
        gap: 8px;
    }
}

@media (max-width: 600px) {
    .preview-title[b-rh7e9xn4rk] { font-size: 1.4rem !important; }
}

/* ───────────────────── Dark mode ───────────────────── */
[b-rh7e9xn4rk] .mud-theme-dark .preview-hero,
[b-rh7e9xn4rk] .mud-theme-dark .preview-section-card,
[b-rh7e9xn4rk] .mud-theme-dark .preview-data-item,
[b-rh7e9xn4rk] .mud-theme-dark .preview-block,
[b-rh7e9xn4rk] .mud-theme-dark .preview-topic-card,
[b-rh7e9xn4rk] .mud-theme-dark .preview-resource,
[b-rh7e9xn4rk] .mud-theme-dark .preview-status-panel,
[b-rh7e9xn4rk] .mud-theme-dark .siac-zebra-table {
    border-color: rgba(205, 220, 240, 0.14);
    background: linear-gradient(180deg, rgba(28, 40, 55, 0.92) 0%, rgba(24, 34, 46, 0.92) 100%);
    color: rgba(233, 241, 249, 0.92);
}

[b-rh7e9xn4rk] .mud-theme-dark .preview-title,
[b-rh7e9xn4rk] .mud-theme-dark .preview-section-title,
[b-rh7e9xn4rk] .mud-theme-dark .preview-data-value,
[b-rh7e9xn4rk] .mud-theme-dark .preview-subtopic-text,
[b-rh7e9xn4rk] .mud-theme-dark .preview-resource-value,
[b-rh7e9xn4rk] .mud-theme-dark .preview-content-name {
    color: rgba(233, 241, 249, 0.94);
}

[b-rh7e9xn4rk] .mud-theme-dark .preview-data-label,
[b-rh7e9xn4rk] .mud-theme-dark .preview-resource-label,
[b-rh7e9xn4rk] .mud-theme-dark .preview-status-current-label,
[b-rh7e9xn4rk] .mud-theme-dark .preview-eyebrow,
[b-rh7e9xn4rk] .mud-theme-dark .preview-section-sub {
    color: rgba(180, 205, 230, 0.78);
}

[b-rh7e9xn4rk] .mud-theme-dark .siac-zebra-table .mud-table-head .mud-table-cell {
    background: linear-gradient(180deg, rgba(40, 56, 76, 0.92) 0%, rgba(30, 44, 62, 0.92) 100%);
    color: rgba(220, 232, 245, 0.9);
}

[b-rh7e9xn4rk] .mud-theme-dark .siac-zebra-table .mud-table-container table tbody tr:nth-child(even) {
    background-color: rgba(220, 232, 245, 0.04);
}
/* /Components/Pages/DerechosARCO/DerechosArcoABC.razor.rz.scp.css */
/* ─────────────────────────────────────────────
   SHELL
───────────────────────────────────────────── */
.arco-shell[b-l6ieyivw1e] {
    max-width: 1320px;
    margin: 0 auto;
    padding: 0 10px 16px;
}

.arco-section[b-l6ieyivw1e] {
    margin-bottom: 10px;
}

/* ─────────────────────────────────────────────
   HEADER
───────────────────────────────────────────── */
.arco-header[b-l6ieyivw1e] {
    border-radius: 12px;
    border: 1px solid rgba(46, 69, 90, 0.18);
    background:
        radial-gradient(circle at 8% 20%, rgba(15, 80, 140, 0.11), transparent 36%),
        radial-gradient(circle at 88% 25%, rgba(13, 139, 115, 0.08), transparent 34%),
        linear-gradient(120deg, #f8fafc 0%, #eef3f9 52%, #f7fafe 100%);
}

.arco-header-badge[b-l6ieyivw1e] {
    display: inline-block;
    font-size: 0.72rem;
    font-weight: 700;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    color: #1a5c8a;
    background: rgba(26, 92, 138, 0.1);
    border: 1px solid rgba(26, 92, 138, 0.2);
    border-radius: 20px;
    padding: 2px 10px;
    margin-bottom: 6px;
}

.arco-header-title[b-l6ieyivw1e] {
    color: #11314d !important;
    font-weight: 800 !important;
    letter-spacing: -0.01em;
    line-height: 1.1;
}

.arco-header-subtitle[b-l6ieyivw1e] {
    color: rgba(17, 49, 77, 0.74) !important;
    margin-top: 2px;
}

.arco-header-actions[b-l6ieyivw1e] {
    flex-wrap: wrap;
}

.arco-primary-btn[b-l6ieyivw1e] {
    font-weight: 600;
}

/* ─────────────────────────────────────────────
   KPI CARDS  —  paleta azul/teal coherente
───────────────────────────────────────────── */
.arco-kpi[b-l6ieyivw1e] {
    border-radius: 11px;
    border: 1px solid rgba(36, 58, 79, 0.13);
    padding: 14px 16px;
    min-height: 78px;
    transition: transform 0.16s ease, box-shadow 0.16s ease;
}

.arco-kpi-clickable[b-l6ieyivw1e] {
    cursor: pointer;
}

.arco-kpi:hover[b-l6ieyivw1e] {
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(13, 42, 67, 0.09);
}

.arco-kpi-active[b-l6ieyivw1e] {
    box-shadow: 0 0 0 2px rgba(23, 78, 126, 0.28), 0 8px 16px rgba(13, 42, 67, 0.09);
}

/* Franja de color izquierda — semántica */
.arco-kpi-total[b-l6ieyivw1e]    { border-left: 4px solid #305a88; background: linear-gradient(135deg, #f4f8fd 0%, #fbfdff 100%); }
.arco-kpi-resolved[b-l6ieyivw1e] { border-left: 4px solid #1f8b63; background: linear-gradient(135deg, #f1fbf7 0%, #fbfffd 100%); }
.arco-kpi-pending[b-l6ieyivw1e]  { border-left: 4px solid #b5771e; background: linear-gradient(135deg, #fff8ef 0%, #fffdf8 100%); }

.arco-kpi-number[b-l6ieyivw1e] {
    font-weight: 800 !important;
    color: #112f4b !important;
    line-height: 1.1;
    font-size: 1.7rem !important;
}

.arco-kpi-label[b-l6ieyivw1e] {
    color: rgba(17, 47, 75, 0.68) !important;
    margin-top: 1px;
    font-size: 0.78rem !important;
}

/* Avatares — colores custom para gama azul unificada */
[b-l6ieyivw1e] .arco-kpi-avatar {
    flex-shrink: 0;
}

[b-l6ieyivw1e] .arco-kpi-avatar-total {
    background-color: #305a88 !important;
    color: #fff !important;
}

[b-l6ieyivw1e] .arco-kpi-avatar-resolved {
    background-color: #1f8b63 !important;
    color: #fff !important;
}

[b-l6ieyivw1e] .arco-kpi-avatar-pending {
    background-color: #b5771e !important;
    color: #fff !important;
}

/* ─────────────────────────────────────────────
   FILTROS
───────────────────────────────────────────── */
.arco-filters-card[b-l6ieyivw1e] {
    border-radius: 11px;
    border: 1px solid rgba(36, 58, 79, 0.12);
    overflow: hidden;
}

/* Cabecera del panel: fondo ligeramente tintado, borde inferior separador */
.arco-filters-header[b-l6ieyivw1e] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    padding: 8px 12px;
    background: linear-gradient(180deg, #f5f8fc 0%, #fafcff 100%);
    border-bottom: 1px solid rgba(36, 58, 79, 0.1);
}

.arco-filters-header-left[b-l6ieyivw1e] {
    display: flex;
    align-items: center;
    gap: 6px;
}

.arco-filters-header-right[b-l6ieyivw1e] {
    display: flex;
    align-items: center;
    gap: 8px;
}

.arco-filters-icon[b-l6ieyivw1e] {
    color: #1a5c8a;
    font-size: 1.1rem;
}

.arco-filters-title[b-l6ieyivw1e] {
    color: #133450 !important;
    font-weight: 600 !important;
    font-size: 0.8rem !important;
}

/* Cuerpo de filtros: flex wrap */
.arco-filters-body[b-l6ieyivw1e] {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
    gap: 8px;
    padding: 10px 12px;
}

/* Campo de búsqueda: ocupa espacio disponible */
.arco-filter-search[b-l6ieyivw1e] {
    flex: 1 1 240px;
    min-width: 220px;
}

/* Cada unidad (select + switch): columna compacta */
.arco-filter-unit[b-l6ieyivw1e] {
    flex: 0 1 180px;
    display: flex;
    flex-direction: column;
    gap: 0;
}

/* Switch "Todos" pegado al select, sin exceso de padding */
[b-l6ieyivw1e] .arco-filter-toggle {
    margin-top: -2px;
    height: 30px;
}

[b-l6ieyivw1e] .arco-filter-toggle .mud-switch-base {
    padding: 4px;
}

[b-l6ieyivw1e] .arco-filter-toggle .mud-form-control-label-text {
    font-size: 0.77rem;
    color: rgba(14, 52, 86, 0.72);
}

/* ─────────────────────────────────────────────
   PANEL DE RESULTADOS
───────────────────────────────────────────── */
.arco-results-panel[b-l6ieyivw1e] {
    border-radius: 11px;
    border: 1px solid rgba(36, 58, 79, 0.11);
    background: linear-gradient(180deg, #ffffff 0%, #fbfdff 100%);
    padding: 10px;
}

.arco-state-wrap[b-l6ieyivw1e] {
    padding: 8px 4px 12px;
}

/* ─────────────────────────────────────────────
   ESTADO VACÍO / HINT
───────────────────────────────────────────── */
.arco-empty-hint[b-l6ieyivw1e] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    min-height: 170px;
    padding: 22px 18px;
    text-align: center;
    border-radius: 10px;
    border: 1px dashed rgba(26, 92, 138, 0.22);
    background: linear-gradient(180deg, rgba(240, 248, 255, 0.6) 0%, rgba(250, 253, 255, 0.9) 100%);
}

.arco-hint-icon[b-l6ieyivw1e] {
    color: #1a5c8a !important;
    margin-bottom: 10px;
}

.arco-hint-title[b-l6ieyivw1e] {
    font-weight: 700 !important;
    color: #0e3456 !important;
    margin-bottom: 6px;
}

.arco-hint-subtitle[b-l6ieyivw1e] {
    color: rgba(14, 52, 86, 0.68) !important;
    max-width: 360px;
}

/* ─────────────────────────────────────────────
   TABLA
───────────────────────────────────────────── */
[b-l6ieyivw1e] .arco-table {
    border-radius: 9px;
    border: 1px solid rgba(36, 58, 79, 0.11);
    overflow: hidden;
}

[b-l6ieyivw1e] .arco-table .mud-table-cell {
    padding-top: 7px;
    padding-bottom: 7px;
    border-bottom: 1px solid rgba(17, 52, 81, 0.07);
    vertical-align: middle;
}

[b-l6ieyivw1e] .arco-table .mud-table-head .mud-table-cell {
    font-size: 0.7rem;
    font-weight: 700;
    letter-spacing: 0.05em;
    text-transform: uppercase;
    color: rgba(14, 52, 86, 0.72);
    background: linear-gradient(180deg, #f5f9ff 0%, #f0f6ff 100%);
}

[b-l6ieyivw1e] .arco-table .mud-table-container table tbody tr {
    transition: background-color 0.13s ease;
}

[b-l6ieyivw1e] .arco-table .mud-table-container table tbody tr:nth-child(even) {
    background-color: rgba(240, 248, 255, 0.45);
}

[b-l6ieyivw1e] .arco-table .mud-table-container table tbody tr:hover {
    background-color: rgba(32, 73, 108, 0.045) !important;
}

/* ─────────────────────────────────────────────
   UTILIDADES DE CELDA
───────────────────────────────────────────── */
[b-l6ieyivw1e] .arco-cell-name {
    font-weight: 600 !important;
    color: #0e3456 !important;
    font-size: 0.88rem !important;
}

[b-l6ieyivw1e] .arco-cell-secondary {
    color: rgba(14, 52, 86, 0.72) !important;
    font-size: 0.8rem !important;
}

[b-l6ieyivw1e] .arco-cell-date {
    color: rgba(14, 52, 86, 0.60) !important;
}

[b-l6ieyivw1e] .arco-row-action {
    border-radius: 8px;
    border-color: rgba(40, 73, 102, 0.25) !important;
    background: #f7fafc !important;
}

[b-l6ieyivw1e] .arco-row-action:hover {
    background-color: #eef3f8 !important;
    border-color: rgba(40, 73, 102, 0.35) !important;
}

/* ─────────────────────────────────────────────
   SKELETON
───────────────────────────────────────────── */
.arco-skeleton-row[b-l6ieyivw1e] {
    border-radius: 8px;
}

/* ─────────────────────────────────────────────
   CARDS MOBILE
───────────────────────────────────────────── */
.arco-mobile-card[b-l6ieyivw1e] {
    border-radius: 10px;
    border: 1px solid rgba(36, 58, 79, 0.12);
    background: linear-gradient(180deg, #ffffff 0%, #f8fbff 100%);
    transition: transform 0.15s ease, box-shadow 0.15s ease;
}

.arco-mobile-card:hover[b-l6ieyivw1e] {
    transform: translateY(-1px);
    box-shadow: 0 7px 14px rgba(13, 42, 67, 0.07);
}

.arco-mobile-label[b-l6ieyivw1e] {
    font-size: 0.72rem !important;
    font-weight: 600 !important;
    letter-spacing: 0.04em;
    text-transform: uppercase;
    color: rgba(14, 52, 86, 0.55) !important;
}

/* ─────────────────────────────────────────────
   PAGINACIÓN
───────────────────────────────────────────── */
.arco-pager[b-l6ieyivw1e] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: 6px;
    padding: 2px 2px 0;
}

.arco-pager-label[b-l6ieyivw1e] {
    color: rgba(14, 52, 86, 0.65) !important;
}

.arco-pager-range[b-l6ieyivw1e] {
    color: rgba(14, 52, 86, 0.65) !important;
}

.arco-page-size[b-l6ieyivw1e] {
    width: 88px;
}

/* ─────────────────────────────────────────────
   RESPONSIVE
───────────────────────────────────────────── */
@media (max-width: 959px) {
    .arco-shell[b-l6ieyivw1e] {
        padding: 0 10px 18px;
    }

    .arco-header-title[b-l6ieyivw1e] {
        font-size: 1.6rem;
    }
}

@media (max-width: 768px) {
    .arco-filter-unit[b-l6ieyivw1e] {
        flex: 1 1 140px;
    }
}

@media (max-width: 575px) {
    .arco-filter-search[b-l6ieyivw1e],
    .arco-filter-unit[b-l6ieyivw1e] {
        flex: 1 1 100%;
    }

    .arco-filters-header[b-l6ieyivw1e] {
        flex-direction: column;
        align-items: flex-start;
        gap: 8px;
    }

    .arco-filters-header-right[b-l6ieyivw1e] {
        width: 100%;
        justify-content: flex-end;
    }

    .arco-pager[b-l6ieyivw1e] {
        justify-content: center;
    }
}
/* /Components/Pages/DerechosARCO/HistoricoCambiosDerechosARCO.razor.rz.scp.css */
.catalog-shell[b-ru2bxi5rsj] {
    max-width: 1320px;
    margin: 0 auto;
    padding: 0 10px 14px;
}

.catalog-section[b-ru2bxi5rsj] {
    margin-bottom: 10px;
}

[b-ru2bxi5rsj] .header-surface {
    border-radius: 12px;
    border: 1px solid rgba(26, 68, 104, 0.16);
    background:
        radial-gradient(circle at 10% 18%, rgba(80, 156, 210, 0.16), transparent 34%),
        radial-gradient(circle at 86% 30%, rgba(129, 198, 157, 0.13), transparent 30%),
        linear-gradient(120deg, #f9fcff 0%, #f4f9ff 52%, #f7fcfb 100%);
}

[b-ru2bxi5rsj] .header-title {
    color: #12395c;
    font-weight: 800;
    line-height: 1.1;
}

[b-ru2bxi5rsj] .header-subtitle {
    color: rgba(18, 57, 92, 0.72);
    margin-top: 2px;
}

.header-actions-wrap[b-ru2bxi5rsj] {
    min-height: 100%;
}

.header-pdf-btn[b-ru2bxi5rsj] {
    min-width: 136px;
    height: 36px;
    border-radius: 9px;
    font-weight: 600;
}

[b-ru2bxi5rsj] .kpi-card {
    border-radius: 11px;
    border: 1px solid rgba(19, 59, 91, 0.12);
    padding: 10px 12px;
}

[b-ru2bxi5rsj] .kpi-total {
    background: linear-gradient(145deg, #f1f7ff 0%, #f8fbff 100%);
}

[b-ru2bxi5rsj] .kpi-active {
    background: linear-gradient(145deg, #f0fcf5 0%, #f8fdf9 100%);
}

[b-ru2bxi5rsj] .kpi-inactive {
    background: linear-gradient(145deg, #f7f8fb 0%, #fcfcfe 100%);
}

[b-ru2bxi5rsj] .kpi-number {
    font-weight: 800;
    color: #143955;
    line-height: 1.1;
    font-size: 1.5rem !important;
}

[b-ru2bxi5rsj] .kpi-text {
    color: rgba(20, 57, 85, 0.74);
    font-size: 0.74rem !important;
}

[b-ru2bxi5rsj] .filters-surface {
    border-radius: 11px;
    border: 1px solid rgba(19, 59, 91, 0.1);
    background: linear-gradient(180deg, #ffffff 0%, #fbfdff 100%);
}

.filters-grid-main[b-ru2bxi5rsj] {
    align-items: start;
}

.filter-unit[b-ru2bxi5rsj] {
    display: flex;
    flex-direction: column;
}

[b-ru2bxi5rsj] .filter-check {
    margin-top: -3px;
    margin-left: 2px;
}

[b-ru2bxi5rsj] .filter-check .mud-form-control-label-text {
    font-size: 0.77rem;
    color: rgba(20, 57, 85, 0.72);
}

.filter-actions-wrap[b-ru2bxi5rsj] {
    display: flex;
    align-items: flex-end;
    justify-content: flex-end;
}

.filter-actions-stack[b-ru2bxi5rsj] {
    justify-content: flex-end;
    width: 100%;
}

.filter-btn[b-ru2bxi5rsj] {
    height: 38px;
    min-width: 104px;
    border-radius: 9px;
    font-weight: 600;
}

.catalog-panel[b-ru2bxi5rsj] {
    border-radius: 12px;
    border: 1px solid rgba(19, 59, 91, 0.1);
    background: linear-gradient(180deg, #ffffff 0%, #fcfdff 100%);
    padding: 10px;
}

.state-wrap[b-ru2bxi5rsj] {
    padding: 4px 3px 8px;
}

[b-ru2bxi5rsj] .historico-info-banner {
    margin-bottom: 0;
    border-radius: 9px;
    padding-top: 7px;
    padding-bottom: 7px;
    font-size: 0.84rem;
}

.empty-state[b-ru2bxi5rsj] {
    border-radius: 12px;
    text-align: center;
    border: 1px dashed rgba(19, 59, 91, 0.2);
    background: linear-gradient(180deg, rgba(240, 248, 255, 0.7) 0%, rgba(250, 252, 255, 0.95) 100%);
}

.empty-icon[b-ru2bxi5rsj] {
    color: #426f97;
}

.empty-title[b-ru2bxi5rsj] {
    font-weight: 700;
    color: #173f61;
}

.empty-subtitle[b-ru2bxi5rsj] {
    color: rgba(24, 56, 83, 0.72);
}

[b-ru2bxi5rsj] .catalog-mobile-card {
    border-radius: 12px;
    border: 1px solid rgba(19, 59, 91, 0.11);
    background: linear-gradient(180deg, #ffffff 0%, #f9fbff 100%);
}

[b-ru2bxi5rsj] .primary-name {
    font-weight: 700;
    font-size: 0.96rem;
    color: #163d5f;
}

[b-ru2bxi5rsj] .secondary-notes {
    color: rgba(24, 56, 83, 0.74);
    font-size: 0.86rem;
}

[b-ru2bxi5rsj] .date-muted {
    color: rgba(24, 56, 83, 0.62);
}

.pager-wrap[b-ru2bxi5rsj] {
    gap: 8px;
    flex-wrap: wrap;
    padding: 1px 2px 0;
}

.pager-caption[b-ru2bxi5rsj] {
    color: rgba(24, 56, 83, 0.68);
}

.page-size-select[b-ru2bxi5rsj] {
    width: 90px;
}

[b-ru2bxi5rsj] .catalog-table {
    border-radius: 12px;
    border: 1px solid rgba(19, 59, 91, 0.1);
    overflow: hidden;
}

[b-ru2bxi5rsj] .catalog-table .mud-table-cell {
    padding-top: 8px;
    padding-bottom: 8px;
    border-bottom: 1px solid rgba(17, 52, 81, 0.08);
    vertical-align: middle;
}

[b-ru2bxi5rsj] .catalog-table .mud-table-head .mud-table-cell {
    font-size: 0.78rem;
    font-weight: 700;
    letter-spacing: 0.04em;
    color: rgba(22, 54, 80, 0.8);
    text-transform: uppercase;
}

[b-ru2bxi5rsj] .catalog-table.zebra-soft .mud-table-container table tbody tr:nth-child(even) {
    background-color: color-mix(in srgb, currentColor 2.3%, transparent);
}

[b-ru2bxi5rsj] .catalog-table.zebra-soft .mud-table-container table tbody tr:hover {
    background-color: color-mix(in srgb, var(--mud-palette-primary) 8%, transparent) !important;
}

@media (max-width: 959px) {
    .catalog-shell[b-ru2bxi5rsj] {
        padding: 0 10px 16px;
    }

    [b-ru2bxi5rsj] .header-title {
        font-size: 1.55rem;
    }

    .filter-actions-wrap[b-ru2bxi5rsj] {
        justify-content: stretch;
    }

    .filter-actions-stack[b-ru2bxi5rsj] {
        justify-content: flex-start;
    }
}
/* /Components/Pages/EmpresaInstitucion/EmpresaInicial.razor.rz.scp.css */
.autoreg-shell[b-l9xnt8ydej] {
    border-radius: 16px;
    background: linear-gradient(180deg, #f8fbff 0%, #ffffff 100%);
    border: 1px solid rgba(19, 59, 91, 0.08);
}

.autoreg-hero[b-l9xnt8ydej] {
    border-radius: 14px;
    border: 1px solid rgba(27, 110, 194, 0.14);
    background: linear-gradient(110deg, #eaf2fc 0%, #f7fbff 55%, #eef8f3 100%);
}

.autoreg-hero-icon[b-l9xnt8ydej] {
    width: 56px;
    height: 56px;
    border-radius: 14px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: color-mix(in srgb, var(--tipo-color) 14%, white);
    border: 1px solid color-mix(in srgb, var(--tipo-color) 28%, white);
}

.autoreg-hero-title[b-l9xnt8ydej] {
    font-weight: 800;
    letter-spacing: -0.3px;
    color: #153b5d;
}

.autoreg-hero-subtitle[b-l9xnt8ydej] {
    font-weight: 600;
    color: rgba(21, 59, 93, 0.76);
}

.autoreg-stepper-wrap[b-l9xnt8ydej] {
    border-radius: 14px;
    border: 1px solid rgba(19, 59, 91, 0.08);
    background: #fff;
}

.autoreg-mobile-step-summary[b-l9xnt8ydej] {
    display: none;
    border: 1px solid rgba(19, 59, 91, 0.10);
    border-radius: 12px;
    background: linear-gradient(180deg, #f8fbff 0%, #ffffff 100%);
}

.autoreg-mobile-step-counter[b-l9xnt8ydej] {
    font-weight: 700;
    letter-spacing: 0.02em;
    color: rgba(21, 59, 93, 0.72);
}

.autoreg-mobile-step-title[b-l9xnt8ydej] {
    font-weight: 700;
    color: #153b5d;
}

[b-l9xnt8ydej] .autoreg-stepper .mud-stepper {
    background: transparent;
}

[b-l9xnt8ydej] .autoreg-stepper .mud-stepper-header {
    border-bottom: 2px solid rgba(19, 59, 91, 0.09);
    padding-bottom: 8px;
}

[b-l9xnt8ydej] .autoreg-stepper .mud-step-label {
    font-weight: 700;
}

[b-l9xnt8ydej] .autoreg-stepper .mud-step-label-active {
    color: #1b6ec2;
}

[b-l9xnt8ydej] .autoreg-stepper .mud-stepper-content {
    padding-top: 14px;
}

[b-l9xnt8ydej] .autoreg-stepper .mud-card {
    border-radius: 12px;
    border: 1px solid rgba(19, 59, 91, 0.10);
    box-shadow: none;
}

[b-l9xnt8ydej] .autoreg-stepper .mud-card-header {
    border-bottom: 1px solid rgba(19, 59, 91, 0.09);
    background: linear-gradient(135deg, #f4f9ff 0%, #fbfdff 100%);
}

[b-l9xnt8ydej] .autoreg-stepper .mud-card-content {
    padding: 20px;
}

[b-l9xnt8ydej] .autoreg-stepper .mud-input-outlined .mud-input-outlined-border {
    border-color: rgba(19, 59, 91, 0.24);
}

[b-l9xnt8ydej] .autoreg-stepper .mud-button-filled {
    border-radius: 9px;
}

[b-l9xnt8ydej] .autoreg-stepper .mud-datagrid-toolbar {
    background: linear-gradient(180deg, #fbfdff 0%, #f7fbff 100%);
    border-bottom: 1px solid rgba(19, 59, 91, 0.08);
}

@media (max-width: 960px) {
    .autoreg-shell[b-l9xnt8ydej] {
        padding: 12px !important;
    }

    .autoreg-hero[b-l9xnt8ydej] {
        padding: 12px !important;
    }

    .autoreg-hero-title[b-l9xnt8ydej] {
        font-size: 1.55rem;
        line-height: 1.2;
    }

    .autoreg-hero-subtitle[b-l9xnt8ydej] {
        font-size: 0.98rem;
    }

    [b-l9xnt8ydej] .autoreg-hero .mud-chip {
        max-width: 100%;
        white-space: normal;
        height: auto;
        line-height: 1.15;
    }

    .autoreg-mobile-step-summary[b-l9xnt8ydej] {
        display: block;
    }

    [b-l9xnt8ydej] .autoreg-stepper .mud-stepper-header,
    [b-l9xnt8ydej] .autoreg-stepper .mud-stepper-nav,
    [b-l9xnt8ydej] .autoreg-stepper .mud-stepper-nav-scrollable {
        display: none !important;
    }

    [b-l9xnt8ydej] .autoreg-stepper .mud-stepper-actions {
        display: flex;
        flex-wrap: wrap;
        gap: 8px;
        justify-content: space-between;
    }

    [b-l9xnt8ydej] .autoreg-stepper .mud-stepper-actions .mud-button-root {
        flex: 1 1 30%;
        min-width: 92px;
        font-size: 0.76rem;
    }

    [b-l9xnt8ydej] .autoreg-stepper .mud-card-content {
        padding: 14px;
    }

    [b-l9xnt8ydej] .autoreg-stepper .mud-grid-item .mud-button-root {
        margin-top: 4px;
    }
}

@media (max-width: 768px) {
    .autoreg-shell[b-l9xnt8ydej] {
        border-radius: 12px;
        margin: 0;
        width: 100%;
        max-width: 100%;
        padding: 4px !important;
    }

    .empresa-step-content[b-l9xnt8ydej],
    .empresa-card[b-l9xnt8ydej],
    .empresa-form-wrapper[b-l9xnt8ydej] {
        width: 100%;
        max-width: 100%;
    }

    [b-l9xnt8ydej] .autoreg-shell.mud-paper,
    [b-l9xnt8ydej] .autoreg-stepper-wrap.mud-paper {
        margin-left: 0 !important;
        margin-right: 0 !important;
    }

    .autoreg-stepper-wrap[b-l9xnt8ydej] {
        padding: 6px !important;
    }

    .empresa-hero[b-l9xnt8ydej] {
        padding: 12px 12px 4px 12px !important;
        margin-bottom: 10px !important;
    }

    .empresa-hero-title[b-l9xnt8ydej] {
        margin-bottom: 2px;
        line-height: 1.1;
    }

    .empresa-hero-subtitle[b-l9xnt8ydej] {
        margin-bottom: 4px;
    }

    .empresa-hero-chip[b-l9xnt8ydej],
    .autoreg-hero-chip[b-l9xnt8ydej] {
        display: none !important;
    }

    .autoreg-mobile-step-summary[b-l9xnt8ydej] {
        margin-bottom: 10px !important;
        padding: 8px !important;
    }

    [b-l9xnt8ydej] .autoreg-stepper .mud-stepper__horizontal > .mud-stepper-nav-scrollable,
    [b-l9xnt8ydej] .autoreg-stepper .mud-stepper-nav,
    [b-l9xnt8ydej] .autoreg-stepper .mud-stepper-header,
    [b-l9xnt8ydej] .autoreg-stepper .mud-stepper-line,
    [b-l9xnt8ydej] .autoreg-stepper .mud-step,
    [b-l9xnt8ydej] .autoreg-stepper .mud-step-label,
    [b-l9xnt8ydej] .autoreg-stepper .mud-step-label-content,
    [b-l9xnt8ydej] .autoreg-stepper .mud-step-label-content-title {
        display: none !important;
        height: 0 !important;
        min-height: 0 !important;
        margin: 0 !important;
        padding: 0 !important;
    }

    [b-l9xnt8ydej] .autoreg-stepper .mud-stepper-content {
        padding-top: 4px;
    }

    [b-l9xnt8ydej] .autoreg-stepper .mud-card-content {
        padding: 10px !important;
    }

    [b-l9xnt8ydej] .autoreg-stepper .mud-input-control,
    [b-l9xnt8ydej] .autoreg-stepper .mud-select,
    [b-l9xnt8ydej] .autoreg-stepper .mud-text-field {
        margin-bottom: 6px !important;
    }

    [b-l9xnt8ydej] .autoreg-stepper .ar-section-title,
    [b-l9xnt8ydej] .autoreg-stepper .empresa-section {
        margin-bottom: 14px;
    }

    [b-l9xnt8ydej] .autoreg-stepper .mud-stepper-actions {
        display: grid;
        grid-template-columns: repeat(3, minmax(80px, 1fr));
        gap: 6px;
    }

    [b-l9xnt8ydej] .autoreg-stepper .mud-stepper-actions .mud-button-root {
        min-width: 0;
        width: 100%;
        font-size: 0.74rem;
        padding-inline: 6px;
    }
}

@media (max-width: 480px) {
    .autoreg-hero[b-l9xnt8ydej] {
        padding: 8px 8px 2px 8px !important;
    }

    .autoreg-hero-title[b-l9xnt8ydej] {
        font-size: 1.25rem;
    }

    .autoreg-hero-subtitle[b-l9xnt8ydej] {
        font-size: 0.9rem;
    }

    [b-l9xnt8ydej] .autoreg-mobile-step-summary .mud-chip {
        font-size: 0.65rem;
        height: 24px;
    }

    [b-l9xnt8ydej] .autoreg-stepper .mud-stepper-actions {
        grid-template-columns: repeat(2, minmax(110px, 1fr));
    }
}
/* /Components/Pages/GestorInstrumentoJuridico/AnexosABC.razor.rz.scp.css */
.anexos-shell[b-m1gu5hvvqq] {
    display: flex;
    flex-direction: column;
    gap: 0.75rem;
}

.anexos-hero[b-m1gu5hvvqq] {
    border-radius: 18px;
    border: 1px solid rgba(18, 57, 92, 0.16);
    background:
        radial-gradient(circle at 10% 15%, rgba(29, 78, 137, 0.2), transparent 40%),
        radial-gradient(circle at 88% 20%, rgba(16, 185, 129, 0.14), transparent 42%),
        linear-gradient(130deg, rgba(245, 249, 255, 0.96), rgba(239, 245, 252, 0.9));
}

.anexos-hero-icon[b-m1gu5hvvqq] {
    width: 52px;
    height: 52px;
    border-radius: 14px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    color: #1f5fa2;
    background: rgba(43, 110, 188, 0.12);
    border: 1px solid rgba(43, 110, 188, 0.24);
}

.anexos-hero-icon .mud-icon-root[b-m1gu5hvvqq] {
    font-size: 30px;
}

.anexos-kicker[b-m1gu5hvvqq] {
    color: #4f6d86;
    text-transform: uppercase;
    letter-spacing: 0.04em;
    font-weight: 700;
}

.anexos-title[b-m1gu5hvvqq] {
    color: #12395c;
    font-weight: 700;
    line-height: 1.18;
}

.anexos-subtitle[b-m1gu5hvvqq] {
    color: #39586f;
    max-width: 700px;
}

.anexos-hero-actions[b-m1gu5hvvqq] {
    width: 100%;
}

.anexo-kpi-card[b-m1gu5hvvqq] {
    width: 100%;
    border-radius: 14px;
    border: 1px solid rgba(18, 57, 92, 0.12);
    background: rgba(255, 255, 255, 0.94);
    padding: 0.85rem 1rem;
    min-height: 88px;
    box-shadow: 0 10px 28px rgba(18, 57, 92, 0.08);
    display: grid;
    gap: 4px;
    text-align: left;
}

.anexo-kpi-icon[b-m1gu5hvvqq] {
    color: #2c67a7;
    font-size: 1.05rem;
}

.anexo-kpi-card.is-clickable[b-m1gu5hvvqq] {
    cursor: pointer;
    transition: transform 0.16s ease, box-shadow 0.18s ease, border-color 0.18s ease, background 0.18s ease;
}

.anexo-kpi-card.is-clickable:hover[b-m1gu5hvvqq] {
    transform: translateY(-1px);
    border-color: rgba(43, 110, 188, 0.28);
    box-shadow: 0 14px 28px rgba(20, 67, 112, 0.12);
}

.anexo-kpi-card.is-clickable:focus-visible[b-m1gu5hvvqq] {
    outline: 2px solid rgba(43, 110, 188, 0.5);
    outline-offset: 2px;
}

.anexo-kpi-card.is-active[b-m1gu5hvvqq] {
    border-color: rgba(43, 110, 188, 0.45);
    background: linear-gradient(145deg, rgba(234, 244, 255, 0.94), rgba(248, 252, 255, 0.96));
    box-shadow: 0 16px 30px rgba(29, 78, 137, 0.16);
}

.anexo-kpi-card.is-active .anexo-kpi-number[b-m1gu5hvvqq] {
    color: #0f4f89;
}

.anexo-kpi-card.is-active .anexo-kpi-icon[b-m1gu5hvvqq] {
    color: #185f9e;
}

.anexo-kpi-card.is-informative[b-m1gu5hvvqq] {
    cursor: pointer;
    transition: border-color 0.18s ease, background 0.18s ease;
}

.anexo-kpi-card.is-informative:hover[b-m1gu5hvvqq] {
    border-color: rgba(18, 57, 92, 0.24);
    background: rgba(246, 250, 255, 0.96);
}

.anexo-kpi-number[b-m1gu5hvvqq] {
    color: #12395c;
    font-weight: 700;
    line-height: 1.15;
}

.anexo-kpi-label[b-m1gu5hvvqq] {
    color: #60778b;
    font-weight: 500;
}

.anexos-filter-actions[b-m1gu5hvvqq] {
    gap: 0.5rem;
    width: 100%;
}

.anexos-filters-panel[b-m1gu5hvvqq] {
    border-radius: 14px;
    border: 1px solid rgba(18, 57, 92, 0.1);
    background: rgba(250, 252, 255, 0.95);
    box-shadow: 0 8px 20px rgba(18, 57, 92, 0.05);
}

.anexos-grid-panel[b-m1gu5hvvqq] {
    border-radius: 16px;
    border: 1px solid rgba(18, 57, 92, 0.1);
    background: rgba(255, 255, 255, 0.96);
    box-shadow: 0 10px 24px rgba(18, 57, 92, 0.08);
}

.anexos-grid[b-m1gu5hvvqq] {
    border-radius: 16px;
}

.anexos-grid[b-m1gu5hvvqq]  .mud-table-head .mud-table-cell,
.anexos-grid[b-m1gu5hvvqq]  .mud-table-head .mud-data-grid-header-cell {
    background: rgba(239, 246, 254, 0.9);
    color: #184f7f;
    font-weight: 700;
    border-bottom: 1px solid rgba(24, 79, 127, 0.16);
}

.grid-action-btn[b-m1gu5hvvqq] {
    border-radius: 9px;
    border-color: rgba(21, 67, 110, 0.2) !important;
    background: rgba(250, 252, 255, 0.95);
    transition: all 0.16s ease;
}

.grid-action-btn.is-edit[b-m1gu5hvvqq] {
    color: #1f5fa2 !important;
}

.grid-action-btn.is-copy[b-m1gu5hvvqq] {
    color: #5c4da1 !important;
}

.grid-action-btn.is-view[b-m1gu5hvvqq] {
    color: #476175 !important;
}

.grid-action-btn:hover[b-m1gu5hvvqq] {
    background: rgba(238, 246, 255, 0.98);
    border-color: rgba(28, 86, 141, 0.36) !important;
    transform: translateY(-1px);
}

.actions-cell[b-m1gu5hvvqq] {
    min-width: 150px;
}

.anexo-notas-cell[b-m1gu5hvvqq] {
    color: #51687c;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    max-width: 320px;
}

@media (max-width: 960px) {
    .anexos-hero-actions[b-m1gu5hvvqq] {
        justify-content: flex-start !important;
    }

    .anexo-kpi-card[b-m1gu5hvvqq] {
        min-height: 76px;
    }
}

@media (prefers-color-scheme: dark) {
    .anexos-shell[b-m1gu5hvvqq] {
        color-scheme: light;
    }
}
/* /Components/Pages/GestorInstrumentoJuridico/DialogBibliotecaSecciones.razor.rz.scp.css */
.library-shell[b-ije6hhzych] {
    --siac-primary: #12395c;
    --siac-primary-strong: #143955;
    --siac-soft: #f4f9ff;
    --siac-success: #166534;
    --siac-success-bg: #f0fcf5;
    --siac-neutral-50: #fbfdff;
    --siac-neutral-100: #f7f8fb;
    --siac-neutral-300: #d7e0ea;
    --siac-neutral-400: #8aa0b5;
    --siac-neutral-500: #65758b;
    --siac-border: rgba(26, 68, 104, 0.16);
    --siac-muted: var(--siac-neutral-500);
    --siac-text: #12395c;
    --siac-radius-md: 12px;
    --siac-radius-lg: 14px;
    --siac-shadow-soft: 0 3px 10px rgba(13, 42, 67, 0.06);
    display: grid;
    gap: 16px;
}

.library-header[b-ije6hhzych] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 16px;
    padding: 4px 4px 0;
}

.library-title[b-ije6hhzych] {
    color: var(--siac-text);
    font-weight: 800;
    letter-spacing: -0.03em;
}

.library-subtitle[b-ije6hhzych] {
    color: var(--siac-muted);
}

.library-subtitle-row[b-ije6hhzych] {
    display: flex;
    align-items: center;
    gap: 6px;
}

.library-help-icon[b-ije6hhzych] {
    color: var(--siac-neutral-400);
}

.library-filters[b-ije6hhzych],
.library-list[b-ije6hhzych],
.library-detail[b-ije6hhzych] {
    border: 1px solid var(--siac-border);
    border-radius: var(--siac-radius-lg);
    background: #fff;
    box-shadow: var(--siac-shadow-soft);
}

.library-filter-actions[b-ije6hhzych] {
    gap: 8px;
}

.library-filters-grid[b-ije6hhzych] {
    align-items: center;
}

.library-content[b-ije6hhzych] {
    align-items: stretch;
}

.library-list[b-ije6hhzych] {
    height: 560px;
    padding: 10px;
    overflow-y: auto;
}

.library-item[b-ije6hhzych] {
    width: 100%;
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    gap: 12px;
    align-items: center;
    margin-bottom: 8px;
    padding: 11px 12px;
    border: 1px solid rgba(26, 68, 104, 0.1);
    border-radius: 10px;
    background: #ffffff;
    color: inherit;
    text-align: left;
    cursor: pointer;
    transition: background 160ms ease, border-color 160ms ease, box-shadow 160ms ease, transform 160ms ease;
}

.library-item:hover[b-ije6hhzych],
.library-item.is-selected[b-ije6hhzych] {
    border-color: rgba(20, 57, 85, 0.2);
    background: #f7fbff;
    box-shadow: 0 2px 8px rgba(13, 42, 67, 0.05);
}

.library-item.is-selected[b-ije6hhzych] {
    transform: none;
}

.library-item:focus-visible[b-ije6hhzych] {
    outline: 3px solid rgba(18, 57, 92, 0.22);
    outline-offset: 2px;
}

.library-item-main[b-ije6hhzych],
.library-item-meta[b-ije6hhzych] {
    display: grid;
    gap: 5px;
}

.library-item-main strong[b-ije6hhzych] {
    color: var(--siac-text);
    font-size: 0.95rem;
}

.library-item-main small[b-ije6hhzych],
.library-item-meta span:first-child[b-ije6hhzych] {
    color: var(--siac-muted);
    font-size: 0.76rem;
}

.library-item-meta[b-ije6hhzych] {
    justify-items: end;
}

.status-pill[b-ije6hhzych] {
    width: fit-content;
    padding: 4px 9px;
    border-radius: 999px;
    background: var(--siac-neutral-100);
    color: var(--siac-neutral-500);
    font-size: 0.72rem;
    font-weight: 700;
}

.status-pill.is-active[b-ije6hhzych] {
    background: var(--siac-success-bg);
    color: var(--siac-success);
}

.library-detail[b-ije6hhzych] {
    min-height: 560px;
    padding: 14px;
}

.detail-heading[b-ije6hhzych] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 16px;
    margin-bottom: 16px;
}

.editorial-preview[b-ije6hhzych] {
    min-height: 230px;
    padding: 14px;
    border: 1px solid rgba(26, 68, 104, 0.1);
    border-radius: 10px;
    background: #fcfdff;
}

.content-preview[b-ije6hhzych] {
    color: var(--siac-primary-strong);
    line-height: 1.65;
    white-space: pre-wrap;
}

.asset-card[b-ije6hhzych],
.notes-card[b-ije6hhzych] {
    display: grid;
    gap: 4px;
    padding: 12px;
    border: 1px solid rgba(26, 68, 104, 0.12);
    border-radius: 10px;
    background: #f9fbfd;
}

.asset-card span[b-ije6hhzych],
.notes-card .mud-typography-caption[b-ije6hhzych] {
    color: var(--siac-muted);
}

.asset-card strong[b-ije6hhzych] {
    color: var(--siac-text);
    font-size: 0.86rem;
    word-break: break-word;
}

.library-empty[b-ije6hhzych] {
    min-height: 420px;
    display: grid;
    place-items: center;
    align-content: center;
    gap: 8px;
    color: var(--siac-muted);
    text-align: center;
}

.library-cta[b-ije6hhzych] {
    display: flex;
    justify-content: flex-end;
    margin-top: 12px;
}

@media (max-width: 960px) {
    .library-header[b-ije6hhzych],
    .library-filter-actions[b-ije6hhzych],
    .detail-heading[b-ije6hhzych] {
        flex-direction: column;
        align-items: stretch;
    }

    .library-list[b-ije6hhzych],
    .library-detail[b-ije6hhzych] {
        height: auto;
        min-height: auto;
    }
}
/* /Components/Pages/GestorInstrumentoJuridico/DialogCreadorAnexo.razor.rz.scp.css */
.anexo-loading-wrap[b-ewp1pdtnt5] {
    display: flex;
    justify-content: center;
    align-items: center;
    min-height: 220px;
}

.anexo-editor-dialog[b-ewp1pdtnt5] {
    width: min(1120px, 96vw);
    border-radius: 18px;
    border: 1px solid rgba(18, 57, 92, 0.14);
    background: rgba(255, 255, 255, 0.96);
}

.anexo-editor-content[b-ewp1pdtnt5] {
    max-height: calc(92vh - 92px);
    overflow: auto;
    padding: 1rem;
}

.anexo-editor-hero[b-ewp1pdtnt5] {
    border-radius: 14px;
    border: 1px solid rgba(18, 57, 92, 0.16);
    background:
        radial-gradient(circle at 8% 12%, rgba(29, 78, 137, 0.18), transparent 35%),
        radial-gradient(circle at 90% 15%, rgba(16, 185, 129, 0.11), transparent 38%),
        linear-gradient(120deg, rgba(245, 249, 255, 0.95), rgba(241, 248, 254, 0.9));
}

.anexo-editor-hero-icon[b-ewp1pdtnt5] {
    width: 46px;
    height: 46px;
    border-radius: 12px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border: 1px solid rgba(43, 110, 188, 0.24);
    background: rgba(43, 110, 188, 0.12);
    color: #1f5fa2;
}

.anexo-editor-hero-icon .mud-icon-root[b-ewp1pdtnt5] {
    font-size: 26px;
}

.anexo-editor-title[b-ewp1pdtnt5] {
    color: #12395c;
    font-weight: 700;
}

.anexo-editor-subtitle[b-ewp1pdtnt5] {
    color: #3f6078;
}

.anexo-editor-card[b-ewp1pdtnt5] {
    border-radius: 14px;
    border: 1px solid rgba(18, 57, 92, 0.12);
    background: rgba(255, 255, 255, 0.94);
    box-shadow: 0 8px 20px rgba(18, 57, 92, 0.06);
}

.anexo-section-title[b-ewp1pdtnt5] {
    color: #1f4568;
    font-weight: 600;
    margin-bottom: 0.35rem;
}

.anexo-row[b-ewp1pdtnt5] {
    align-items: center;
    padding: 0.35rem 0;
    border-bottom: 1px dashed rgba(18, 57, 92, 0.12);
}

.anexo-row:last-child[b-ewp1pdtnt5] {
    border-bottom: 0;
}

.anexo-inline-actions[b-ewp1pdtnt5] {
    justify-content: flex-start;
}

.anexo-inline-btn[b-ewp1pdtnt5] {
    border-radius: 9px;
    background: rgba(255, 255, 255, 0.96);
}

.anexo-editor-actions[b-ewp1pdtnt5] {
    position: sticky;
    bottom: 0;
    padding: 0.85rem 1rem;
    border-top: 1px solid rgba(18, 57, 92, 0.12);
    background: rgba(255, 255, 255, 0.97);
    z-index: 2;
}

@media (max-width: 960px) {
    .anexo-editor-content[b-ewp1pdtnt5] {
        max-height: calc(90vh - 86px);
        padding: 0.75rem;
    }

    .anexo-inline-actions[b-ewp1pdtnt5] {
        justify-content: flex-start;
    }
}

@media (prefers-color-scheme: dark) {
    .anexo-editor-dialog[b-ewp1pdtnt5] {
        color-scheme: light;
    }
}
/* /Components/Pages/GestorInstrumentoJuridico/DialogEditarFolioContrato.razor.rz.scp.css */
.folio-helper[b-a0twxjc3tp] {
    color: rgba(18, 57, 92, 0.72);
}
/* /Components/Pages/GestorInstrumentoJuridico/DialogSeccion.razor.rz.scp.css */
.siac-section-dialog[b-1mmtauxjmk]  .mud-dialog-title {
    padding: 14px 20px 8px;
    border-bottom: 1px solid rgba(18, 57, 92, 0.12);
    background: rgba(250, 253, 255, 0.9);
}

.dialog-seccion-title-wrap[b-1mmtauxjmk] {
    display: flex;
    align-items: center;
    gap: 10px;
}

.dialog-seccion-icon[b-1mmtauxjmk] {
    width: 30px;
    height: 30px;
    border-radius: 8px;
    display: grid;
    place-items: center;
    color: #143955;
    background: rgba(18, 57, 92, 0.12);
    border: 1px solid rgba(18, 57, 92, 0.2);
}

.dialog-seccion-title[b-1mmtauxjmk] {
    color: #12395c;
    font-weight: 750;
    line-height: 1.15;
}

.dialog-seccion-subtitle[b-1mmtauxjmk] {
    color: #65758b;
}

.siac-section-dialog[b-1mmtauxjmk]  .mud-dialog-content {
    padding: 16px 20px 12px;
}

.dialog-seccion-grid[b-1mmtauxjmk] {
    row-gap: 4px;
}

.siac-section-dialog[b-1mmtauxjmk]  .mud-dialog-actions {
    padding: 10px 20px 14px;
    border-top: 1px solid rgba(18, 57, 92, 0.12);
    background: rgba(250, 253, 255, 0.72);
}

.siac-section-dialog[b-1mmtauxjmk]  .mud-button-root {
    text-transform: none;
    border-radius: 10px;
}
/* /Components/Pages/GestorInstrumentoJuridico/DialogVistaPreviaLegalInstrumento.razor.rz.scp.css */
.legal-preview-dialog[b-cnyisb9w3v] {
    min-width: min(1120px, 96vw);
}

.legal-preview-toolbar[b-cnyisb9w3v] {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    gap: 16px;
    margin-bottom: 16px;
}

.legal-preview-actions[b-cnyisb9w3v] {
    flex-wrap: wrap;
    justify-content: flex-end;
}

.legal-preview-caption[b-cnyisb9w3v] {
    color: rgba(18, 57, 92, 0.8);
}

.document-preview[b-cnyisb9w3v] {
    display: flex;
    justify-content: center;
    padding: 8px 0 2px;
}

.preview-page[b-cnyisb9w3v] {
    position: relative;
    width: min(920px, 100%);
    min-height: 980px;
    background: #fff;
    border: 1px solid #dbe4ef;
    border-radius: 16px;
    box-shadow: 0 16px 36px rgba(18, 57, 92, 0.14);
    padding: 42px 58px 58px;
    overflow: hidden;
}

.preview-watermark[b-cnyisb9w3v] {
    position: absolute;
    inset: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    transform: rotate(-35deg);
    font-size: clamp(26px, 3.8vw, 56px);
    letter-spacing: 0.2rem;
    color: rgba(18, 57, 92, 0.065);
    font-weight: 700;
    pointer-events: none;
    user-select: none;
}

.legal-preview-content[b-cnyisb9w3v] {
    position: relative;
    z-index: 1;
    color: #1f2d3d;
    font-size: 0.96rem;
    line-height: 1.7;
    background: #fff;
}

.legal-preview-content :global(.legal-preview-section)[b-cnyisb9w3v] {
    margin-bottom: 18px;
}

.legal-preview-content :global(.legal-section-heading)[b-cnyisb9w3v] {
    margin: 0 0 8px;
    font-size: 1rem;
    letter-spacing: 0.03em;
    font-weight: 700;
    color: #12395c;
}

.legal-preview-content :global(.legal-section-content)[b-cnyisb9w3v] {
    color: #24364b;
}

.legal-preview-content :global(.legal-preview-header)[b-cnyisb9w3v] {
    font-size: 1rem;
    font-weight: 600;
    color: #102d49;
}

.legal-preview-content :global(.legal-preview-footer)[b-cnyisb9w3v] {
    margin-top: 24px;
    border-top: 1px dashed #d5dfeb;
    padding-top: 10px;
    font-size: 0.88rem;
    color: #5a6f87;
}

.preview-document-footer[b-cnyisb9w3v] {
    position: relative;
    z-index: 1;
    margin-top: 20px;
    padding-top: 12px;
    border-top: 1px solid #e5ecf5;
    display: flex;
    justify-content: space-between;
    gap: 8px;
    font-size: 0.78rem;
    color: #5f7289;
}

.legal-preview-content :global(.is-placeholder)[b-cnyisb9w3v] {
    color: #6f8198;
    font-style: italic;
}

@media (max-width: 980px) {
    .legal-preview-toolbar[b-cnyisb9w3v] {
        flex-direction: column;
        align-items: stretch;
    }

    .legal-preview-actions[b-cnyisb9w3v] {
        justify-content: flex-start;
    }

    .preview-page[b-cnyisb9w3v] {
        min-height: 780px;
        border-radius: 12px;
        padding: 28px 22px 36px;
    }

    .preview-document-footer[b-cnyisb9w3v] {
        flex-direction: column;
        gap: 2px;
    }
}

@media (prefers-color-scheme: dark) {
    .legal-preview-caption[b-cnyisb9w3v] {
        color: rgba(211, 224, 239, 0.85);
    }

    .preview-page[b-cnyisb9w3v],
    .legal-preview-content[b-cnyisb9w3v] {
        background: #fff;
        color: #1f2d3d;
    }

    .preview-watermark[b-cnyisb9w3v] {
        color: rgba(18, 57, 92, 0.065);
    }

    .legal-preview-content :global(.legal-section-content)[b-cnyisb9w3v] {
        color: #24364b;
    }

    .legal-preview-content :global(.legal-section-heading)[b-cnyisb9w3v],
    .legal-preview-content :global(.legal-preview-header)[b-cnyisb9w3v] {
        color: #12395c;
    }

    .legal-preview-content :global(.legal-preview-footer)[b-cnyisb9w3v],
    .preview-document-footer[b-cnyisb9w3v] {
        border-color: #e5ecf5;
        color: #5f7289;
    }

    .legal-preview-content :global(.is-placeholder)[b-cnyisb9w3v] {
        color: #6f8198;
    }
}
/* /Components/Pages/GestorInstrumentoJuridico/GeneradorInstrumentoJuridico.razor.rz.scp.css */
.generator-loading[b-5su9i3whgf] {
    display: flex;
    justify-content: center;
    align-items: center;
    min-height: 70vh;
}

.generator-shell[b-5su9i3whgf] {
    align-items: flex-start;
}

.generator-hero[b-5su9i3whgf] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 1rem;
    padding: 1.5rem;
    border-radius: 24px;
    border: 1px solid rgba(18, 57, 92, 0.12);
    background: linear-gradient(135deg, rgba(229, 241, 251, 0.95), rgba(241, 248, 245, 0.92));
}

.generator-title[b-5su9i3whgf] {
    color: #12395c;
    font-weight: 700;
}

.generator-subtitle[b-5su9i3whgf],
.section-helper[b-5su9i3whgf] {
    color: rgba(18, 57, 92, 0.72);
}

.generator-status-chip[b-5su9i3whgf] {
    white-space: nowrap;
}

.generator-card[b-5su9i3whgf],
.generator-preview-card[b-5su9i3whgf] {
    border-radius: 24px;
    border: 1px solid rgba(18, 57, 92, 0.1);
    background: rgba(255, 255, 255, 0.92);
    box-shadow: 0 24px 48px rgba(18, 57, 92, 0.08);
}

.participant-counter[b-5su9i3whgf] {
    padding: 1rem 1.1rem;
    border-radius: 18px;
    border: 1px solid rgba(18, 57, 92, 0.08);
    background: rgba(248, 250, 252, 0.95);
}

.participant-group[b-5su9i3whgf] {
    margin-top: 1.5rem;
}

.participant-group-header[b-5su9i3whgf],
.participant-card-header[b-5su9i3whgf],
.generator-actions[b-5su9i3whgf] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.75rem;
}

.post-generate-panel[b-5su9i3whgf] {
    display: flex;
    flex-direction: column;
    gap: 0.9rem;
}

.post-generate-header[b-5su9i3whgf] {
    display: flex;
    flex-direction: column;
    gap: 0.15rem;
}

.result-card[b-5su9i3whgf] {
    max-width: 920px;
    margin: 0 auto;
}

.result-state[b-5su9i3whgf] {
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    gap: 0.35rem;
}

.result-folio[b-5su9i3whgf] {
    color: #12395c;
    font-weight: 600;
}

.post-generate-actions[b-5su9i3whgf] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 0.75rem;
}

.participant-card[b-5su9i3whgf] {
    padding: 1rem;
    border-radius: 18px;
    border: 1px solid rgba(18, 57, 92, 0.08);
    background: rgba(255, 255, 255, 0.95);
}

.help-icon[b-5su9i3whgf] {
    color: rgba(18, 57, 92, 0.55);
}

.document-preview-shell[b-5su9i3whgf] {
    max-height: 72vh;
    overflow-y: auto;
    padding-right: 0.35rem;
}

.document-preview-page[b-5su9i3whgf] {
    padding: 2rem 2.2rem;
    border-radius: 20px;
    border: 1px solid rgba(18, 57, 92, 0.08);
    background: linear-gradient(180deg, #ffffff 0%, #fcfcfd 100%);
    box-shadow: 0 24px 48px rgba(15, 23, 42, 0.08);
}

.document-header[b-5su9i3whgf],
.document-footer[b-5su9i3whgf] {
    padding-bottom: 1rem;
    border-bottom: 1px solid rgba(18, 57, 92, 0.08);
}

.document-footer[b-5su9i3whgf] {
    margin-top: 1.5rem;
    padding-top: 1rem;
    border-top: 1px solid rgba(18, 57, 92, 0.08);
    border-bottom: none;
}

.document-meta[b-5su9i3whgf] {
    margin: 1rem 0 1.5rem;
}

.document-section[b-5su9i3whgf] {
    margin-bottom: 1.4rem;
}

.document-section-title[b-5su9i3whgf] {
    margin-bottom: 0.55rem;
    color: #12395c;
    font-weight: 700;
}

.document-section-body[b-5su9i3whgf],
.document-footer[b-5su9i3whgf],
.document-header[b-5su9i3whgf] {
    color: rgba(28, 40, 55, 0.92);
    line-height: 1.7;
}

.document-list[b-5su9i3whgf] {
    margin: 0;
    padding-left: 1.15rem;
    color: rgba(28, 40, 55, 0.92);
}

.document-placeholder[b-5su9i3whgf] {
    margin: 0;
    color: rgba(18, 57, 92, 0.55);
    font-style: italic;
}

@media (max-width: 960px) {
    .generator-hero[b-5su9i3whgf],
    .generator-actions[b-5su9i3whgf],
    .post-generate-actions[b-5su9i3whgf],
    .participant-group-header[b-5su9i3whgf],
    .participant-card-header[b-5su9i3whgf] {
        flex-direction: column;
        align-items: stretch;
    }

    .document-preview-shell[b-5su9i3whgf] {
        max-height: none;
    }
}

@media (prefers-color-scheme: dark) {
    .generator-hero[b-5su9i3whgf],
    .generator-card[b-5su9i3whgf],
    .generator-preview-card[b-5su9i3whgf],
    .participant-card[b-5su9i3whgf],
    .participant-counter[b-5su9i3whgf],
    .document-preview-page[b-5su9i3whgf] {
        background: rgba(28, 40, 55, 0.9);
        border-color: rgba(148, 163, 184, 0.18);
    }

    .generator-title[b-5su9i3whgf],
    .document-section-title[b-5su9i3whgf] {
        color: #dbeafe;
    }

    .generator-subtitle[b-5su9i3whgf],
    .section-helper[b-5su9i3whgf],
    .document-section-body[b-5su9i3whgf],
    .document-list[b-5su9i3whgf],
    .document-header[b-5su9i3whgf],
    .document-footer[b-5su9i3whgf] {
        color: rgba(226, 232, 240, 0.88);
    }

    .document-header[b-5su9i3whgf],
    .document-footer[b-5su9i3whgf] {
        border-color: rgba(148, 163, 184, 0.16);
    }
}
/* /Components/Pages/GestorInstrumentoJuridico/InstrumentosJuridicosABC.razor.rz.scp.css */
.ijabc-shell[b-xpu9ftt6c1] {
    max-width: 1220px;
    margin: 0 auto;
    padding: 0 16px 24px;
}

[b-xpu9ftt6c1] .ijabc-hero {
    border-radius: 16px;
    border: 1px solid rgba(20, 58, 92, 0.14);
    background:
        radial-gradient(circle at 12% 22%, rgba(95, 167, 216, 0.18), transparent 38%),
        radial-gradient(circle at 85% 12%, rgba(145, 209, 173, 0.15), transparent 32%),
        linear-gradient(125deg, rgba(250, 252, 255, 0.95) 0%, rgba(242, 248, 255, 0.94) 60%, rgba(245, 251, 249, 0.96) 100%);
    backdrop-filter: blur(5px);
    padding-top: 14px !important;
    padding-bottom: 14px !important;
}

[b-xpu9ftt6c1] .ijabc-title {
    color: #133b5d;
    font-weight: 750;
    letter-spacing: 0.01em;
    line-height: 1.15;
}

[b-xpu9ftt6c1] .ijabc-subtitle {
    color: rgba(19, 59, 93, 0.78);
    font-size: 0.93rem;
}

.ijabc-hero-chips[b-xpu9ftt6c1] {
    gap: 8px;
    flex-wrap: wrap;
}

[b-xpu9ftt6c1] .ijabc-kpi {
    border-radius: 12px;
    border: 1px solid rgba(19, 59, 91, 0.11);
    padding: 12px 14px;
    min-height: 82px;
    transition: transform 0.14s ease, box-shadow 0.14s ease;
}

[b-xpu9ftt6c1] .ijabc-kpi:hover {
    transform: translateY(-1px);
    box-shadow: 0 10px 18px rgba(19, 51, 77, 0.08);
}

[b-xpu9ftt6c1] .ijabc-kpi-total {
    background: linear-gradient(150deg, #f0f7ff 0%, #f8fbff 100%);
}

[b-xpu9ftt6c1] .ijabc-kpi-active {
    background: linear-gradient(150deg, #eefcf4 0%, #f8fdf9 100%);
}

[b-xpu9ftt6c1] .ijabc-kpi-muted {
    background: linear-gradient(150deg, #f7f8fb 0%, #fcfcfe 100%);
}

[b-xpu9ftt6c1] .ijabc-kpi-number {
    color: #143a5b;
    font-weight: 800;
    line-height: 1.1;
    font-size: 1.45rem;
}

[b-xpu9ftt6c1] .ijabc-kpi-label {
    color: rgba(20, 58, 91, 0.72);
    font-size: 0.76rem;
}

[b-xpu9ftt6c1] .ijabc-filters {
    border-radius: 14px;
    border: 1px solid rgba(20, 58, 91, 0.11);
    background: linear-gradient(180deg, rgba(255, 255, 255, 0.96) 0%, rgba(249, 252, 255, 0.98) 100%);
    backdrop-filter: blur(4px);
}

.ijabc-search-actions[b-xpu9ftt6c1] {
    width: 100%;
}

.ijabc-search-actions[b-xpu9ftt6c1]  .mud-button {
    min-height: 42px;
    min-width: 116px;
    border-radius: 10px;
    font-weight: 600;
}

[b-xpu9ftt6c1] .ijabc-btn-search {
    min-height: 46px;
}

[b-xpu9ftt6c1] .ijabc-filter-pill {
    border-radius: 12px;
    border: 1px solid rgba(20, 58, 91, 0.11);
    background: linear-gradient(180deg, rgba(255, 255, 255, 0.9) 0%, rgba(248, 252, 255, 0.98) 100%);
    min-height: 108px;
}

[b-xpu9ftt6c1] .ijabc-filter-pill-title {
    color: rgba(21, 61, 96, 0.78);
    font-weight: 600;
}

[b-xpu9ftt6c1] .ijabc-filter-pill-summary {
    min-height: 46px;
    display: flex;
    align-items: center;
    padding: 0 12px;
    border: 1px solid rgba(20, 58, 91, 0.12);
    border-radius: 10px;
    color: rgba(21, 61, 96, 0.8);
    background: rgba(255, 255, 255, 0.75);
}

[b-xpu9ftt6c1] .ijabc-filters .mud-input-control {
    margin-top: 0;
    min-height: 46px;
}

[b-xpu9ftt6c1] .ijabc-filters .mud-input-slot {
    min-height: 46px;
    padding-top: 0;
    padding-bottom: 0;
}

[b-xpu9ftt6c1] .ijabc-filters .mud-input-adornment {
    height: 46px;
}

[b-xpu9ftt6c1] .ijabc-filters .mud-input-label {
    line-height: 1.05;
    font-size: 0.82rem;
}

[b-xpu9ftt6c1] .ijabc-filters .mud-picker {
    min-width: 100%;
}

[b-xpu9ftt6c1] .ijabc-filters .mud-picker .mud-input-slot {
    min-height: 46px;
}

[b-xpu9ftt6c1] .ijabc-filters .mud-input > input.mud-input-root {
    font-size: 0.89rem;
}

[b-xpu9ftt6c1] .ijabc-filters .mud-input-control .mud-select-input {
    font-size: 0.89rem;
}

[b-xpu9ftt6c1] .ijabc-grid-panel {
    border-radius: 14px;
    border: 1px solid rgba(20, 58, 91, 0.1);
    background: linear-gradient(180deg, #ffffff 0%, #fcfdff 100%);
    margin-top: 24px;
}

[b-xpu9ftt6c1] .ijabc-grid {
    border-radius: 12px;
    overflow: hidden;
}

[b-xpu9ftt6c1] .ijabc-grid .mud-table-container table tbody tr:nth-child(even) {
    background-color: color-mix(in srgb, currentColor 2%, transparent);
}

[b-xpu9ftt6c1] .ijabc-grid .mud-table-container table tbody tr:hover {
    background-color: color-mix(in srgb, var(--mud-palette-primary) 7%, transparent);
}

[b-xpu9ftt6c1] .ijabc-grid .mud-table-head .mud-table-cell {
    font-size: 0.78rem;
    font-weight: 700;
    letter-spacing: 0.04em;
    text-transform: uppercase;
    color: rgba(20, 58, 91, 0.82);
}

[b-xpu9ftt6c1] .ijabc-grid .mud-table-cell {
    border-bottom: 1px solid rgba(20, 58, 91, 0.08);
    vertical-align: middle;
    padding-top: 6px;
    padding-bottom: 6px;
}

[b-xpu9ftt6c1] .ijabc-grid.compact-grid .mud-table-head .mud-table-cell {
    font-size: 0.74rem;
    padding-top: 7px;
    padding-bottom: 7px;
}

[b-xpu9ftt6c1] .ijabc-mobile-card {
    border-radius: 12px;
    border: 1px solid rgba(20, 58, 91, 0.12);
    background: linear-gradient(180deg, #ffffff 0%, #f8fbff 100%);
}

[b-xpu9ftt6c1] .ijabc-card-title {
    color: #153d60;
    font-weight: 700;
}

[b-xpu9ftt6c1] .ijabc-card-subtitle {
    color: rgba(21, 61, 96, 0.76);
}

[b-xpu9ftt6c1] .ijabc-card-meta,
[b-xpu9ftt6c1] .ijabc-card-label {
    color: rgba(21, 61, 96, 0.64);
}

[b-xpu9ftt6c1] .ijabc-empty-state {
    border-radius: 12px;
    text-align: center;
    border: 1px dashed rgba(20, 58, 91, 0.22);
    background: linear-gradient(180deg, rgba(244, 249, 255, 0.9) 0%, rgba(252, 254, 255, 1) 100%);
}

[b-xpu9ftt6c1] .ijabc-loading-surface {
    border-radius: 16px;
    border: 1px solid rgba(20, 58, 91, 0.1);
    background: linear-gradient(180deg, rgba(255, 255, 255, 0.95) 0%, rgba(248, 252, 255, 0.98) 100%);
}

[b-xpu9ftt6c1] .mud-theme-dark .ijabc-title,
[b-xpu9ftt6c1] .mud-theme-dark .ijabc-kpi-number,
[b-xpu9ftt6c1] .mud-theme-dark .ijabc-card-title {
    color: rgba(232, 240, 248, 0.96);
}

[b-xpu9ftt6c1] .mud-theme-dark .ijabc-subtitle,
[b-xpu9ftt6c1] .mud-theme-dark .ijabc-kpi-label,
[b-xpu9ftt6c1] .mud-theme-dark .ijabc-card-subtitle,
[b-xpu9ftt6c1] .mud-theme-dark .ijabc-card-meta,
[b-xpu9ftt6c1] .mud-theme-dark .ijabc-card-label {
    color: rgba(232, 240, 248, 0.74);
}

[b-xpu9ftt6c1] .mud-theme-dark .ijabc-hero,
[b-xpu9ftt6c1] .mud-theme-dark .ijabc-kpi,
[b-xpu9ftt6c1] .mud-theme-dark .ijabc-filters,
[b-xpu9ftt6c1] .mud-theme-dark .ijabc-grid-panel,
[b-xpu9ftt6c1] .mud-theme-dark .ijabc-mobile-card,
[b-xpu9ftt6c1] .mud-theme-dark .ijabc-loading-surface {
    border-color: rgba(204, 222, 240, 0.16);
    background: linear-gradient(180deg, rgba(29, 39, 51, 0.92) 0%, rgba(23, 33, 45, 0.92) 100%);
}

[b-xpu9ftt6c1] .mud-theme-dark .ijabc-grid .mud-table-container table tbody tr:nth-child(even) {
    background-color: color-mix(in srgb, currentColor 5%, transparent);
}

@media (max-width: 959px) {
    .ijabc-shell[b-xpu9ftt6c1] {
        padding: 0 12px 20px;
    }

    .ijabc-grid-host[b-xpu9ftt6c1] {
        display: none;
    }

    .ijabc-search-actions[b-xpu9ftt6c1] {
        justify-content: stretch;
    }

    .ijabc-search-actions[b-xpu9ftt6c1]  .mud-button {
        width: 100%;
    }
    [b-xpu9ftt6c1] .ijabc-filter-pill {
        min-height: auto;
    }
}
/* /Components/Pages/GestorInstrumentoJuridico/NuevaPlantilla.razor.rz.scp.css */
.builder-shell[b-nidexwwo1f] {
    --siac-primary: #12395c;
    --siac-primary-strong: #143955;
    --siac-primary-soft: #f4f9ff;
    --siac-success: #166534;
    --siac-success-bg: #f0fcf5;
    --siac-warning: #9a5b00;
    --siac-warning-bg: #fff7ed;
    --siac-danger: #b42318;
    --siac-danger-bg: #fef2f2;
    --siac-neutral-50: #fbfdff;
    --siac-neutral-100: #f7f8fb;
    --siac-neutral-200: #edf2f7;
    --siac-neutral-300: #d7e0ea;
    --siac-neutral-400: #8aa0b5;
    --siac-neutral-500: #65758b;
    --siac-surface: rgba(255, 255, 255, 0.86);
    --siac-surface-strong: #ffffff;
    --siac-border: rgba(26, 68, 104, 0.16);
    --siac-text: #12395c;
    --siac-muted: var(--siac-neutral-500);
    --siac-warm: var(--siac-neutral-100);
    --siac-radius-md: 12px;
    --siac-radius-lg: 14px;
    --siac-shadow-soft: 0 8px 18px rgba(13, 42, 67, 0.08);
    max-width: 1320px;
    margin: 0 auto;
    padding: 24px;
}

.builder-hero[b-nidexwwo1f] {
    border: 1px solid var(--siac-border);
    border-radius: var(--siac-radius-lg);
    background:
        radial-gradient(circle at 88% 8%, rgba(22, 101, 52, 0.08), transparent 28%),
        radial-gradient(circle at 8% 0%, rgba(18, 57, 92, 0.11), transparent 26%),
        linear-gradient(135deg, rgba(249, 252, 255, 0.98), rgba(244, 249, 255, 0.94));
    box-shadow: var(--siac-shadow-soft);
}

.builder-hero-title-wrap[b-nidexwwo1f] {
    display: flex;
    align-items: flex-start;
    gap: 12px;
}

.builder-hero-icon[b-nidexwwo1f] {
    width: 38px;
    height: 38px;
    border-radius: 10px;
    display: grid;
    place-items: center;
    color: var(--siac-primary-strong);
    background: rgba(18, 57, 92, 0.1);
    border: 1px solid rgba(18, 57, 92, 0.16);
}

.builder-hero-kicker[b-nidexwwo1f] {
    color: var(--siac-primary);
    font-weight: 800;
    letter-spacing: 0.06em;
    text-transform: uppercase;
}

.builder-title[b-nidexwwo1f] {
    color: var(--siac-text);
    font-weight: 800;
    letter-spacing: -0.04em;
}

.builder-subtitle[b-nidexwwo1f],
.builder-muted[b-nidexwwo1f] {
    color: var(--siac-muted);
}

.builder-grid[b-nidexwwo1f] {
    align-items: flex-start;
}

.builder-layout-toolbar[b-nidexwwo1f] {
    display: flex;
    justify-content: flex-end;
    margin-top: 12px;
}

.builder-hero-grid[b-nidexwwo1f] {
    align-items: center;
}

.builder-workspace[b-nidexwwo1f],
.builder-preview-sticky[b-nidexwwo1f],
.builder-actions[b-nidexwwo1f],
.builder-loading[b-nidexwwo1f] {
    border: 1px solid var(--siac-border);
    border-radius: var(--siac-radius-lg);
    background: var(--siac-surface);
    box-shadow: var(--siac-shadow-soft);
    backdrop-filter: blur(12px);
}

.builder-workspace[b-nidexwwo1f] {
    overflow: hidden;
}

.builder-tabs[b-nidexwwo1f]  .mud-tabs-toolbar {
    padding: 12px 14px 4px;
    border-bottom: 1px solid rgba(18, 57, 92, 0.08);
    background: rgba(250, 253, 255, 0.8);
}

.builder-tabs[b-nidexwwo1f]  .mud-tab {
    min-height: 40px;
    margin-right: 6px;
    border-radius: 999px;
    text-transform: none;
    font-weight: 600;
    color: #4b5f72;
}

.builder-tabs[b-nidexwwo1f]  .mud-tab.mud-tab-active {
    background: rgba(18, 57, 92, 0.08);
    color: var(--siac-primary-strong);
}

.builder-tab-panel[b-nidexwwo1f] {
    padding: 24px;
}

.tab-surface-card[b-nidexwwo1f] {
    padding: 16px;
    border: 1px solid rgba(18, 57, 92, 0.12);
    border-radius: var(--siac-radius-lg);
    background: rgba(255, 255, 255, 0.9);
}

.tab-surface-header[b-nidexwwo1f] {
    display: grid;
    gap: 4px;
    margin-bottom: 10px;
}

.tab-surface-title[b-nidexwwo1f] {
    color: var(--siac-text);
    font-weight: 730;
}

.builder-section-head[b-nidexwwo1f] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
    margin-bottom: 22px;
}

.builder-section-title[b-nidexwwo1f],
.preview-title[b-nidexwwo1f] {
    color: var(--siac-text);
    font-weight: 750;
}

.builder-section-title-row[b-nidexwwo1f],
.section-card-title[b-nidexwwo1f] {
    display: flex;
    align-items: center;
    gap: 6px;
}

.section-card-title[b-nidexwwo1f]  .mud-typography {
    font-size: 1.1rem;
    line-height: 1.3;
    font-weight: 750;
    letter-spacing: -0.01em;
    color: var(--siac-text);
}

.document-preview[b-nidexwwo1f]  .preview-inline-images {
    display: grid;
    gap: 10px;
    margin-bottom: 12px;
}

.document-preview[b-nidexwwo1f]  .preview-image-main,
.document-preview[b-nidexwwo1f]  .preview-image-background {
    display: block;
    width: auto;
    height: auto;
    max-width: min(100%, 420px);
    max-height: 140px;
    object-fit: contain;
    object-position: center;
    border: 1px solid rgba(26, 68, 104, 0.16);
    border-radius: 8px;
    background: #fff;
    padding: 4px;
}

.document-preview[b-nidexwwo1f]  .signature-block .preview-image-main,
.document-preview[b-nidexwwo1f]  .signature-block .preview-image-background {
    max-width: min(100%, 300px);
    max-height: 100px;
}

.section-help-icon[b-nidexwwo1f] {
    color: var(--siac-neutral-400);
}

.section-card[b-nidexwwo1f] {
    min-height: 170px;
    padding: 18px;
    border: 1px solid rgba(26, 68, 104, 0.14);
    border-radius: var(--siac-radius-lg);
    background: var(--siac-surface-strong);
    transition: border-color 180ms ease, box-shadow 180ms ease, transform 180ms ease;
}

.section-card:hover[b-nidexwwo1f] {
    transform: translateY(-1px);
    box-shadow: var(--siac-shadow-soft);
}

.section-card.is-complete[b-nidexwwo1f] {
    border-color: rgba(22, 101, 52, 0.28);
    box-shadow: inset 3px 0 0 rgba(22, 101, 52, 0.22);
    background: var(--siac-surface-strong);
}

.section-card.is-pending[b-nidexwwo1f] {
    border-color: rgba(154, 91, 0, 0.24);
}

.section-card.is-incomplete[b-nidexwwo1f] {
    border-color: rgba(154, 91, 0, 0.28);
    box-shadow: inset 3px 0 0 rgba(154, 91, 0, 0.18);
}

.section-card.is-optional[b-nidexwwo1f] {
    background: var(--siac-neutral-50);
}

.section-card-header[b-nidexwwo1f] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    margin-bottom: 8px;
}

.section-card-summary[b-nidexwwo1f] {
    display: block;
    min-height: 20px;
    color: var(--siac-muted);
    margin-bottom: 8px;
}

.section-card-name[b-nidexwwo1f] {
    min-height: 34px;
    margin: 10px 0 14px;
    color: var(--siac-text);
    font-weight: 650;
    line-height: 1.45;
}

.section-card-tools[b-nidexwwo1f] {
    margin-top: 14px;
    padding-top: 14px;
    border-top: 1px solid rgba(26, 68, 104, 0.12);
}

.section-manage-btn[b-nidexwwo1f] {
    align-self: flex-start;
    padding-inline: 10px;
    min-height: 32px;
    border-radius: 9px;
    text-transform: none;
    font-weight: 600;
    letter-spacing: 0;
    transition: all 0.18s ease;
}

.section-manage-btn[b-nidexwwo1f]  .mud-button-label {
    gap: 4px;
}

.section-manage-btn.is-primary[b-nidexwwo1f] {
    font-weight: 700;
    box-shadow: 0 2px 8px rgba(43, 110, 188, 0.2);
}

.section-manage-btn.is-primary:hover[b-nidexwwo1f] {
    box-shadow: 0 3px 10px rgba(43, 110, 188, 0.28);
}

.section-manage-btn.is-secondary[b-nidexwwo1f] {
    color: var(--siac-primary-strong);
    background: rgba(43, 110, 188, 0.08);
    border: 1px solid rgba(43, 110, 188, 0.2);
    font-weight: 600;
}

.section-manage-btn.is-secondary:hover[b-nidexwwo1f] {
    background: rgba(43, 110, 188, 0.14);
}

.composition-grid[b-nidexwwo1f] {
    margin-top: 6px;
}

.status-pill[b-nidexwwo1f] {
    padding: 5px 10px;
    border-radius: 999px;
    font-size: 0.72rem;
    font-weight: 750;
    line-height: 1;
}

.status-pill.is-complete[b-nidexwwo1f] {
    background: var(--siac-success-bg);
    color: var(--siac-success);
}

.composition-grid > .mud-grid-item[b-nidexwwo1f] {
    margin-bottom: 4px;
}

@media (max-width: 960px) {
    .builder-tab-panel[b-nidexwwo1f] {
        padding: 18px;
    }

    .section-card[b-nidexwwo1f] {
        min-height: auto;
    }

    .builder-section-head[b-nidexwwo1f] {
        align-items: flex-start;
    }
}

.status-pill.is-pending[b-nidexwwo1f] {
    background: var(--siac-neutral-100);
    color: var(--siac-neutral-500);
}

.status-pill.is-incomplete[b-nidexwwo1f] {
    background: var(--siac-warning-bg);
    color: var(--siac-warning);
}

.status-pill.is-optional[b-nidexwwo1f] {
    background: var(--siac-primary-soft);
    color: var(--siac-primary);
}

.counter-card[b-nidexwwo1f] {
    padding: 18px;
    border: 1px solid var(--siac-border);
    border-radius: var(--siac-radius-lg);
    background: var(--siac-surface-strong);
}

.counter-card-icon[b-nidexwwo1f] {
    margin-bottom: 6px;
    color: var(--siac-primary);
}

.participants-helper[b-nidexwwo1f] {
    border-radius: var(--siac-radius-md);
    border-color: rgba(18, 57, 92, 0.16);
    background: rgba(244, 249, 255, 0.62);
}

.rules-summary-card[b-nidexwwo1f] {
    padding: 14px 16px;
    border: 1px solid var(--siac-border);
    border-radius: var(--siac-radius-md);
    background: rgba(255, 255, 255, 0.92);
}

.rules-summary-chips[b-nidexwwo1f] {
    flex-wrap: wrap;
}

.participant-group[b-nidexwwo1f] {
    display: grid;
    gap: 14px;
}

.participant-group-header[b-nidexwwo1f] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 12px;
}

.participant-group-title[b-nidexwwo1f] {
    color: var(--siac-text);
    font-weight: 760;
}

.participant-card[b-nidexwwo1f] {
    padding: 18px;
    border: 1px solid var(--siac-border);
    border-radius: var(--siac-radius-lg);
    background: rgba(255, 255, 255, 0.94);
    box-shadow: 0 6px 14px rgba(13, 42, 67, 0.05);
}

.participant-card-header[b-nidexwwo1f] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    margin-bottom: 12px;
}

.counter-control[b-nidexwwo1f] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-top: 18px;
    padding: 8px;
    border-radius: 999px;
    background: var(--siac-neutral-100);
}

.legal-preview-toolbar[b-nidexwwo1f] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 16px;
    margin-bottom: 14px;
    padding: 10px 12px;
    border: 1px solid rgba(18, 57, 92, 0.12);
    border-radius: 12px;
    background: rgba(250, 253, 255, 0.9);
}

.legal-preview-actions[b-nidexwwo1f] {
    flex-wrap: wrap;
    justify-content: flex-end;
}

.preview-icon-button[b-nidexwwo1f] {
    min-width: 42px;
    width: 42px;
    height: 42px;
    padding: 0;
    border-color: rgba(18, 57, 92, 0.16);
    background: #fff;
}

.preview-tooltip-anchor[b-nidexwwo1f] {
    display: inline-flex;
}

.preview-sync-badge[b-nidexwwo1f] {
    align-self: center;
}

.document-preview[b-nidexwwo1f] {
    min-height: 640px;
    padding: 24px;
    border: 1px solid rgba(26, 68, 104, 0.14);
    border-radius: var(--siac-radius-lg);
    background: var(--siac-neutral-100);
}

.preview-page[b-nidexwwo1f] {
    position: relative;
    min-height: 760px;
    padding: 52px 58px;
    border-radius: 8px;
    background: #ffffff;
    box-shadow: 0 10px 24px rgba(13, 42, 67, 0.12);
    overflow: hidden;
}

.preview-watermark[b-nidexwwo1f] {
    position: absolute;
    inset: 48% auto auto 50%;
    transform: translate(-50%, -50%) rotate(-45deg);
    color: rgba(18, 57, 92, 0.08);
    font-size: 3.2rem;
    font-weight: 800;
    letter-spacing: 0.1em;
    white-space: nowrap;
    pointer-events: none;
    user-select: none;
}

.legal-document-header[b-nidexwwo1f] {
    margin-bottom: 30px;
    padding-bottom: 18px;
    border-bottom: 1px solid var(--siac-neutral-300);
    text-align: center;
}

.document-masthead[b-nidexwwo1f] {
    margin-bottom: 26px;
    padding-bottom: 18px;
    border-bottom: 1px solid rgba(18, 57, 92, 0.1);
    text-align: center;
}

.document-masthead-kicker[b-nidexwwo1f] {
    margin-bottom: 10px;
    color: var(--siac-neutral-500);
    font-size: 0.78rem;
    font-weight: 700;
    letter-spacing: 0.06em;
    text-transform: uppercase;
}

.preview-document-title[b-nidexwwo1f] {
    margin-bottom: 8px;
    color: var(--siac-primary-strong);
    font-family: Georgia, "Times New Roman", serif;
    font-size: 1.22rem;
    font-weight: 800;
    line-height: 1.35;
    text-align: center;
}

.legal-document-meta[b-nidexwwo1f] {
    color: var(--siac-neutral-500);
    font-size: 0.78rem;
    letter-spacing: 0.02em;
    text-transform: uppercase;
}

.legal-preview-section[b-nidexwwo1f] {
    margin-bottom: 24px;
    break-inside: avoid;
}

.participants-preview-block[b-nidexwwo1f] {
    margin-top: 28px;
    padding-top: 18px;
    border-top: 1px solid rgba(18, 57, 92, 0.1);
}

.legal-preview-section.is-placeholder[b-nidexwwo1f] {
    margin-bottom: 18px;
}

.legal-section-heading[b-nidexwwo1f],
.preview-section[b-nidexwwo1f] {
    margin: 0 0 8px;
    color: var(--siac-primary-strong);
    font-family: Georgia, "Times New Roman", serif;
    font-size: 0.92rem;
    font-weight: 800;
    letter-spacing: 0.06em;
    text-transform: uppercase;
}

.legal-section-name[b-nidexwwo1f] {
    margin-bottom: 8px;
    color: var(--siac-neutral-500);
    font-size: 0.78rem;
    font-weight: 700;
}

.legal-section-content[b-nidexwwo1f] {
    color: #263f5c;
    font-family: Georgia, "Times New Roman", serif;
    font-size: 0.95rem;
    line-height: 1.72;
}

.legal-section-content p[b-nidexwwo1f],
.legal-section-content ul[b-nidexwwo1f],
.legal-section-content ol[b-nidexwwo1f],
.legal-section-content blockquote[b-nidexwwo1f] {
    margin: 0 0 12px;
}

.legal-section-content ul[b-nidexwwo1f],
.legal-section-content ol[b-nidexwwo1f] {
    padding-left: 22px;
}

.participant-preview-list[b-nidexwwo1f] {
    margin: 0;
    padding-left: 18px;
}

.participant-preview-list li[b-nidexwwo1f] {
    margin-bottom: 8px;
}

.participant-base-line[b-nidexwwo1f] {
    margin: 0 0 8px;
    font-weight: 600;
    color: var(--builder-text-strong);
}

.participant-suggested-title[b-nidexwwo1f] {
    margin: 0 0 6px;
    color: var(--builder-text-muted);
    font-size: 0.82rem;
    text-transform: uppercase;
    letter-spacing: 0.05em;
}

.participant-suggested-empty[b-nidexwwo1f] {
    margin: 0;
    color: var(--builder-text-muted);
    font-style: italic;
}

.legal-section-content table[b-nidexwwo1f] {
    width: 100%;
    margin: 8px 0 14px;
    border-collapse: collapse;
}

.legal-section-content td[b-nidexwwo1f],
.legal-section-content th[b-nidexwwo1f] {
    padding: 8px 10px;
    border: 1px solid rgba(18, 57, 92, 0.14);
}

.legal-intro-block .legal-section-content[b-nidexwwo1f],
.legal-closing-block .legal-section-content[b-nidexwwo1f],
.document-footer-block .legal-section-content[b-nidexwwo1f] {
    font-size: 0.93rem;
}

.signature-block[b-nidexwwo1f] {
    margin-top: 28px;
    padding-top: 16px;
    border-top: 1px solid rgba(18, 57, 92, 0.12);
}

.document-footer-block[b-nidexwwo1f] {
    margin-top: 32px;
    padding-top: 14px;
    border-top: 1px solid var(--siac-neutral-300);
}

.preview-document-footer[b-nidexwwo1f] {
    margin-top: 42px;
    padding-top: 16px;
    border-top: 1px solid var(--siac-neutral-300);
    color: var(--siac-neutral-500);
    font-size: 0.76rem;
    text-align: center;
    display: flex;
    flex-direction: column;
    gap: 4px;
}

.preview-document-footer span[b-nidexwwo1f] {
    font-weight: 600;
    color: var(--siac-neutral-600);
}

.preview-side-rail[b-nidexwwo1f] {
    display: grid;
    gap: 12px;
    max-height: 760px;
    overflow: auto;
    padding-right: 4px;
}

.preview-options-panel[b-nidexwwo1f] {
    padding: 18px;
    border: 1px solid var(--siac-border);
    border-radius: var(--siac-radius-lg);
    background: rgba(247, 248, 251, 0.84);
}

.preview-option-groups[b-nidexwwo1f] {
    display: grid;
    gap: 14px;
    margin-top: 14px;
}

.preview-option-group[b-nidexwwo1f] {
    padding: 12px;
    border: 1px solid rgba(26, 68, 104, 0.1);
    border-radius: 12px;
    background: rgba(255, 255, 255, 0.72);
}

.preview-option-group-title[b-nidexwwo1f] {
    margin-bottom: 8px;
    color: var(--siac-primary-strong);
    font-size: 0.8rem;
    font-weight: 800;
    letter-spacing: 0.04em;
    text-transform: uppercase;
}

.preview-options-list[b-nidexwwo1f] {
    display: grid;
    gap: 10px;
    margin-top: 14px;
}

.preview-option-row[b-nidexwwo1f] {
    display: grid;
    gap: 10px;
    padding: 10px 0;
    border-bottom: 1px solid rgba(26, 68, 104, 0.1);
}

.preview-option-row:last-child[b-nidexwwo1f] {
    border-bottom: 0;
    padding-bottom: 0;
}

.preview-option-title-block[b-nidexwwo1f] {
    display: grid;
    gap: 4px;
}

.preview-option-name[b-nidexwwo1f] {
    color: var(--siac-text);
    font-size: 0.88rem;
    font-weight: 700;
}

.preview-option-selected[b-nidexwwo1f] {
    color: var(--siac-muted);
    font-size: 0.74rem;
}

.preview-option-toggles[b-nidexwwo1f] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 8px;
}

.legal-section-content.is-placeholder[b-nidexwwo1f] {
    padding: 10px 12px;
    border: 1px dashed var(--siac-neutral-300);
    border-radius: var(--siac-radius-md);
    background: var(--siac-neutral-50);
    color: var(--siac-neutral-500);
    font-family: inherit;
    font-size: 0.86rem;
    font-style: italic;
}

.preview-signature[b-nidexwwo1f] {
    width: 46%;
    height: 2px;
    margin-top: 38px;
    background: var(--siac-neutral-400);
}

.validation-panel[b-nidexwwo1f] {
    padding: 18px;
    border: 1px solid var(--siac-border);
    border-radius: var(--siac-radius-lg);
    background: rgba(247, 248, 251, 0.9);
}

.validation-row[b-nidexwwo1f] {
    padding: 10px 0;
    border-bottom: 1px solid rgba(26, 68, 104, 0.12);
    color: var(--siac-muted);
}

.validation-row:last-child[b-nidexwwo1f] {
    border-bottom: 0;
}

.builder-preview-sticky[b-nidexwwo1f] {
    position: sticky;
    top: 88px;
}

.preview-metric[b-nidexwwo1f] {
    display: grid;
    gap: 4px;
    padding: 12px 0;
    border-bottom: 1px solid rgba(26, 68, 104, 0.12);
}

.preview-metric span[b-nidexwwo1f],
.preview-overline[b-nidexwwo1f] {
    color: var(--siac-muted);
    font-size: 0.76rem;
    letter-spacing: 0.02em;
}

.preview-metric strong[b-nidexwwo1f] {
    color: var(--siac-text);
    font-weight: 750;
}

.preview-section-list[b-nidexwwo1f] {
    display: grid;
    gap: 8px;
}

.preview-section-list span[b-nidexwwo1f] {
    padding: 8px 10px;
    border-radius: 10px;
    background: var(--siac-primary-soft);
    color: var(--siac-primary-strong);
    font-size: 0.82rem;
}

.preview-rules[b-nidexwwo1f] {
    display: grid;
    gap: 8px;
    margin-top: 8px;
}

.preview-rules span[b-nidexwwo1f] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 9px 10px;
    border-radius: 10px;
    background: var(--siac-neutral-100);
    color: var(--siac-neutral-500);
}

.summary-compact[b-nidexwwo1f] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 10px;
}

.summary-compact div[b-nidexwwo1f] {
    display: grid;
    gap: 2px;
    padding: 10px;
    border-radius: 12px;
    background: var(--siac-neutral-100);
}

.summary-compact span[b-nidexwwo1f],
.pending-list span[b-nidexwwo1f] {
    color: var(--siac-muted);
    font-size: 0.76rem;
}

.summary-compact strong[b-nidexwwo1f] {
    color: var(--siac-text);
    font-size: 0.92rem;
}

.pending-list[b-nidexwwo1f] {
    display: flex;
    flex-wrap: wrap;
    gap: 6px;
    margin-top: 8px;
}

.pending-list span[b-nidexwwo1f] {
    padding: 5px 8px;
    border: 1px solid rgba(26, 68, 104, 0.14);
    border-radius: 999px;
    background: var(--siac-surface-strong);
}

.builder-actions[b-nidexwwo1f] {
    position: sticky;
    bottom: 14px;
    z-index: 1;
    border-top: 1px solid rgba(18, 57, 92, 0.14);
}

.builder-actions-primary[b-nidexwwo1f] {
    align-items: center;
}

.builder-actions-primary[b-nidexwwo1f]  .mud-button-root {
    border-radius: 10px;
    text-transform: none;
    min-height: 36px;
    font-weight: 600;
}

@media (max-width: 960px) {
    .builder-shell[b-nidexwwo1f] {
        padding: 16px;
    }

    .builder-section-head[b-nidexwwo1f],
    .builder-actions-stack[b-nidexwwo1f],
    .builder-hero-actions[b-nidexwwo1f],
    .legal-preview-toolbar[b-nidexwwo1f],
    .legal-preview-actions[b-nidexwwo1f] {
        align-items: stretch;
        flex-direction: column;
    }

    .preview-page[b-nidexwwo1f] {
        padding: 34px 24px;
    }

    .preview-side-rail[b-nidexwwo1f] {
        max-height: none;
        overflow: visible;
        padding-right: 0;
    }

    .builder-preview-sticky[b-nidexwwo1f],
    .builder-actions[b-nidexwwo1f] {
        position: static;
    }

    .preview-option-toggles[b-nidexwwo1f] {
        grid-template-columns: 1fr;
    }

    .participant-group-header[b-nidexwwo1f],
    .participant-card-header[b-nidexwwo1f] {
        flex-direction: column;
        align-items: stretch;
    }
}
/* /Components/Pages/GestorInstrumentoJuridico/NuevoInstrumentoJuridico.razor.rz.scp.css */
.upload-shell[b-614jkbwyh0] {
    max-width: 1240px;
    margin: 0 auto 1.5rem auto;
    display: flex;
    flex-direction: column;
    gap: .85rem;
}

.upload-hero[b-614jkbwyh0] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 1rem;
    padding: 1.2rem 1.35rem;
    border-radius: 22px;
    border: 1px solid rgba(18, 57, 92, .14);
    background: linear-gradient(135deg, rgba(229, 241, 251, .95), rgba(241, 248, 245, .92));
}

.upload-hero-copy[b-614jkbwyh0] {
    display: flex;
    flex-direction: column;
    gap: .25rem;
}

.upload-hero-chip[b-614jkbwyh0] {
    width: fit-content;
}

.upload-title[b-614jkbwyh0] {
    color: #12395c;
    font-weight: 700;
}

.upload-subtitle[b-614jkbwyh0] {
    color: rgba(18, 57, 92, .72);
}

.upload-card[b-614jkbwyh0] {
    border-radius: 16px;
    border: 1px solid rgba(18, 57, 92, .1);
    background: rgba(255, 255, 255, .96);
    box-shadow: 0 14px 28px rgba(18, 57, 92, .08);
    padding: .95rem 1rem;
}

.upload-card-title[b-614jkbwyh0] {
    margin-bottom: .55rem;
    color: #143955;
    font-weight: 600;
}

.upload-label[b-614jkbwyh0] {
    color: rgba(18, 57, 92, .72);
}

.upload-helper[b-614jkbwyh0] {
    color: rgba(18, 57, 92, .68);
}

.document-dropzone[b-614jkbwyh0] {
    border: 1px dashed rgba(18, 57, 92, .28);
    border-radius: 12px;
    background: rgba(250, 252, 255, .88);
    padding: .8rem;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: .6rem;
}

.document-file-name[b-614jkbwyh0] {
    flex: 1 1 240px;
    min-width: 220px;
}

.upload-notes-card :deep(.mud-input-slot)[b-614jkbwyh0] {
    min-height: 140px;
}

.upload-footer[b-614jkbwyh0] {
    position: sticky;
    bottom: .65rem;
    z-index: 10;
    display: flex;
    align-items: center;
    gap: .5rem;
    border-radius: 14px;
    border: 1px solid rgba(18, 57, 92, .12);
    background: rgba(255, 255, 255, .96);
    padding: .65rem .85rem;
}

@media (max-width: 960px) {
    .upload-hero[b-614jkbwyh0] {
        flex-direction: column;
        align-items: flex-start;
    }

    .upload-footer[b-614jkbwyh0] {
        bottom: .35rem;
    }
}

@media (prefers-color-scheme: dark) {
    .upload-hero[b-614jkbwyh0],
    .upload-card[b-614jkbwyh0],
    .upload-footer[b-614jkbwyh0] {
        background: rgba(28, 40, 55, .9);
        border-color: rgba(148, 163, 184, .2);
    }

    .upload-title[b-614jkbwyh0] {
        color: #dbeafe;
    }

    .upload-subtitle[b-614jkbwyh0],
    .upload-label[b-614jkbwyh0],
    .upload-helper[b-614jkbwyh0] {
        color: rgba(226, 232, 240, .85);
    }

    .document-dropzone[b-614jkbwyh0] {
        background: rgba(24, 34, 46, .88);
        border-color: rgba(148, 163, 184, .32);
    }
}
/* /Components/Pages/GestorInstrumentoJuridico/PlantillasABC.razor.rz.scp.css */
.catalog-shell[b-ti3rs0xds5] {
    max-width: 1200px;
    margin: 0 auto;
    padding: 0 14px 20px;
}

.catalog-section[b-ti3rs0xds5] {
    margin-bottom: 14px;
}

[b-ti3rs0xds5] .header-surface {
    border-radius: 14px;
    border: 1px solid rgba(26, 68, 104, 0.16);
    background:
        radial-gradient(circle at 9% 16%, rgba(80, 156, 210, 0.16), transparent 34%),
        radial-gradient(circle at 86% 30%, rgba(129, 198, 157, 0.13), transparent 30%),
        linear-gradient(120deg, #f9fcff 0%, #f4f9ff 52%, #f7fcfb 100%);
}

[b-ti3rs0xds5] .header-title {
    color: #12395c;
    font-weight: 700;
    letter-spacing: 0.01em;
}

[b-ti3rs0xds5] .header-subtitle {
    color: rgba(18, 57, 92, 0.78);
}

[b-ti3rs0xds5] .header-actions {
    flex-wrap: wrap;
}

[b-ti3rs0xds5] .kpi-card {
    border-radius: 12px;
    border: 1px solid rgba(19, 59, 91, 0.12);
    padding: 14px;
    transition: transform 0.16s ease, box-shadow 0.16s ease;
}

[b-ti3rs0xds5] .kpi-card:hover {
    transform: translateY(-1px);
    box-shadow: 0 10px 18px rgba(13, 42, 67, 0.08);
}

[b-ti3rs0xds5] .kpi-total {
    background: linear-gradient(145deg, #f1f7ff 0%, #f8fbff 100%);
}

[b-ti3rs0xds5] .kpi-active {
    background: linear-gradient(145deg, #f0fcf5 0%, #f8fdf9 100%);
}

[b-ti3rs0xds5] .kpi-inactive {
    background: linear-gradient(145deg, #f7f8fb 0%, #fcfcfe 100%);
}

[b-ti3rs0xds5] .kpi-number {
    font-weight: 800;
    color: #143955;
    line-height: 1.1;
}

[b-ti3rs0xds5] .kpi-text {
    color: rgba(20, 57, 85, 0.74);
}

[b-ti3rs0xds5] .filters-surface {
    border-radius: 12px;
    border: 1px solid rgba(19, 59, 91, 0.1);
    background: linear-gradient(180deg, #ffffff 0%, #fbfdff 100%);
}

.filters-actions[b-ti3rs0xds5] {
    gap: 10px;
    flex-wrap: wrap;
}

[b-ti3rs0xds5] .filter-date {
    min-width: 190px;
}

[b-ti3rs0xds5] .filter-date .mud-input-control {
    min-width: 190px;
}

[b-ti3rs0xds5] .filter-date .mud-input-slot {
    padding-right: 56px;
}

[b-ti3rs0xds5] .filter-date input.mud-input-root {
    text-overflow: clip;
}

.catalog-panel[b-ti3rs0xds5] {
    border-radius: 14px;
    border: 1px solid rgba(19, 59, 91, 0.1);
    background: linear-gradient(180deg, #ffffff 0%, #fcfdff 100%);
    padding: 12px;
}

.state-wrap[b-ti3rs0xds5] {
    padding: 6px 4px 10px;
}

.loading-card[b-ti3rs0xds5] {
    border-radius: 10px;
    border: 1px solid rgba(19, 59, 91, 0.1);
}

.empty-state[b-ti3rs0xds5] {
    border-radius: 12px;
    text-align: center;
    border: 1px dashed rgba(19, 59, 91, 0.2);
    background: linear-gradient(180deg, rgba(240, 248, 255, 0.7) 0%, rgba(250, 252, 255, 0.95) 100%);
}

.empty-icon[b-ti3rs0xds5] {
    color: #426f97;
}

.empty-title[b-ti3rs0xds5] {
    font-weight: 700;
    color: #173f61;
}

.empty-subtitle[b-ti3rs0xds5] {
    color: rgba(24, 56, 83, 0.72);
}

[b-ti3rs0xds5] .catalog-mobile-card {
    border-radius: 12px;
    border: 1px solid rgba(19, 59, 91, 0.11);
    background: linear-gradient(180deg, #ffffff 0%, #f9fbff 100%);
    transition: transform 0.16s ease, box-shadow 0.16s ease;
}

[b-ti3rs0xds5] .catalog-mobile-card:hover {
    transform: translateY(-1px);
    box-shadow: 0 8px 14px rgba(14, 44, 70, 0.07);
}

[b-ti3rs0xds5] .primary-name {
    font-weight: 700;
    font-size: 0.96rem;
    color: #163d5f;
}

[b-ti3rs0xds5] .secondary-notes {
    color: rgba(24, 56, 83, 0.74);
    font-size: 0.86rem;
}

[b-ti3rs0xds5] .date-muted {
    color: rgba(24, 56, 83, 0.62);
}

[b-ti3rs0xds5] .status-chip {
    font-weight: 600;
}

[b-ti3rs0xds5] .edit-action {
    border-radius: 9px;
}

[b-ti3rs0xds5] .edit-action:hover {
    background-color: color-mix(in srgb, var(--mud-palette-primary) 10%, transparent);
}

.pager-wrap[b-ti3rs0xds5] {
    gap: 10px;
    flex-wrap: wrap;
    padding: 2px 4px 0;
}

.pager-caption[b-ti3rs0xds5] {
    color: rgba(24, 56, 83, 0.68);
}

.page-size-select[b-ti3rs0xds5] {
    width: 90px;
}

[b-ti3rs0xds5] .catalog-table {
    border-radius: 12px;
    border: 1px solid rgba(19, 59, 91, 0.1);
    overflow: hidden;
}

[b-ti3rs0xds5] .catalog-table .mud-table-cell {
    padding-top: 11px;
    padding-bottom: 11px;
    border-bottom: 1px solid rgba(17, 52, 81, 0.08);
    vertical-align: middle;
}

[b-ti3rs0xds5] .catalog-table .mud-table-head .mud-table-cell {
    font-size: 0.78rem;
    font-weight: 700;
    letter-spacing: 0.04em;
    color: rgba(22, 54, 80, 0.8);
    text-transform: uppercase;
}

[b-ti3rs0xds5] .catalog-table.zebra-soft .mud-table-container table tbody tr:nth-child(even) {
    background-color: color-mix(in srgb, currentColor 2.3%, transparent);
}

[b-ti3rs0xds5] .catalog-table.zebra-soft .mud-table-container table tbody tr {
    transition: background-color 0.14s ease;
}

[b-ti3rs0xds5] .catalog-table.zebra-soft .mud-table-container table tbody tr:hover {
    background-color: color-mix(in srgb, var(--mud-palette-primary) 8%, transparent) !important;
}

[b-ti3rs0xds5] .catalog-table.zebra-soft .mud-table-container table tbody tr:focus-within {
    background-color: color-mix(in srgb, var(--mud-palette-primary) 10%, transparent);
}

[b-ti3rs0xds5] .mud-theme-dark .header-title,
[b-ti3rs0xds5] .mud-theme-dark .kpi-number,
[b-ti3rs0xds5] .mud-theme-dark .primary-name {
    color: rgba(233, 241, 249, 0.95);
}

[b-ti3rs0xds5] .mud-theme-dark .header-subtitle,
[b-ti3rs0xds5] .mud-theme-dark .kpi-text,
[b-ti3rs0xds5] .mud-theme-dark .secondary-notes,
[b-ti3rs0xds5] .mud-theme-dark .date-muted,
[b-ti3rs0xds5] .mud-theme-dark .pager-caption,
[b-ti3rs0xds5] .mud-theme-dark .empty-subtitle {
    color: rgba(233, 241, 249, 0.72);
}

[b-ti3rs0xds5] .mud-theme-dark .header-surface,
[b-ti3rs0xds5] .mud-theme-dark .kpi-card,
[b-ti3rs0xds5] .mud-theme-dark .filters-surface,
[b-ti3rs0xds5] .mud-theme-dark .catalog-panel,
[b-ti3rs0xds5] .mud-theme-dark .catalog-mobile-card,
[b-ti3rs0xds5] .mud-theme-dark .loading-card,
[b-ti3rs0xds5] .mud-theme-dark .catalog-table {
    border-color: rgba(205, 220, 240, 0.14);
}

[b-ti3rs0xds5] .mud-theme-dark .kpi-total,
[b-ti3rs0xds5] .mud-theme-dark .kpi-active,
[b-ti3rs0xds5] .mud-theme-dark .kpi-inactive,
[b-ti3rs0xds5] .mud-theme-dark .catalog-panel,
[b-ti3rs0xds5] .mud-theme-dark .filters-surface,
[b-ti3rs0xds5] .mud-theme-dark .catalog-mobile-card,
[b-ti3rs0xds5] .mud-theme-dark .loading-card {
    background: linear-gradient(180deg, rgba(28, 40, 55, 0.9) 0%, rgba(24, 34, 46, 0.9) 100%);
}

[b-ti3rs0xds5] .mud-theme-dark .catalog-table.zebra-soft .mud-table-container table tbody tr:nth-child(even) {
    background-color: color-mix(in srgb, currentColor 5.2%, transparent);
}

@media (max-width: 959px) {
    .catalog-shell[b-ti3rs0xds5] {
        padding: 0 10px 16px;
    }
}
/* /Components/Pages/GestorInstrumentoJuridico/RevisionInstrumentoJuridico.razor.rz.scp.css */
.revision-loading[b-3pye02uu7i] {
    min-height: 62vh;
    display: flex;
    align-items: center;
    justify-content: center;
}

.revision-shell[b-3pye02uu7i] {
    max-width: 1240px;
    margin: 0 auto 1.5rem auto;
    display: flex;
    flex-direction: column;
    gap: .85rem;
}

.revision-hero[b-3pye02uu7i] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 1rem;
    padding: 1.2rem 1.35rem;
    border-radius: 22px;
    border: 1px solid rgba(18, 57, 92, .14);
    background: linear-gradient(135deg, rgba(229, 241, 251, .95), rgba(241, 248, 245, .92));
}

.revision-hero-copy[b-3pye02uu7i] {
    display: flex;
    flex-direction: column;
    gap: .25rem;
}

.revision-hero-chip[b-3pye02uu7i] {
    width: fit-content;
}

.revision-title[b-3pye02uu7i] {
    color: #12395c;
    font-weight: 700;
}

.revision-subtitle[b-3pye02uu7i] {
    color: rgba(18, 57, 92, .72);
}

.revision-card[b-3pye02uu7i] {
    border-radius: 16px;
    border: 1px solid rgba(18, 57, 92, .1);
    background: rgba(255, 255, 255, .96);
    box-shadow: 0 14px 28px rgba(18, 57, 92, .08);
    padding: .95rem 1rem;
}

.revision-card-title[b-3pye02uu7i] {
    margin-bottom: .55rem;
    color: #143955;
    font-weight: 600;
}

.revision-label[b-3pye02uu7i] {
    color: rgba(18, 57, 92, .72);
}

.revision-helper[b-3pye02uu7i] {
    color: rgba(18, 57, 92, .68);
}

.rechazo-card[b-3pye02uu7i] {
    border-color: rgba(220, 38, 38, .18);
}

.revision-footer[b-3pye02uu7i] {
    position: sticky;
    bottom: .65rem;
    z-index: 10;
    display: flex;
    align-items: center;
    gap: .5rem;
    border-radius: 14px;
    border: 1px solid rgba(18, 57, 92, .12);
    background: rgba(255, 255, 255, .96);
    padding: .65rem .85rem;
}

.revision-overlay[b-3pye02uu7i] {
    min-width: min(420px, 88vw);
    background: rgba(255, 255, 255, 0.98);
    border: 1px solid rgba(18, 57, 92, 0.16);
    border-radius: 14px;
    box-shadow: 0 24px 42px rgba(2, 6, 23, .25);
    padding: 1rem 1.1rem;
    display: flex;
    flex-direction: column;
    gap: .7rem;
}

.revision-overlay-progress[b-3pye02uu7i] {
    border-radius: 999px;
}

@media (max-width: 960px) {
    .revision-hero[b-3pye02uu7i] {
        flex-direction: column;
        align-items: flex-start;
    }
}

@media (prefers-color-scheme: dark) {
    .revision-hero[b-3pye02uu7i],
    .revision-card[b-3pye02uu7i],
    .revision-footer[b-3pye02uu7i] {
        background: rgba(28, 40, 55, .9);
        border-color: rgba(148, 163, 184, .2);
    }

    .revision-title[b-3pye02uu7i] {
        color: #dbeafe;
    }

    .revision-subtitle[b-3pye02uu7i],
    .revision-label[b-3pye02uu7i],
    .revision-helper[b-3pye02uu7i] {
        color: rgba(226, 232, 240, .85);
    }
}
/* /Components/Pages/GestorInstrumentoJuridico/SelectorSeccion.razor.rz.scp.css */
.section-selector-shell[b-k3fjqy0vyn] {
    display: grid;
    gap: 6px;
}

.section-selector-main[b-k3fjqy0vyn] {
    align-items: end;
}

.section-selector-actions[b-k3fjqy0vyn] {
    flex-wrap: nowrap;
    align-items: center;
    justify-content: flex-end;
}

.selector-icon-btn[b-k3fjqy0vyn] {
    border: 1px solid rgba(26, 68, 104, 0.18);
    border-radius: 10px;
    width: 34px;
    height: 34px;
    background: rgba(255, 255, 255, 0.94);
}

.selector-icon-btn:hover[b-k3fjqy0vyn] {
    background: rgba(244, 249, 255, 0.96);
}

@media (max-width: 900px) {
    .section-selector-actions[b-k3fjqy0vyn],
    .section-selector-actions-top[b-k3fjqy0vyn] {
        width: 100%;
        justify-content: flex-start;
    }
}
/* /Components/Pages/GestorInstrumentoJuridico/ValidacionInstrumentoJuridico.razor.rz.scp.css */
.validacion-loading[b-ipc8gpmcm0] {
    min-height: 62vh;
    display: flex;
    align-items: center;
    justify-content: center;
}

.validacion-shell[b-ipc8gpmcm0] {
    max-width: 1240px;
    margin: 0 auto 1.5rem auto;
    display: flex;
    flex-direction: column;
    gap: .85rem;
}

.validacion-hero[b-ipc8gpmcm0] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 1rem;
    padding: 1.2rem 1.35rem;
    border-radius: 22px;
    border: 1px solid rgba(18, 57, 92, .14);
    background: linear-gradient(135deg, rgba(229, 241, 251, .95), rgba(241, 248, 245, .92));
}

.validacion-hero-copy[b-ipc8gpmcm0] {
    display: flex;
    flex-direction: column;
    gap: .25rem;
}

.validacion-hero-chip[b-ipc8gpmcm0] {
    width: fit-content;
}

.validacion-title[b-ipc8gpmcm0] {
    color: #12395c;
    font-weight: 700;
}

.validacion-subtitle[b-ipc8gpmcm0] {
    color: rgba(18, 57, 92, .72);
}

.validacion-card[b-ipc8gpmcm0] {
    border-radius: 16px;
    border: 1px solid rgba(18, 57, 92, .1);
    background: rgba(255, 255, 255, .96);
    box-shadow: 0 14px 28px rgba(18, 57, 92, .08);
    padding: .95rem 1rem;
}

.validacion-card-title[b-ipc8gpmcm0] {
    margin-bottom: .55rem;
    color: #143955;
    font-weight: 600;
}

.validacion-label[b-ipc8gpmcm0] {
    color: rgba(18, 57, 92, .72);
}

.validacion-helper[b-ipc8gpmcm0] {
    color: rgba(18, 57, 92, .68);
}

.rechazo-card[b-ipc8gpmcm0] {
    border-color: rgba(220, 38, 38, .18);
}

.validacion-footer[b-ipc8gpmcm0] {
    position: sticky;
    bottom: .65rem;
    z-index: 10;
    display: flex;
    align-items: center;
    gap: .5rem;
    border-radius: 14px;
    border: 1px solid rgba(18, 57, 92, .12);
    background: rgba(255, 255, 255, .96);
    padding: .65rem .85rem;
}

.validacion-overlay[b-ipc8gpmcm0] {
    min-width: min(420px, 88vw);
    background: rgba(255, 255, 255, 0.98);
    border: 1px solid rgba(18, 57, 92, 0.16);
    border-radius: 14px;
    box-shadow: 0 24px 42px rgba(2, 6, 23, .25);
    padding: 1rem 1.1rem;
    display: flex;
    flex-direction: column;
    gap: .7rem;
}

.validacion-overlay-progress[b-ipc8gpmcm0] {
    border-radius: 999px;
}

@media (max-width: 960px) {
    .validacion-hero[b-ipc8gpmcm0] {
        flex-direction: column;
        align-items: flex-start;
    }
}

@media (prefers-color-scheme: dark) {
    .validacion-hero[b-ipc8gpmcm0],
    .validacion-card[b-ipc8gpmcm0],
    .validacion-footer[b-ipc8gpmcm0] {
        background: rgba(28, 40, 55, .9);
        border-color: rgba(148, 163, 184, .2);
    }

    .validacion-title[b-ipc8gpmcm0] {
        color: #dbeafe;
    }

    .validacion-subtitle[b-ipc8gpmcm0],
    .validacion-label[b-ipc8gpmcm0],
    .validacion-helper[b-ipc8gpmcm0] {
        color: rgba(226, 232, 240, .85);
    }
}
/* /Components/Pages/GestorInstrumentoJuridico/ValidacionInstrumentosJuridicos.razor.rz.scp.css */
.gestion-loading[b-rf780rngiv] {
    min-height: 62vh;
    display: flex;
    align-items: center;
    justify-content: center;
}

.gestion-shell[b-rf780rngiv] {
    align-items: flex-start;
    gap: .15rem;
}

.gestion-hero[b-rf780rngiv] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1.25rem;
    padding: 1.3rem 1.5rem;
    border-radius: 24px;
    border: 1px solid rgba(18, 57, 92, 0.12);
    background: linear-gradient(135deg, rgba(229, 241, 251, 0.95), rgba(241, 248, 245, 0.92));
}

.gestion-hero-copy[b-rf780rngiv] {
    display: flex;
    flex-direction: column;
    gap: .4rem;
}

.hero-chip[b-rf780rngiv] {
    width: fit-content;
    font-weight: 600;
}

.gestion-title[b-rf780rngiv] {
    color: #12395c;
    font-weight: 700;
    line-height: 1.1;
}

.gestion-subtitle[b-rf780rngiv] {
    color: rgba(18, 57, 92, 0.72);
    max-width: 850px;
}

.kpi-card[b-rf780rngiv],
.filters-card[b-rf780rngiv],
.grid-card[b-rf780rngiv] {
    border-radius: 20px;
    border: 1px solid rgba(18, 57, 92, 0.1);
    background: rgba(255, 255, 255, 0.94);
    box-shadow: 0 20px 36px rgba(18, 57, 92, 0.08);
}

.kpi-grid[b-rf780rngiv] {
    display: flex;
    flex-wrap: nowrap;
    gap: .55rem;
    overflow-x: auto;
    overflow-y: hidden;
    padding-bottom: .2rem;
    scrollbar-width: thin;
}

.kpi-card[b-rf780rngiv] {
    padding: .5rem .68rem;
    display: flex;
    align-items: center;
    gap: .48rem;
    min-height: 64px;
    max-height: 64px;
    flex: 0 0 175px;
    min-width: 175px;
    overflow: hidden;
}

.kpi-icon[b-rf780rngiv] {
    width: 28px;
    height: 28px;
    border-radius: 999px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex: 0 0 auto;
}

.kpi-icon :deep(svg)[b-rf780rngiv] {
    font-size: .9rem;
}

.kpi-primary[b-rf780rngiv] {
    background: rgba(18, 57, 92, .12);
    color: #12395c;
}

.kpi-info[b-rf780rngiv] {
    background: rgba(14, 116, 144, .12);
    color: #0f5f74;
}

.kpi-success[b-rf780rngiv] {
    background: rgba(22, 163, 74, .12);
    color: #1a7a42;
}

.kpi-danger[b-rf780rngiv] {
    background: rgba(220, 38, 38, .12);
    color: #b91c1c;
}

.kpi-warning[b-rf780rngiv] {
    background: rgba(245, 158, 11, .12);
    color: #9a6700;
}

.kpi-body[b-rf780rngiv] {
    display: flex;
    flex-direction: column;
    gap: .05rem;
    min-width: 0;
}

.kpi-body :deep(.mud-typography-caption)[b-rf780rngiv] {
    font-size: .68rem;
    line-height: 1.05;
    opacity: .88;
}

.kpi-body :deep(.mud-typography-h6)[b-rf780rngiv] {
    font-size: 1.08rem;
    line-height: 1;
    font-weight: 700;
}

.filters-card[b-rf780rngiv],
.grid-card[b-rf780rngiv] {
    padding: .95rem;
}

.filters-accordion[b-rf780rngiv] {
    padding: .4rem .7rem;
}

.filters-accordion :deep(.mud-expand-panel)[b-rf780rngiv] {
    background: transparent;
    box-shadow: none;
}

.filters-accordion :deep(.mud-expand-panel-header)[b-rf780rngiv] {
    min-height: 44px;
    padding: .25rem .4rem;
    font-size: .92rem;
    font-weight: 700;
    letter-spacing: .01em;
    color: #12395c;
    border: 1px solid rgba(18, 57, 92, .14);
    border-radius: 12px;
    background: linear-gradient(180deg, rgba(244, 248, 252, .98), rgba(239, 245, 250, .95));
    transition: border-color .18s ease, box-shadow .18s ease, background .18s ease;
}

.filters-accordion :deep(.mud-expand-panel-header:hover)[b-rf780rngiv] {
    border-color: rgba(18, 57, 92, .25);
    box-shadow: 0 8px 20px rgba(18, 57, 92, .08);
}

.filters-accordion :deep(.mud-expand-panel-header:focus-visible)[b-rf780rngiv] {
    outline: 2px solid rgba(18, 57, 92, .38);
    outline-offset: 2px;
}

.filters-accordion :deep(.mud-expand-panel-content)[b-rf780rngiv] {
    padding: .6rem .2rem .35rem .2rem;
}

.filters-accordion :deep(.mud-expand-panel-header .mud-expand-panel-text)[b-rf780rngiv] {
    display: inline-flex;
    align-items: center;
    gap: .4rem;
}

.filters-accordion :deep(.mud-expand-panel-header .mud-expand-panel-icon)[b-rf780rngiv] {
    color: #2a4f73;
    opacity: .9;
}

.filters-primary-row[b-rf780rngiv] {
    display: grid;
    grid-template-columns: minmax(420px, 1fr) auto auto;
    gap: .65rem;
    align-items: center;
}

.filters-search-btn[b-rf780rngiv] {
    min-width: 132px;
    height: 44px;
}

.filters-secondary-row[b-rf780rngiv] {
    margin-top: .2rem;
}

:deep(.filters-secondary-row .mud-input-control)[b-rf780rngiv] {
    margin-top: 0;
}

:deep(.filters-secondary-row .mud-input-slot)[b-rf780rngiv] {
    min-height: 44px;
}

:deep(.filters-secondary-row .mud-input-label)[b-rf780rngiv] {
    font-size: .85rem;
}

.filters-actions[b-rf780rngiv] {
    display: flex;
    flex-wrap: wrap;
    gap: .45rem;
    align-items: center;
    justify-content: flex-end;
    min-height: 44px;
}

.actions-cell[b-rf780rngiv] {
    white-space: nowrap;
}

:deep(.actions-cell .mud-icon-button:focus-visible)[b-rf780rngiv],
:deep(.actions-cell .mud-menu-button:focus-visible)[b-rf780rngiv],
:deep(.filters-card .mud-button-root:focus-visible)[b-rf780rngiv],
:deep(.gestion-hero .mud-button-root:focus-visible)[b-rf780rngiv] {
    outline: 2px solid rgba(18, 57, 92, .45);
    outline-offset: 2px;
}

:deep(.actions-cell .mud-icon-button.mud-disabled)[b-rf780rngiv],
:deep(.actions-cell .mud-menu-button.mud-disabled)[b-rf780rngiv] {
    opacity: .55;
}

.grid-header[b-rf780rngiv] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: .7rem;
    margin-bottom: .75rem;
}

.grid-card[b-rf780rngiv] {
    min-height: 64vh;
}

.main-cell[b-rf780rngiv] {
    display: flex;
    flex-direction: column;
    gap: .2rem;
    min-width: 260px;
}

.partes-cell[b-rf780rngiv],
.dates-cell[b-rf780rngiv] {
    display: flex;
    flex-direction: column;
    gap: .15rem;
    min-width: 170px;
}

.instrument-name[b-rf780rngiv] {
    color: #12395c;
    font-weight: 700;
}

.instrument-folio[b-rf780rngiv] {
    color: #2a4f73;
    font-weight: 600;
}

.instrument-meta[b-rf780rngiv] {
    color: rgba(18, 57, 92, .7);
}

.chip-clickable[b-rf780rngiv] {
    cursor: pointer;
    display: inline-flex;
    align-items: center;
}

.chip-clickable:focus-visible[b-rf780rngiv] {
    outline: 2px solid rgba(18, 57, 92, .35);
    outline-offset: 2px;
    border-radius: 999px;
}

.status-stage-chips[b-rf780rngiv] {
    display: flex;
    flex-wrap: wrap;
    gap: .35rem;
    align-items: center;
    min-width: 180px;
}

.status-stage-chip[b-rf780rngiv] {
    max-width: 100%;
}

.focus-row[b-rf780rngiv] {
    background: rgba(99, 102, 241, 0.08);
}

.empty-state[b-rf780rngiv] {
    padding: 2rem 1rem;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 0.35rem;
    color: rgba(18, 57, 92, 0.7);
}

:deep(.mud-table-loading)[b-rf780rngiv] {
    min-height: 140px;
}

.mobile-cards[b-rf780rngiv] {
    margin-top: .75rem;
    display: grid;
    grid-template-columns: 1fr;
    gap: .7rem;
}

.mobile-card[b-rf780rngiv] {
    border-radius: 14px;
    border: 1px solid rgba(18, 57, 92, .14);
    background: rgba(255, 255, 255, .97);
    padding: .85rem;
    display: flex;
    flex-direction: column;
    gap: .25rem;
}

.mobile-tags[b-rf780rngiv] {
    display: flex;
    gap: .4rem;
    flex-wrap: wrap;
    margin-top: .35rem;
}

.preview-loading-overlay[b-rf780rngiv] {
    min-width: min(420px, 88vw);
    background: rgba(255, 255, 255, 0.98);
    border: 1px solid rgba(18, 57, 92, 0.16);
    border-radius: 14px;
    box-shadow: 0 24px 42px rgba(2, 6, 23, .25);
    padding: 1rem 1.1rem;
    display: flex;
    flex-direction: column;
    gap: .7rem;
}

.preview-loading-progress[b-rf780rngiv] {
    border-radius: 999px;
}

@media (max-width: 960px) {
    .kpi-grid[b-rf780rngiv] {
        flex-wrap: wrap;
        overflow: visible;
    }

    .gestion-hero[b-rf780rngiv] {
        flex-direction: column;
        align-items: stretch;
    }

    .filters-primary-row[b-rf780rngiv] {
        grid-template-columns: 1fr;
    }

    .filters-search-btn[b-rf780rngiv] {
        width: 100%;
    }

    .filters-actions[b-rf780rngiv] {
        width: 100%;
        justify-content: flex-start;
    }

    .main-cell[b-rf780rngiv] {
        min-width: 220px;
    }

    .kpi-card[b-rf780rngiv] {
        flex: 1 1 calc(50% - .55rem);
        min-width: 0;
        min-height: 62px;
        max-height: 62px;
    }
}

@media (max-width: 640px) {
    .kpi-grid[b-rf780rngiv] {
        flex-wrap: wrap;
        overflow: visible;
        margin-bottom: 0;
        gap: .55rem;
    }

    .kpi-card[b-rf780rngiv] {
        flex: 1 1 calc(50% - .55rem);
        min-height: 60px;
        max-height: 60px;
        padding: .45rem .55rem;
        border-radius: 16px;
    }

    .kpi-icon[b-rf780rngiv] {
        width: 24px;
        height: 24px;
    }

    .kpi-body :deep(.mud-typography-h6)[b-rf780rngiv] {
        font-size: .98rem;
    }

    .grid-card[b-rf780rngiv] {
        min-height: 58vh;
    }
}

@media (prefers-color-scheme: dark) {
    .gestion-hero[b-rf780rngiv],
    .kpi-card[b-rf780rngiv],
    .filters-card[b-rf780rngiv],
    .grid-card[b-rf780rngiv],
    .mobile-card[b-rf780rngiv] {
        background: rgba(28, 40, 55, 0.9);
        border-color: rgba(148, 163, 184, 0.2);
    }

    .gestion-title[b-rf780rngiv] {
        color: #dbeafe;
    }

    .gestion-subtitle[b-rf780rngiv],
    .instrument-meta[b-rf780rngiv],
    .empty-state[b-rf780rngiv] {
        color: rgba(226, 232, 240, 0.86);
    }

    .instrument-name[b-rf780rngiv] {
        color: #f8fafc;
    }

    .kpi-primary[b-rf780rngiv] {
        background: rgba(59, 130, 246, .24);
        color: #dbeafe;
    }

    .kpi-info[b-rf780rngiv] {
        background: rgba(8, 145, 178, .24);
        color: #cffafe;
    }

    .kpi-success[b-rf780rngiv] {
        background: rgba(34, 197, 94, .24);
        color: #dcfce7;
    }

    .kpi-danger[b-rf780rngiv] {
        background: rgba(239, 68, 68, .24);
        color: #fee2e2;
    }

    .kpi-warning[b-rf780rngiv] {
        background: rgba(245, 158, 11, .24);
        color: #fef3c7;
    }

    .focus-row[b-rf780rngiv] {
        background: rgba(59, 130, 246, 0.18);
    }

    .filters-accordion :deep(.mud-expand-panel-header)[b-rf780rngiv] {
        color: #dbeafe;
        border-color: rgba(148, 163, 184, .24);
        background: linear-gradient(180deg, rgba(34, 47, 62, .92), rgba(30, 42, 56, .9));
    }

    .filters-accordion :deep(.mud-expand-panel-header:hover)[b-rf780rngiv] {
        border-color: rgba(191, 219, 254, .35);
        box-shadow: 0 10px 22px rgba(2, 6, 23, .28);
    }

    .filters-accordion :deep(.mud-expand-panel-header .mud-expand-panel-icon)[b-rf780rngiv] {
        color: #bfdbfe;
    }
}
/* /Components/Pages/Grupos/Ajustes/SedeABC.razor.rz.scp.css */
/* ─── SHELL ───────────────────────────────────────────────────── */
.sede-shell[b-9jruxula3z] {
    max-width: 1200px;
    margin: 0 auto;
    padding: 0 14px 24px;
}

.sede-section[b-9jruxula3z] {
    margin-bottom: 14px;
}

/* ─── HEADER ──────────────────────────────────────────────────── */
.sede-header[b-9jruxula3z] {
    border-radius: 14px;
    border: 1px solid rgba(26, 68, 104, 0.15);
    background:
        radial-gradient(circle at 8% 20%, rgba(80, 146, 200, 0.12), transparent 36%),
        radial-gradient(circle at 88% 25%, rgba(80, 146, 200, 0.07), transparent 30%),
        linear-gradient(120deg, #f6faff 0%, #f0f6ff 52%, #f5f9ff 100%);
}

.sede-header-badge[b-9jruxula3z] {
    display: inline-block;
    font-size: 0.72rem;
    font-weight: 700;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    color: #1a5c8a;
    background: rgba(26, 92, 138, 0.10);
    border: 1px solid rgba(26, 92, 138, 0.20);
    border-radius: 20px;
    padding: 2px 10px;
    margin-bottom: 6px;
}

.sede-header-title[b-9jruxula3z] {
    color: #0e3456 !important;
    font-weight: 800 !important;
    letter-spacing: -0.01em;
}

.sede-header-subtitle[b-9jruxula3z] {
    color: rgba(14, 52, 86, 0.72) !important;
    margin-top: 4px;
}

.sede-header-actions[b-9jruxula3z] { flex-wrap: wrap; }
.sede-primary-btn[b-9jruxula3z]    { font-weight: 600; }

/* ─── KPI CARDS ───────────────────────────────────────────────── */
.sede-kpi[b-9jruxula3z] {
    border-radius: 13px;
    border: 1px solid rgba(19, 59, 91, 0.11);
    padding: 20px;
    min-height: 92px;
    transition: transform 0.16s ease, box-shadow 0.16s ease;
}

.sede-kpi:hover[b-9jruxula3z] {
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(13, 42, 67, 0.09);
}

.sede-kpi-total[b-9jruxula3z]    { border-left: 4px solid #1a5c8a; background: linear-gradient(135deg, #f3f8fe 0%, #f9fcff 100%); }
.sede-kpi-active[b-9jruxula3z]   { border-left: 4px solid #1a8a9e; background: linear-gradient(135deg, #f2fafc 0%, #f8fdff 100%); }
.sede-kpi-inactive[b-9jruxula3z] { border-left: 4px solid #7a8fa8; background: linear-gradient(135deg, #f4f6f9 0%, #f9fafc 100%); }

.sede-kpi-number[b-9jruxula3z] {
    font-weight: 800 !important;
    color: #0e3456 !important;
    line-height: 1.1;
}

.sede-kpi-label[b-9jruxula3z] {
    color: rgba(14, 52, 86, 0.70) !important;
    margin-top: 2px;
}

[b-9jruxula3z] .sede-kpi-avatar { flex-shrink: 0; }

[b-9jruxula3z] .sede-kpi-avatar-total    { background-color: #1a5c8a !important; color: #fff !important; }
[b-9jruxula3z] .sede-kpi-avatar-active   { background-color: #1a8a9e !important; color: #fff !important; }
[b-9jruxula3z] .sede-kpi-avatar-inactive { background-color: #7a8fa8 !important; color: #fff !important; }

/* ─── FILTROS ─────────────────────────────────────────────────── */
.sede-filters-card[b-9jruxula3z] {
    border-radius: 13px;
    border: 1px solid rgba(19, 59, 91, 0.11);
    overflow: hidden;
}

.sede-filters-header[b-9jruxula3z] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    padding: 10px 16px;
    background: linear-gradient(180deg, #f3f8fe 0%, #f8fbff 100%);
    border-bottom: 1px solid rgba(19, 59, 91, 0.09);
}

.sede-filters-header-left[b-9jruxula3z]  { display: flex; align-items: center; gap: 6px; }
.sede-filters-header-right[b-9jruxula3z] { display: flex; align-items: center; gap: 8px; }

.sede-filters-icon[b-9jruxula3z]  { color: #1a5c8a; font-size: 1.1rem; }
.sede-filters-title[b-9jruxula3z] { color: #0e3456 !important; font-weight: 600 !important; font-size: 0.85rem !important; }

.sede-filters-body[b-9jruxula3z] {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
    gap: 10px;
    padding: 14px 16px;
}

.sede-filter-search[b-9jruxula3z] { flex: 1 1 240px; min-width: 180px; }
.sede-filter-unit[b-9jruxula3z]   { flex: 0 1 165px; }

/* ─── PANEL DE RESULTADOS ─────────────────────────────────────── */
.sede-results-panel[b-9jruxula3z] {
    border-radius: 13px;
    border: 1px solid rgba(19, 59, 91, 0.10);
    background: linear-gradient(180deg, #ffffff 0%, #fbfdff 100%);
    padding: 14px;
}

.sede-state-wrap[b-9jruxula3z]    { padding: 8px 4px 12px; }
.sede-skeleton-row[b-9jruxula3z]  { border-radius: 8px; }

/* ─── ESTADO VACÍO ────────────────────────────────────────────── */
.sede-empty-hint[b-9jruxula3z] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    min-height: 220px;
    padding: 32px 24px;
    text-align: center;
    border-radius: 10px;
    border: 1px dashed rgba(26, 92, 138, 0.22);
    background: linear-gradient(180deg, rgba(240,248,255,0.6) 0%, rgba(250,253,255,0.9) 100%);
}

.sede-hint-icon[b-9jruxula3z]     { color: #1a5c8a !important; margin-bottom: 10px; }
.sede-hint-title[b-9jruxula3z]    { font-weight: 700 !important; color: #0e3456 !important; margin-bottom: 6px; }
.sede-hint-subtitle[b-9jruxula3z] { color: rgba(14,52,86,0.68) !important; max-width: 360px; }

/* ─── TABLA ───────────────────────────────────────────────────── */
[b-9jruxula3z] .sede-table {
    border-radius: 10px;
    border: 1px solid rgba(19, 59, 91, 0.09);
    overflow: hidden;
}

[b-9jruxula3z] .sede-table .mud-table-cell {
    padding-top: 11px;
    padding-bottom: 11px;
    border-bottom: 1px solid rgba(17, 52, 81, 0.07);
    vertical-align: middle;
}

[b-9jruxula3z] .sede-table .mud-table-head .mud-table-cell {
    font-size: 0.75rem;
    font-weight: 700;
    letter-spacing: 0.05em;
    text-transform: uppercase;
    color: rgba(14, 52, 86, 0.72);
    background: linear-gradient(180deg, #f5f9ff 0%, #f0f6ff 100%);
}

[b-9jruxula3z] .sede-table .mud-table-container table tbody tr {
    transition: background-color 0.13s ease;
}

[b-9jruxula3z] .sede-table .mud-table-container table tbody tr:nth-child(even) {
    background-color: rgba(240, 248, 255, 0.45);
}

[b-9jruxula3z] .sede-table .mud-table-container table tbody tr:hover {
    background-color: rgba(26, 92, 138, 0.06) !important;
}

/* ─── UTILIDADES DE CELDA ─────────────────────────────────────── */
[b-9jruxula3z] .sede-cell-name {
    font-weight: 600 !important;
    color: #0e3456 !important;
    font-size: 0.93rem !important;
}

[b-9jruxula3z] .sede-cell-secondary {
    color: rgba(14, 52, 86, 0.72) !important;
    font-size: 0.86rem !important;
}

[b-9jruxula3z] .sede-cell-truncate {
    max-width: 280px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    display: block;
}

[b-9jruxula3z] .sede-cell-date    { color: rgba(14, 52, 86, 0.60) !important; }
[b-9jruxula3z] .sede-status-chip  { font-weight: 600 !important; font-size: 0.75rem !important; }
[b-9jruxula3z] .sede-count-chip   { font-size: 0.73rem !important; }

[b-9jruxula3z] .sede-row-action { border-radius: 8px; }
[b-9jruxula3z] .sede-row-action:hover { background-color: rgba(26, 92, 138, 0.09); }

/* ─── CARDS MOBILE ────────────────────────────────────────────── */
.sede-mobile-card[b-9jruxula3z] {
    border-radius: 12px;
    border: 1px solid rgba(19, 59, 91, 0.10);
    background: linear-gradient(180deg, #ffffff 0%, #f8fbff 100%);
    transition: transform 0.15s ease, box-shadow 0.15s ease;
}

.sede-mobile-card:hover[b-9jruxula3z] {
    transform: translateY(-1px);
    box-shadow: 0 7px 14px rgba(13, 42, 67, 0.07);
}

/* ─── PAGINACIÓN ──────────────────────────────────────────────── */
.sede-pager[b-9jruxula3z] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: 8px;
    padding: 4px 2px 0;
}

.sede-pager-label[b-9jruxula3z], .sede-pager-range[b-9jruxula3z] { color: rgba(14, 52, 86, 0.65) !important; }
.sede-page-size[b-9jruxula3z] { width: 88px; }

/* ─── BOTONES DE CATÁLOGO (header secundarios) ────────────────── */
.sede-catalog-btn[b-9jruxula3z] {
    font-weight: 600;
    border-color: rgba(26, 92, 138, 0.35) !important;
    color: #1a5c8a !important;
    background: rgba(26, 92, 138, 0.04) !important;
    transition: background 0.15s ease, border-color 0.15s ease;
}

.sede-catalog-btn:hover[b-9jruxula3z] {
    background: rgba(26, 92, 138, 0.10) !important;
    border-color: rgba(26, 92, 138, 0.55) !important;
}

/* ─── CHIP DE TIPO DE ESPACIO ────────────────────────────────── */
[b-9jruxula3z] .sede-type-chip {
    font-size: 0.73rem !important;
    font-weight: 600 !important;
    height: 22px !important;
    padding: 0 8px !important;
}

/* ─── RESPONSIVE ──────────────────────────────────────────────── */
@media (max-width: 959px) {
    .sede-shell[b-9jruxula3z] { padding: 0 10px 18px; }
}

@media (max-width: 768px) {
    .sede-filter-unit[b-9jruxula3z] { flex: 1 1 140px; }
}

@media (max-width: 575px) {
    .sede-filter-search[b-9jruxula3z],
    .sede-filter-unit[b-9jruxula3z] { flex: 1 1 100%; }

    .sede-filters-header[b-9jruxula3z] {
        flex-direction: column;
        align-items: flex-start;
        gap: 8px;
    }

    .sede-filters-header-right[b-9jruxula3z] {
        width: 100%;
        justify-content: flex-end;
    }

    .sede-pager[b-9jruxula3z] { justify-content: center; }
}
/* /Components/Pages/Grupos/Ajustes/SedeDetalle.razor.rz.scp.css */
/* ─── SHELL ───────────────────────────────────────────────────── */
.seded-shell[b-tpfqchaaqd] {
    max-width: 1200px;
    margin: 0 auto;
    padding: 0 14px 32px;
}

.seded-section[b-tpfqchaaqd] { margin-bottom: 14px; }

/* ─── BREADCRUMB ──────────────────────────────────────────────── */
.seded-breadcrumb[b-tpfqchaaqd]       { flex-wrap: wrap; }
.seded-breadcrumb-link[b-tpfqchaaqd]  { color: #1a5c8a; text-decoration: none; }
.seded-breadcrumb-link:hover[b-tpfqchaaqd] { text-decoration: underline; }
.seded-breadcrumb-sep[b-tpfqchaaqd]   { color: rgba(14, 52, 86, 0.40); }
.seded-breadcrumb-current[b-tpfqchaaqd] { color: rgba(14, 52, 86, 0.70); }

/* ─── HEADER ──────────────────────────────────────────────────── */
.seded-header[b-tpfqchaaqd] {
    border-radius: 14px;
    border: 1px solid rgba(26, 68, 104, 0.15);
    background:
        radial-gradient(circle at 5% 20%, rgba(80, 146, 200, 0.10), transparent 34%),
        linear-gradient(120deg, #f5f9ff 0%, #eef5ff 52%, #f4f9ff 100%);
}

.seded-header-badge[b-tpfqchaaqd] {
    display: inline-block;
    font-size: 0.72rem;
    font-weight: 700;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    color: #1a5c8a;
    background: rgba(26, 92, 138, 0.10);
    border: 1px solid rgba(26, 92, 138, 0.20);
    border-radius: 20px;
    padding: 2px 10px;
    margin-bottom: 6px;
}

.seded-header-title[b-tpfqchaaqd]    { color: #0e3456 !important; font-weight: 800 !important; }
.seded-header-subtitle[b-tpfqchaaqd] { color: rgba(14, 52, 86, 0.68) !important; margin-top: 2px; }
[b-tpfqchaaqd] .seded-status-chip { font-weight: 600 !important; margin-left: 6px; }

/* ─── TABS ────────────────────────────────────────────────────── */
.seded-tabs-surface[b-tpfqchaaqd] {
    border-radius: 14px;
    border: 1px solid rgba(19, 59, 91, 0.10);
    background: #ffffff;
    overflow: hidden;
}

.seded-tab-panel[b-tpfqchaaqd] { padding: 0; }

.seded-tab-content[b-tpfqchaaqd] {
    padding: 24px;
}

/* Tab headers styled */
[b-tpfqchaaqd] .seded-tabs-surface .mud-tab {
    font-weight: 600;
    font-size: 0.85rem;
    letter-spacing: 0.01em;
}

/* ─── SECTION TITLE ───────────────────────────────────────────── */
.seded-section-title[b-tpfqchaaqd] {
    font-weight: 700 !important;
    color: #0e3456 !important;
}

/* ─── FIELD GROUP ─────────────────────────────────────────────── */
.seded-field-group[b-tpfqchaaqd] { padding-top: 4px; }

.seded-field-label[b-tpfqchaaqd] {
    font-size: 0.78rem;
    font-weight: 600;
    letter-spacing: 0.03em;
    color: rgba(14, 52, 86, 0.65);
    text-transform: uppercase;
    margin-bottom: 4px;
}

/* ─── INNER FILTERS (tabs 2 y 3) ─────────────────────────────── */
.seded-inner-filters[b-tpfqchaaqd] {
    border-radius: 10px;
    border: 1px solid rgba(19, 59, 91, 0.09);
    background: linear-gradient(180deg, #f7fafe 0%, #f3f8ff 100%);
    padding: 12px 14px;
}

/* ─── INNER EMPTY STATE ───────────────────────────────────────── */
.seded-inner-empty[b-tpfqchaaqd] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    min-height: 160px;
    padding: 24px;
    text-align: center;
    border-radius: 10px;
    border: 1px dashed rgba(26, 92, 138, 0.20);
    background: rgba(240, 248, 255, 0.50);
}

.seded-inner-empty-icon[b-tpfqchaaqd] { color: rgba(26, 92, 138, 0.45) !important; margin-bottom: 8px; }
.seded-inner-empty-text[b-tpfqchaaqd] { color: rgba(14, 52, 86, 0.68) !important; }

/* ─── INNER TABLE ─────────────────────────────────────────────── */
[b-tpfqchaaqd] .seded-inner-table {
    border-radius: 9px;
    border: 1px solid rgba(19, 59, 91, 0.09);
    overflow: hidden;
}

[b-tpfqchaaqd] .seded-inner-table .mud-table-cell {
    padding-top: 10px;
    padding-bottom: 10px;
    border-bottom: 1px solid rgba(17, 52, 81, 0.06);
    vertical-align: middle;
}

[b-tpfqchaaqd] .seded-inner-table .mud-table-head .mud-table-cell {
    font-size: 0.73rem;
    font-weight: 700;
    letter-spacing: 0.05em;
    text-transform: uppercase;
    color: rgba(14, 52, 86, 0.70);
    background: linear-gradient(180deg, #f4f8fe 0%, #eef5ff 100%);
}

[b-tpfqchaaqd] .seded-inner-table .mud-table-container table tbody tr {
    transition: background-color 0.12s ease;
}

[b-tpfqchaaqd] .seded-inner-table .mud-table-container table tbody tr:nth-child(even) {
    background-color: rgba(240, 248, 255, 0.40);
}

[b-tpfqchaaqd] .seded-inner-table .mud-table-container table tbody tr:hover {
    background-color: rgba(26, 92, 138, 0.05) !important;
}

/* ─── UTILIDADES DE CELDA ─────────────────────────────────────── */
[b-tpfqchaaqd] .seded-cell-name {
    font-weight: 600 !important;
    color: #0e3456 !important;
    font-size: 0.91rem !important;
}

[b-tpfqchaaqd] .seded-cell-secondary {
    color: rgba(14, 52, 86, 0.70) !important;
    font-size: 0.85rem !important;
}

[b-tpfqchaaqd] .seded-cell-truncate {
    max-width: 240px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    display: block;
}

[b-tpfqchaaqd] .seded-cell-date  { color: rgba(14, 52, 86, 0.58) !important; }
[b-tpfqchaaqd] .seded-type-chip  { font-size: 0.73rem !important; }

[b-tpfqchaaqd] .seded-row-action { border-radius: 7px; }
[b-tpfqchaaqd] .seded-row-action:hover { background-color: rgba(26, 92, 138, 0.08); }

/* ─── PAGINACIÓN (bug fix: clases propias de SedeDetalle, no de SedeABC) ── */
.seded-pager[b-tpfqchaaqd] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: 8px;
    padding: 4px 2px 0;
}

.seded-pager-label[b-tpfqchaaqd],
.seded-pager-range[b-tpfqchaaqd] { color: rgba(14, 52, 86, 0.65) !important; }

.seded-page-size[b-tpfqchaaqd] { width: 88px; }

/* ─── RESPONSIVE ──────────────────────────────────────────────── */
@media (max-width: 959px) {
    .seded-shell[b-tpfqchaaqd] { padding: 0 10px 24px; }
    .seded-tab-content[b-tpfqchaaqd] { padding: 16px; }
}

@media (max-width: 575px) {
    .seded-tab-content[b-tpfqchaaqd] { padding: 12px; }
    .seded-pager[b-tpfqchaaqd] { justify-content: center; }
}
/* /Components/Pages/Grupos/Ajustes/Sede/ConfirmActionDialog.razor.rz.scp.css */
/* ═══════════════════════════════════════════════════════════════════════
   ConfirmActionDialog.razor.css
   Prefijo: cad-   (confirm action dialog)
   Confirmación compacta, elegante y consistente con el patrón SIAC.
   ═══════════════════════════════════════════════════════════════════════ */

/* ── Quita padding por defecto del DialogContent ───────────────────── */
[b-6eotuo8fnb] .cad-dialog .mud-dialog-content {
    padding: 0 !important;
    overflow: visible;
}

[b-6eotuo8fnb] .cad-dialog .mud-dialog-actions {
    padding: 0 18px 14px !important;
    border-top: none !important;
    background: transparent !important;
}

/* ── Cuerpo: icono + texto ──────────────────────────────────────────── */
.cad-body[b-6eotuo8fnb] {
    display: flex;
    align-items: flex-start;
    gap: 14px;
    padding: 20px 20px 14px;
}

/* ── Círculo del ícono ──────────────────────────────────────────────── */
.cad-icon-wrap[b-6eotuo8fnb] {
    flex-shrink: 0;
    width: 38px;
    height: 38px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 2px;
}

.cad-icon-default[b-6eotuo8fnb] { background: rgba(26,  92, 138, 0.11); }
.cad-icon-warning[b-6eotuo8fnb] { background: rgba(200, 140,  0,  0.14); }
.cad-icon-danger[b-6eotuo8fnb]  { background: rgba(198,  40, 40,  0.11); }
.cad-icon-success[b-6eotuo8fnb] { background: rgba(46,  125, 50,  0.11); }

[b-6eotuo8fnb] .cad-icon-default .cad-icon { color: #1a5c8a !important; }
[b-6eotuo8fnb] .cad-icon-warning .cad-icon { color: #996600 !important; }
[b-6eotuo8fnb] .cad-icon-danger  .cad-icon { color: #c62828 !important; }
[b-6eotuo8fnb] .cad-icon-success .cad-icon { color: #2e7d32 !important; }

/* ── Bloque de texto ────────────────────────────────────────────────── */
.cad-content[b-6eotuo8fnb] {
    flex: 1;
    min-width: 0;
    display: flex;
    flex-direction: column;
    gap: 3px;
}

.cad-titulo[b-6eotuo8fnb] {
    font-weight: 700 !important;
    color: #0e3456 !important;
    font-size: 0.92rem !important;
    line-height: 1.3;
    letter-spacing: -0.005em;
}

.cad-mensaje[b-6eotuo8fnb] {
    color: rgba(14, 52, 86, 0.70) !important;
    font-size: 0.855rem !important;
    line-height: 1.45;
}

/* ── Nombre del registro en pill ────────────────────────────────────── */
.cad-nombre[b-6eotuo8fnb] {
    display: inline-block;
    font-size: 0.825rem;
    font-weight: 700;
    border-radius: 5px;
    padding: 2px 7px;
    margin-top: 3px;
    width: fit-content;
    max-width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.cad-nombre-default[b-6eotuo8fnb] {
    background: rgba(26, 92, 138, 0.09);
    color: #0e3456;
    border: 1px solid rgba(26, 92, 138, 0.15);
}

.cad-nombre-warning[b-6eotuo8fnb] {
    background: rgba(200, 140, 0, 0.10);
    color: #7a4e00;
    border: 1px solid rgba(200, 140, 0, 0.20);
}

.cad-nombre-danger[b-6eotuo8fnb] {
    background: rgba(198, 40, 40, 0.08);
    color: #8b1a1a;
    border: 1px solid rgba(198, 40, 40, 0.18);
}

.cad-nombre-success[b-6eotuo8fnb] {
    background: rgba(46, 125, 50, 0.09);
    color: #1b5e20;
    border: 1px solid rgba(46, 125, 50, 0.18);
}

/* ── Texto secundario (caveat/aviso) ────────────────────────────────── */
.cad-secundario[b-6eotuo8fnb] {
    color: rgba(14, 52, 86, 0.50) !important;
    font-size: 0.775rem !important;
    font-style: italic;
    line-height: 1.35;
    margin-top: 2px;
}

/* ── Footer / Acciones ──────────────────────────────────────────────── */
.cad-actions[b-6eotuo8fnb] {
    display: flex;
    justify-content: flex-end;
    align-items: center;
    gap: 8px;
    width: 100%;
}
/* /Components/Pages/Grupos/Ajustes/Sede/DialogTipoEspacio.razor.rz.scp.css */
/* ═══════════════════════════════════════════════════════════════════════
   DialogTipoEspacio.razor.css
   Prefijo: tipoe-   (tipo espacio dialog)
   Todos los selectores de MudBlazor usan ::deep
   ═══════════════════════════════════════════════════════════════════════ */

/* ── DIALOG SHELL ────────────────────────────────────────────────── */
/* Quita el padding por defecto del DialogContent para controlar
   el espaciado internamente con tipoe-wrap */
[b-qlwso094a0] .tipoe-dialog .mud-dialog-content {
    padding: 0 !important;
}

[b-qlwso094a0] .tipoe-dialog .mud-dialog-actions {
    padding: 10px 20px !important;
    border-top: 1px solid rgba(19, 59, 91, 0.10);
    background: linear-gradient(180deg, #f7fbff 0%, #f3f8ff 100%);
}

/* ── WRAP INTERIOR ───────────────────────────────────────────────── */
.tipoe-wrap[b-qlwso094a0] {
    display: flex;
    flex-direction: column;
    gap: 0;
    padding: 0;
}

/* ═══════════════════════════════════════════════════════════════════
   HEADER INSTITUCIONAL
   ═══════════════════════════════════════════════════════════════════ */

.tipoe-header[b-qlwso094a0] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 12px;
    padding: 20px 22px 16px;
    background:
        radial-gradient(circle at 6% 30%, rgba(80, 146, 200, 0.12), transparent 38%),
        radial-gradient(circle at 90% 20%, rgba(80, 146, 200, 0.07), transparent 30%),
        linear-gradient(120deg, #f5f9ff 0%, #eef5ff 55%, #f4f9ff 100%);
    border-bottom: 1px solid rgba(26, 68, 104, 0.12);
}

.tipoe-header-left[b-qlwso094a0] {
    display: flex;
    align-items: flex-start;
    gap: 14px;
}

.tipoe-header-icon-wrap[b-qlwso094a0] {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 44px;
    height: 44px;
    min-width: 44px;
    border-radius: 12px;
    background: linear-gradient(135deg, #1a5c8a 0%, #1a7abf 100%);
    box-shadow: 0 4px 10px rgba(26, 92, 138, 0.28);
    margin-top: 2px;
}

.tipoe-header-icon[b-qlwso094a0] {
    color: #ffffff !important;
    font-size: 1.3rem !important;
}

.tipoe-header-text[b-qlwso094a0] {
    display: flex;
    flex-direction: column;
    gap: 1px;
}

.tipoe-header-badge[b-qlwso094a0] {
    display: inline-block;
    font-size: 0.68rem;
    font-weight: 700;
    letter-spacing: 0.09em;
    text-transform: uppercase;
    color: #1a5c8a;
    background: rgba(26, 92, 138, 0.10);
    border: 1px solid rgba(26, 92, 138, 0.22);
    border-radius: 20px;
    padding: 1px 9px;
    margin-bottom: 3px;
    width: fit-content;
}

.tipoe-header-title[b-qlwso094a0] {
    font-weight: 800 !important;
    color: #0e3456 !important;
    line-height: 1.2;
    letter-spacing: -0.01em;
}

.tipoe-header-subtitle[b-qlwso094a0] {
    color: rgba(14, 52, 86, 0.68) !important;
    font-size: 0.84rem !important;
    margin-top: 1px;
}

[b-qlwso094a0] .tipoe-header-count {
    font-size: 0.75rem !important;
    font-weight: 600 !important;
    margin-top: 4px;
    white-space: nowrap;
    flex-shrink: 0;
}

/* ═══════════════════════════════════════════════════════════════════
   FORMULARIO
   ═══════════════════════════════════════════════════════════════════ */

.tipoe-form-panel[b-qlwso094a0] {
    padding: 14px 22px 16px;
    border-bottom: 1px solid rgba(19, 59, 91, 0.09);
    background: #ffffff;
    transition: background 0.18s ease, border-left 0.18s ease;
    border-left: 3px solid transparent;
}

/* Modo edición — acento ámbar izquierdo */
.tipoe-form-panel.tipoe-form-editing[b-qlwso094a0] {
    background: linear-gradient(180deg, #fffef6 0%, #fffdf0 100%);
    border-left: 3px solid #e0a020;
}

/* ── Barra de modo ── */
.tipoe-form-mode-bar[b-qlwso094a0] {
    display: flex;
    align-items: center;
    gap: 6px;
    margin-bottom: 10px;
    min-height: 20px;
}

.tipoe-mode-icon[b-qlwso094a0] {
    flex-shrink: 0;
}

.tipoe-mode-icon-new[b-qlwso094a0]  { color: #1a5c8a !important; }
.tipoe-mode-icon-edit[b-qlwso094a0] { color: #c07900 !important; }

.tipoe-mode-label-new[b-qlwso094a0] {
    color: rgba(14, 52, 86, 0.68) !important;
    font-size: 0.78rem !important;
}

.tipoe-mode-label-edit[b-qlwso094a0] {
    color: #8a5c00 !important;
    font-size: 0.78rem !important;
}

.tipoe-mode-label-edit strong[b-qlwso094a0] {
    font-weight: 700;
    color: #7a4e00;
}

/* ── Grid de campos ── */
.tipoe-form-grid[b-qlwso094a0] { margin-bottom: 8px; }

/* ── Fila inferior: activo + botones ── */
.tipoe-form-bottom[b-qlwso094a0] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: 8px;
    padding-top: 6px;
}

.tipoe-form-btns[b-qlwso094a0] {
    display: flex;
    align-items: center;
    gap: 8px;
}

/* ═══════════════════════════════════════════════════════════════════
   FILTROS
   ═══════════════════════════════════════════════════════════════════ */

.tipoe-filters[b-qlwso094a0] {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-end;
    gap: 8px;
    padding: 12px 22px;
    background: linear-gradient(180deg, #f4f8fe 0%, #f0f6ff 100%);
    border-bottom: 1px solid rgba(19, 59, 91, 0.09);
}

.tipoe-filter-search[b-qlwso094a0] { flex: 1 1 200px; min-width: 140px; }
.tipoe-filter-unit[b-qlwso094a0]   { flex: 0 1 155px; }

.tipoe-filter-btns[b-qlwso094a0] {
    display: flex;
    align-items: center;
    gap: 6px;
    flex-shrink: 0;
}

/* ═══════════════════════════════════════════════════════════════════
   ÁREA DE TABLA
   ═══════════════════════════════════════════════════════════════════ */

.tipoe-table-area[b-qlwso094a0] {
    padding: 14px 22px 6px;
    background: #ffffff;
}

/* ── Skeletons ── */
.tipoe-skeletons[b-qlwso094a0] { padding: 4px 0; }
.tipoe-skeleton-row[b-qlwso094a0] { border-radius: 7px !important; }

/* ── Estados vacío / error ── */
.tipoe-state-box[b-qlwso094a0] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    min-height: 140px;
    padding: 20px 16px;
    text-align: center;
}

.tipoe-empty[b-qlwso094a0] {
    border-radius: 10px;
    border: 1px dashed rgba(26, 92, 138, 0.22);
    background: linear-gradient(180deg, rgba(240,248,255,0.55) 0%, rgba(250,253,255,0.9) 100%);
}

.tipoe-empty-icon[b-qlwso094a0]  { color: rgba(26, 92, 138, 0.38) !important; margin-bottom: 10px; }
.tipoe-empty-title[b-qlwso094a0] { font-weight: 700 !important; color: #0e3456 !important; margin-bottom: 4px; }
.tipoe-empty-sub[b-qlwso094a0]   { color: rgba(14, 52, 86, 0.65) !important; max-width: 380px; }

/* ═══════════════════════════════════════════════════════════════════
   TABLA — ESTRUCTURA Y ZEBRA
   ═══════════════════════════════════════════════════════════════════ */

[b-qlwso094a0] .tipoe-table {
    border-radius: 10px;
    border: 1px solid rgba(19, 59, 91, 0.10) !important;
    overflow: hidden;
}

/* Sticky header */
[b-qlwso094a0] .tipoe-table .mud-table-head .mud-table-cell {
    font-size: 0.72rem;
    font-weight: 700;
    letter-spacing: 0.055em;
    text-transform: uppercase;
    color: rgba(14, 52, 86, 0.72);
    background: linear-gradient(180deg, #f3f8ff 0%, #edf4ff 100%) !important;
    border-bottom: 2px solid rgba(26, 92, 138, 0.14) !important;
    padding-top: 11px;
    padding-bottom: 11px;
    white-space: nowrap;
}

/* Celdas */
[b-qlwso094a0] .tipoe-table .mud-table-cell {
    padding-top: 10px;
    padding-bottom: 10px;
    border-bottom: 1px solid rgba(17, 52, 81, 0.07) !important;
    vertical-align: middle;
}

/* Zebra */
[b-qlwso094a0] .tipoe-table .mud-table-container table tbody tr:nth-child(even) {
    background-color: rgba(240, 248, 255, 0.45);
}

/* Hover */
[b-qlwso094a0] .tipoe-table .mud-table-container table tbody tr {
    transition: background-color 0.12s ease;
}

[b-qlwso094a0] .tipoe-table .mud-table-container table tbody tr:hover {
    background-color: rgba(26, 92, 138, 0.065) !important;
}

/* ── Fila borrada — diferenciación visual ── */
[b-qlwso094a0] .tipoe-table .tipoe-tr-borrado td {
    opacity: 0.55;
}

[b-qlwso094a0] .tipoe-table .tipoe-tr-borrado {
    background: rgba(255, 220, 215, 0.22) !important;
}

[b-qlwso094a0] .tipoe-table .tipoe-tr-borrado:hover {
    background: rgba(255, 195, 190, 0.30) !important;
}

/* ── Los botones de acción en filas borradas NO se atenúan ── */
[b-qlwso094a0] .tipoe-table .tipoe-tr-borrado .tipoe-actions-cell {
    opacity: 1;
}

/* ═══════════════════════════════════════════════════════════════════
   UTILIDADES DE CELDA
   ═══════════════════════════════════════════════════════════════════ */

[b-qlwso094a0] .tipoe-cell-name {
    font-weight: 600 !important;
    color: #0e3456 !important;
    font-size: 0.91rem !important;
}

[b-qlwso094a0] .tipoe-cell-secondary {
    color: rgba(14, 52, 86, 0.70) !important;
    font-size: 0.84rem !important;
}

[b-qlwso094a0] .tipoe-cell-truncate {
    max-width: 200px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    display: block;
}

[b-qlwso094a0] .tipoe-cell-date { color: rgba(14, 52, 86, 0.58) !important; font-size: 0.82rem !important; }

[b-qlwso094a0] .tipoe-status-chip {
    font-weight: 600 !important;
    font-size: 0.73rem !important;
    height: 22px !important;
}

[b-qlwso094a0] .tipoe-borrado-chip {
    font-size: 0.68rem !important;
    font-weight: 700 !important;
    height: 18px !important;
    padding: 0 5px !important;
}

/* ── Botones de acción ── */
[b-qlwso094a0] .tipoe-row-action { border-radius: 7px !important; }
[b-qlwso094a0] .tipoe-row-action:hover { background-color: rgba(26, 92, 138, 0.09) !important; }

/* ═══════════════════════════════════════════════════════════════════
   FOOTER DE DIÁLOGO
   ═══════════════════════════════════════════════════════════════════ */

.tipoe-dialog-footer[b-qlwso094a0] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    gap: 12px;
}

.tipoe-footer-label[b-qlwso094a0] {
    color: rgba(14, 52, 86, 0.58) !important;
    font-size: 0.78rem !important;
}

/* ═══════════════════════════════════════════════════════════════════
   RESPONSIVE
   ═══════════════════════════════════════════════════════════════════ */

@media (max-width: 700px) {
    .tipoe-header[b-qlwso094a0]          { padding: 16px 16px 13px; }
    .tipoe-header-icon-wrap[b-qlwso094a0] { width: 36px; height: 36px; min-width: 36px; border-radius: 9px; }
    .tipoe-form-panel[b-qlwso094a0]      { padding: 12px 16px 14px; }
    .tipoe-filters[b-qlwso094a0]         { padding: 10px 16px; }
    .tipoe-table-area[b-qlwso094a0]      { padding: 12px 16px 6px; }
    .tipoe-filter-search[b-qlwso094a0]   { flex: 1 1 100%; }
    .tipoe-filter-unit[b-qlwso094a0]     { flex: 1 1 120px; }
    .tipoe-form-bottom[b-qlwso094a0]     { flex-direction: column; align-items: flex-start; }
    .tipoe-form-btns[b-qlwso094a0]       { align-self: flex-end; }
}

@media (max-width: 480px) {
    .tipoe-filter-unit[b-qlwso094a0]     { flex: 1 1 100%; }
    .tipoe-filter-btns[b-qlwso094a0]     { width: 100%; justify-content: flex-end; }
    .tipoe-cell-truncate[b-qlwso094a0]   { max-width: 120px; }
}
/* /Components/Pages/Grupos/ServicioCapacitacion/WizardSidebar.razor.rz.scp.css */
.sc-sidebar[b-4lztuco065] {
    border: 1px solid #e6e2f3;
    border-radius: 16px;
    padding: 20px 16px;
    position: sticky;
    top: 90px;
    background: #fcfbff;
}

.sc-sidebar-title[b-4lztuco065] {
    font-weight: 700;
    color: #2b1761;
}

.sc-sidebar-subtitle[b-4lztuco065] {
    color: #5a5473;
}

.sc-step[b-4lztuco065] {
    display: flex;
    align-items: center;
    gap: 12px;
    text-decoration: none;
    border-radius: 12px;
    padding: 10px 12px;
    margin-bottom: 8px;
    border: 1px solid transparent;
}

.sc-step-index[b-4lztuco065] {
    width: 30px;
    height: 30px;
    border-radius: 999px;
    display: flex;
    justify-content: center;
    align-items: center;
    font-weight: 700;
    font-size: 14px;
}

.sc-step-label[b-4lztuco065] {
    font-weight: 600;
    font-size: 14px;
}

.sc-step.pending .sc-step-index[b-4lztuco065] {
    background: #efedf8;
    color: #645a85;
}

.sc-step.pending .sc-step-label[b-4lztuco065] {
    color: #645a85;
}

.sc-step.done .sc-step-index[b-4lztuco065] {
    background: #ddf8e7;
    color: #1e7d43;
}

.sc-step.done .sc-step-label[b-4lztuco065] {
    color: #1e7d43;
}

.sc-step.current[b-4lztuco065] {
    background: #f2ecff;
    border-color: #d8cafe;
}

.sc-step.current .sc-step-index[b-4lztuco065] {
    background: #4f1fb8;
    color: #fff;
}

.sc-step.current .sc-step-label[b-4lztuco065] {
    color: #2b1761;
}
/* /Components/Pages/Home.razor.rz.scp.css */
/* ── Loading ─────────────────────────────────────────────────── */
.home-loading[b-wm1h0h2gv8] {
    min-height: 220px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 0.75rem;
    background: transparent !important;
}

/* ════════════════════════════════════════════════════════════════
   INSTITUTIONAL HOME — Premium
   Palette: Primary #006BB7 · Deep #005A9C · Soft #EAF4FB
            Surface #F6F9FC · Text #0F172A · Subtle #64748B
   ════════════════════════════════════════════════════════════════ */

/* ── Shell ──────────────────────────────────────────────────── */
.iHome-shell[b-wm1h0h2gv8] {
    display: flex;
    flex-direction: column;
    gap: 18px;
    padding-bottom: 12px;
    padding-top: 2px;
    background:
        radial-gradient(ellipse 80% 28% at 50% 0%, rgba(0,107,183,0.048) 0%, transparent 62%),
        #F6F9FC;
    border-radius: 16px;
    min-height: calc(100vh - 5.5rem);
}

/* ── Welcome bar ────────────────────────────────────────────── */
.iHome-welcome[b-wm1h0h2gv8] {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    background: linear-gradient(110deg,
        rgba(0,107,183,0.058) 0%,
        rgba(0,107,183,0.022) 30%,
        #ffffff 54%);
    border-radius: 16px;
    border: 1px solid rgba(0,107,183,0.10);
    box-shadow:
        0 1px 2px  rgba(0,   0,   0, 0.04),
        0 4px 20px rgba(0, 107, 183, 0.09),
        inset 0 1px 0 rgba(255, 255, 255, 0.92);
    padding: 28px 36px 28px 40px;
    position: relative;
    overflow: hidden;
}

/* Accent bar izquierda */
.iHome-welcome[b-wm1h0h2gv8]::before {
    content: '';
    position: absolute;
    left: 0; top: 0; bottom: 0;
    width: 4px;
    background: linear-gradient(180deg, #006bb7 0%, rgba(0,107,183,0.18) 100%);
    border-radius: 0 2px 2px 0;
}

/* Glow decorativo top-right */
.iHome-welcome[b-wm1h0h2gv8]::after {
    content: '';
    position: absolute;
    right: -50px; top: -70px;
    width: 260px; height: 260px;
    background: radial-gradient(circle, rgba(0,107,183,0.058) 0%, transparent 62%);
    pointer-events: none;
}

.iHome-welcome-left[b-wm1h0h2gv8] {
    display: flex;
    flex-direction: column;
    gap: 4px;
}

.iHome-greet-label[b-wm1h0h2gv8] {
    font-size: 0.70rem;
    font-weight: 600;
    letter-spacing: 0.10em;
    text-transform: uppercase;
    color: #006bb7;
}

.iHome-greet-name[b-wm1h0h2gv8] {
    font-size: 2.15rem;
    font-weight: 700;
    letter-spacing: -0.55px;
    color: #0F172A;
    margin: 0;
    line-height: 1.1;
}

.iHome-greet-sub[b-wm1h0h2gv8] {
    font-size: 0.86rem;
    color: #64748B;
    margin: 0;
    font-weight: 400;
    letter-spacing: 0.01em;
}

/* ── Status chip ────────────────────────────────────────────── */
.iHome-status-chip[b-wm1h0h2gv8] {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    margin-top: 10px;
    padding: 4px 12px 4px 8px;
    border-radius: 20px;
    background: rgba(22, 163, 74, 0.07);
    border: 1px solid rgba(22, 163, 74, 0.18);
    font-size: 0.71rem;
    font-weight: 600;
    letter-spacing: 0.03em;
    color: #15803d;
    width: fit-content;
    position: relative;
    z-index: 1;
}

.iHome-status-dot[b-wm1h0h2gv8] {
    width: 7px;
    height: 7px;
    border-radius: 50%;
    background: #16a34a;
    box-shadow: 0 0 0 2px rgba(22, 163, 74, 0.20);
    flex-shrink: 0;
    animation: iHome-pulse-b-wm1h0h2gv8 2.6s ease-in-out infinite;
}

@keyframes iHome-pulse-b-wm1h0h2gv8 {
    0%,  100% { box-shadow: 0 0 0 2px rgba(22,163,74,0.22); }
    50%        { box-shadow: 0 0 0 5px rgba(22,163,74,0.07); }
}

.iHome-welcome-right[b-wm1h0h2gv8] {
    text-align: right;
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    gap: 3px;
    padding-bottom: 2px;
}

.iHome-date[b-wm1h0h2gv8] {
    font-size: 0.82rem;
    color: #1a3a5c;
    font-weight: 500;
}

.iHome-org[b-wm1h0h2gv8] {
    font-size: 0.73rem;
    color: #7b92a8;
    letter-spacing: 0.02em;
}

/* ── Main grid ──────────────────────────────────────────────── */
.iHome-main[b-wm1h0h2gv8] {
    display: grid;
    grid-template-columns: 280px 1fr;
    gap: 18px;
    align-items: stretch;
}

.iHome-cobros-wrap[b-wm1h0h2gv8] {
    margin-top: 2px;
}

/* ── Brand card ─────────────────────────────────────────────── */
.iHome-brand-card[b-wm1h0h2gv8] {
    background: #ffffff;
    border-radius: 16px;
    border: 1px solid rgba(0,107,183,0.09);
    box-shadow:
        0 1px 2px  rgba(0,   0,   0, 0.04),
        0 4px 20px rgba(0, 107, 183, 0.08),
        inset 0 1px 0 rgba(255, 255, 255, 0.95);
    padding: 30px 26px;
    display: flex;
    flex-direction: column;
    gap: 16px;
}

.iHome-brand-logo-wrap[b-wm1h0h2gv8] {
    display: flex;
    justify-content: center;
    padding: 4px 0 8px;
}

.iHome-brand-hr[b-wm1h0h2gv8] {
    height: 1px;
    background: linear-gradient(90deg,
        rgba(0,107,183,0.16) 0%,
        rgba(0,107,183,0.04) 100%);
}

.iHome-brand-tagline[b-wm1h0h2gv8] {
    font-size: 0.80rem;
    line-height: 1.72;
    color: #64748B;
    margin: 0;
    flex: 1;
}


/* ── Visual composition card ────────────────────────────────── */
.iHome-visual-card[b-wm1h0h2gv8] {
    background:
        radial-gradient(ellipse 65% 55% at 68% 48%, rgba(0,107,183,0.042) 0%, transparent 66%),
        radial-gradient(ellipse 40% 40% at 20% 20%, rgba(0,90,156,0.025) 0%, transparent 65%),
        #ffffff;
    border-radius: 16px;
    border: 1px solid rgba(0,107,183,0.09);
    box-shadow:
        0 1px 2px  rgba(0,   0,   0, 0.04),
        0 4px 20px rgba(0, 107, 183, 0.08),
        inset 0 1px 0 rgba(255, 255, 255, 0.95);
    overflow: hidden;
    position: relative;
    min-height: 300px;
}

/* Gradient overlay */
.iHome-visual-card[b-wm1h0h2gv8]::before {
    content: '';
    position: absolute;
    inset: 0;
    background: linear-gradient(155deg,
        rgba(0,107,183,0.032) 0%,
        transparent 48%,
        rgba(0,107,183,0.018) 100%);
    pointer-events: none;
    z-index: 1;
}

.iHome-visual-card svg[b-wm1h0h2gv8] {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
}

/* ── Responsive ─────────────────────────────────────────────── */
@media (max-width: 1100px) {
    .iHome-main[b-wm1h0h2gv8] {
        grid-template-columns: 240px 1fr;
    }
}

@media (max-width: 860px) {
    .iHome-main[b-wm1h0h2gv8] {
        grid-template-columns: 1fr;
    }

    .iHome-visual-card[b-wm1h0h2gv8] {
        min-height: 260px;
    }
}

@media (max-width: 640px) {
    .iHome-welcome[b-wm1h0h2gv8] {
        flex-direction: column;
        align-items: flex-start;
        gap: 14px;
        padding: 22px 22px 22px 26px;
    }

    .iHome-welcome-right[b-wm1h0h2gv8] {
        align-items: flex-start;
        text-align: left;
    }

    .iHome-greet-name[b-wm1h0h2gv8] {
        font-size: 1.65rem;
    }

    .iHome-brand-card[b-wm1h0h2gv8] {
        padding: 24px 20px;
    }
}
/* /Components/Pages/Instructores/AbcDespachosAgenda/AgendaInstructoresDespacho.razor.rz.scp.css */
.agenda-shell[b-2yidjuaudq] {
    padding: 1rem;
}

.agenda-hero[b-2yidjuaudq] {
    background: #eef5ff;
    border: 1px solid #d8e6ff;
    border-radius: 14px;
}

.agenda-filters[b-2yidjuaudq],
.agenda-calendar[b-2yidjuaudq],
.agenda-summary[b-2yidjuaudq] {
    border: 1px solid #e4e9f2;
    border-radius: 12px;
    background: #fff;
}

.agenda-cell[b-2yidjuaudq] {
    border-radius: 8px;
    border: 1px solid #cfe0ff;
    background: #f7faff;
    padding: 6px;
    min-height: 80px;
}

.agenda-cell-real[b-2yidjuaudq] {
    border-style: solid;
}

.agenda-cell-solicitud[b-2yidjuaudq] {
    border-style: dashed;
    background: #fffaf2;
}

.agenda-cell-title[b-2yidjuaudq] {
    font-size: .75rem;
    font-weight: 700;
    color: #2f62b3;
}

.agenda-cell-text[b-2yidjuaudq] {
    font-size: .75rem;
    color: #355070;
}

.agenda-horario-chip[b-2yidjuaudq] {
    font-size: .72rem;
    min-height: 22px;
}

@media (max-width: 1199px) {
    .agenda-summary[b-2yidjuaudq] {
        margin-top: .5rem;
    }

    .agenda-horario-chip[b-2yidjuaudq] {
        font-size: .68rem;
    }
}
/* /Components/Pages/Instructores/AbcDespachosGestor/CurriculumInstructor.razor.rz.scp.css */
.curr-page-bg[b-7jv0thu1yk] {
    background: #eef2f7;
    min-height: 100%;
    padding: 12px;
}

.curr-loading[b-7jv0thu1yk] {
    max-width: 320px;
    margin: 24px auto;
    text-align: center;
}

.curr-toolbar[b-7jv0thu1yk] {
    max-width: 980px;
    margin: 0 auto 10px;
    border: 1px solid #d8e3ef;
    border-radius: 10px;
    padding: 8px 12px;
}

.curr-doc[b-7jv0thu1yk] {
    background: #fff;
    max-width: 980px;
    margin: 0 auto;
    border: 1px solid #dfe7f1;
    border-radius: 10px;
    box-shadow: 0 6px 24px rgba(15, 59, 104, 0.08);
    padding: 26px 28px;
}

.curr-doc-header[b-7jv0thu1yk] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 16px;
}

.curr-brand[b-7jv0thu1yk] {
    display: flex;
    gap: 12px;
    align-items: center;
}

.curr-logo[b-7jv0thu1yk] {
    width: 92px;
    height: auto;
    object-fit: contain;
}

.curr-brand h1[b-7jv0thu1yk] {
    margin: 0;
    font-size: 22px;
    letter-spacing: 0;
    color: #0f3b68;
}

.curr-brand p[b-7jv0thu1yk] {
    margin: 2px 0 0;
    color: #64748b;
    font-size: 13px;
}

.curr-photo-wrap[b-7jv0thu1yk] {
    width: 124px;
    min-width: 124px;
    text-align: right;
}

.curr-photo[b-7jv0thu1yk] {
    width: 116px;
    height: 116px;
    border-radius: 8px;
    border: 1px solid #d5e1ef;
    object-fit: cover;
    background: #f8fbff;
}

.curr-identidad[b-7jv0thu1yk] {
    margin-top: 14px;
    border-top: 1px solid #dbe5f0;
    padding-top: 14px;
}

.curr-identidad h2[b-7jv0thu1yk] {
    margin: 0 0 8px;
    font-size: 30px;
    color: #0f2f51;
}

.curr-identidad-grid[b-7jv0thu1yk] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 6px 14px;
    font-size: 13px;
    color: #1e293b;
}

.curr-section[b-7jv0thu1yk] {
    margin-top: 14px;
}

.curr-section h3[b-7jv0thu1yk] {
    margin: 0;
    background: #eef2f7;
    color: #334155;
    font-size: 13px;
    letter-spacing: 0.3px;
    font-weight: 700;
    padding: 7px 10px;
    border: 1px solid #dce5ef;
}

.curr-summary[b-7jv0thu1yk],
.curr-chipline[b-7jv0thu1yk],
.curr-empty[b-7jv0thu1yk] {
    margin: 0;
    padding: 9px 10px 0;
    color: #334155;
    font-size: 13px;
}

.curr-chipline[b-7jv0thu1yk] {
    padding-top: 4px;
}

.curr-table[b-7jv0thu1yk] {
    width: 100%;
    border-collapse: collapse;
    table-layout: fixed;
    border: 1px solid #e2e8f0;
}

.curr-table thead th[b-7jv0thu1yk] {
    background: #f8fafc;
    color: #334155;
    font-size: 12px;
    text-align: left;
    padding: 8px 9px;
    border-bottom: 1px solid #e2e8f0;
}

.curr-table tbody td[b-7jv0thu1yk] {
    font-size: 12px;
    color: #334155;
    padding: 8px 9px;
    border-bottom: 1px solid #edf2f7;
    vertical-align: top;
    word-break: break-word;
}

.curr-footer[b-7jv0thu1yk] {
    margin-top: 14px;
    padding-top: 10px;
    border-top: 1px solid #dce4ef;
    font-size: 11px;
    color: #64748b;
    display: flex;
    justify-content: space-between;
    gap: 12px;
}

.curr-shell[b-7jv0thu1yk] {
    margin: 0 auto;
}

@media (max-width: 960px) {
    .curr-page-bg[b-7jv0thu1yk] {
        padding: 8px;
    }

    .curr-doc[b-7jv0thu1yk] {
        padding: 16px;
    }

    .curr-doc-header[b-7jv0thu1yk] {
        flex-direction: column;
    }

    .curr-photo-wrap[b-7jv0thu1yk] {
        text-align: left;
    }

    .curr-identidad h2[b-7jv0thu1yk] {
        font-size: 22px;
    }

    .curr-identidad-grid[b-7jv0thu1yk] {
        grid-template-columns: 1fr;
    }
}

@media print {
    .no-print[b-7jv0thu1yk] {
        display: none !important;
    }

    .curr-page-bg[b-7jv0thu1yk] {
        background: #fff;
        padding: 0;
    }

    .curr-doc[b-7jv0thu1yk] {
        max-width: none;
        padding: 0;
        border: 0;
        box-shadow: none;
        border-radius: 0;
    }
    
    @page {
        size: A4;
        margin: 14mm;
    }
}
/* /Components/Pages/Instructores/AbcDespachosGestor/DespachoInstructorResumenExpediente.razor.rz.scp.css */
.de-resumen-card[b-i2156zdk5d] {
    border: 1px solid rgba(24, 64, 96, 0.14);
    border-radius: 12px;
    background: #ffffff;
    box-shadow: 0 8px 24px rgba(16, 43, 67, 0.06);
}

[b-i2156zdk5d] .de-resumen-title {
    color: #12395c;
    font-weight: 800;
}

[b-i2156zdk5d] .de-muted {
    color: rgba(25, 57, 82, 0.72);
}

[b-i2156zdk5d] .de-status-chip.mud-chip {
    min-height: 24px;
    font-size: .74rem;
    font-weight: 700;
}

.de-progress[b-i2156zdk5d] {
    --mud-palette-primary: #1f5fae;
}

[b-i2156zdk5d] .de-block-title {
    color: rgba(25, 57, 82, 0.72);
    font-weight: 700;
}

.de-requisito-item[b-i2156zdk5d] {
    border: 1px solid rgba(24, 64, 96, 0.1);
    border-radius: 8px;
    background: #f9fcff;
}

[b-i2156zdk5d] .de-requisito-text {
    color: #21415f;
}

.de-etapas-list[b-i2156zdk5d] {
    max-height: 440px;
    overflow: auto;
    padding-right: 2px;
}

.de-etapa-item[b-i2156zdk5d] {
    border: 1px solid rgba(24, 64, 96, 0.12);
    border-radius: 10px;
    cursor: pointer;
    user-select: none;
    transition: background-color .15s ease, border-color .15s ease, transform .12s ease;
}

.de-etapa-item *[b-i2156zdk5d] {
    cursor: pointer !important;
}

.de-etapa-item:hover[b-i2156zdk5d] {
    background: #f4f8fd;
    transform: translateY(-1px);
}

.de-etapa-item.de-actual[b-i2156zdk5d] {
    border-color: rgba(31, 95, 174, 0.45);
    background: rgba(31, 95, 174, 0.08);
}

.de-etapa-item.de-completa[b-i2156zdk5d] {
    border-color: rgba(76, 175, 80, 0.3);
    background: rgba(76, 175, 80, 0.08);
}

.de-etapa-item.de-requerida[b-i2156zdk5d] {
    border-color: rgba(245, 158, 11, 0.28);
    background: rgba(245, 158, 11, 0.09);
}

.de-etapa-item.de-pendiente[b-i2156zdk5d] {
    border-color: rgba(148, 163, 184, 0.4);
    background: rgba(148, 163, 184, 0.08);
}

[b-i2156zdk5d] .de-etapa-num,
[b-i2156zdk5d] .de-etapa-nombre {
    color: #1c3f60;
    font-weight: 600;
}

@media (max-width: 959px) {
    .de-etapas-list[b-i2156zdk5d] {
        max-height: none;
    }
}
/* /Components/Pages/Instructores/AbcDespachosGestor/DialogContactoDespacho.razor.rz.scp.css */
[b-vxdsbgl4ad] .dr-dialog {
    border-radius: 12px;
}

[b-vxdsbgl4ad] .dr-dialog .mud-dialog-content {
    padding: 10px 14px 8px;
    max-height: 84vh;
    overflow-y: auto;
}

[b-vxdsbgl4ad] .dr-title,
[b-vxdsbgl4ad] .dc-section {
    color: #12395c;
    font-weight: 800;
}

[b-vxdsbgl4ad] .dr-muted {
    color: rgba(25, 57, 82, 0.72);
    font-size: 0.84rem;
}

[b-vxdsbgl4ad] .dc-card {
    border: 1px solid rgba(24, 64, 96, 0.12);
    border-radius: 10px;
    background: #fbfdff;
}

[b-vxdsbgl4ad] .dr-dialog .mud-input-control {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
}

[b-vxdsbgl4ad] .dr-dialog .mud-input-slot,
[b-vxdsbgl4ad] .dr-dialog .mud-input-root,
[b-vxdsbgl4ad] .dr-dialog .mud-select,
[b-vxdsbgl4ad] .dr-dialog .mud-picker-input-control {
    min-height: 34px !important;
}

[b-vxdsbgl4ad] .dr-dialog .mud-input-label {
    font-size: 0.78rem !important;
}

[b-vxdsbgl4ad] .dr-dialog .mud-input {
    font-size: 0.84rem !important;
}

[b-vxdsbgl4ad] .dr-dialog .mud-grid-item {
    padding-top: 3px;
    padding-bottom: 3px;
}

[b-vxdsbgl4ad] .dr-dialog .mud-button-root {
    min-height: 32px;
}
/* /Components/Pages/Instructores/AbcDespachosGestor/DialogDatosFinancierosDespacho.razor.rz.scp.css */
[b-47pns4xhsn] .dfn-title,
[b-47pns4xhsn] .dfn-section {
    color: #12395c;
    font-weight: 800;
}

[b-47pns4xhsn] .dfn-muted {
    color: rgba(25, 57, 82, 0.72);
}

[b-47pns4xhsn] .dfn-card {
    border: 1px solid rgba(24, 64, 96, 0.12);
    border-radius: 10px;
    background: #fbfdff;
}

[b-47pns4xhsn] .dfn-dialog {
    border-radius: 12px;
}

.dfn-file[b-47pns4xhsn] {
    margin-top: 10px;
}

[b-47pns4xhsn] .dfn-file-input-hidden {
    width: 0.1px;
    height: 0.1px;
    opacity: 0;
    overflow: hidden;
    position: absolute;
    z-index: -1;
}

.dfn-file-button[b-47pns4xhsn] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 34px;
    padding: 6px 14px;
    border: 1px solid rgba(31, 95, 139, 0.45);
    border-radius: 6px;
    color: #1f5f8b;
    background: #eef6fc;
    font-weight: 700;
    font-size: 0.84rem;
    cursor: pointer;
}

.dfn-file-button:hover[b-47pns4xhsn] {
    background: #e2f0fa;
}

[b-47pns4xhsn] .dfn-file-selected {
    border: 1px solid rgba(24, 64, 96, 0.1);
    border-radius: 10px;
    background: #ffffff;
}

[b-47pns4xhsn] .dfn-file-selected-row {
    gap: 8px;
    flex-wrap: wrap;
}
/* /Components/Pages/Instructores/AbcDespachosGestor/DialogDatosFiscalesDespacho.razor.rz.scp.css */
[b-tgy9e2iq6u] .df-title,
[b-tgy9e2iq6u] .df-section {
    color: #12395c;
    font-weight: 800;
}

[b-tgy9e2iq6u] .df-title {
    font-size: 1.06rem;
}

[b-tgy9e2iq6u] .df-section {
    font-size: 0.9rem;
}

[b-tgy9e2iq6u] .df-muted {
    color: rgba(25, 57, 82, 0.72);
}

[b-tgy9e2iq6u] .df-card,
[b-tgy9e2iq6u] .df-doc {
    border: 1px solid rgba(24, 64, 96, 0.12);
    border-radius: 10px;
    background: #fbfdff;
}

[b-tgy9e2iq6u] .df-doc {
    background: #ffffff;
}

[b-tgy9e2iq6u] .df-dialog {
    border-radius: 12px;
}

[b-tgy9e2iq6u] .df-dialog.mud-dialog {
    width: min(1160px, 95vw);
    max-width: min(1160px, 95vw);
}

[b-tgy9e2iq6u] .df-dialog .mud-dialog-content {
    padding: 8px 12px 6px;
    max-height: 84vh;
    overflow-y: auto;
}

[b-tgy9e2iq6u] .df-dialog .df-main-grid {
    row-gap: 4px;
}

[b-tgy9e2iq6u] .df-dialog .mud-input-control {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
}

[b-tgy9e2iq6u] .df-dialog .mud-input-slot {
    min-height: 32px !important;
    padding-top: 3px !important;
    padding-bottom: 3px !important;
}

[b-tgy9e2iq6u] .df-dialog .mud-input-label {
    font-size: 0.75rem !important;
}

[b-tgy9e2iq6u] .df-dialog .mud-input {
    font-size: 0.82rem !important;
}

[b-tgy9e2iq6u] .df-dialog .mud-input-root,
[b-tgy9e2iq6u] .df-dialog .mud-select,
[b-tgy9e2iq6u] .df-dialog .mud-picker-input-control {
    min-height: 32px !important;
}

[b-tgy9e2iq6u] .df-dialog .mud-grid-item {
    padding-top: 2px;
    padding-bottom: 2px;
}

[b-tgy9e2iq6u] .df-dialog .mud-typography-body2 {
    font-size: 0.84rem;
}

[b-tgy9e2iq6u] .df-dialog .mud-typography-caption {
    font-size: 0.74rem;
}

[b-tgy9e2iq6u] .df-doc .mud-button-root {
    min-height: 28px;
    padding-top: 2px;
    padding-bottom: 2px;
    font-size: 0.76rem;
}

.df-file[b-tgy9e2iq6u] {
    margin-top: 4px;
}

[b-tgy9e2iq6u] .df-file-input-hidden {
    width: 0.1px;
    height: 0.1px;
    opacity: 0;
    overflow: hidden;
    position: absolute;
    z-index: -1;
}

.df-file-button[b-tgy9e2iq6u] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 30px;
    padding: 4px 10px;
    border: 1px solid rgba(31, 95, 139, 0.45);
    border-radius: 6px;
    color: #1f5f8b;
    background: #eef6fc;
    font-weight: 700;
    font-size: 0.78rem;
    cursor: pointer;
}

.df-file-button:hover[b-tgy9e2iq6u] {
    background: #e2f0fa;
}

[b-tgy9e2iq6u] .df-file-selected {
    border: 1px solid rgba(24, 64, 96, 0.1);
    border-radius: 10px;
    background: #ffffff;
}

[b-tgy9e2iq6u] .df-file-name {
    color: #1e3f5f;
    font-weight: 700;
}

[b-tgy9e2iq6u] .df-file-selected-row {
    gap: 8px;
    flex-wrap: wrap;
}

[b-tgy9e2iq6u] .df-doc .mud-table-cell {
    padding-top: 3px;
    padding-bottom: 3px;
    font-size: 0.76rem;
}

@media (max-width: 1199px) {
    [b-tgy9e2iq6u] .df-dialog .mud-dialog-content {
        padding: 8px 10px 6px;
    }
}

@media (max-width: 767px) {
    [b-tgy9e2iq6u] .df-dialog .mud-dialog-content {
        max-height: 86vh;
    }
}
/* /Components/Pages/Instructores/AbcDespachosGestor/DialogOfertaServiciosDespacho.razor.rz.scp.css */
[b-0axorskvp1] .do-title,
[b-0axorskvp1] .do-section {
    color: #12395c;
    font-weight: 800;
}

[b-0axorskvp1] .do-muted {
    color: rgba(25, 57, 82, 0.72);
}

[b-0axorskvp1] .do-card {
    border: 1px solid rgba(24, 64, 96, 0.12);
    border-radius: 10px;
    background: #fbfdff;
}

[b-0axorskvp1] .do-dialog {
    border-radius: 12px;
}

[b-0axorskvp1] .do-row {
    gap: 10px;
    flex-wrap: wrap;
}
/* /Components/Pages/Instructores/AbcDespachosGestor/DialogRepresentanteDespacho.razor.rz.scp.css */
[b-fojbriux1z] .dr-title,
[b-fojbriux1z] .dr-section {
    color: #12395c;
    font-weight: 800;
}

[b-fojbriux1z] .dr-muted {
    color: rgba(25, 57, 82, 0.72);
}

[b-fojbriux1z] .dr-card {
    border: 1px solid rgba(24, 64, 96, 0.12);
    border-radius: 10px;
    background: #fbfdff;
}

[b-fojbriux1z] .dr-dialog {
    border-radius: 12px;
}

[b-fojbriux1z] .dr-field-with-action {
    width: 100%;
}

[b-fojbriux1z] .dr-grow {
    flex: 1 1 auto;
}

.dr-file-row[b-fojbriux1z] {
    margin-top: 10px;
}

.dr-file-input-hidden[b-fojbriux1z] {
    position: absolute;
    width: 1px;
    height: 1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    white-space: nowrap;
    border: 0;
    opacity: 0;
}

.dr-file-button[b-fojbriux1z] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 34px;
    padding: 0 14px;
    border-radius: 8px;
    border: 1px solid rgba(30, 93, 143, 0.32);
    background: #eef6fd;
    color: #1d5f94;
    font-size: 0.84rem;
    font-weight: 700;
    cursor: pointer;
    transition: all .15s ease;
}

.dr-file-button:hover[b-fojbriux1z] {
    background: #e2f0fc;
}

[b-fojbriux1z] .dr-file-selected {
    border: 1px solid rgba(24, 64, 96, 0.1);
    border-radius: 10px;
    background: #ffffff;
}

[b-fojbriux1z] .dr-file-selected-row {
    gap: 8px;
    flex-wrap: wrap;
}

[b-fojbriux1z] .dr-soft-chip.mud-chip {
    background-color: #e8f6ee;
    color: #1d6b3b;
    font-weight: 700;
}

[b-fojbriux1z] .dr-soft-chip-existing.mud-chip {
    max-width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
}
/* /Components/Pages/Instructores/AbcDespachosGestor/DocumentacionDespachos.razor.rz.scp.css */
.dd-shell[b-4namw8dabx] {
    max-width: 1500px;
    margin: 0 auto;
    padding: 0 14px 20px;
}

[b-4namw8dabx] .dd-hero,
[b-4namw8dabx] .dd-kpi,
[b-4namw8dabx] .dd-grid,
[b-4namw8dabx] .dd-filters,
[b-4namw8dabx] .dd-mobile-card {
    border: 1px solid rgba(24, 64, 96, 0.12);
    border-radius: 12px;
    background: #fff;
}

[b-4namw8dabx] .dd-hero {
    background: linear-gradient(120deg, #f9fcff 0%, #eef6fb 100%);
}

[b-4namw8dabx] .dd-title {
    color: #12395c;
    font-weight: 800;
}

[b-4namw8dabx] .dd-title-contextual {
    letter-spacing: 0.1px;
}

[b-4namw8dabx] .dd-subtitle {
    color: rgba(25, 57, 82, 0.72);
}

[b-4namw8dabx] .dd-context-meta {
    margin-top: 4px;
    color: rgba(18, 57, 92, 0.72);
    font-weight: 500;
}

[b-4namw8dabx] .dd-context-chips .mud-chip {
    font-weight: 600;
}

[b-4namw8dabx] .dd-row {
    gap: 12px;
    flex-wrap: wrap;
}

[b-4namw8dabx] .dd-kpi {
    cursor: pointer;
    transition: all 0.18s ease;
}

[b-4namw8dabx] .dd-kpi:hover {
    border-color: rgba(20, 89, 150, 0.35);
    transform: translateY(-1px);
}

[b-4namw8dabx] .dd-kpi-active {
    box-shadow: inset 0 0 0 2px rgba(15, 105, 175, 0.25);
}

[b-4namw8dabx] .dd-filters {
    position: sticky;
    top: 8px;
    z-index: 3;
    backdrop-filter: blur(4px);
}

.dd-workspace[b-4namw8dabx] {
    display: grid;
    grid-template-columns: 1fr;
    gap: 12px;
}

[b-4namw8dabx] .dd-table tbody tr {
    cursor: pointer;
}

[b-4namw8dabx] .dd-table tbody tr.dd-row-selected td {
    background: #eef6ff;
}

[b-4namw8dabx] .dd-file-title {
    color: #12395c;
    font-weight: 700;
}

.dd-history-wrap[b-4namw8dabx] {
    width: 100%;
    overflow-x: auto;
}

[b-4namw8dabx] .dd-history-wrap table {
    min-width: 840px;
}

[b-4namw8dabx] .dd-history-wrap th,
[b-4namw8dabx] .dd-history-wrap td {
    white-space: nowrap;
}

.dd-modal-backdrop[b-4namw8dabx] {
    position: fixed;
    inset: 0;
    background: rgba(11, 25, 40, 0.48);
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 1400;
    padding: 16px;
}

[b-4namw8dabx] .dd-modal-shell {
    width: min(940px, calc(100vw - 24px));
    max-height: calc(100vh - 24px);
    overflow: auto;
    border-radius: 14px;
    border: 1px solid rgba(24, 64, 96, 0.18);
    background: linear-gradient(180deg, #fbfdff 0%, #ffffff 100%);
}

@media (max-width: 960px) {
    [b-4namw8dabx] .dd-filters {
        position: static;
    }

    [b-4namw8dabx] .dd-modal-shell {
        width: 100vw;
        max-width: 100vw;
        max-height: 100vh;
        height: 100vh;
        border-radius: 0;
    }
}
/* /Components/Pages/Instructores/AbcDespachosGestor/ExpedienteDespacho.razor.rz.scp.css */
.de-shell[b-2yptyo8447] {
    max-width: 1280px;
    margin: 0 auto;
    padding: 0 14px 20px;
}

[b-2yptyo8447] .de-header,
.de-side[b-2yptyo8447],
.de-tabs-wrap[b-2yptyo8447] {
    border: 1px solid rgba(24, 64, 96, 0.12);
    border-radius: 12px;
    background: #ffffff;
}

[b-2yptyo8447] .de-header {
    background: linear-gradient(120deg, #f8fbff 0%, #f2f8fb 100%);
}

[b-2yptyo8447] .de-header-row,
[b-2yptyo8447] .de-meta,
[b-2yptyo8447] .de-actions,
[b-2yptyo8447] .de-section-row {
    gap: 8px;
    flex-wrap: wrap;
}

[b-2yptyo8447] .de-title,
[b-2yptyo8447] .de-section-title,
[b-2yptyo8447] .de-side-title {
    color: #12395c;
    font-weight: 800;
}

[b-2yptyo8447] .de-muted {
    color: rgba(25, 57, 82, 0.72);
}

.de-side[b-2yptyo8447] {
    position: sticky;
    top: 76px;
}

.de-id[b-2yptyo8447] {
    word-break: break-all;
    color: #153f62;
}

[b-2yptyo8447] .de-tabs .mud-tabs-toolbar {
    border-bottom: 1px solid rgba(24, 64, 96, 0.1);
}

.de-mobile-section-nav[b-2yptyo8447] {
    display: none;
}

[b-2yptyo8447] .de-placeholder,
[b-2yptyo8447] .de-mini,
[b-2yptyo8447] .de-summary-card,
[b-2yptyo8447] .de-doc-card,
[b-2yptyo8447] .de-mobile-section-picker,
[b-2yptyo8447] .de-mobile-section-content {
    border: 1px solid rgba(24, 64, 96, 0.1);
    border-radius: 10px;
    background: #fbfdff;
}

[b-2yptyo8447] .de-mini .mud-typography-subtitle2 {
    color: #153f62;
    font-weight: 800;
}

[b-2yptyo8447] .de-doc-card {
    background: #ffffff;
}

[b-2yptyo8447] .de-summary-card {
    min-height: 100%;
    background: #ffffff;
}

[b-2yptyo8447] .de-summary-row {
    width: 100%;
    gap: 10px;
}

[b-2yptyo8447] .de-side-link {
    cursor: pointer;
    border-radius: 8px;
    transition: background-color .15s ease;
}

[b-2yptyo8447] .de-side-link:hover {
    background: rgba(20, 82, 132, 0.08);
}

[b-2yptyo8447] .de-side-link-disabled {
    cursor: default;
    opacity: .72;
}

.de-file-row[b-2yptyo8447] {
    margin-top: 12px;
    border-top: 1px solid rgba(24, 64, 96, 0.1);
    padding-top: 12px;
}

[b-2yptyo8447] .de-version-box,
[b-2yptyo8447] .de-file-selected {
    border: 1px solid rgba(24, 64, 96, 0.1);
    border-radius: 10px;
    background: #ffffff;
}

[b-2yptyo8447] .de-file-input-hidden {
    width: 0.1px;
    height: 0.1px;
    opacity: 0;
    overflow: hidden;
    position: absolute;
    z-index: -1;
}

.de-file-button[b-2yptyo8447] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    min-height: 34px;
    padding: 6px 14px;
    border: 1px solid rgba(31, 95, 139, 0.45);
    border-radius: 6px;
    color: #1f5f8b;
    background: #eef6fc;
    font-weight: 700;
    font-size: 0.84rem;
    cursor: pointer;
}

.de-file-button:hover[b-2yptyo8447] {
    background: #e2f0fa;
}

.de-file-button-secondary[b-2yptyo8447] {
    margin-left: 8px;
    border-color: rgba(89, 101, 116, 0.34);
    color: #41566b;
    background: #f3f6f9;
}

.de-file-button-secondary:hover[b-2yptyo8447] {
    background: #e9eef3;
}

[b-2yptyo8447] .de-file-selected-row {
    gap: 8px;
    flex-wrap: wrap;
}

@media (max-width: 959px) {
    .de-side[b-2yptyo8447] {
        position: static;
    }

    [b-2yptyo8447] .de-tabs-wrap {
        padding: 8px !important;
    }

    .de-desktop-tabs[b-2yptyo8447] {
        display: none;
    }

    .de-mobile-section-nav[b-2yptyo8447] {
        display: block;
    }
}
/* /Components/Pages/Instructores/AbcDespachosGestor/GestorDespachos.razor.rz.scp.css */
.dg-shell[b-weyo30oh04] {
    max-width: 1280px;
    margin: 0 auto;
    padding: 0 14px 20px;
}

[b-weyo30oh04] .dg-hero,
.dg-panel[b-weyo30oh04],
[b-weyo30oh04] .dg-filters {
    border: 1px solid rgba(24, 64, 96, 0.12);
    border-radius: 12px;
    background: linear-gradient(180deg, #ffffff 0%, #fbfdff 100%);
}

[b-weyo30oh04] .dg-hero {
    background: linear-gradient(120deg, #f8fbff 0%, #edf6fb 52%, #f7fbf7 100%);
}

[b-weyo30oh04] .dg-title-row,
[b-weyo30oh04] .dg-actions {
    flex-wrap: wrap;
}

[b-weyo30oh04] .dg-title-icon {
    color: #1d5d88;
    font-size: 2.2rem;
}

[b-weyo30oh04] .dg-title {
    color: #12395c;
    font-weight: 800;
}

[b-weyo30oh04] .dg-subtitle,
[b-weyo30oh04] .dg-secondary {
    color: rgba(25, 57, 82, 0.72);
}

.dg-kpi[b-weyo30oh04] {
    border: 1px solid rgba(24, 64, 96, 0.1);
    border-radius: 12px;
    min-height: 104px;
}

.dg-kpi .mud-typography-h5[b-weyo30oh04] {
    font-weight: 800;
    color: #143c5f;
}

.dg-kpi-total[b-weyo30oh04] { background: #f8fbff; }
.dg-kpi-warning[b-weyo30oh04] { background: #fffaf0; }
.dg-kpi-success[b-weyo30oh04] { background: #f5fbf7; }
.dg-kpi-muted[b-weyo30oh04] { background: #fafafa; }

[b-weyo30oh04] .dg-table .mud-table-cell {
    padding-top: 10px;
    padding-bottom: 10px;
    border-bottom: 1px solid rgba(24, 64, 96, 0.08);
}

[b-weyo30oh04] .dg-table .mud-table-container {
    overflow-x: auto;
}

[b-weyo30oh04] .dg-table .mud-table-head .mud-table-cell {
    font-size: 0.76rem;
    font-weight: 800;
    text-transform: uppercase;
    color: rgba(20, 58, 88, 0.78);
}

[b-weyo30oh04] .dg-primary {
    color: #153f62;
    font-weight: 700;
}

[b-weyo30oh04] .dg-mobile-card {
    border: 1px solid rgba(24, 64, 96, 0.12);
    border-radius: 12px;
    background: #ffffff;
}

[b-weyo30oh04] .dg-avance {
    min-width: 250px;
}

[b-weyo30oh04] .dg-avance .mud-progress-linear {
    height: 7px;
    border-radius: 999px;
}

[b-weyo30oh04] .dg-table .mud-table-row {
    transition: background-color 0.2s ease;
}

[b-weyo30oh04] .dg-table .mud-table-row:hover {
    background-color: #f7fbff;
}

[b-weyo30oh04] .dg-col-nombre {
    min-width: 260px;
}

[b-weyo30oh04] .dg-col-avance {
    min-width: 280px;
}

[b-weyo30oh04] .dg-col-estatus {
    min-width: 108px;
}

[b-weyo30oh04] .dg-name-row .mud-icon-button-root,
[b-weyo30oh04] .dg-mobile-card .mud-icon-button-root {
    opacity: 0.9;
}

[b-weyo30oh04] .dg-table .mud-table-row:hover .dg-name-row .mud-icon-button-root {
    opacity: 1;
}

@media (max-width: 700px) {
    .dg-shell[b-weyo30oh04] {
        padding: 0 10px 16px;
    }

    [b-weyo30oh04] .dg-actions .mud-button-root {
        width: 100%;
    }
}
/* /Components/Pages/Instructores/AbcDespachosGestor/InstructoresDespachoExpediente.razor.rz.scp.css */
.ide-shell[b-fmsoxykh7s] {
    max-width: 1180px;
    margin: 0 auto;
    padding: 0 14px 20px;
}

.ide-header[b-fmsoxykh7s],
.ide-hero[b-fmsoxykh7s] {
    border: 1px solid rgba(24, 64, 96, 0.12);
    border-radius: 12px;
    background: #ffffff;
}

.ide-header[b-fmsoxykh7s] {
    background: linear-gradient(120deg, #f9fcff 0%, #f1f8fb 100%);
}

.ide-header-row[b-fmsoxykh7s] {
    gap: 12px;
    flex-wrap: wrap;
}

.ide-title[b-fmsoxykh7s],
.ide-name[b-fmsoxykh7s] {
    color: #12395c;
    font-weight: 800;
}

.ide-subtitle[b-fmsoxykh7s] {
    color: rgba(25, 57, 82, 0.72);
}

/* Wrapper moderno: mantiene motor funcional interno y oculta su shell viejo */
.ide-modern-wrapper[b-fmsoxykh7s]  .gestor-wizard-header,
.ide-modern-wrapper[b-fmsoxykh7s]  .siac-stepper-shell {
    display: none !important;
}

.ide-modern-wrapper[b-fmsoxykh7s]  .gestor-wizard-shell {
    max-width: 100%;
    margin: 0;
    padding: 0;
}

.ide-modern-wrapper[b-fmsoxykh7s]  .gestor-wizard-panel {
    border: 1px solid rgba(24, 64, 96, 0.12);
    border-radius: 12px;
    background: #fff;
    padding: 8px;
}

.ide-modern-wrapper[b-fmsoxykh7s]  .mud-input-label {
    font-size: .82rem;
}

.ide-modern-wrapper[b-fmsoxykh7s]  .mud-input > input.mud-input-slot,
.ide-modern-wrapper[b-fmsoxykh7s]  .mud-input > textarea.mud-input-slot {
    padding-top: 8px;
    padding-bottom: 8px;
}

.ide-modern-wrapper[b-fmsoxykh7s]  .mud-input-control {
    margin-top: 2px;
    margin-bottom: 2px;
}

@media (max-width: 959px) {
    .ide-shell[b-fmsoxykh7s] {
        padding: 0 8px 16px;
    }
}
/* /Components/Pages/Instructores/AbcDespachosGestor/InstructoresDespachoGestor.razor.rz.scp.css */
.idg-shell[b-0cxyp93icd] {
    max-width: 1260px;
    margin: 0 auto;
    padding: 0 16px 24px;
}

.idg-hero[b-0cxyp93icd] {
    border: 1px solid rgba(20, 58, 92, 0.14);
    border-radius: 16px;
    background:
        radial-gradient(circle at 12% 22%, rgba(95, 167, 216, 0.18), transparent 38%),
        radial-gradient(circle at 85% 12%, rgba(145, 209, 173, 0.15), transparent 32%),
        linear-gradient(125deg, rgba(250, 252, 255, 0.95) 0%, rgba(242, 248, 255, 0.94) 60%, rgba(245, 251, 249, 0.96) 100%);
}

.idg-kpi[b-0cxyp93icd],
.idg-filters[b-0cxyp93icd],
.idg-grid[b-0cxyp93icd] {
    border: 1px solid rgba(24, 64, 96, 0.11);
    border-radius: 12px;
    background: #fff;
}

.idg-kpi-total[b-0cxyp93icd] { background: linear-gradient(150deg, #f0f7ff 0%, #f8fbff 100%); }
.idg-kpi-active[b-0cxyp93icd] { background: linear-gradient(150deg, #eefcf4 0%, #f8fdf9 100%); }
.idg-kpi-inactive[b-0cxyp93icd] { background: linear-gradient(150deg, #fff8ee 0%, #fffcf6 100%); }
.idg-kpi-filter[b-0cxyp93icd] { background: linear-gradient(150deg, #f4f8ff 0%, #fafcff 100%); }

.idg-filters[b-0cxyp93icd] {
    background: linear-gradient(180deg, rgba(255, 255, 255, 0.96) 0%, rgba(249, 252, 255, 0.98) 100%);
}

.idg-grid[b-0cxyp93icd] {
    border-radius: 14px;
}

.idg-grid[b-0cxyp93icd]  .mud-table-head .mud-table-cell {
    font-size: 0.78rem;
    font-weight: 700;
    letter-spacing: 0.03em;
    text-transform: uppercase;
    color: rgba(20, 58, 91, 0.82);
}

.idg-grid[b-0cxyp93icd]  .mud-table-cell {
    vertical-align: middle;
    border-bottom: 1px solid rgba(20, 58, 91, 0.08);
}

.idg-grid[b-0cxyp93icd]  .mud-table-container table tbody tr:hover {
    background-color: color-mix(in srgb, var(--mud-palette-primary) 6%, transparent);
}

.idg-avatar[b-0cxyp93icd] {
    background: #e8f1fb;
    color: #12395c;
    font-weight: 700;
}

.idg-avatar-button[b-0cxyp93icd] {
    border: none;
    background: transparent;
    padding: 0;
    cursor: pointer;
}

.idg-avatar-image[b-0cxyp93icd] {
    width: 42px;
    height: 42px;
    border-radius: 50%;
    object-fit: cover;
    display: block;
    border: 1px solid rgba(24, 64, 96, 0.16);
}

.idg-col-instructor[b-0cxyp93icd] {
    min-width: 300px;
}

.idg-col-correo[b-0cxyp93icd] {
    min-width: 220px;
}

.idg-col-movil[b-0cxyp93icd] {
    min-width: 130px;
    white-space: nowrap;
}

.idg-instructor-cell[b-0cxyp93icd] {
    min-width: 290px;
}

.idg-secondary[b-0cxyp93icd] {
    color: rgba(20, 58, 91, 0.7);
}

.idg-chip-etapa[b-0cxyp93icd],
.idg-chip-estatus[b-0cxyp93icd] {
    font-size: 0.72rem;
    line-height: 1.1;
    border-radius: 999px;
    padding: 0 2px;
}

.idg-chip-ok[b-0cxyp93icd] {
    background: rgba(34, 197, 94, 0.08);
}

.idg-chip-info[b-0cxyp93icd] {
    background: rgba(37, 99, 235, 0.08);
}

.idg-chip-pending[b-0cxyp93icd] {
    background: rgba(245, 158, 11, 0.1);
}

.idg-chip-critical[b-0cxyp93icd] {
    background: rgba(239, 68, 68, 0.08);
}

.idg-chip-active[b-0cxyp93icd] {
    background: rgba(34, 197, 94, 0.08);
}

.idg-chip-inactive[b-0cxyp93icd] {
    background: rgba(239, 68, 68, 0.08);
}

.idg-chip-deleted[b-0cxyp93icd] {
    background: rgba(239, 68, 68, 0.14);
}

@media (max-width: 960px) {
    .idg-shell[b-0cxyp93icd] {
        padding: 0 12px 20px;
    }

    .idg-col-instructor[b-0cxyp93icd],
    .idg-instructor-cell[b-0cxyp93icd] {
        min-width: 220px;
    }

    .idg-col-correo[b-0cxyp93icd] {
        min-width: 180px;
    }
}
/* /Components/Pages/Instructores/AbcDespachosGestor/InstructoresDespachoNuevo.razor.rz.scp.css */
.idn-shell[b-w27ja65g9s] {
    max-width: 1460px;
    margin: 0 auto;
    padding: 0 14px 20px;
}

[b-w27ja65g9s] .idn-header,
.idn-panel[b-w27ja65g9s],
.idn-summary[b-w27ja65g9s] {
    border: 1px solid rgba(24, 64, 96, 0.12);
    border-radius: 12px;
    background: #ffffff;
}

[b-w27ja65g9s] .idn-header {
    background: linear-gradient(120deg, #f9fcff 0%, #f1f8fb 100%);
}

[b-w27ja65g9s] .idn-header-row {
    gap: 12px;
    flex-wrap: wrap;
}

[b-w27ja65g9s] .idn-title,
[b-w27ja65g9s] .idn-section-title {
    color: #12395c;
    font-weight: 800;
}

[b-w27ja65g9s] .idn-subsection-title {
    color: #12395c;
    font-weight: 700;
    margin-bottom: 6px;
}

[b-w27ja65g9s] .idn-subtitle {
    color: rgba(25, 57, 82, 0.72);
}

[b-w27ja65g9s] .mud-input-label {
    font-size: .82rem;
}

[b-w27ja65g9s] .mud-input > input.mud-input-slot,
[b-w27ja65g9s] .mud-input > textarea.mud-input-slot {
    padding-top: 8px;
    padding-bottom: 8px;
}

[b-w27ja65g9s] .mud-input-control {
    margin-top: 2px;
    margin-bottom: 2px;
}

[b-w27ja65g9s] .mud-chip.idn-compact-chip {
    min-height: 24px;
    font-size: .75rem;
}

.idn-summary[b-w27ja65g9s] {
    position: sticky;
    top: 76px;
}

.idn-type-header[b-w27ja65g9s] {
    gap: 10px;
    flex-wrap: wrap;
}

.idn-type-selector[b-w27ja65g9s] {
    flex-wrap: wrap;
}

.idn-type-btn[b-w27ja65g9s] {
    text-transform: none;
}

/* Formación: dar prioridad de ancho al contenido y compactar resumen lateral */
@media (min-width: 1280px) {
    [b-w27ja65g9s] .idn-layout-formacion .idn-main-col {
        flex: 0 0 78%;
        max-width: 78%;
    }

    [b-w27ja65g9s] .idn-layout-formacion .idn-side-col {
        flex: 0 0 22%;
        max-width: 22%;
    }
}

.idn-inline-card[b-w27ja65g9s] {
    border: 1px solid rgba(24, 64, 96, 0.12);
    border-radius: 10px;
    background: #fbfdff;
}

.idn-photo-card[b-w27ja65g9s] {
    border: 1px solid rgba(24, 64, 96, 0.12);
    border-radius: 10px;
    background: #fbfdff;
    min-height: 64px;
    display: flex;
    align-items: center;
}

.idn-block-title[b-w27ja65g9s] {
    color: rgba(25, 57, 82, 0.7);
    font-weight: 700;
    letter-spacing: 0;
}

.idn-file-input-hidden[b-w27ja65g9s] {
    display: none;
}

.idn-file-button[b-w27ja65g9s] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 8px;
    border: 1px solid rgba(26, 93, 186, 0.32);
    color: #1a5dba;
    font-size: .82rem;
    font-weight: 600;
    line-height: 1;
    min-height: 30px;
    padding: 0 12px;
    cursor: pointer;
    transition: all .15s ease;
    width: fit-content;
}

.idn-file-button:hover[b-w27ja65g9s] {
    background: rgba(26, 93, 186, 0.08);
    border-color: rgba(26, 93, 186, 0.44);
}

.idn-photo-preview[b-w27ja65g9s] {
    border: 2px solid rgba(24, 64, 96, 0.12);
    background: #eaf2fb;
    width: 150px;
    height: 150px;
    min-width: 150px;
    min-height: 150px;
    border-radius: 50%;
    overflow: hidden;
    display: flex;
    align-items: center;
    justify-content: center;
}

.idn-photo-img[b-w27ja65g9s] {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}

.idn-photo-icon[b-w27ja65g9s] {
    font-size: 56px;
    color: rgba(18, 57, 92, 0.5);
}

.idn-clear-photo-btn[b-w27ja65g9s] {
    min-height: 30px;
    text-transform: none;
}

.idn-photo-grid-item[b-w27ja65g9s] {
    align-self: stretch;
}

.idn-discapacidad-card[b-w27ja65g9s] {
    border: 1px solid rgba(24, 64, 96, 0.12);
    border-radius: 10px;
    background: #fbfdff;
}

[b-w27ja65g9s] .idn-dis-grid .mud-checkbox {
    margin-top: 2px;
    margin-bottom: 2px;
}

@media (max-width: 959px) {
    .idn-summary[b-w27ja65g9s] {
        position: static;
    }
}
/* /Components/Pages/Instructores/AbcDespachosGestor/NuevoDespacho.razor.rz.scp.css */
.dn-shell[b-x997was9px] {
    max-width: 1180px;
    margin: 0 auto;
    padding: 0 14px 20px;
}

[b-x997was9px] .dn-header,
.dn-panel[b-x997was9px],
.dn-summary[b-x997was9px] {
    border: 1px solid rgba(24, 64, 96, 0.12);
    border-radius: 12px;
    background: #ffffff;
}

[b-x997was9px] .dn-header {
    background: linear-gradient(120deg, #f9fcff 0%, #f1f8fb 100%);
}

[b-x997was9px] .dn-header-row {
    gap: 12px;
    flex-wrap: wrap;
}

[b-x997was9px] .dn-title,
[b-x997was9px] .dn-section-title {
    color: #12395c;
    font-weight: 800;
}

[b-x997was9px] .dn-subtitle {
    color: rgba(25, 57, 82, 0.72);
}

.dn-helper-text[b-x997was9px] {
    color: rgba(25, 57, 82, 0.72);
    display: block;
    margin-top: 2px;
}

[b-x997was9px] .dn-section-row {
    gap: 12px;
    flex-wrap: wrap;
}

.dn-summary[b-x997was9px] {
    position: sticky;
    top: 76px;
}

[b-x997was9px] .dn-upload {
    border: 1px dashed rgba(32, 88, 124, 0.28);
    border-radius: 10px;
    background: #fbfdff;
}

[b-x997was9px] .dn-upload-head {
    gap: 12px;
}

.dn-notas-card[b-x997was9px] {
    min-height: 100%;
}

.dn-file-row[b-x997was9px] {
    margin-top: 14px;
}

.dn-file-input-hidden[b-x997was9px] {
    position: absolute;
    width: 1px;
    height: 1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    white-space: nowrap;
    border: 0;
    opacity: 0;
}

.dn-file-button[b-x997was9px] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 34px;
    padding: 0 14px;
    border-radius: 8px;
    border: 1px solid rgba(30, 93, 143, 0.32);
    background: #eef6fd;
    color: #1d5f94;
    font-size: 0.84rem;
    font-weight: 700;
    cursor: pointer;
    transition: all .15s ease;
}

.dn-file-button:hover[b-x997was9px] {
    background: #e2f0fc;
}

[b-x997was9px] .dn-file-selected {
    border: 1px solid rgba(32, 88, 124, 0.16);
    border-radius: 8px;
    background: #ffffff;
    padding: 6px 8px;
    min-height: 40px;
}

@media (max-width: 959px) {
    .dn-summary[b-x997was9px] {
        position: static;
    }
}
/* /Components/Pages/Instructores/AjustesInstructor/ApellidosABC.razor.rz.scp.css */
/* ═══════════════════════════════════════════════════════════════════
   ApellidosABC.razor.css — Instructores › Ajustes › Apellidos
   Prefijo: iap-  (instructores apellidos)
   Homologado al patrón de /ajustes/apellidosabc
   ═══════════════════════════════════════════════════════════════════ */

.iap-shell[b-5dkdz02lag] {
    max-width: 1200px;
    margin: 0 auto;
    padding: 0 14px 20px;
}

.iap-section[b-5dkdz02lag] {
    margin-bottom: 14px;
}

/* ── HEADER ───────────────────────────────────────────────────────── */
.iap-header[b-5dkdz02lag] {
    border-radius: 14px;
    border: 1px solid rgba(26, 68, 104, 0.16);
    background:
        radial-gradient(circle at 9% 16%, rgba(80, 156, 210, 0.16), transparent 34%),
        radial-gradient(circle at 86% 30%, rgba(129, 198, 157, 0.13), transparent 30%),
        linear-gradient(120deg, #f9fcff 0%, #f4f9ff 52%, #f7fcfb 100%);
}

.iap-header-title[b-5dkdz02lag] {
    color: #12395c;
    font-weight: 700;
    letter-spacing: 0.01em;
}

.iap-header-subtitle[b-5dkdz02lag] {
    color: rgba(18, 57, 92, 0.78);
}

.iap-header-actions[b-5dkdz02lag] {
    flex-wrap: wrap;
}

/* ── KPI CARDS ───────────────────────────────────────────────────── */
.iap-kpi[b-5dkdz02lag] {
    border-radius: 12px;
    border: 1px solid rgba(19, 59, 91, 0.12);
    padding: 14px;
    transition: transform 0.16s ease, box-shadow 0.16s ease;
}

.iap-kpi:hover[b-5dkdz02lag] {
    transform: translateY(-1px);
    box-shadow: 0 10px 18px rgba(13, 42, 67, 0.08);
}

.iap-kpi-total[b-5dkdz02lag]    { background: linear-gradient(145deg, #f1f7ff 0%, #f8fbff 100%); }
.iap-kpi-active[b-5dkdz02lag]   { background: linear-gradient(145deg, #f0fcf5 0%, #f8fdf9 100%); }
.iap-kpi-inactive[b-5dkdz02lag] { background: linear-gradient(145deg, #f7f8fb 0%, #fcfcfe 100%); }

.iap-kpi-number[b-5dkdz02lag] {
    font-weight: 800;
    color: #143955;
    line-height: 1.1;
}

.iap-kpi-text[b-5dkdz02lag] {
    color: rgba(20, 57, 85, 0.74);
}

/* ── FILTROS ─────────────────────────────────────────────────────── */
.iap-filters[b-5dkdz02lag] {
    border-radius: 12px;
    border: 1px solid rgba(19, 59, 91, 0.1);
    background: linear-gradient(180deg, #ffffff 0%, #fbfdff 100%);
}

.iap-filters-toolbar[b-5dkdz02lag] {
    gap: 10px;
    flex-wrap: wrap;
}

.iap-filter-search[b-5dkdz02lag] {
    flex: 1 1 460px;
}

.iap-filter-status[b-5dkdz02lag] {
    width: 180px;
}

.iap-filter-clear[b-5dkdz02lag] {
    min-height: 40px;
}

/* ── PANEL DE RESULTADOS ─────────────────────────────────────────── */
.iap-panel[b-5dkdz02lag] {
    border-radius: 14px;
    border: 1px solid rgba(19, 59, 91, 0.1);
    background: linear-gradient(180deg, #ffffff 0%, #fcfdff 100%);
    padding: 12px;
}

.iap-state-wrap[b-5dkdz02lag] {
    padding: 6px 4px 10px;
}

.iap-loading-card[b-5dkdz02lag] {
    border-radius: 10px;
    border: 1px solid rgba(19, 59, 91, 0.1);
}

/* ── ESTADO VACÍO ────────────────────────────────────────────────── */
.iap-empty[b-5dkdz02lag] {
    border-radius: 12px;
    text-align: center;
    border: 1px dashed rgba(19, 59, 91, 0.2);
    background: linear-gradient(180deg, rgba(240, 248, 255, 0.7) 0%, rgba(250, 252, 255, 0.95) 100%);
}

.iap-empty-icon[b-5dkdz02lag]     { color: #426f97; }
.iap-empty-title[b-5dkdz02lag]    { font-weight: 700; color: #173f61; }
.iap-empty-subtitle[b-5dkdz02lag] { color: rgba(24, 56, 83, 0.72); }

/* ── TABLA ───────────────────────────────────────────────────────── */
[b-5dkdz02lag] .iap-table {
    border-radius: 12px;
    border: 1px solid rgba(19, 59, 91, 0.1);
    overflow: hidden;
}

[b-5dkdz02lag] .iap-table .mud-table-cell {
    padding-top: 11px;
    padding-bottom: 11px;
    border-bottom: 1px solid rgba(17, 52, 81, 0.08);
    vertical-align: middle;
}

[b-5dkdz02lag] .iap-table .mud-table-head .mud-table-cell {
    font-size: 0.78rem;
    font-weight: 700;
    letter-spacing: 0.04em;
    color: rgba(22, 54, 80, 0.8);
    text-transform: uppercase;
}

[b-5dkdz02lag] .iap-table.zebra-soft .mud-table-container table tbody tr:nth-child(even) {
    background-color: color-mix(in srgb, currentColor 2.3%, transparent);
}

[b-5dkdz02lag] .iap-table.zebra-soft .mud-table-container table tbody tr {
    transition: background-color 0.14s ease;
}

[b-5dkdz02lag] .iap-table.zebra-soft .mud-table-container table tbody tr:hover {
    background-color: color-mix(in srgb, var(--mud-palette-primary) 8%, transparent) !important;
}

/* ── CARDS MOBILE ────────────────────────────────────────────────── */
[b-5dkdz02lag] .iap-mobile-card {
    border-radius: 12px;
    border: 1px solid rgba(19, 59, 91, 0.11);
    background: linear-gradient(180deg, #ffffff 0%, #f9fbff 100%);
    transition: transform 0.16s ease, box-shadow 0.16s ease;
}

[b-5dkdz02lag] .iap-mobile-card:hover {
    transform: translateY(-1px);
    box-shadow: 0 8px 14px rgba(14, 44, 70, 0.07);
}

/* ── TIPOGRAFÍA DE CELDA ─────────────────────────────────────────── */
[b-5dkdz02lag] .iap-primary-name {
    font-weight: 700;
    font-size: 0.96rem;
    color: #163d5f;
}

[b-5dkdz02lag] .iap-secondary-notes {
    color: rgba(24, 56, 83, 0.74);
    font-size: 0.86rem;
}

[b-5dkdz02lag] .iap-date-muted {
    color: rgba(24, 56, 83, 0.62);
}

[b-5dkdz02lag] .iap-status-chip { font-weight: 600; }

[b-5dkdz02lag] .iap-edit-action { border-radius: 9px; }
[b-5dkdz02lag] .iap-edit-action:hover {
    background-color: color-mix(in srgb, var(--mud-palette-primary) 10%, transparent);
}

/* ── PAGINACIÓN ──────────────────────────────────────────────────── */
.iap-pager-wrap[b-5dkdz02lag] {
    gap: 10px;
    flex-wrap: wrap;
    padding: 2px 4px 0;
}

.iap-pager-caption[b-5dkdz02lag] {
    color: rgba(24, 56, 83, 0.68);
}

.iap-page-size-select[b-5dkdz02lag] { width: 90px; }

/* ── DARK MODE ───────────────────────────────────────────────────── */
[b-5dkdz02lag] .mud-theme-dark .iap-header-title,
[b-5dkdz02lag] .mud-theme-dark .iap-kpi-number,
[b-5dkdz02lag] .mud-theme-dark .iap-primary-name {
    color: rgba(233, 241, 249, 0.95);
}

[b-5dkdz02lag] .mud-theme-dark .iap-header-subtitle,
[b-5dkdz02lag] .mud-theme-dark .iap-kpi-text,
[b-5dkdz02lag] .mud-theme-dark .iap-secondary-notes,
[b-5dkdz02lag] .mud-theme-dark .iap-date-muted,
[b-5dkdz02lag] .mud-theme-dark .iap-pager-caption,
[b-5dkdz02lag] .mud-theme-dark .iap-empty-subtitle {
    color: rgba(233, 241, 249, 0.72);
}

[b-5dkdz02lag] .mud-theme-dark .iap-header,
[b-5dkdz02lag] .mud-theme-dark .iap-kpi,
[b-5dkdz02lag] .mud-theme-dark .iap-filters,
[b-5dkdz02lag] .mud-theme-dark .iap-panel,
[b-5dkdz02lag] .mud-theme-dark .iap-mobile-card,
[b-5dkdz02lag] .mud-theme-dark .iap-loading-card,
[b-5dkdz02lag] .mud-theme-dark .iap-table {
    border-color: rgba(205, 220, 240, 0.14);
}

[b-5dkdz02lag] .mud-theme-dark .iap-kpi-total,
[b-5dkdz02lag] .mud-theme-dark .iap-kpi-active,
[b-5dkdz02lag] .mud-theme-dark .iap-kpi-inactive,
[b-5dkdz02lag] .mud-theme-dark .iap-panel,
[b-5dkdz02lag] .mud-theme-dark .iap-filters,
[b-5dkdz02lag] .mud-theme-dark .iap-mobile-card,
[b-5dkdz02lag] .mud-theme-dark .iap-loading-card {
    background: linear-gradient(180deg, rgba(28, 40, 55, 0.9) 0%, rgba(24, 34, 46, 0.9) 100%);
}

/* ── RESPONSIVE ──────────────────────────────────────────────────── */
@media (max-width: 959px) {
    .iap-shell[b-5dkdz02lag] { padding: 0 10px 16px; }
    .iap-header-title[b-5dkdz02lag] { font-size: 1.55rem; }
    .iap-filter-status[b-5dkdz02lag] { width: 100%; flex: 1 1 170px; }
    .iap-filter-clear[b-5dkdz02lag]  { width: 100%; justify-content: center; }
}
/* /Components/Pages/Instructores/AjustesInstructor/CatalogoDocumentoGrid.razor.rz.scp.css */
/* ═══════════════════════════════════════════════════════════════════
   CatalogoDocumentoGrid.razor.css
   Prefijo: cdg-  (catálogo documento grid)
   Homologado al patrón SIAC de OtrosDocumentosABC / odo-
   ═══════════════════════════════════════════════════════════════════ */

.cdg-shell[b-0ppbzpe7qq] { max-width: 1200px; margin: 0 auto; padding: 0 14px 20px; }
.cdg-section[b-0ppbzpe7qq] { margin-bottom: 14px; }

.cdg-header[b-0ppbzpe7qq] {
    border-radius: 14px;
    border: 1px solid rgba(26, 68, 104, 0.16);
    background:
        radial-gradient(circle at 9% 16%, rgba(80, 156, 210, 0.16), transparent 34%),
        radial-gradient(circle at 86% 30%, rgba(129, 198, 157, 0.13), transparent 30%),
        linear-gradient(120deg, #f9fcff 0%, #f4f9ff 52%, #f7fcfb 100%);
}
.cdg-header-title[b-0ppbzpe7qq]    { color: #12395c; font-weight: 700; letter-spacing: 0.01em; }
.cdg-header-subtitle[b-0ppbzpe7qq] { color: rgba(18, 57, 92, 0.78); }
.cdg-header-actions[b-0ppbzpe7qq]  { flex-wrap: wrap; }

.cdg-kpi[b-0ppbzpe7qq] { border-radius: 12px; border: 1px solid rgba(19,59,91,.12); padding: 14px; transition: transform .16s ease, box-shadow .16s ease; }
.cdg-kpi:hover[b-0ppbzpe7qq] { transform: translateY(-1px); box-shadow: 0 10px 18px rgba(13,42,67,.08); }
.cdg-kpi-total[b-0ppbzpe7qq]    { background: linear-gradient(145deg,#f1f7ff 0%,#f8fbff 100%); }
.cdg-kpi-active[b-0ppbzpe7qq]   { background: linear-gradient(145deg,#f0fcf5 0%,#f8fdf9 100%); }
.cdg-kpi-inactive[b-0ppbzpe7qq] { background: linear-gradient(145deg,#f7f8fb 0%,#fcfcfe 100%); }
.cdg-kpi-number[b-0ppbzpe7qq]   { font-weight: 800; color: #143955; line-height: 1.1; }
.cdg-kpi-text[b-0ppbzpe7qq]     { color: rgba(20,57,85,.74); }

.cdg-filters[b-0ppbzpe7qq] { border-radius: 12px; border: 1px solid rgba(19,59,91,.1); background: linear-gradient(180deg,#fff 0%,#fbfdff 100%); }
.cdg-filters-toolbar[b-0ppbzpe7qq] { gap: 10px; flex-wrap: wrap; }
.cdg-filter-search[b-0ppbzpe7qq]   { flex: 1 1 460px; }
.cdg-filter-status[b-0ppbzpe7qq]   { width: 180px; }
.cdg-filter-clear[b-0ppbzpe7qq]    { min-height: 40px; }

.cdg-panel[b-0ppbzpe7qq] { border-radius: 14px; border: 1px solid rgba(19,59,91,.1); background: linear-gradient(180deg,#fff 0%,#fcfdff 100%); padding: 12px; }
.cdg-state-wrap[b-0ppbzpe7qq] { padding: 6px 4px 10px; }

.cdg-empty[b-0ppbzpe7qq] {
    border-radius: 12px; text-align: center;
    border: 1px dashed rgba(19,59,91,.2);
    background: linear-gradient(180deg,rgba(240,248,255,.7) 0%,rgba(250,252,255,.95) 100%);
}
.cdg-empty-icon[b-0ppbzpe7qq]     { color: #426f97; }
.cdg-empty-title[b-0ppbzpe7qq]    { font-weight: 700; color: #173f61; }
.cdg-empty-subtitle[b-0ppbzpe7qq] { color: rgba(24,56,83,.72); }

[b-0ppbzpe7qq] .cdg-table { border-radius: 12px; border: 1px solid rgba(19,59,91,.1); overflow: hidden; }
[b-0ppbzpe7qq] .cdg-table .mud-table-cell { padding-top: 10px; padding-bottom: 10px; border-bottom: 1px solid rgba(17,52,81,.08); vertical-align: middle; }
[b-0ppbzpe7qq] .cdg-table .mud-table-head .mud-table-cell { font-size: .78rem; font-weight: 700; letter-spacing: .04em; color: rgba(22,54,80,.8); text-transform: uppercase; }
[b-0ppbzpe7qq] .cdg-table.zebra-soft .mud-table-container table tbody tr:nth-child(even) { background-color: color-mix(in srgb, currentColor 2.3%, transparent); }
[b-0ppbzpe7qq] .cdg-table.zebra-soft .mud-table-container table tbody tr { transition: background-color .14s ease; }
[b-0ppbzpe7qq] .cdg-table.zebra-soft .mud-table-container table tbody tr:hover { background-color: color-mix(in srgb, var(--mud-palette-primary) 8%, transparent) !important; }

[b-0ppbzpe7qq] .cdg-mobile-card { border-radius: 12px; border: 1px solid rgba(19,59,91,.11); background: linear-gradient(180deg,#fff 0%,#f9fbff 100%); transition: transform .16s ease, box-shadow .16s ease; }
[b-0ppbzpe7qq] .cdg-mobile-card:hover { transform: translateY(-1px); box-shadow: 0 8px 14px rgba(14,44,70,.07); }

[b-0ppbzpe7qq] .cdg-primary-name    { font-weight: 700; font-size: .96rem; color: #163d5f; }
[b-0ppbzpe7qq] .cdg-secondary-notes { color: rgba(24,56,83,.74); font-size: .86rem; }
[b-0ppbzpe7qq] .cdg-status-chip     { font-weight: 600; }
[b-0ppbzpe7qq] .cdg-action-btn      { border-radius: 9px; }
[b-0ppbzpe7qq] .cdg-action-btn:hover { background-color: color-mix(in srgb, var(--mud-palette-primary) 10%, transparent); }

.cdg-pager-wrap[b-0ppbzpe7qq]       { gap: 10px; flex-wrap: wrap; padding: 2px 4px 0; }
.cdg-pager-caption[b-0ppbzpe7qq]    { color: rgba(24,56,83,.68); }
.cdg-page-size-select[b-0ppbzpe7qq] { width: 90px; }

@media (max-width: 959px) {
    .cdg-shell[b-0ppbzpe7qq]         { padding: 0 10px 16px; }
    .cdg-header-title[b-0ppbzpe7qq]  { font-size: 1.55rem; }
    .cdg-filter-status[b-0ppbzpe7qq] { width: 100%; flex: 1 1 170px; }
    .cdg-filter-clear[b-0ppbzpe7qq]  { width: 100%; justify-content: center; }
}
/* /Components/Pages/Instructores/AjustesInstructor/CatalogoSimpleGrid.razor.rz.scp.css */
/* ═══════════════════════════════════════════════════════════════════
   CatalogoSimpleGrid.razor.css
   Prefijo: csg-  (catálogo simple grid)
   Homologado al patrón SIAC de ApellidosABC / DocumentoObtenidoABC
   ═══════════════════════════════════════════════════════════════════ */

.csg-shell[b-u0nkxdwss8] {
    max-width: 1200px;
    margin: 0 auto;
    padding: 0 14px 20px;
}

.csg-section[b-u0nkxdwss8] { margin-bottom: 14px; }

/* ── HEADER ───────────────────────────────────────────────────────── */
.csg-header[b-u0nkxdwss8] {
    border-radius: 14px;
    border: 1px solid rgba(26, 68, 104, 0.16);
    background:
        radial-gradient(circle at 9% 16%, rgba(80, 156, 210, 0.16), transparent 34%),
        radial-gradient(circle at 86% 30%, rgba(129, 198, 157, 0.13), transparent 30%),
        linear-gradient(120deg, #f9fcff 0%, #f4f9ff 52%, #f7fcfb 100%);
}

.csg-header-title[b-u0nkxdwss8]    { color: #12395c; font-weight: 700; letter-spacing: 0.01em; }
.csg-header-subtitle[b-u0nkxdwss8] { color: rgba(18, 57, 92, 0.78); }
.csg-header-actions[b-u0nkxdwss8]  { flex-wrap: wrap; }

/* ── KPI CARDS ───────────────────────────────────────────────────── */
.csg-kpi[b-u0nkxdwss8] {
    border-radius: 12px;
    border: 1px solid rgba(19, 59, 91, 0.12);
    padding: 14px;
    transition: transform 0.16s ease, box-shadow 0.16s ease;
}
.csg-kpi:hover[b-u0nkxdwss8] {
    transform: translateY(-1px);
    box-shadow: 0 10px 18px rgba(13, 42, 67, 0.08);
}
.csg-kpi-total[b-u0nkxdwss8]    { background: linear-gradient(145deg, #f1f7ff 0%, #f8fbff 100%); }
.csg-kpi-active[b-u0nkxdwss8]   { background: linear-gradient(145deg, #f0fcf5 0%, #f8fdf9 100%); }
.csg-kpi-inactive[b-u0nkxdwss8] { background: linear-gradient(145deg, #f7f8fb 0%, #fcfcfe 100%); }
.csg-kpi-number[b-u0nkxdwss8]   { font-weight: 800; color: #143955; line-height: 1.1; }
.csg-kpi-text[b-u0nkxdwss8]     { color: rgba(20, 57, 85, 0.74); }

/* ── FILTROS ─────────────────────────────────────────────────────── */
.csg-filters[b-u0nkxdwss8] {
    border-radius: 12px;
    border: 1px solid rgba(19, 59, 91, 0.1);
    background: linear-gradient(180deg, #ffffff 0%, #fbfdff 100%);
}
.csg-filters-toolbar[b-u0nkxdwss8] { gap: 10px; flex-wrap: wrap; }
.csg-filter-search[b-u0nkxdwss8]   { flex: 1 1 460px; }
.csg-filter-status[b-u0nkxdwss8]   { width: 180px; }
.csg-filter-clear[b-u0nkxdwss8]    { min-height: 40px; }

/* ── PANEL DE RESULTADOS ─────────────────────────────────────────── */
.csg-panel[b-u0nkxdwss8] {
    border-radius: 14px;
    border: 1px solid rgba(19, 59, 91, 0.1);
    background: linear-gradient(180deg, #ffffff 0%, #fcfdff 100%);
    padding: 12px;
}
.csg-state-wrap[b-u0nkxdwss8]   { padding: 6px 4px 10px; }
.csg-loading-card[b-u0nkxdwss8] {
    border-radius: 10px;
    border: 1px solid rgba(19, 59, 91, 0.1);
}

/* ── ESTADO VACÍO ────────────────────────────────────────────────── */
.csg-empty[b-u0nkxdwss8] {
    border-radius: 12px;
    text-align: center;
    border: 1px dashed rgba(19, 59, 91, 0.2);
    background: linear-gradient(180deg, rgba(240,248,255,0.7) 0%, rgba(250,252,255,0.95) 100%);
}
.csg-empty-icon[b-u0nkxdwss8]     { color: #426f97; }
.csg-empty-title[b-u0nkxdwss8]    { font-weight: 700; color: #173f61; }
.csg-empty-subtitle[b-u0nkxdwss8] { color: rgba(24, 56, 83, 0.72); }

/* ── TABLA ───────────────────────────────────────────────────────── */
[b-u0nkxdwss8] .csg-table {
    border-radius: 12px;
    border: 1px solid rgba(19, 59, 91, 0.1);
    overflow: hidden;
}
[b-u0nkxdwss8] .csg-table .mud-table-cell {
    padding-top: 11px;
    padding-bottom: 11px;
    border-bottom: 1px solid rgba(17, 52, 81, 0.08);
    vertical-align: middle;
}
[b-u0nkxdwss8] .csg-table .mud-table-head .mud-table-cell {
    font-size: 0.78rem; font-weight: 700;
    letter-spacing: 0.04em;
    color: rgba(22, 54, 80, 0.8);
    text-transform: uppercase;
}
[b-u0nkxdwss8] .csg-table.zebra-soft .mud-table-container table tbody tr:nth-child(even) {
    background-color: color-mix(in srgb, currentColor 2.3%, transparent);
}
[b-u0nkxdwss8] .csg-table.zebra-soft .mud-table-container table tbody tr {
    transition: background-color 0.14s ease;
}
[b-u0nkxdwss8] .csg-table.zebra-soft .mud-table-container table tbody tr:hover {
    background-color: color-mix(in srgb, var(--mud-palette-primary) 8%, transparent) !important;
}

/* ── CARDS MOBILE ────────────────────────────────────────────────── */
[b-u0nkxdwss8] .csg-mobile-card {
    border-radius: 12px;
    border: 1px solid rgba(19, 59, 91, 0.11);
    background: linear-gradient(180deg, #ffffff 0%, #f9fbff 100%);
    transition: transform 0.16s ease, box-shadow 0.16s ease;
}
[b-u0nkxdwss8] .csg-mobile-card:hover {
    transform: translateY(-1px);
    box-shadow: 0 8px 14px rgba(14, 44, 70, 0.07);
}

/* ── TIPOGRAFÍA DE CELDA ─────────────────────────────────────────── */
[b-u0nkxdwss8] .csg-primary-name   { font-weight: 700; font-size: 0.96rem; color: #163d5f; }
[b-u0nkxdwss8] .csg-secondary-notes { color: rgba(24, 56, 83, 0.74); font-size: 0.86rem; }
[b-u0nkxdwss8] .csg-date-muted     { color: rgba(24, 56, 83, 0.62); }
[b-u0nkxdwss8] .csg-status-chip    { font-weight: 600; }
[b-u0nkxdwss8] .csg-action-btn     { border-radius: 9px; }
[b-u0nkxdwss8] .csg-action-btn:hover {
    background-color: color-mix(in srgb, var(--mud-palette-primary) 10%, transparent);
}

/* ── PAGINACIÓN ──────────────────────────────────────────────────── */
.csg-pager-wrap[b-u0nkxdwss8]      { gap: 10px; flex-wrap: wrap; padding: 2px 4px 0; }
.csg-pager-caption[b-u0nkxdwss8]   { color: rgba(24, 56, 83, 0.68); }
.csg-page-size-select[b-u0nkxdwss8] { width: 90px; }

/* ── DARK MODE ───────────────────────────────────────────────────── */
[b-u0nkxdwss8] .mud-theme-dark .csg-header-title,
[b-u0nkxdwss8] .mud-theme-dark .csg-kpi-number,
[b-u0nkxdwss8] .mud-theme-dark .csg-primary-name {
    color: rgba(233, 241, 249, 0.95);
}
[b-u0nkxdwss8] .mud-theme-dark .csg-header-subtitle,
[b-u0nkxdwss8] .mud-theme-dark .csg-kpi-text,
[b-u0nkxdwss8] .mud-theme-dark .csg-secondary-notes,
[b-u0nkxdwss8] .mud-theme-dark .csg-date-muted,
[b-u0nkxdwss8] .mud-theme-dark .csg-pager-caption,
[b-u0nkxdwss8] .mud-theme-dark .csg-empty-subtitle {
    color: rgba(233, 241, 249, 0.72);
}
[b-u0nkxdwss8] .mud-theme-dark .csg-header,
[b-u0nkxdwss8] .mud-theme-dark .csg-kpi,
[b-u0nkxdwss8] .mud-theme-dark .csg-filters,
[b-u0nkxdwss8] .mud-theme-dark .csg-panel,
[b-u0nkxdwss8] .mud-theme-dark .csg-mobile-card,
[b-u0nkxdwss8] .mud-theme-dark .csg-loading-card,
[b-u0nkxdwss8] .mud-theme-dark .csg-table { border-color: rgba(205, 220, 240, 0.14); }
[b-u0nkxdwss8] .mud-theme-dark .csg-kpi-total,
[b-u0nkxdwss8] .mud-theme-dark .csg-kpi-active,
[b-u0nkxdwss8] .mud-theme-dark .csg-kpi-inactive,
[b-u0nkxdwss8] .mud-theme-dark .csg-panel,
[b-u0nkxdwss8] .mud-theme-dark .csg-filters,
[b-u0nkxdwss8] .mud-theme-dark .csg-mobile-card,
[b-u0nkxdwss8] .mud-theme-dark .csg-loading-card {
    background: linear-gradient(180deg, rgba(28,40,55,0.9) 0%, rgba(24,34,46,0.9) 100%);
}

/* ── RESPONSIVE ──────────────────────────────────────────────────── */
@media (max-width: 959px) {
    .csg-shell[b-u0nkxdwss8]         { padding: 0 10px 16px; }
    .csg-header-title[b-u0nkxdwss8]  { font-size: 1.55rem; }
    .csg-filter-status[b-u0nkxdwss8] { width: 100%; flex: 1 1 170px; }
    .csg-filter-clear[b-u0nkxdwss8]  { width: 100%; justify-content: center; }
}
/* /Components/Pages/Instructores/AjustesInstructor/DocumentoObtenidoABC.razor.rz.scp.css */
/* ═══════════════════════════════════════════════════════════════════
   DocumentoObtenidoABC.razor.css
   Instructores › Ajustes › Documento Obtenido
   Prefijo: ido-  (instructores documento obtenido)
   Homologado al patrón de /instructores/ajustesinstructor/apellidosabc
   ═══════════════════════════════════════════════════════════════════ */

.ido-shell[b-kkmqzfm4fk] {
    max-width: 1200px;
    margin: 0 auto;
    padding: 0 14px 20px;
}

.ido-section[b-kkmqzfm4fk] {
    margin-bottom: 14px;
}

/* ── HEADER ───────────────────────────────────────────────────────── */
.ido-header[b-kkmqzfm4fk] {
    border-radius: 14px;
    border: 1px solid rgba(26, 68, 104, 0.16);
    background:
        radial-gradient(circle at 9% 16%, rgba(80, 156, 210, 0.16), transparent 34%),
        radial-gradient(circle at 86% 30%, rgba(129, 198, 157, 0.13), transparent 30%),
        linear-gradient(120deg, #f9fcff 0%, #f4f9ff 52%, #f7fcfb 100%);
}

.ido-header-title[b-kkmqzfm4fk] {
    color: #12395c;
    font-weight: 700;
    letter-spacing: 0.01em;
}

.ido-header-subtitle[b-kkmqzfm4fk] {
    color: rgba(18, 57, 92, 0.78);
}

.ido-header-actions[b-kkmqzfm4fk] {
    flex-wrap: wrap;
}

/* ── KPI CARDS ───────────────────────────────────────────────────── */
.ido-kpi[b-kkmqzfm4fk] {
    border-radius: 12px;
    border: 1px solid rgba(19, 59, 91, 0.12);
    padding: 14px;
    transition: transform 0.16s ease, box-shadow 0.16s ease;
}

.ido-kpi:hover[b-kkmqzfm4fk] {
    transform: translateY(-1px);
    box-shadow: 0 10px 18px rgba(13, 42, 67, 0.08);
}

.ido-kpi-total[b-kkmqzfm4fk]    { background: linear-gradient(145deg, #f1f7ff 0%, #f8fbff 100%); }
.ido-kpi-active[b-kkmqzfm4fk]   { background: linear-gradient(145deg, #f0fcf5 0%, #f8fdf9 100%); }
.ido-kpi-inactive[b-kkmqzfm4fk] { background: linear-gradient(145deg, #f7f8fb 0%, #fcfcfe 100%); }

.ido-kpi-number[b-kkmqzfm4fk] {
    font-weight: 800;
    color: #143955;
    line-height: 1.1;
}

.ido-kpi-text[b-kkmqzfm4fk] {
    color: rgba(20, 57, 85, 0.74);
}

/* ── FILTROS ─────────────────────────────────────────────────────── */
.ido-filters[b-kkmqzfm4fk] {
    border-radius: 12px;
    border: 1px solid rgba(19, 59, 91, 0.1);
    background: linear-gradient(180deg, #ffffff 0%, #fbfdff 100%);
}

.ido-filters-toolbar[b-kkmqzfm4fk] {
    gap: 10px;
    flex-wrap: wrap;
}

.ido-filter-search[b-kkmqzfm4fk] {
    flex: 1 1 460px;
}

.ido-filter-status[b-kkmqzfm4fk] {
    width: 180px;
}

.ido-filter-clear[b-kkmqzfm4fk] {
    min-height: 40px;
}

/* ── PANEL DE RESULTADOS ─────────────────────────────────────────── */
.ido-panel[b-kkmqzfm4fk] {
    border-radius: 14px;
    border: 1px solid rgba(19, 59, 91, 0.1);
    background: linear-gradient(180deg, #ffffff 0%, #fcfdff 100%);
    padding: 12px;
}

.ido-state-wrap[b-kkmqzfm4fk] {
    padding: 6px 4px 10px;
}

.ido-loading-card[b-kkmqzfm4fk] {
    border-radius: 10px;
    border: 1px solid rgba(19, 59, 91, 0.1);
}

/* ── ESTADO VACÍO ────────────────────────────────────────────────── */
.ido-empty[b-kkmqzfm4fk] {
    border-radius: 12px;
    text-align: center;
    border: 1px dashed rgba(19, 59, 91, 0.2);
    background: linear-gradient(180deg, rgba(240, 248, 255, 0.7) 0%, rgba(250, 252, 255, 0.95) 100%);
}

.ido-empty-icon[b-kkmqzfm4fk]     { color: #426f97; }
.ido-empty-title[b-kkmqzfm4fk]    { font-weight: 700; color: #173f61; }
.ido-empty-subtitle[b-kkmqzfm4fk] { color: rgba(24, 56, 83, 0.72); }

/* ── TABLA ───────────────────────────────────────────────────────── */
[b-kkmqzfm4fk] .ido-table {
    border-radius: 12px;
    border: 1px solid rgba(19, 59, 91, 0.1);
    overflow: hidden;
}

[b-kkmqzfm4fk] .ido-table .mud-table-cell {
    padding-top: 11px;
    padding-bottom: 11px;
    border-bottom: 1px solid rgba(17, 52, 81, 0.08);
    vertical-align: middle;
}

[b-kkmqzfm4fk] .ido-table .mud-table-head .mud-table-cell {
    font-size: 0.78rem;
    font-weight: 700;
    letter-spacing: 0.04em;
    color: rgba(22, 54, 80, 0.8);
    text-transform: uppercase;
}

[b-kkmqzfm4fk] .ido-table.zebra-soft .mud-table-container table tbody tr:nth-child(even) {
    background-color: color-mix(in srgb, currentColor 2.3%, transparent);
}

[b-kkmqzfm4fk] .ido-table.zebra-soft .mud-table-container table tbody tr {
    transition: background-color 0.14s ease;
}

[b-kkmqzfm4fk] .ido-table.zebra-soft .mud-table-container table tbody tr:hover {
    background-color: color-mix(in srgb, var(--mud-palette-primary) 8%, transparent) !important;
}

/* ── CARDS MOBILE ────────────────────────────────────────────────── */
[b-kkmqzfm4fk] .ido-mobile-card {
    border-radius: 12px;
    border: 1px solid rgba(19, 59, 91, 0.11);
    background: linear-gradient(180deg, #ffffff 0%, #f9fbff 100%);
    transition: transform 0.16s ease, box-shadow 0.16s ease;
}

[b-kkmqzfm4fk] .ido-mobile-card:hover {
    transform: translateY(-1px);
    box-shadow: 0 8px 14px rgba(14, 44, 70, 0.07);
}

/* ── TIPOGRAFÍA DE CELDA ─────────────────────────────────────────── */
[b-kkmqzfm4fk] .ido-primary-name {
    font-weight: 700;
    font-size: 0.96rem;
    color: #163d5f;
}

[b-kkmqzfm4fk] .ido-secondary-notes {
    color: rgba(24, 56, 83, 0.74);
    font-size: 0.86rem;
}

[b-kkmqzfm4fk] .ido-date-muted {
    color: rgba(24, 56, 83, 0.62);
}

[b-kkmqzfm4fk] .ido-status-chip { font-weight: 600; }

[b-kkmqzfm4fk] .ido-edit-action { border-radius: 9px; }
[b-kkmqzfm4fk] .ido-edit-action:hover {
    background-color: color-mix(in srgb, var(--mud-palette-primary) 10%, transparent);
}

/* ── PAGINACIÓN ──────────────────────────────────────────────────── */
.ido-pager-wrap[b-kkmqzfm4fk] {
    gap: 10px;
    flex-wrap: wrap;
    padding: 2px 4px 0;
}

.ido-pager-caption[b-kkmqzfm4fk] {
    color: rgba(24, 56, 83, 0.68);
}

.ido-page-size-select[b-kkmqzfm4fk] { width: 90px; }

/* ── DIALOG ──────────────────────────────────────────────────────── */
[b-kkmqzfm4fk] .ido-dialog .mud-dialog-content { padding: 0; }

.ido-dialog-content[b-kkmqzfm4fk] {
    padding: 20px 24px 4px;
}

.ido-dialog-headline[b-kkmqzfm4fk] {
    margin-bottom: 2px;
}

.ido-dialog-head-icon[b-kkmqzfm4fk] {
    color: var(--mud-palette-primary);
}

.ido-dialog-title[b-kkmqzfm4fk] {
    font-weight: 700;
    color: #163d5f;
}

.ido-dialog-subtitle[b-kkmqzfm4fk] {
    color: rgba(24, 56, 83, 0.68);
    margin-bottom: 12px;
}

.ido-dialog-actions[b-kkmqzfm4fk] {
    display: flex;
    justify-content: flex-end;
    gap: 8px;
    padding: 8px 16px 16px;
}

/* ── DARK MODE ───────────────────────────────────────────────────── */
[b-kkmqzfm4fk] .mud-theme-dark .ido-header-title,
[b-kkmqzfm4fk] .mud-theme-dark .ido-kpi-number,
[b-kkmqzfm4fk] .mud-theme-dark .ido-primary-name,
[b-kkmqzfm4fk] .mud-theme-dark .ido-dialog-title {
    color: rgba(233, 241, 249, 0.95);
}

[b-kkmqzfm4fk] .mud-theme-dark .ido-header-subtitle,
[b-kkmqzfm4fk] .mud-theme-dark .ido-kpi-text,
[b-kkmqzfm4fk] .mud-theme-dark .ido-secondary-notes,
[b-kkmqzfm4fk] .mud-theme-dark .ido-date-muted,
[b-kkmqzfm4fk] .mud-theme-dark .ido-pager-caption,
[b-kkmqzfm4fk] .mud-theme-dark .ido-empty-subtitle,
[b-kkmqzfm4fk] .mud-theme-dark .ido-dialog-subtitle {
    color: rgba(233, 241, 249, 0.72);
}

[b-kkmqzfm4fk] .mud-theme-dark .ido-header,
[b-kkmqzfm4fk] .mud-theme-dark .ido-kpi,
[b-kkmqzfm4fk] .mud-theme-dark .ido-filters,
[b-kkmqzfm4fk] .mud-theme-dark .ido-panel,
[b-kkmqzfm4fk] .mud-theme-dark .ido-mobile-card,
[b-kkmqzfm4fk] .mud-theme-dark .ido-loading-card,
[b-kkmqzfm4fk] .mud-theme-dark .ido-table {
    border-color: rgba(205, 220, 240, 0.14);
}

[b-kkmqzfm4fk] .mud-theme-dark .ido-kpi-total,
[b-kkmqzfm4fk] .mud-theme-dark .ido-kpi-active,
[b-kkmqzfm4fk] .mud-theme-dark .ido-kpi-inactive,
[b-kkmqzfm4fk] .mud-theme-dark .ido-panel,
[b-kkmqzfm4fk] .mud-theme-dark .ido-filters,
[b-kkmqzfm4fk] .mud-theme-dark .ido-mobile-card,
[b-kkmqzfm4fk] .mud-theme-dark .ido-loading-card {
    background: linear-gradient(180deg, rgba(28, 40, 55, 0.9) 0%, rgba(24, 34, 46, 0.9) 100%);
}

/* ── RESPONSIVE ──────────────────────────────────────────────────── */
@media (max-width: 959px) {
    .ido-shell[b-kkmqzfm4fk] { padding: 0 10px 16px; }
    .ido-header-title[b-kkmqzfm4fk] { font-size: 1.55rem; }
    .ido-filter-status[b-kkmqzfm4fk] { width: 100%; flex: 1 1 170px; }
    .ido-filter-clear[b-kkmqzfm4fk]  { width: 100%; justify-content: center; }
}
/* /Components/Pages/Instructores/AjustesInstructor/OtrosDocumentosABC.razor.rz.scp.css */
/* ═══════════════════════════════════════════════════════════════════
   OtrosDocumentosABC.razor.css
   Prefijo: odo-  (otros documentos)
   Homologado al patrón SIAC csg-
   ═══════════════════════════════════════════════════════════════════ */

.odo-shell[b-yb1z09p2jf] { max-width: 1200px; margin: 0 auto; padding: 0 14px 20px; }
.odo-section[b-yb1z09p2jf] { margin-bottom: 14px; }

.odo-header[b-yb1z09p2jf] {
    border-radius: 14px;
    border: 1px solid rgba(26, 68, 104, 0.16);
    background:
        radial-gradient(circle at 9% 16%, rgba(80, 156, 210, 0.16), transparent 34%),
        radial-gradient(circle at 86% 30%, rgba(129, 198, 157, 0.13), transparent 30%),
        linear-gradient(120deg, #f9fcff 0%, #f4f9ff 52%, #f7fcfb 100%);
}
.odo-header-title[b-yb1z09p2jf]    { color: #12395c; font-weight: 700; letter-spacing: 0.01em; }
.odo-header-subtitle[b-yb1z09p2jf] { color: rgba(18, 57, 92, 0.78); }
.odo-header-actions[b-yb1z09p2jf]  { flex-wrap: wrap; }

.odo-kpi[b-yb1z09p2jf] { border-radius: 12px; border: 1px solid rgba(19,59,91,0.12); padding: 14px; transition: transform .16s ease, box-shadow .16s ease; }
.odo-kpi:hover[b-yb1z09p2jf] { transform: translateY(-1px); box-shadow: 0 10px 18px rgba(13,42,67,0.08); }
.odo-kpi-total[b-yb1z09p2jf]    { background: linear-gradient(145deg,#f1f7ff 0%,#f8fbff 100%); }
.odo-kpi-active[b-yb1z09p2jf]   { background: linear-gradient(145deg,#f0fcf5 0%,#f8fdf9 100%); }
.odo-kpi-inactive[b-yb1z09p2jf] { background: linear-gradient(145deg,#f7f8fb 0%,#fcfcfe 100%); }
.odo-kpi-number[b-yb1z09p2jf]   { font-weight: 800; color: #143955; line-height: 1.1; }
.odo-kpi-text[b-yb1z09p2jf]     { color: rgba(20,57,85,0.74); }

.odo-filters[b-yb1z09p2jf] { border-radius: 12px; border: 1px solid rgba(19,59,91,0.1); background: linear-gradient(180deg,#fff 0%,#fbfdff 100%); }
.odo-filters-toolbar[b-yb1z09p2jf] { gap: 10px; flex-wrap: wrap; }
.odo-filter-search[b-yb1z09p2jf]   { flex: 1 1 460px; }
.odo-filter-status[b-yb1z09p2jf]   { width: 180px; }
.odo-filter-clear[b-yb1z09p2jf]    { min-height: 40px; }

.odo-panel[b-yb1z09p2jf] { border-radius: 14px; border: 1px solid rgba(19,59,91,0.1); background: linear-gradient(180deg,#fff 0%,#fcfdff 100%); padding: 12px; }
.odo-state-wrap[b-yb1z09p2jf]  { padding: 6px 4px 10px; }

.odo-empty[b-yb1z09p2jf] {
    border-radius: 12px; text-align: center;
    border: 1px dashed rgba(19,59,91,0.2);
    background: linear-gradient(180deg,rgba(240,248,255,.7) 0%,rgba(250,252,255,.95) 100%);
}
.odo-empty-icon[b-yb1z09p2jf]     { color: #426f97; }
.odo-empty-title[b-yb1z09p2jf]    { font-weight: 700; color: #173f61; }
.odo-empty-subtitle[b-yb1z09p2jf] { color: rgba(24,56,83,0.72); }

[b-yb1z09p2jf] .odo-table { border-radius: 12px; border: 1px solid rgba(19,59,91,0.1); overflow: hidden; }
[b-yb1z09p2jf] .odo-table .mud-table-cell { padding-top: 10px; padding-bottom: 10px; border-bottom: 1px solid rgba(17,52,81,0.08); vertical-align: middle; }
[b-yb1z09p2jf] .odo-table .mud-table-head .mud-table-cell { font-size: .78rem; font-weight: 700; letter-spacing: .04em; color: rgba(22,54,80,0.8); text-transform: uppercase; }
[b-yb1z09p2jf] .odo-table.zebra-soft .mud-table-container table tbody tr:nth-child(even) { background-color: color-mix(in srgb, currentColor 2.3%, transparent); }
[b-yb1z09p2jf] .odo-table.zebra-soft .mud-table-container table tbody tr { transition: background-color .14s ease; }
[b-yb1z09p2jf] .odo-table.zebra-soft .mud-table-container table tbody tr:hover { background-color: color-mix(in srgb, var(--mud-palette-primary) 8%, transparent) !important; }

[b-yb1z09p2jf] .odo-mobile-card { border-radius: 12px; border: 1px solid rgba(19,59,91,0.11); background: linear-gradient(180deg,#fff 0%,#f9fbff 100%); transition: transform .16s ease, box-shadow .16s ease; }
[b-yb1z09p2jf] .odo-mobile-card:hover { transform: translateY(-1px); box-shadow: 0 8px 14px rgba(14,44,70,0.07); }

[b-yb1z09p2jf] .odo-primary-name    { font-weight: 700; font-size: .96rem; color: #163d5f; }
[b-yb1z09p2jf] .odo-secondary-notes { color: rgba(24,56,83,0.74); font-size: .86rem; }
[b-yb1z09p2jf] .odo-date-muted      { color: rgba(24,56,83,0.62); }
[b-yb1z09p2jf] .odo-status-chip     { font-weight: 600; }
[b-yb1z09p2jf] .odo-action-btn      { border-radius: 9px; }
[b-yb1z09p2jf] .odo-action-btn:hover { background-color: color-mix(in srgb, var(--mud-palette-primary) 10%, transparent); }

.odo-pager-wrap[b-yb1z09p2jf]       { gap: 10px; flex-wrap: wrap; padding: 2px 4px 0; }
.odo-pager-caption[b-yb1z09p2jf]    { color: rgba(24,56,83,0.68); }
.odo-page-size-select[b-yb1z09p2jf] { width: 90px; }

@media (max-width: 959px) {
    .odo-shell[b-yb1z09p2jf]         { padding: 0 10px 16px; }
    .odo-header-title[b-yb1z09p2jf]  { font-size: 1.55rem; }
    .odo-filter-status[b-yb1z09p2jf] { width: 100%; flex: 1 1 170px; }
    .odo-filter-clear[b-yb1z09p2jf]  { width: 100%; justify-content: center; }
}
/* /Components/Pages/Instructores/InternoGestor/Gestor.razor.rz.scp.css */
.ig-shell[b-jv7lx5n4ek] {
    max-width: 1240px;
    margin: 0 auto;
    padding: 0 14px 20px;
}

.ig-section[b-jv7lx5n4ek] {
    margin-bottom: 12px;
}

[b-jv7lx5n4ek] .ig-header {
    border-radius: 14px;
    border: 1px solid rgba(26, 68, 104, 0.16);
    background:
        radial-gradient(circle at 9% 16%, rgba(80, 156, 210, 0.16), transparent 34%),
        radial-gradient(circle at 86% 30%, rgba(129, 198, 157, 0.13), transparent 30%),
        linear-gradient(120deg, #f9fcff 0%, #f4f9ff 52%, #f7fcfb 100%);
}

[b-jv7lx5n4ek] .ig-title {
    color: #12395c;
    font-weight: 700;
    letter-spacing: 0.01em;
}

[b-jv7lx5n4ek] .ig-subtitle {
    color: rgba(18, 57, 92, 0.78);
}

[b-jv7lx5n4ek] .ig-actions,
[b-jv7lx5n4ek] .ig-meta {
    flex-wrap: wrap;
    gap: 8px;
}

[b-jv7lx5n4ek] .ig-filters {
    border-radius: 12px;
    border: 1px solid rgba(19, 59, 91, 0.1);
    background: linear-gradient(180deg, #ffffff 0%, #fbfdff 100%);
}

[b-jv7lx5n4ek] .ig-filter-toolbar {
    gap: 10px;
    flex-wrap: wrap;
}

[b-jv7lx5n4ek] .ig-filter-search {
    flex: 1 1 460px;
}

[b-jv7lx5n4ek] .ig-filter-status {
    width: 170px;
}

[b-jv7lx5n4ek] .ig-filter-clear {
    min-height: 40px;
}

.ig-panel[b-jv7lx5n4ek] {
    border-radius: 14px;
    border: 1px solid rgba(19, 59, 91, 0.1);
    background: linear-gradient(180deg, #ffffff 0%, #fcfdff 100%);
    padding: 12px;
}

.ig-state-wrap[b-jv7lx5n4ek] {
    padding: 6px 4px 10px;
}

.ig-empty[b-jv7lx5n4ek] {
    border-radius: 12px;
    text-align: center;
    border: 1px dashed rgba(19, 59, 91, 0.2);
    background: linear-gradient(180deg, rgba(240, 248, 255, 0.7) 0%, rgba(250, 252, 255, 0.95) 100%);
}

.ig-empty-icon[b-jv7lx5n4ek] {
    color: #426f97;
}

.ig-empty-title[b-jv7lx5n4ek] {
    font-weight: 700;
    color: #173f61;
}

.ig-empty-subtitle[b-jv7lx5n4ek] {
    color: rgba(24, 56, 83, 0.72);
}

[b-jv7lx5n4ek] .ig-table {
    border-radius: 12px;
    border: 1px solid rgba(19, 59, 91, 0.1);
    overflow: hidden;
}

[b-jv7lx5n4ek] .ig-table .mud-table-container {
    overflow-x: auto;
}

[b-jv7lx5n4ek] .ig-table .mud-table-cell {
    padding-top: 10px;
    padding-bottom: 10px;
    border-bottom: 1px solid rgba(17, 52, 81, 0.08);
    vertical-align: middle;
}

[b-jv7lx5n4ek] .ig-table .mud-table-head .mud-table-cell {
    font-size: 0.78rem;
    font-weight: 700;
    letter-spacing: 0.04em;
    color: rgba(22, 54, 80, 0.8);
    text-transform: uppercase;
}

[b-jv7lx5n4ek] .ig-zebra .mud-table-container table tbody tr:nth-child(even) {
    background-color: color-mix(in srgb, currentColor 2.3%, transparent);
}

[b-jv7lx5n4ek] .ig-zebra .mud-table-container table tbody tr:hover {
    background-color: color-mix(in srgb, var(--mud-palette-primary) 8%, transparent) !important;
}

[b-jv7lx5n4ek] .ig-primary-name {
    font-weight: 700;
    color: #163d5f;
}

[b-jv7lx5n4ek] .ig-secondary {
    color: rgba(24, 56, 83, 0.74);
    font-size: 0.86rem;
}

[b-jv7lx5n4ek] .ig-date {
    color: rgba(24, 56, 83, 0.62);
}

[b-jv7lx5n4ek] .ig-mobile-card {
    border-radius: 12px;
    border: 1px solid rgba(19, 59, 91, 0.11);
    background: linear-gradient(180deg, #ffffff 0%, #f9fbff 100%);
}

.ig-pager[b-jv7lx5n4ek] {
    gap: 10px;
    flex-wrap: wrap;
    padding: 2px 4px 0;
}

.ig-page-size[b-jv7lx5n4ek] {
    width: 90px;
}

@media (max-width: 959px) {
    .ig-shell[b-jv7lx5n4ek] {
        padding: 0 10px 16px;
    }

    [b-jv7lx5n4ek] .ig-title {
        font-size: 1.55rem;
    }

    [b-jv7lx5n4ek] .ig-filter-status {
        width: 100%;
        flex: 1 1 170px;
    }

    [b-jv7lx5n4ek] .ig-filter-clear {
        width: 100%;
        justify-content: center;
    }
}

@media (max-width: 700px) {
    [b-jv7lx5n4ek] .ig-actions .mud-button-root {
        width: 100%;
    }

    [b-jv7lx5n4ek] .ig-pager .mud-pagination {
        width: 100%;
        justify-content: center;
    }
}
/* /Components/Pages/Instructores/InternoGestor/GestorFormulario.razor.rz.scp.css */
.igf-shell[b-49p2eufwm1] {
    max-width: 1200px;
    margin: 0 auto;
    padding: 0 14px 20px;
}

[b-49p2eufwm1] .igf-title {
    color: #12395c;
    font-weight: 700;
}

[b-49p2eufwm1] .igf-subtitle {
    color: rgba(18, 57, 92, 0.76);
}

[b-49p2eufwm1] .igf-header {
    flex-wrap: wrap;
}

[b-49p2eufwm1] .igf-header .mud-button-root {
    white-space: nowrap;
}

[b-49p2eufwm1] .igf-block {
    border-radius: 12px;
    border: 1px solid rgba(19, 59, 91, 0.1);
    background: linear-gradient(180deg, #ffffff 0%, #fbfdff 100%);
}

[b-49p2eufwm1] .igf-block .mud-typography-h6 {
    color: #174264;
    font-weight: 700;
}

[b-49p2eufwm1] .igf-photo-card {
    border-color: rgba(19, 59, 91, 0.16);
    background: linear-gradient(180deg, #ffffff 0%, #f8fbff 100%);
}

[b-49p2eufwm1] .igf-photo-help {
    color: rgba(24, 56, 83, 0.68);
}

[b-49p2eufwm1] .igf-action-panel {
    border-radius: 10px;
    border: 1px solid rgba(19, 59, 91, 0.1);
    background: linear-gradient(180deg, #ffffff 0%, #fbfdff 100%);
}

.igf-loading[b-49p2eufwm1] {
    min-height: 300px;
}

@media (max-width: 959px) {
    .igf-shell[b-49p2eufwm1] {
        padding: 0 10px 16px;
    }

    [b-49p2eufwm1] .igf-title {
        font-size: 1.45rem;
    }

    [b-49p2eufwm1] .igf-action-stack {
        width: 100%;
        flex-wrap: wrap;
    }

    [b-49p2eufwm1] .igf-action-btn {
        flex: 1 1 100%;
    }
}
/* /Components/Pages/Instructores/InternoGestor/Wizard/GestorInstructorInicialWizard.razor.rz.scp.css */
.gestor-wizard-shell[b-dqbgtff1iv] {
    max-width: 1240px;
    margin: 0 auto;
    padding: 8px 10px 14px;
}

.gestor-wizard-header[b-dqbgtff1iv] {
    background: linear-gradient(130deg, #f8fbff 0%, #eef4fb 100%);
    border: 1px solid #dbe6f2;
    border-radius: 12px;
    padding: 12px 14px;
    margin-bottom: 10px;
}

.gestor-wizard-header-content[b-dqbgtff1iv] {
    gap: 10px;
    flex-wrap: wrap;
}

.gestor-wizard-title[b-dqbgtff1iv] {
    color: #153c5f;
    font-weight: 700;
    line-height: 1.2;
}

.gestor-wizard-subtitle[b-dqbgtff1iv] {
    color: #60778f;
    margin-top: 2px;
}

/* ─── Pills de navegación ───────────────────────────── */
.siac-stepper-shell[b-dqbgtff1iv] {
    display: flex;
    gap: 6px;
    overflow-x: auto;
    padding: 2px 0 6px;
    margin-bottom: 8px;
    scrollbar-width: thin;
}

.siac-step-pill[b-dqbgtff1iv] {
    display: inline-flex;
    align-items: center;
    gap: 5px;
    border-radius: 999px;
    border: 1px solid transparent;
    padding: 5px 10px;
    min-width: fit-content;
    white-space: nowrap;
    font-size: .78rem;
    font-weight: 600;
    cursor: pointer;
    user-select: none;
    transition: opacity 0.15s;
}

.siac-step-pill:hover[b-dqbgtff1iv] {
    opacity: 0.8;
}

.siac-step-index[b-dqbgtff1iv] {
    width: 18px;
    height: 18px;
    border-radius: 999px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-size: .7rem;
    font-weight: 700;
}

.siac-step-label[b-dqbgtff1iv] {
    line-height: 1;
}

/* Activo — azul */
.siac-step-current[b-dqbgtff1iv] {
    background: #e8f2ff;
    border-color: #b8d5ff;
    color: #1159b1;
}

.siac-step-current .siac-step-index[b-dqbgtff1iv] {
    background: #1976d2;
    color: #fff;
}

/* Completado — verde */
.siac-step-completed[b-dqbgtff1iv] {
    background: #eaf8ef;
    border-color: #bfe5cb;
    color: #2b7c46;
}

.siac-step-completed .siac-step-index[b-dqbgtff1iv] {
    background: #2f9e5b;
    color: #fff;
}

/* Pendiente (no iniciado) — neutro */
.siac-step-pending[b-dqbgtff1iv] {
    background: #f5f7fa;
    border-color: #d9e1ea;
    color: #64788d;
}

.siac-step-pending .siac-step-index[b-dqbgtff1iv] {
    background: #c7d2de;
    color: #314354;
}

/* Bloqueado (paso 1 no completo) — ámbar suave, NO rojo */
.siac-step-error[b-dqbgtff1iv] {
    background: #fffbf0;
    border-color: #e8d898;
    color: #7a6424;
}

.siac-step-error .siac-step-index[b-dqbgtff1iv] {
    background: #c9a030;
    color: #fff;
}

/* ─── Panel del wizard ──────────────────────────────── */
.gestor-wizard-panel[b-dqbgtff1iv] {
    background: #fff;
    border: 1px solid #dce5f0;
    border-radius: 12px;
    padding: 8px;
}

.gestor-wizard-stepper[b-dqbgtff1iv] {
    width: 100%;
}

/* ─── MudStepper — ocultar todo el encabezado interno ── */
.gestor-wizard-shell[b-dqbgtff1iv]  .mud-stepper {
    padding: 0;
}

.gestor-wizard-shell[b-dqbgtff1iv]  .mud-stepper-header,
.gestor-wizard-shell[b-dqbgtff1iv]  .mud-step-label,
.gestor-wizard-shell[b-dqbgtff1iv]  .mud-step-label-text,
.gestor-wizard-shell[b-dqbgtff1iv]  .mud-step-header,
.gestor-wizard-shell[b-dqbgtff1iv]  .mud-step-icon-container,
.gestor-wizard-shell[b-dqbgtff1iv]  .mud-step-connector {
    display: none !important;
}

.gestor-wizard-shell[b-dqbgtff1iv]  .mud-stepper-content {
    padding-top: 0;
}

.gestor-wizard-shell[b-dqbgtff1iv]  .mud-step-content {
    padding: 0;
}

.gestor-wizard-shell[b-dqbgtff1iv]  .mud-stepper-actions {
    display: none !important;
}

/* ─── Responsive ───────────────────────────────────── */
@media (max-width: 960px) {
    .gestor-wizard-shell[b-dqbgtff1iv] {
        padding: 6px 8px 12px;
    }

    .gestor-wizard-header[b-dqbgtff1iv] {
        padding: 10px 12px;
    }

    .gestor-wizard-title[b-dqbgtff1iv] {
        font-size: 1.35rem;
    }
}
/* /Components/Pages/Instructores/InternoGestor/Wizard/WizardAreasExperienciaESI.razor.rz.scp.css */
/* ─── Shell ────────────────────────────────────────── */
.gestor-areas-shell[b-mgfxwa9ztw] {
    border-radius: 12px;
    overflow: hidden;
}

/* ─── Card header / hero ───────────────────────────── */
.gestor-areas-card-header[b-mgfxwa9ztw] {
    background: linear-gradient(130deg, #f8fbff 0%, #eef4fb 100%);
    border-bottom: 1px solid #dbe6f2;
}

.gestor-areas-hero-content[b-mgfxwa9ztw] {
    align-items: center;
    display: flex;
    gap: 12px;
}

.gestor-areas-hero-icon[b-mgfxwa9ztw] {
    color: #1976d2;
    flex-shrink: 0;
    font-size: 2rem !important;
    opacity: 0.85;
}

.gestor-areas-title[b-mgfxwa9ztw] {
    color: #153c5f;
    font-weight: 700;
    line-height: 1.2;
}

.gestor-areas-subtitle[b-mgfxwa9ztw] {
    color: #60778f;
    margin-top: 2px;
}

/* ─── grw-* header tokens ──────────────────────────── */
.grw-step-header-content[b-mgfxwa9ztw] {
    display: flex;
    flex-direction: column;
    gap: 2px;
}

.grw-step-eyebrow[b-mgfxwa9ztw] {
    align-items: center;
    color: #7a90a5;
    display: flex;
    font-size: 0.7rem;
    font-weight: 700;
    gap: 4px;
    letter-spacing: 0.07em;
    text-transform: uppercase;
}

.grw-step-eyebrow-icon[b-mgfxwa9ztw] {
    font-size: 0.95rem !important;
    opacity: 0.7;
}

.grw-step-title[b-mgfxwa9ztw] {
    color: #1a3f63;
    font-weight: 700;
    line-height: 1.2;
    margin: 0;
}

.grw-step-desc[b-mgfxwa9ztw] {
    color: #6e8aa0;
    margin-top: 1px;
}

/* ─── grw-* edit icon button ────────────────────────── */
.grw-edit-btn[b-mgfxwa9ztw] {
    border-radius: 6px !important;
}

/* ─── DataGrid subtle strip ─────────────────────────── */
.gestor-areas-shell[b-mgfxwa9ztw]  .mud-table-row:hover .mud-table-cell {
    background: #f4f9ff;
}

.gestor-areas-shell[b-mgfxwa9ztw]  .mud-data-grid .mud-table-head .mud-table-cell {
    background: #f0f6fc;
    color: #3a5a78;
    font-size: 0.78rem;
    font-weight: 700;
    letter-spacing: 0.03em;
    text-transform: uppercase;
}

.gestor-areas-shell[b-mgfxwa9ztw]  .mud-data-grid .mud-table-cell {
    border-bottom: 1px solid #eaf1f9;
    font-size: 0.85rem;
    padding: 6px 10px;
}

/* ─── MudBlazor overrides ───────────────────────────── */
.gestor-areas-shell[b-mgfxwa9ztw]  .mud-grid-item {
    box-sizing: border-box;
    min-width: 0;
}

.gestor-areas-shell[b-mgfxwa9ztw]  .mud-button {
    white-space: nowrap;
}

/* ─── Responsive ────────────────────────────────────── */
@media (max-width: 600px) {
    .gestor-areas-hero-icon[b-mgfxwa9ztw] {
        display: none;
    }
}
/* /Components/Pages/Instructores/InternoGestor/Wizard/WizardContactosResumen.razor.rz.scp.css */
/* ─── Shell ────────────────────────────────────────── */
.gestor-contactos-shell[b-q52oa1r14u] {
    border-radius: 12px;
    overflow: hidden;
}

/* ─── Card header / hero ───────────────────────────── */
.gestor-contactos-card-header[b-q52oa1r14u] {
    background: linear-gradient(130deg, #f8fbff 0%, #eef4fb 100%);
    border-bottom: 1px solid #dbe6f2;
}

.gestor-contactos-hero-content[b-q52oa1r14u] {
    align-items: center;
    display: flex;
    gap: 12px;
}

.gestor-contactos-hero-icon[b-q52oa1r14u] {
    color: #1976d2;
    flex-shrink: 0;
    font-size: 2rem !important;
    opacity: 0.85;
}

.gestor-contactos-title[b-q52oa1r14u] {
    color: #153c5f;
    font-weight: 700;
    line-height: 1.2;
}

.gestor-contactos-subtitle[b-q52oa1r14u] {
    color: #60778f;
    margin-top: 2px;
}

/* ─── grw-* header tokens ──────────────────────────── */
.grw-step-header-content[b-q52oa1r14u] {
    display: flex;
    flex-direction: column;
    gap: 2px;
}

.grw-step-eyebrow[b-q52oa1r14u] {
    align-items: center;
    color: #7a90a5;
    display: flex;
    font-size: 0.7rem;
    font-weight: 700;
    gap: 4px;
    letter-spacing: 0.07em;
    text-transform: uppercase;
}

.grw-step-eyebrow-icon[b-q52oa1r14u] {
    font-size: 0.95rem !important;
    opacity: 0.7;
}

.grw-step-title[b-q52oa1r14u] {
    color: #1a3f63;
    font-weight: 700;
    line-height: 1.2;
    margin: 0;
}

.grw-step-desc[b-q52oa1r14u] {
    color: #6e8aa0;
    margin-top: 1px;
}

/* ─── grw-* toolbar (add button row) ───────────────── */
.grw-step-toolbar[b-q52oa1r14u] {
    display: flex;
    justify-content: flex-end;
    margin-bottom: 10px;
    padding: 4px 0;
}

.grw-step-cta-btn[b-q52oa1r14u] {
    font-size: 0.92rem !important;
    min-height: 38px;
    min-width: 160px;
}

/* ─── grw-* edit icon button ────────────────────────── */
.grw-edit-btn[b-q52oa1r14u] {
    border-radius: 6px !important;
}

/* ─── DataGrid subtle strip ─────────────────────────── */
.gestor-contactos-shell[b-q52oa1r14u]  .mud-table-row:hover .mud-table-cell {
    background: #f4f9ff;
}

.gestor-contactos-shell[b-q52oa1r14u]  .mud-data-grid .mud-table-head .mud-table-cell {
    background: #f0f6fc;
    color: #3a5a78;
    font-size: 0.78rem;
    font-weight: 700;
    letter-spacing: 0.03em;
    text-transform: uppercase;
}

.gestor-contactos-shell[b-q52oa1r14u]  .mud-data-grid .mud-table-cell {
    border-bottom: 1px solid #eaf1f9;
    font-size: 0.85rem;
    padding: 6px 10px;
}

/* ─── MudBlazor overrides ───────────────────────────── */
.gestor-contactos-shell[b-q52oa1r14u]  .mud-grid-item {
    box-sizing: border-box;
    min-width: 0;
}

.gestor-contactos-shell[b-q52oa1r14u]  .mud-input-control,
.gestor-contactos-shell[b-q52oa1r14u]  .mud-input,
.gestor-contactos-shell[b-q52oa1r14u]  .mud-input-root,
.gestor-contactos-shell[b-q52oa1r14u]  .mud-select,
.gestor-contactos-shell[b-q52oa1r14u]  .mud-text-field {
    box-sizing: border-box;
    max-width: 100%;
    min-width: 0;
    width: 100%;
}

.gestor-contactos-shell[b-q52oa1r14u]  .mud-input-outlined .mud-input-slot {
    min-height: 42px;
}

.gestor-contactos-shell[b-q52oa1r14u]  textarea.mud-input-slot {
    max-height: 90px;
}

.gestor-contactos-shell[b-q52oa1r14u]  .mud-button {
    white-space: nowrap;
}

[b-q52oa1r14u] .red-required-field .mud-input-label::after {
    content: " *";
    color: red;
}

/* ─── Responsive ────────────────────────────────────── */
@media (max-width: 600px) {
    .gestor-contactos-hero-icon[b-q52oa1r14u] {
        display: none;
    }
}
/* /Components/Pages/Instructores/InternoGestor/Wizard/WizardDatosBasicos.razor.rz.scp.css */
/* ─── Loading ──────────────────────────────────────── */
.gestor-basicos-loading[b-7x0fhyqjju] {
    align-items: center;
    display: flex;
    height: 220px;
    justify-content: center;
}

/* ─── Shell ────────────────────────────────────────── */
.gestor-basicos-shell[b-7x0fhyqjju] {
    margin: 0 auto;
    max-width: 1180px;
}

/* ─── Eyebrow ───────────────────────────────────────── */
.gestor-basicos-eyebrow[b-7x0fhyqjju] {
    color: #7a90a5;
    display: block;
    margin-bottom: 8px;
    padding: 0 2px;
}

/* ─── Grid principal ───────────────────────────────── */
.gestor-basicos-grid[b-7x0fhyqjju] {
    margin: 0;
    row-gap: 6px;
}

/* ─── Section card ─────────────────────────────────── */
.gestor-section-card[b-7x0fhyqjju] {
    background: #fff;
    border: 1px solid #d8e6f2;
    border-radius: 10px;
    border-top: 2px solid #c8dff0;
    box-shadow: 0 1px 4px rgba(16, 44, 77, 0.06);
    box-sizing: border-box;
    padding: 10px 14px 12px;
    width: 100%;
}

/* ─── Section header con icono ─────────────────────── */
.gestor-section-header[b-7x0fhyqjju] {
    align-items: center;
    background: linear-gradient(90deg, #f2f8ff 0%, transparent 75%);
    border-radius: 6px;
    display: flex;
    gap: 8px;
    margin-bottom: 10px;
    padding: 5px 7px;
}

.gestor-section-icon[b-7x0fhyqjju] {
    color: #1976d2;
    flex-shrink: 0;
    font-size: 1.1rem !important;
    opacity: 0.75;
}

.gestor-section-title[b-7x0fhyqjju] {
    color: #1a3f63;
    font-weight: 700;
    line-height: 1.2;
    margin: 0;
}

.gestor-section-hint[b-7x0fhyqjju] {
    color: #6e8aa0;
    display: block;
    margin-top: 1px;
}

/* ─── Sub-secciones (discapacidad / seguro) ────────── */
.gestor-subsection-label[b-7x0fhyqjju] {
    color: #4a6a82;
    display: block;
    font-size: 0.72rem;
    font-weight: 600;
    letter-spacing: 0.05em;
    text-transform: uppercase;
}

.gestor-subsection-divider[b-7x0fhyqjju] {
    margin-bottom: 6px;
    margin-top: 4px;
}

/* ─── CURP actions ─────────────────────────────────── */
.gestor-curp-actions[b-7x0fhyqjju] {
    align-items: flex-end;
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    height: 100%;
    padding-bottom: 3px;
}

.gestor-secondary-btn[b-7x0fhyqjju] {
    flex: 0 0 auto;
    min-height: 42px;
    min-width: 130px;
}

.gestor-renapo-btn[b-7x0fhyqjju] {
    color: #8a9fb5 !important;
    font-size: 0.8rem !important;
    min-height: 36px;
}

/* ─── Documentos — horizontal tile ────────────────── */
.gestor-doc-grid[b-7x0fhyqjju] {
    margin: 0;
}

.gestor-doc-card[b-7x0fhyqjju] {
    align-items: stretch;
    background: #f8fbff;
    border: 1px solid #cddff0;
    border-radius: 10px;
    box-sizing: border-box;
    display: flex;
    flex-direction: row;
    gap: 12px;
    min-height: 116px;
    padding: 10px 14px;
    text-align: left;
    transition: border-color 0.2s, box-shadow 0.2s;
    width: 100%;
}

.gestor-doc-ok[b-7x0fhyqjju] {
    background: #f2fbf5;
    border-color: #a8d9bb;
    box-shadow: 0 1px 4px rgba(35, 130, 70, 0.07);
}

.gestor-doc-pending[b-7x0fhyqjju] {
    background: #f8fbff;
    border-color: #cddff0;
}

/* ─── Tile media (preview / icon) ───────────────────── */
.gestor-doc-tile-media[b-7x0fhyqjju] {
    align-items: center;
    display: flex;
    flex-shrink: 0;
}

/* ─── Tile body (label + format + button) ───────────── */
.gestor-doc-tile-body[b-7x0fhyqjju] {
    display: flex;
    flex: 1;
    flex-direction: column;
    gap: 4px;
    min-width: 0;
}

/* ─── Tile actions (upload + ver) — se pegan al fondo ── */
.gestor-doc-actions[b-7x0fhyqjju] {
    display: flex;
    flex-direction: column;
    gap: 4px;
    margin-top: auto;
}

.gestor-doc-tile-top[b-7x0fhyqjju] {
    align-items: center;
    display: flex;
    gap: 6px;
    justify-content: space-between;
}

.gestor-doc-status-chip[b-7x0fhyqjju] {
    font-size: 0.68rem !important;
    height: 18px !important;
}

.gestor-doc-label[b-7x0fhyqjju] {
    color: #1d4062;
    font-size: 0.8rem;
    font-weight: 700;
}

.gestor-doc-meta[b-7x0fhyqjju] {
    align-items: center;
    background: #eef4fb;
    border: 1px dashed #bfd0e3;
    border-radius: 8px;
    color: #7a92a8;
    display: flex;
    flex-direction: column;
    font-size: 0.72rem;
    gap: 3px;
    height: 64px;
    justify-content: center;
    width: 64px;
}

.gestor-doc-format[b-7x0fhyqjju] {
    color: #9db5ca;
    font-size: 0.69rem !important;
    margin-top: 0;
}

.gestor-doc-btn[b-7x0fhyqjju] {
    font-size: 0.78rem !important;
    height: 30px;
    min-height: 30px;
    padding: 0 10px !important;
    width: 100%;
}

.gestor-photo-preview[b-7x0fhyqjju] {
    border: 1px solid #d3dfec;
    border-radius: 8px;
    display: block;
    height: 68px;
    object-fit: cover;
    width: 68px;
}

.gestor-photo-placeholder[b-7x0fhyqjju] {
    align-items: center;
    background: #eef4fb;
    border: 1px dashed #bfd0e3;
    border-radius: 8px;
    color: #7d95ac;
    display: flex;
    flex-direction: column;
    font-size: 10px;
    gap: 2px;
    height: 64px;
    justify-content: center;
    width: 64px;
}

.gestor-doc-files[b-7x0fhyqjju] {
    background: #f8fbff;
    border: 1px solid #dce7f3;
    border-radius: 8px;
    padding: 4px 8px;
}

/* ─── Checkboxes / condiciones ─────────────────────── */
.gestor-conditions-grid[b-7x0fhyqjju] {
    margin: 0;
}

.gestor-check-chip[b-7x0fhyqjju] {
    align-items: center;
    background: #f8fafc;
    border: 1px solid #dce6f2;
    border-radius: 8px;
    display: flex;
    min-height: 42px;
    padding: 1px 8px;
    transition: border-color 0.15s, background 0.15s;
}

.gestor-check-chip:hover[b-7x0fhyqjju] {
    background: #f2f7fd;
    border-color: #c2d8ee;
}

/* ─── Sección guardar / CTA ────────────────────────── */
.gestor-save-section[b-7x0fhyqjju] {
    background: linear-gradient(135deg, #f8fcff 0%, #f3f8fd 100%);
    border-color: #c4daf0;
    border-top: 2px solid #b8d4ec;
}

.gestor-cta-row[b-7x0fhyqjju] {
    display: flex;
    justify-content: flex-end;
    padding-top: 4px;
}

.gestor-save-section .gestor-cta-row[b-7x0fhyqjju] {
    border-top: 1px solid #ddeaf7;
    margin-top: 8px;
    padding-top: 12px;
}

.gestor-cta-btn[b-7x0fhyqjju] {
    font-size: 0.95rem !important;
    min-height: 44px;
    min-width: 200px;
}

/* ─── Validación resumen ───────────────────────────── */
.wizard-validation-summary[b-7x0fhyqjju] {
    border-radius: 8px;
    padding: 10px 14px;
}

.wizard-validation-list[b-7x0fhyqjju] {
    margin: 4px 0 0 0;
    padding-left: 18px;
}

.wizard-validation-list li[b-7x0fhyqjju] {
    color: inherit;
    font-size: 0.875rem;
    line-height: 1.65;
}

/* ─── MudBlazor overrides scoped ───────────────────── */
.gestor-basicos-shell[b-7x0fhyqjju]  .mud-grid-item {
    box-sizing: border-box;
    min-width: 0;
}

.gestor-basicos-shell[b-7x0fhyqjju]  .mud-input-control,
.gestor-basicos-shell[b-7x0fhyqjju]  .mud-input,
.gestor-basicos-shell[b-7x0fhyqjju]  .mud-input-root,
.gestor-basicos-shell[b-7x0fhyqjju]  .mud-select,
.gestor-basicos-shell[b-7x0fhyqjju]  .mud-text-field {
    box-sizing: border-box;
    max-width: 100%;
    min-width: 0;
    width: 100%;
}

.gestor-basicos-shell[b-7x0fhyqjju]  .mud-input-outlined .mud-input-slot {
    min-height: 42px;
}

.gestor-basicos-shell[b-7x0fhyqjju]  textarea.mud-input-slot {
    max-height: 90px;
}

.gestor-basicos-shell[b-7x0fhyqjju]  .mud-button {
    white-space: nowrap;
}

/* ─── Inputs premium ──────────────────────────────── */
.gestor-basicos-shell[b-7x0fhyqjju]  .mud-input-outlined-border {
    border-color: #c8dcea;
    border-radius: 8px;
    border-width: 1px;
}

.gestor-basicos-shell[b-7x0fhyqjju]  .mud-input-outlined.mud-input-focused .mud-input-outlined-border {
    border-color: #1976d2;
    border-radius: 8px;
    border-width: 1.5px;
    box-shadow: 0 0 0 3px rgba(25, 118, 210, 0.07);
}

.gestor-basicos-shell[b-7x0fhyqjju]  .mud-input-outlined.mud-input-error .mud-input-outlined-border {
    border-radius: 8px;
}

/* Adornment icon color — subtle */
.gestor-basicos-shell[b-7x0fhyqjju]  .mud-input-adornment .mud-icon-root {
    color: #8dafc9;
    font-size: 1.1rem !important;
}

/* Label style */
.gestor-basicos-shell[b-7x0fhyqjju]  .mud-input-label {
    color: #4e6e8a;
    font-size: 0.87rem;
}

.gestor-basicos-shell[b-7x0fhyqjju]  .mud-input-outlined.mud-input-focused .mud-input-label {
    color: #1565b8;
}

/* ─── Required marker ──────────────────────────────── */
[b-7x0fhyqjju] .red-required-field .mud-input-label::after {
    color: #e53935;
    content: " *";
}

/* ─── Responsive ───────────────────────────────────── */
@media (max-width: 900px) {
    .gestor-curp-actions[b-7x0fhyqjju] {
        align-items: stretch;
        justify-content: stretch;
        padding-bottom: 0;
    }

    .gestor-secondary-btn[b-7x0fhyqjju] {
        flex: 1 1 auto;
        min-width: 0;
    }

    .gestor-cta-row[b-7x0fhyqjju] {
        justify-content: stretch;
    }

    .gestor-cta-btn[b-7x0fhyqjju] {
        width: 100%;
    }
}

@media (max-width: 600px) {
    .gestor-secondary-btn[b-7x0fhyqjju] {
        flex: 1 1 100%;
    }

    .gestor-doc-btn[b-7x0fhyqjju] {
        max-width: none;
    }
}
/* /Components/Pages/Instructores/InternoGestor/Wizard/WizardDocumentacion.razor.rz.scp.css */
/* ─── Shell ────────────────────────────────────────── */
.gestor-documentacion-shell[b-obetbw9x4p],
.gestor-documentacion-list-shell[b-obetbw9x4p] {
    border-radius: 12px;
    overflow: hidden;
}

/* ─── Card headers ──────────────────────────────────── */
.gestor-documentacion-card-header[b-obetbw9x4p],
.gestor-documentacion-list-header[b-obetbw9x4p] {
    background: linear-gradient(130deg, #f8fbff 0%, #eef4fb 100%);
    border-bottom: 1px solid #dbe6f2;
}

/* ─── grw-* header tokens ──────────────────────────── */
.grw-step-header-content[b-obetbw9x4p] {
    display: flex;
    flex-direction: column;
    gap: 2px;
}

.grw-step-eyebrow[b-obetbw9x4p] {
    align-items: center;
    color: #7a90a5;
    display: flex;
    font-size: 0.7rem;
    font-weight: 700;
    gap: 4px;
    letter-spacing: 0.07em;
    text-transform: uppercase;
}

.grw-step-eyebrow-icon[b-obetbw9x4p] {
    font-size: 0.95rem !important;
    opacity: 0.7;
}

.grw-step-title[b-obetbw9x4p] {
    color: #1a3f63;
    font-weight: 700;
    line-height: 1.2;
    margin: 0;
}

.grw-step-desc[b-obetbw9x4p] {
    color: #6e8aa0;
    margin-top: 1px;
}

/* ─── Fila de acciones (3 botones de subida) ────────── */
.grw-doc-action-row[b-obetbw9x4p] {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    justify-content: flex-end;
    padding: 4px 0 4px;
}

.grw-doc-action-btn[b-obetbw9x4p] {
    font-size: 0.88rem !important;
    min-height: 36px;
}

/* ─── Botón icono de acción en tabla ────────────────── */
.grw-edit-btn[b-obetbw9x4p] {
    border-radius: 6px !important;
}

/* ─── DataGrid — strip suave estilo SIAC ────────────── */
.gestor-documentacion-list-shell[b-obetbw9x4p]  .mud-table-row:hover .mud-table-cell {
    background: #f4f9ff;
}

.gestor-documentacion-list-shell[b-obetbw9x4p]  .mud-data-grid .mud-table-head .mud-table-cell {
    background: #f0f6fc;
    color: #3a5a78;
    font-size: 0.78rem;
    font-weight: 700;
    letter-spacing: 0.03em;
    text-transform: uppercase;
}

.gestor-documentacion-list-shell[b-obetbw9x4p]  .mud-data-grid .mud-table-cell {
    border-bottom: 1px solid #eaf1f9;
    font-size: 0.85rem;
    padding: 6px 10px;
}

/* ─── Columna "Tipo de documento" (protagonista) ────── */
.gestor-documentacion-list-shell[b-obetbw9x4p]  .doc-tipo-cell {
    color: #1a3f63;
    font-weight: 600;
    min-width: 200px;
    white-space: normal;
    word-break: break-word;
}

.gestor-documentacion-list-shell[b-obetbw9x4p]  .doc-tipo-header {
    min-width: 200px;
}

/* ─── MudBlazor overrides ───────────────────────────── */
.gestor-documentacion-shell[b-obetbw9x4p]  .mud-grid-item,
.gestor-documentacion-list-shell[b-obetbw9x4p]  .mud-grid-item {
    box-sizing: border-box;
    min-width: 0;
}

.gestor-documentacion-shell[b-obetbw9x4p]  .mud-button,
.gestor-documentacion-list-shell[b-obetbw9x4p]  .mud-button {
    white-space: nowrap;
}

/* ─── Responsive ────────────────────────────────────── */
@media (max-width: 600px) {
    .grw-doc-action-row[b-obetbw9x4p] {
        justify-content: stretch;
    }

    .grw-doc-action-btn[b-obetbw9x4p] {
        flex: 1 1 100%;
    }
}
/* /Components/Pages/Instructores/InternoGestor/Wizard/WizardDomicilioPersonal.razor.rz.scp.css */
/* ─── Loading ──────────────────────────────────────── */
.gestor-domicilio-loading[b-suh2w2p64k] {
    align-items: center;
    display: flex;
    height: 220px;
    justify-content: center;
}

/* ─── Shell ────────────────────────────────────────── */
.gestor-domicilio-shell[b-suh2w2p64k] {
    border-radius: 12px;
    overflow: hidden;
}

/* ─── Card header / hero ───────────────────────────── */
.gestor-domicilio-card-header[b-suh2w2p64k] {
    background: linear-gradient(130deg, #f8fbff 0%, #eef4fb 100%);
    border-bottom: 1px solid #dbe6f2;
}

.gestor-domicilio-hero-content[b-suh2w2p64k] {
    align-items: center;
    display: flex;
    gap: 12px;
}

.gestor-domicilio-hero-icon[b-suh2w2p64k] {
    color: #1976d2;
    flex-shrink: 0;
    font-size: 2rem !important;
    opacity: 0.85;
}

.gestor-domicilio-title[b-suh2w2p64k] {
    color: #153c5f;
    font-weight: 700;
    line-height: 1.2;
}

.gestor-domicilio-subtitle[b-suh2w2p64k] {
    color: #60778f;
    margin-top: 2px;
}

/* ─── Content ───────────────────────────────────────── */
.gestor-domicilio-content[b-suh2w2p64k] {
    padding: 12px 14px !important;
}

/* ─── Section cards ─────────────────────────────────── */
.gestor-wizard-section[b-suh2w2p64k] {
    background: #fff;
    border: 1px solid #dce6f1;
    border-radius: 10px;
    box-shadow: 0 1px 3px rgba(16, 44, 77, 0.05);
    box-sizing: border-box;
    margin-bottom: 10px;
    padding: 12px 14px 14px;
    width: 100%;
}

/* ─── Section header ────────────────────────────────── */
.gestor-wizard-section-header[b-suh2w2p64k] {
    align-items: center;
    display: flex;
    gap: 8px;
    margin-bottom: 10px;
}

.gestor-wizard-section-icon[b-suh2w2p64k] {
    color: #1976d2;
    flex-shrink: 0;
    font-size: 1.15rem !important;
    opacity: 0.8;
}

.gestor-wizard-section-title[b-suh2w2p64k] {
    color: #1a3f63;
    font-weight: 700;
    line-height: 1.2;
    margin: 0;
}

.gestor-wizard-section-hint[b-suh2w2p64k] {
    color: #6e8aa0;
    display: block;
    margin-top: 1px;
}

/* ─── Grid ──────────────────────────────────────────── */
.gestor-wizard-grid[b-suh2w2p64k] {
    margin: 0;
    row-gap: 10px;
}

/* ─── Save section ──────────────────────────────────── */
.gestor-wizard-save-section[b-suh2w2p64k] {
    background: #fafdff;
    border-color: #cddff2;
}

.gestor-wizard-cta-row[b-suh2w2p64k] {
    display: flex;
    justify-content: flex-end;
}

.gestor-wizard-cta-btn[b-suh2w2p64k] {
    font-size: 0.95rem !important;
    min-height: 42px;
    min-width: 180px;
}

/* ─── MudBlazor overrides ───────────────────────────── */
.gestor-domicilio-shell[b-suh2w2p64k]  .mud-grid-item {
    box-sizing: border-box;
    min-width: 0;
}

.gestor-domicilio-shell[b-suh2w2p64k]  .mud-input-control,
.gestor-domicilio-shell[b-suh2w2p64k]  .mud-input,
.gestor-domicilio-shell[b-suh2w2p64k]  .mud-input-root,
.gestor-domicilio-shell[b-suh2w2p64k]  .mud-select,
.gestor-domicilio-shell[b-suh2w2p64k]  .mud-text-field {
    box-sizing: border-box;
    max-width: 100%;
    min-width: 0;
    width: 100%;
}

.gestor-domicilio-shell[b-suh2w2p64k]  .mud-input-outlined .mud-input-slot {
    min-height: 42px;
}

.gestor-domicilio-shell[b-suh2w2p64k]  .mud-button {
    white-space: nowrap;
}

[b-suh2w2p64k] .red-required-field .mud-input-label::after {
    content: " *";
    color: red;
}

/* ─── Responsive ────────────────────────────────────── */
@media (max-width: 900px) {
    .gestor-wizard-cta-row[b-suh2w2p64k] {
        justify-content: stretch;
    }

    .gestor-wizard-cta-btn[b-suh2w2p64k] {
        width: 100%;
    }
}

@media (max-width: 600px) {
    .gestor-domicilio-hero-icon[b-suh2w2p64k] {
        display: none;
    }
}
/* /Components/Pages/Instructores/InternoGestor/Wizard/WizardExperienciaResumen.razor.rz.scp.css */
/* ─── Shell ────────────────────────────────────────── */
.gestor-experiencia-shell[b-0sr8uebsw6] {
    border-radius: 12px;
    overflow: hidden;
}

/* ─── Card header / hero ───────────────────────────── */
.gestor-experiencia-card-header[b-0sr8uebsw6] {
    background: linear-gradient(130deg, #f8fbff 0%, #eef4fb 100%);
    border-bottom: 1px solid #dbe6f2;
}

.gestor-experiencia-hero-content[b-0sr8uebsw6] {
    align-items: center;
    display: flex;
    gap: 12px;
}

.gestor-experiencia-hero-icon[b-0sr8uebsw6] {
    color: #1976d2;
    flex-shrink: 0;
    font-size: 2rem !important;
    opacity: 0.85;
}

.gestor-experiencia-title[b-0sr8uebsw6] {
    color: #153c5f;
    font-weight: 700;
    line-height: 1.2;
}

.gestor-experiencia-subtitle[b-0sr8uebsw6] {
    color: #60778f;
    margin-top: 2px;
}

/* ─── grw-* header tokens ──────────────────────────── */
.grw-step-header-content[b-0sr8uebsw6] {
    display: flex;
    flex-direction: column;
    gap: 2px;
}

.grw-step-eyebrow[b-0sr8uebsw6] {
    align-items: center;
    color: #7a90a5;
    display: flex;
    font-size: 0.7rem;
    font-weight: 700;
    gap: 4px;
    letter-spacing: 0.07em;
    text-transform: uppercase;
}

.grw-step-eyebrow-icon[b-0sr8uebsw6] {
    font-size: 0.95rem !important;
    opacity: 0.7;
}

.grw-step-title[b-0sr8uebsw6] {
    color: #1a3f63;
    font-weight: 700;
    line-height: 1.2;
    margin: 0;
}

.grw-step-desc[b-0sr8uebsw6] {
    color: #6e8aa0;
    margin-top: 1px;
}

/* ─── grw-* toolbar (add button row) ───────────────── */
.grw-step-toolbar[b-0sr8uebsw6] {
    display: flex;
    justify-content: flex-end;
    margin-bottom: 10px;
    padding: 4px 0;
}

.grw-step-cta-btn[b-0sr8uebsw6] {
    font-size: 0.92rem !important;
    min-height: 38px;
    min-width: 160px;
}

/* ─── grw-* edit icon button ────────────────────────── */
.grw-edit-btn[b-0sr8uebsw6] {
    border-radius: 6px !important;
}

/* ─── DataGrid subtle strip ─────────────────────────── */
.gestor-experiencia-shell[b-0sr8uebsw6]  .mud-table-row:hover .mud-table-cell {
    background: #f4f9ff;
}

.gestor-experiencia-shell[b-0sr8uebsw6]  .mud-data-grid .mud-table-head .mud-table-cell {
    background: #f0f6fc;
    color: #3a5a78;
    font-size: 0.78rem;
    font-weight: 700;
    letter-spacing: 0.03em;
    text-transform: uppercase;
}

.gestor-experiencia-shell[b-0sr8uebsw6]  .mud-data-grid .mud-table-cell {
    border-bottom: 1px solid #eaf1f9;
    font-size: 0.85rem;
    padding: 6px 10px;
}

/* ─── MudBlazor overrides ───────────────────────────── */
.gestor-experiencia-shell[b-0sr8uebsw6]  .mud-grid-item {
    box-sizing: border-box;
    min-width: 0;
}

.gestor-experiencia-shell[b-0sr8uebsw6]  .mud-input-control,
.gestor-experiencia-shell[b-0sr8uebsw6]  .mud-input,
.gestor-experiencia-shell[b-0sr8uebsw6]  .mud-input-root,
.gestor-experiencia-shell[b-0sr8uebsw6]  .mud-select,
.gestor-experiencia-shell[b-0sr8uebsw6]  .mud-text-field {
    box-sizing: border-box;
    max-width: 100%;
    min-width: 0;
    width: 100%;
}

.gestor-experiencia-shell[b-0sr8uebsw6]  .mud-input-outlined .mud-input-slot {
    min-height: 42px;
}

.gestor-experiencia-shell[b-0sr8uebsw6]  textarea.mud-input-slot {
    max-height: 90px;
}

.gestor-experiencia-shell[b-0sr8uebsw6]  .mud-button {
    white-space: nowrap;
}

[b-0sr8uebsw6] .red-required-field .mud-input-label::after {
    content: " *";
    color: red;
}

/* ─── Responsive ────────────────────────────────────── */
@media (max-width: 600px) {
    .gestor-experiencia-hero-icon[b-0sr8uebsw6] {
        display: none;
    }
}
/* /Components/Pages/Instructores/InternoGestor/Wizard/WizardFormacionResumen.razor.rz.scp.css */
/* ─── Shell ────────────────────────────────────────── */
.gestor-formacion-shell[b-4aguzeqy9q] {
    border-radius: 12px;
    overflow: hidden;
}

/* ─── Card header / hero ───────────────────────────── */
.gestor-formacion-card-header[b-4aguzeqy9q] {
    background: linear-gradient(130deg, #f8fbff 0%, #eef4fb 100%);
    border-bottom: 1px solid #dbe6f2;
}

.gestor-formacion-hero-content[b-4aguzeqy9q] {
    align-items: center;
    display: flex;
    gap: 12px;
}

.gestor-formacion-hero-icon[b-4aguzeqy9q] {
    color: #1976d2;
    flex-shrink: 0;
    font-size: 2rem !important;
    opacity: 0.85;
}

.gestor-formacion-title[b-4aguzeqy9q] {
    color: #153c5f;
    font-weight: 700;
    line-height: 1.2;
}

.gestor-formacion-subtitle[b-4aguzeqy9q] {
    color: #60778f;
    margin-top: 2px;
}

/* ─── grw-* header tokens ──────────────────────────── */
.grw-step-header-content[b-4aguzeqy9q] {
    display: flex;
    flex-direction: column;
    gap: 2px;
}

.grw-step-eyebrow[b-4aguzeqy9q] {
    align-items: center;
    color: #7a90a5;
    display: flex;
    font-size: 0.7rem;
    font-weight: 700;
    gap: 4px;
    letter-spacing: 0.07em;
    text-transform: uppercase;
}

.grw-step-eyebrow-icon[b-4aguzeqy9q] {
    font-size: 0.95rem !important;
    opacity: 0.7;
}

.grw-step-title[b-4aguzeqy9q] {
    color: #1a3f63;
    font-weight: 700;
    line-height: 1.2;
    margin: 0;
}

.grw-step-desc[b-4aguzeqy9q] {
    color: #6e8aa0;
    margin-top: 1px;
}

/* ─── grw-* toolbar (add button row) ───────────────── */
.grw-step-toolbar[b-4aguzeqy9q] {
    display: flex;
    justify-content: flex-end;
    margin-bottom: 10px;
    padding: 4px 0;
}

.grw-step-cta-btn[b-4aguzeqy9q] {
    font-size: 0.92rem !important;
    min-height: 38px;
    min-width: 160px;
}

/* ─── grw-* edit icon button ────────────────────────── */
.grw-edit-btn[b-4aguzeqy9q] {
    border-radius: 6px !important;
}

/* ─── DataGrid subtle strip ─────────────────────────── */
.gestor-formacion-shell[b-4aguzeqy9q]  .mud-table-row:hover .mud-table-cell {
    background: #f4f9ff;
}

.gestor-formacion-shell[b-4aguzeqy9q]  .mud-data-grid .mud-table-head .mud-table-cell {
    background: #f0f6fc;
    color: #3a5a78;
    font-size: 0.78rem;
    font-weight: 700;
    letter-spacing: 0.03em;
    text-transform: uppercase;
}

.gestor-formacion-shell[b-4aguzeqy9q]  .mud-data-grid .mud-table-cell {
    border-bottom: 1px solid #eaf1f9;
    font-size: 0.85rem;
    padding: 6px 10px;
}

/* ─── MudBlazor overrides ───────────────────────────── */
.gestor-formacion-shell[b-4aguzeqy9q]  .mud-grid-item {
    box-sizing: border-box;
    min-width: 0;
}

.gestor-formacion-shell[b-4aguzeqy9q]  .mud-input-control,
.gestor-formacion-shell[b-4aguzeqy9q]  .mud-input,
.gestor-formacion-shell[b-4aguzeqy9q]  .mud-input-root,
.gestor-formacion-shell[b-4aguzeqy9q]  .mud-select,
.gestor-formacion-shell[b-4aguzeqy9q]  .mud-text-field {
    box-sizing: border-box;
    max-width: 100%;
    min-width: 0;
    width: 100%;
}

.gestor-formacion-shell[b-4aguzeqy9q]  .mud-input-outlined .mud-input-slot {
    min-height: 42px;
}

.gestor-formacion-shell[b-4aguzeqy9q]  textarea.mud-input-slot {
    max-height: 90px;
}

.gestor-formacion-shell[b-4aguzeqy9q]  .mud-button {
    white-space: nowrap;
}

[b-4aguzeqy9q] .red-required-field .mud-input-label::after {
    content: " *";
    color: red;
}

/* ─── Responsive ────────────────────────────────────── */
@media (max-width: 600px) {
    .gestor-formacion-hero-icon[b-4aguzeqy9q] {
        display: none;
    }
}
/* /Components/Pages/Instructores/InternoGestor/Wizard/WizardPerfil.razor.rz.scp.css */
/* ─── Loading ──────────────────────────────────────── */
.gestor-perfil-loading[b-170w1duwpq] {
    align-items: center;
    display: flex;
    height: 220px;
    justify-content: center;
}

/* ─── Shell ────────────────────────────────────────── */
.gestor-perfil-shell[b-170w1duwpq] {
    border-radius: 12px;
    overflow: hidden;
}

/* ─── Card header / hero ───────────────────────────── */
.gestor-perfil-card-header[b-170w1duwpq] {
    background: linear-gradient(130deg, #f8fbff 0%, #eef4fb 100%);
    border-bottom: 1px solid #dbe6f2;
}

.gestor-perfil-hero-content[b-170w1duwpq] {
    align-items: center;
    display: flex;
    gap: 12px;
}

.gestor-perfil-hero-icon[b-170w1duwpq] {
    color: #1976d2;
    flex-shrink: 0;
    font-size: 2rem !important;
    opacity: 0.85;
}

.gestor-perfil-title[b-170w1duwpq] {
    color: #153c5f;
    font-weight: 700;
    line-height: 1.2;
}

.gestor-perfil-subtitle[b-170w1duwpq] {
    color: #60778f;
    margin-top: 2px;
}

/* ─── Content ───────────────────────────────────────── */
.gestor-perfil-content[b-170w1duwpq] {
    padding: 12px 14px !important;
}

/* ─── Section cards ─────────────────────────────────── */
.gestor-perfil-section[b-170w1duwpq] {
    background: #fff;
    border: 1px solid #dce6f1;
    border-radius: 10px;
    box-shadow: 0 1px 3px rgba(16, 44, 77, 0.05);
    box-sizing: border-box;
    margin-bottom: 10px;
    padding: 12px 14px 14px;
    width: 100%;
}

/* ─── Section header ────────────────────────────────── */
.gestor-perfil-section-header[b-170w1duwpq] {
    align-items: center;
    display: flex;
    gap: 8px;
    margin-bottom: 10px;
}

.gestor-perfil-section-icon[b-170w1duwpq] {
    color: #1976d2;
    flex-shrink: 0;
    font-size: 1.15rem !important;
    opacity: 0.8;
}

.gestor-perfil-section-title[b-170w1duwpq] {
    color: #1a3f63;
    font-weight: 700;
    line-height: 1.2;
    margin: 0;
}

.gestor-perfil-section-hint[b-170w1duwpq] {
    color: #6e8aa0;
    display: block;
    margin-top: 1px;
}

/* ─── Grid ──────────────────────────────────────────── */
.gestor-perfil-grid[b-170w1duwpq] {
    margin: 0;
    row-gap: 10px;
}

/* ─── Radio labels ──────────────────────────────────── */
.gestor-perfil-radio-label[b-170w1duwpq] {
    color: #4a6375;
    font-size: 0.875rem;
}

/* ─── Subsection labels ─────────────────────────────── */
.gestor-perfil-subsection-label[b-170w1duwpq] {
    color: #4a6a82;
    display: block;
    font-weight: 600;
    letter-spacing: 0.02em;
    text-transform: uppercase;
}

.gestor-perfil-subsection-divider[b-170w1duwpq] {
    margin-bottom: 6px;
    margin-top: 4px;
}

/* ─── Document cards ────────────────────────────────── */
.gestor-perfil-doc-card[b-170w1duwpq] {
    align-items: center;
    background: #f8fbff;
    border: 1px solid #dce7f3;
    border-radius: 10px;
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    gap: 8px;
    min-height: 140px;
    padding: 12px 10px;
    text-align: center;
    transition: border-color 0.2s;
    width: 100%;
}

.gestor-perfil-doc-ok[b-170w1duwpq] {
    background: #f3fbf5;
    border-color: #b8e0c4;
}

.gestor-perfil-doc-pending[b-170w1duwpq] {
    background: #f8fbff;
    border-color: #d0e4f5;
}

.gestor-perfil-doc-header[b-170w1duwpq] {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    gap: 6px;
    justify-content: center;
    width: 100%;
}

.gestor-perfil-doc-label[b-170w1duwpq] {
    color: #1d4062;
    font-weight: 700;
}

.gestor-perfil-doc-hint[b-170w1duwpq] {
    color: #8ea5ba;
}

.gestor-perfil-doc-chip[b-170w1duwpq] {
    font-size: 0.7rem !important;
    height: 20px !important;
}

.gestor-perfil-doc-btn[b-170w1duwpq] {
    max-width: 220px;
    width: 100%;
}

.gestor-perfil-doc-files[b-170w1duwpq] {
    background: #f8fbff;
    border: 1px solid #dce7f3;
    border-radius: 8px;
    margin-top: 8px;
    padding: 6px 10px;
}

/* ─── Áreas de especialidad ─────────────────────────── */
.gestor-perfil-area-block[b-170w1duwpq] {
    background: #f8fafc;
    border: 1px solid #e4edf5;
    border-radius: 8px;
    margin-bottom: 8px;
    padding: 10px 12px 12px;
}

.gestor-perfil-area-block:last-child[b-170w1duwpq] {
    margin-bottom: 0;
}

.gestor-perfil-area-label[b-170w1duwpq] {
    color: #1976d2;
    display: block;
    font-weight: 700;
    letter-spacing: 0.03em;
    margin-bottom: 8px;
    text-transform: uppercase;
}

/* ─── Save section ──────────────────────────────────── */
.gestor-perfil-save-section[b-170w1duwpq] {
    background: #fafdff;
    border-color: #cddff2;
}

.gestor-perfil-cta-row[b-170w1duwpq] {
    display: flex;
    justify-content: flex-end;
}

.gestor-perfil-cta-btn[b-170w1duwpq] {
    font-size: 0.95rem !important;
    min-height: 42px;
    min-width: 180px;
}

/* ─── MudBlazor overrides ───────────────────────────── */
.gestor-perfil-shell[b-170w1duwpq]  .mud-grid-item {
    box-sizing: border-box;
    min-width: 0;
}

.gestor-perfil-shell[b-170w1duwpq]  .mud-input-control,
.gestor-perfil-shell[b-170w1duwpq]  .mud-input,
.gestor-perfil-shell[b-170w1duwpq]  .mud-input-root,
.gestor-perfil-shell[b-170w1duwpq]  .mud-select,
.gestor-perfil-shell[b-170w1duwpq]  .mud-text-field {
    box-sizing: border-box;
    max-width: 100%;
    min-width: 0;
    width: 100%;
}

.gestor-perfil-shell[b-170w1duwpq]  .mud-input-outlined .mud-input-slot {
    min-height: 42px;
}

.gestor-perfil-shell[b-170w1duwpq]  .mud-button {
    white-space: nowrap;
}

[b-170w1duwpq] .red-required-field .mud-input-label::after {
    content: " *";
    color: red;
}

/* ─── Responsive ────────────────────────────────────── */
@media (max-width: 900px) {
    .gestor-perfil-cta-row[b-170w1duwpq] {
        justify-content: stretch;
    }

    .gestor-perfil-cta-btn[b-170w1duwpq] {
        width: 100%;
    }
}

@media (max-width: 600px) {
    .gestor-perfil-doc-btn[b-170w1duwpq] {
        max-width: none;
    }

    .gestor-perfil-doc-card[b-170w1duwpq] {
        min-height: auto;
    }

    .gestor-perfil-hero-icon[b-170w1duwpq] {
        display: none;
    }
}
/* /Components/Pages/Materiales/MaterialesABC/Atributos/CatalogoCursosMateriales.razor.rz.scp.css */
/* ═══════════════════════════════════════════════════════════════════════
   CatalogoCursosMateriales.razor.css — prefijo: ccm-
   ───────────────────────────────────────────────────────────────────────
   FIX CRÍTICO DE EMPALMES:
   En Blazor CSS isolation, las reglas SIN ::deep se transforman en:
     .ccm-filters-body[b-scope] .mud-select { ... }
   Pero los elementos rendereados por MudBlazor NO tienen el atributo
   de scope, así que las reglas nunca aplican → los min-width se mantienen
   → empalmes.

   SOLUCIÓN: usar la sintaxis:
     .parent ::deep .child { ... }
   que se transforma en:
     .parent[b-scope] .child { ... }
   y SÍ alcanza el DOM interno de MudBlazor.
   ═══════════════════════════════════════════════════════════════════════ */

/* ── SHELL ───────────────────────────────────────────────────────── */
.ccm-shell[b-q047tx4j9u] {
    max-width: 1200px;
    margin: 0 auto;
    padding: 0 14px 24px;
}

.ccm-section[b-q047tx4j9u] { margin-bottom: 14px; }

.ccm-kpi[b-q047tx4j9u] {
    border-radius: 12px;
    border: 1px solid rgba(19, 59, 91, 0.10);
    background: #fff;
    padding: 12px 14px;
}

/* ── CARGA GLOBAL ────────────────────────────────────────────────── */
.ccm-loading-global[b-q047tx4j9u] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    min-height: 220px;
    gap: 12px;
}
.ccm-loading-text[b-q047tx4j9u] { color: rgba(14, 52, 86, 0.65) !important; }

/* ── HEADER SIAC ─────────────────────────────────────────────────── */
.ccm-header[b-q047tx4j9u] {
    border-radius: 14px;
    border: 1px solid rgba(26, 68, 104, 0.15);
    background:
        radial-gradient(circle at 8% 20%, rgba(80, 146, 200, 0.12), transparent 36%),
        radial-gradient(circle at 88% 25%, rgba(80, 146, 200, 0.07), transparent 30%),
        linear-gradient(120deg, #f6faff 0%, #f0f6ff 52%, #f5f9ff 100%);
}

.ccm-header-badge[b-q047tx4j9u] {
    display: inline-block;
    font-size: 0.72rem;
    font-weight: 700;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    color: #1a5c8a;
    background: rgba(26, 92, 138, 0.10);
    border: 1px solid rgba(26, 92, 138, 0.20);
    border-radius: 20px;
    padding: 2px 10px;
    margin-bottom: 6px;
}

.ccm-header-title[b-q047tx4j9u]    { color: #0e3456 !important; font-weight: 800 !important; letter-spacing: -0.01em; }
.ccm-header-subtitle[b-q047tx4j9u] { color: rgba(14, 52, 86, 0.72) !important; margin-top: 4px; }

/* ── CARD DE FILTROS ─────────────────────────────────────────────── */
.ccm-filters-card[b-q047tx4j9u] {
    border-radius: 13px;
    border: 1px solid rgba(19, 59, 91, 0.11);
    overflow: hidden;
}

.ccm-filters-header[b-q047tx4j9u] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    padding: 10px 16px;
    background: linear-gradient(180deg, #f3f8fe 0%, #f8fbff 100%);
    border-bottom: 1px solid rgba(19, 59, 91, 0.09);
}

.ccm-filters-header-left[b-q047tx4j9u]  { display: flex; align-items: center; gap: 6px; }
.ccm-filters-header-right[b-q047tx4j9u] { display: flex; align-items: center; gap: 8px; }
.ccm-filters-icon[b-q047tx4j9u]  { color: #1a5c8a; font-size: 1.1rem; }
.ccm-filters-title[b-q047tx4j9u] { color: #0e3456 !important; font-weight: 600 !important; font-size: 0.85rem !important; }

/* Body: solo padding, el MudGrid maneja el layout */
.ccm-filters-body[b-q047tx4j9u] { padding: 14px 16px; }

/* ─────────────────────────────────────────────────────────────────────
   FIX DE EMPALMES — ::deep penetra el DOM de MudBlazor

   El selector "padre ::deep hijo" se transforma a "padre[scope] hijo".
   Esto alcanza .mud-input-control, .mud-input, .mud-select que están
   dentro de los componentes MudBlazor y NO tienen el atributo de scope.
   ───────────────────────────────────────────────────────────────────── */

/* Fuerza width 100% y elimina el min-width intrínseco de MudBlazor */
.ccm-filters-body[b-q047tx4j9u]  .mud-input-control {
    width: 100% !important;
    min-width: 0 !important;
    max-width: 100% !important;
    box-sizing: border-box;
}

/* El elemento .mud-input interno también puede tener min-width */
.ccm-filters-body[b-q047tx4j9u]  .mud-input {
    min-width: 0 !important;
    overflow: hidden;
}

/* Select específico */
.ccm-filters-body[b-q047tx4j9u]  .mud-select {
    min-width: 0 !important;
    width: 100% !important;
}

/* Autocomplete específico */
.ccm-filters-body[b-q047tx4j9u]  .mud-autocomplete {
    min-width: 0 !important;
    width: 100% !important;
}

/* Input text del select — evita que el texto desborde */
.ccm-filters-body[b-q047tx4j9u]  .mud-select-input,
.ccm-filters-body[b-q047tx4j9u]  .mud-input-slot {
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

/* El contenedor padre del MudItem dentro del MudGrid puede limitar */
.ccm-filters-body[b-q047tx4j9u]  .mud-grid-item {
    min-width: 0;
    overflow: hidden;
}

/* ── PANEL DE RESULTADOS ─────────────────────────────────────────── */
.ccm-results-panel[b-q047tx4j9u] {
    border-radius: 13px;
    border: 1px solid rgba(19, 59, 91, 0.10);
    background: linear-gradient(180deg, #ffffff 0%, #fbfdff 100%);
    overflow: hidden;
}

.ccm-results-header[b-q047tx4j9u] {
    display: flex;
    align-items: center;
    gap: 6px;
    padding: 10px 16px;
    background: linear-gradient(180deg, #f3f8fe 0%, #f8fbff 100%);
    border-bottom: 1px solid rgba(19, 59, 91, 0.09);
}

.ccm-results-icon[b-q047tx4j9u]  { color: #1a5c8a; font-size: 1.05rem; }
.ccm-results-title[b-q047tx4j9u] { color: #0e3456 !important; font-weight: 600 !important; font-size: 0.85rem !important; }

/* ── ESTADO VACÍO ────────────────────────────────────────────────── */
.ccm-empty-panel[b-q047tx4j9u] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    min-height: 200px;
    padding: 36px 24px;
    text-align: center;
    border-radius: 13px;
    border: 1px dashed rgba(26, 92, 138, 0.22);
    background: linear-gradient(180deg, rgba(240,248,255,0.55) 0%, rgba(250,253,255,0.9) 100%);
}

.ccm-empty-icon[b-q047tx4j9u]     { color: rgba(26, 92, 138, 0.35) !important; margin-bottom: 12px; }
.ccm-empty-title[b-q047tx4j9u]    { font-weight: 700 !important; color: #0e3456 !important; margin-bottom: 6px; }
.ccm-empty-subtitle[b-q047tx4j9u] { color: rgba(14, 52, 86, 0.65) !important; max-width: 420px; font-size: 0.875rem !important; }

/* ── DATAGRID ────────────────────────────────────────────────────── */
[b-q047tx4j9u] .ccm-datagrid .mud-table-head .mud-table-cell {
    font-size: 0.72rem;
    font-weight: 700;
    letter-spacing: 0.05em;
    text-transform: uppercase;
    color: rgba(14, 52, 86, 0.72);
    background: linear-gradient(180deg, #f5f9ff 0%, #f0f6ff 100%);
    border-bottom: 2px solid rgba(26, 92, 138, 0.12);
    padding-top: 10px;
    padding-bottom: 10px;
}

[b-q047tx4j9u] .ccm-datagrid .mud-table-cell {
    padding-top: 10px;
    padding-bottom: 10px;
    border-bottom: 1px solid rgba(17, 52, 81, 0.07);
    vertical-align: middle;
}

[b-q047tx4j9u] .ccm-datagrid .mud-table-container table tbody tr {
    transition: background-color 0.12s ease;
}

[b-q047tx4j9u] .ccm-datagrid .mud-table-container table tbody tr:nth-child(even) {
    background-color: rgba(240, 248, 255, 0.40);
}

[b-q047tx4j9u] .ccm-datagrid .mud-table-container table tbody tr:hover {
    background-color: rgba(26, 92, 138, 0.055) !important;
}

/* ── CELDAS ──────────────────────────────────────────────────────── */
[b-q047tx4j9u] .ccm-grid-search { min-width: 200px; max-width: 300px; }

.ccm-cell-date[b-q047tx4j9u]   { color: rgba(14, 52, 86, 0.65); font-size: 0.82rem; }
.ccm-cell-amount[b-q047tx4j9u] { font-weight: 600; color: #155a2e; font-size: 0.87rem; }

[b-q047tx4j9u] .ccm-status-chip {
    font-size: 0.71rem !important;
    font-weight: 600 !important;
    height: 20px !important;
    padding: 0 8px !important;
    background: transparent !important;
    border-width: 1px !important;
}

/* ── ACCIONES DE GRID — distinción visual Fase2 vs Autorización ─── */
[b-q047tx4j9u] .ccm-row-action {
    border-radius: 7px !important;
    transition: background-color 0.14s ease !important;
}

/* Fase 2 — azul info */
[b-q047tx4j9u] .ccm-row-action-f2:hover {
    background-color: rgba(33, 150, 243, 0.10) !important;
}

/* Autorización directa — verde éxito */
[b-q047tx4j9u] .ccm-row-action-auth:hover {
    background-color: rgba(46, 125, 50, 0.10) !important;
}

/* ── RESPONSIVE ──────────────────────────────────────────────────── */

/* Tablet — MudGrid maneja sm=6; aquí solo ajustamos el shell */
@media (max-width: 959px) {
    .ccm-shell[b-q047tx4j9u] { padding: 0 10px 18px; }
}

/* Mobile — columna única; MudGrid hace xs=12 por defecto */
@media (max-width: 599px) {
    .ccm-filters-header[b-q047tx4j9u] {
        flex-direction: column;
        align-items: flex-start;
        gap: 8px;
    }
    .ccm-filters-header-right[b-q047tx4j9u] {
        width: 100%;
        justify-content: flex-end;
    }
    [b-q047tx4j9u] .ccm-grid-search {
        min-width: 0;
        width: 100%;
        max-width: none;
    }
.ccm-empty-panel[b-q047tx4j9u] { min-height: 160px; padding: 24px 16px; }
    .ccm-mobile-card[b-q047tx4j9u] {
        border-radius: 12px;
        border: 1px solid rgba(19, 59, 91, 0.11);
        background: linear-gradient(180deg, #ffffff 0%, #f9fbff 100%);
    }
    .ccm-mobile-title[b-q047tx4j9u] {
        color: #12395c;
        font-weight: 700;
    }
}
/* /Components/Pages/Materiales/MaterialesABC/Atributos/SolicitudInstrumentoJuridico.razor.rz.scp.css */
.solicitud-loading[b-ieuz06s6se] {
    min-height: 62vh;
    display: flex;
    align-items: center;
    justify-content: center;
}

.solicitud-shell[b-ieuz06s6se] {
    align-items: flex-start;
    gap: .2rem;
}

.solicitud-hero[b-ieuz06s6se] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    padding: 1.2rem 1.4rem;
    border-radius: 22px;
    border: 1px solid rgba(18, 57, 92, 0.12);
    background: linear-gradient(135deg, rgba(229, 241, 251, 0.95), rgba(241, 248, 245, 0.92));
}

.solicitud-hero-copy[b-ieuz06s6se] {
    display: flex;
    flex-direction: column;
    gap: .35rem;
}

.hero-chip[b-ieuz06s6se] {
    width: fit-content;
    font-weight: 600;
}

.solicitud-title[b-ieuz06s6se] {
    color: #12395c;
    font-weight: 700;
    line-height: 1.1;
}

.solicitud-subtitle[b-ieuz06s6se] {
    color: rgba(18, 57, 92, .72);
    max-width: 840px;
}

.filters-card[b-ieuz06s6se],
.grid-card[b-ieuz06s6se] {
    border-radius: 18px;
    border: 1px solid rgba(18, 57, 92, 0.1);
    background: rgba(255, 255, 255, 0.94);
    box-shadow: 0 20px 36px rgba(18, 57, 92, 0.08);
}

.filters-accordion[b-ieuz06s6se] {
    padding: .42rem .7rem;
}

.filters-accordion :deep(.mud-expand-panel)[b-ieuz06s6se] {
    background: transparent;
    box-shadow: none;
}

.filters-accordion :deep(.mud-expand-panel-header)[b-ieuz06s6se] {
    min-height: 44px;
    padding: .25rem .4rem;
    font-size: .92rem;
    font-weight: 700;
    color: #12395c;
    border: 1px solid rgba(18, 57, 92, .14);
    border-radius: 12px;
    background: linear-gradient(180deg, rgba(244, 248, 252, .98), rgba(239, 245, 250, .95));
}

.filters-accordion :deep(.mud-expand-panel-content)[b-ieuz06s6se] {
    padding: .6rem .2rem .35rem .2rem;
}

.filters-grid[b-ieuz06s6se] {
    margin-top: .1rem;
}

.filters-actions[b-ieuz06s6se] {
    display: flex;
    flex-wrap: wrap;
    gap: .55rem;
    align-items: center;
}

.grid-card[b-ieuz06s6se] {
    padding: .9rem;
}

.grid-header[b-ieuz06s6se] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: .7rem;
    margin-bottom: .75rem;
}

.grid-search[b-ieuz06s6se] {
    min-width: 280px;
}

.actions-cell[b-ieuz06s6se] {
    white-space: nowrap;
}

.status-chip[b-ieuz06s6se] {
    font-weight: 600;
}

@media (max-width: 960px) {
    .solicitud-hero[b-ieuz06s6se] {
        flex-direction: column;
        align-items: stretch;
    }

    .grid-search[b-ieuz06s6se] {
        min-width: 100%;
    }
}

@media (prefers-color-scheme: dark) {
    .solicitud-hero[b-ieuz06s6se],
    .filters-card[b-ieuz06s6se],
    .grid-card[b-ieuz06s6se] {
        background: rgba(28, 40, 55, 0.9);
        border-color: rgba(148, 163, 184, 0.2);
    }

    .solicitud-title[b-ieuz06s6se] {
        color: #dbeafe;
    }

    .solicitud-subtitle[b-ieuz06s6se] {
        color: rgba(226, 232, 240, 0.86);
    }

    .filters-accordion :deep(.mud-expand-panel-header)[b-ieuz06s6se] {
        color: #dbeafe;
        border-color: rgba(148, 163, 184, .24);
        background: linear-gradient(180deg, rgba(34, 47, 62, .92), rgba(30, 42, 56, .9));
    }
}
/* /Components/Pages/Materiales/MaterialesABC/DialogCatalogoMaterial.razor.rz.scp.css */
/* ═══════════════════════════════════════════════════════════════════════
   DialogCatalogoMaterial.razor.css
   Prefijo: matcat-   (material catalog dialog)
   Catálogo auxiliar inline — patrón SIAC (basado en DialogTipoEspacio)
   ═══════════════════════════════════════════════════════════════════════ */

[b-byms1pszuk] .matcat-dialog .mud-dialog-content {
    padding: 0 !important;
    overflow: hidden;
}

[b-byms1pszuk] .matcat-dialog .mud-dialog-actions {
    padding: 0 18px 14px !important;
    border-top: 1px solid rgba(19, 59, 91, 0.10);
    background: linear-gradient(180deg, #f7fbff 0%, #f3f8ff 100%);
}

/* ── WRAP ────────────────────────────────────────────────────────── */
.matcat-wrap[b-byms1pszuk] { display: flex; flex-direction: column; }

/* ── HEADER ──────────────────────────────────────────────────────── */
.matcat-header[b-byms1pszuk] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 12px;
    padding: 18px 20px 14px;
    background:
        radial-gradient(circle at 6% 30%, rgba(80, 146, 200, 0.11), transparent 38%),
        linear-gradient(120deg, #f5f9ff 0%, #eef5ff 55%, #f4f9ff 100%);
    border-bottom: 1px solid rgba(26, 68, 104, 0.12);
}

.matcat-header-left[b-byms1pszuk] { display: flex; align-items: flex-start; gap: 12px; }

.matcat-header-icon-wrap[b-byms1pszuk] {
    flex-shrink: 0;
    width: 40px;
    height: 40px;
    min-width: 40px;
    border-radius: 11px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: linear-gradient(135deg, #1a5c8a 0%, #1a7abf 100%);
    box-shadow: 0 4px 10px rgba(26, 92, 138, 0.26);
    margin-top: 2px;
}

.matcat-header-icon[b-byms1pszuk] { color: #ffffff !important; font-size: 1.2rem !important; }

.matcat-header-text[b-byms1pszuk] { display: flex; flex-direction: column; gap: 2px; }

.matcat-header-badge[b-byms1pszuk] {
    display: inline-block;
    font-size: 0.67rem;
    font-weight: 700;
    letter-spacing: 0.09em;
    text-transform: uppercase;
    color: #1a5c8a;
    background: rgba(26, 92, 138, 0.10);
    border: 1px solid rgba(26, 92, 138, 0.22);
    border-radius: 20px;
    padding: 1px 8px;
    width: fit-content;
}

.matcat-header-title[b-byms1pszuk]    { font-weight: 800 !important; color: #0e3456 !important; font-size: 1rem !important; line-height: 1.2; }
.matcat-header-subtitle[b-byms1pszuk] { color: rgba(14, 52, 86, 0.65) !important; font-size: 0.83rem !important; }

[b-byms1pszuk] .matcat-header-count { font-size: 0.74rem !important; font-weight: 600 !important; flex-shrink: 0; }

/* ── FORMULARIO INLINE ───────────────────────────────────────────── */
.matcat-form-panel[b-byms1pszuk] {
    padding: 12px 20px 14px;
    border-bottom: 1px solid rgba(19, 59, 91, 0.09);
    border-left: 3px solid transparent;
    background: #ffffff;
    transition: background 0.15s ease, border-left 0.15s ease;
}

.matcat-form-panel.matcat-form-editing[b-byms1pszuk] {
    background: linear-gradient(180deg, #fffef6 0%, #fffdf0 100%);
    border-left: 3px solid #e0a020;
}

/* Barra de modo */
.matcat-form-mode-bar[b-byms1pszuk] {
    display: flex;
    align-items: center;
    gap: 6px;
    margin-bottom: 10px;
    min-height: 18px;
}

.matcat-mode-icon-new[b-byms1pszuk]  { color: #1a5c8a !important; }
.matcat-mode-icon-edit[b-byms1pszuk] { color: #c07900 !important; }
.matcat-mode-label-new[b-byms1pszuk]  { color: rgba(14, 52, 86, 0.65) !important; font-size: 0.77rem !important; }
.matcat-mode-label-edit[b-byms1pszuk] { color: #8a5c00 !important; font-size: 0.77rem !important; }
.matcat-mode-label-edit strong[b-byms1pszuk] { font-weight: 700; color: #7a4e00; }

/* Fila del formulario: [Nombre] [Activo] [Botones] */
.matcat-form-row[b-byms1pszuk] {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 10px;
}

.matcat-form-nombre[b-byms1pszuk] { flex: 1; min-width: 160px; }
.matcat-form-activo[b-byms1pszuk] { flex-shrink: 0; }
.matcat-form-btns[b-byms1pszuk]   { display: flex; align-items: center; gap: 6px; flex-shrink: 0; }

/* ── FILTROS ─────────────────────────────────────────────────────── */
.matcat-filters[b-byms1pszuk] {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-end;
    gap: 8px;
    padding: 10px 20px;
    background: linear-gradient(180deg, #f4f8fe 0%, #f0f6ff 100%);
    border-bottom: 1px solid rgba(19, 59, 91, 0.09);
}

.matcat-filter-search[b-byms1pszuk] { flex: 1; min-width: 140px; }
.matcat-filter-btns[b-byms1pszuk]   { display: flex; gap: 6px; flex-shrink: 0; }

/* ── ÁREA DE TABLA ───────────────────────────────────────────────── */
.matcat-table-area[b-byms1pszuk] { padding: 12px 20px 6px; background: #ffffff; }

.matcat-skeletons[b-byms1pszuk] { padding: 4px 0; }
.matcat-skeleton-row[b-byms1pszuk] { border-radius: 7px !important; }

/* Estado vacío / error */
.matcat-state-box[b-byms1pszuk] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    min-height: 120px;
    padding: 18px;
    text-align: center;
}

.matcat-empty[b-byms1pszuk] {
    border-radius: 9px;
    border: 1px dashed rgba(26, 92, 138, 0.22);
    background: rgba(240, 248, 255, 0.50);
}

.matcat-empty-icon[b-byms1pszuk]  { color: rgba(26, 92, 138, 0.38) !important; margin-bottom: 8px; }
.matcat-empty-title[b-byms1pszuk] { font-weight: 700 !important; color: #0e3456 !important; margin-bottom: 4px; }
.matcat-empty-sub[b-byms1pszuk]   { color: rgba(14, 52, 86, 0.65) !important; font-size: 0.84rem !important; }

/* ── TABLA ───────────────────────────────────────────────────────── */
[b-byms1pszuk] .matcat-table {
    border-radius: 9px;
    border: 1px solid rgba(19, 59, 91, 0.09) !important;
    overflow: hidden;
}

[b-byms1pszuk] .matcat-table .mud-table-head .mud-table-cell {
    font-size: 0.71rem;
    font-weight: 700;
    letter-spacing: 0.05em;
    text-transform: uppercase;
    color: rgba(14, 52, 86, 0.70);
    background: linear-gradient(180deg, #f3f8ff 0%, #edf4ff 100%) !important;
    border-bottom: 2px solid rgba(26, 92, 138, 0.13) !important;
    padding-top: 10px;
    padding-bottom: 10px;
}

[b-byms1pszuk] .matcat-table .mud-table-cell {
    padding-top: 9px;
    padding-bottom: 9px;
    border-bottom: 1px solid rgba(17, 52, 81, 0.07) !important;
    vertical-align: middle;
}

[b-byms1pszuk] .matcat-table .mud-table-container table tbody tr:nth-child(even) {
    background-color: rgba(240, 248, 255, 0.40);
}

[b-byms1pszuk] .matcat-table .mud-table-container table tbody tr {
    transition: background-color 0.11s ease;
}

[b-byms1pszuk] .matcat-table .mud-table-container table tbody tr:hover {
    background-color: rgba(26, 92, 138, 0.055) !important;
}

[b-byms1pszuk] .matcat-cell-name { font-weight: 600 !important; color: #0e3456 !important; font-size: 0.89rem !important; }

[b-byms1pszuk] .matcat-status-chip {
    font-weight: 600 !important;
    font-size: 0.72rem !important;
    height: 21px !important;
}

[b-byms1pszuk] .matcat-row-action  { border-radius: 7px !important; }
[b-byms1pszuk] .matcat-row-action:hover { background-color: rgba(26, 92, 138, 0.08) !important; }

[b-byms1pszuk] .matcat-select-btn {
    border-radius: 7px !important;
    width: 28px !important;
    height: 28px !important;
}

/* ── FOOTER ──────────────────────────────────────────────────────── */
.matcat-footer[b-byms1pszuk] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    gap: 12px;
}

.matcat-footer-label[b-byms1pszuk] {
    color: rgba(14, 52, 86, 0.55) !important;
    font-size: 0.77rem !important;
}

/* ── RESPONSIVE ──────────────────────────────────────────────────── */
@media (max-width: 600px) {
    .matcat-header[b-byms1pszuk]       { padding: 14px 16px 12px; }
    .matcat-form-panel[b-byms1pszuk]   { padding: 10px 16px 12px; }
    .matcat-filters[b-byms1pszuk]      { padding: 9px 16px; }
    .matcat-table-area[b-byms1pszuk]   { padding: 10px 16px 6px; }
    .matcat-form-row[b-byms1pszuk]     { flex-direction: column; align-items: flex-start; }
    .matcat-form-nombre[b-byms1pszuk]  { width: 100%; }
    .matcat-form-btns[b-byms1pszuk]    { align-self: flex-end; }
}
/* /Components/Pages/Materiales/MaterialesABC/DialogFase2.razor.rz.scp.css */
/* ─── DialogFase2.razor.css — prefijo: f2- ──────────────────────── */

[b-imex563oab] .f2-dialog .mud-dialog-content { padding: 0 !important; overflow: hidden; }
[b-imex563oab] .f2-dialog .mud-dialog-actions { padding: 10px 18px 14px !important; border-top: 1px solid rgba(19,59,91,0.10); background: linear-gradient(180deg,#f7fbff,#f3f8ff); }

/* Wrap interior */
.f2-wrap[b-imex563oab] { display: flex; flex-direction: column; }

/* Header */
.f2-header[b-imex563oab] {
    display: flex;
    align-items: flex-start;
    gap: 13px;
    padding: 18px 22px 15px;
    background:
        radial-gradient(circle at 5% 25%, rgba(80,146,200,0.11), transparent 38%),
        linear-gradient(120deg, #f5f9ff 0%, #eef5ff 55%, #f4f9ff 100%);
    border-bottom: 1px solid rgba(26,68,104,0.12);
}

.f2-header-icon-wrap[b-imex563oab] {
    flex-shrink: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 42px; height: 42px; min-width: 42px;
    border-radius: 11px;
    background: linear-gradient(135deg,#0e3456,#1a5c8a);
    box-shadow: 0 4px 12px rgba(14,52,86,0.26);
    margin-top: 2px;
}

.f2-header-icon[b-imex563oab] { color: #fff !important; font-size: 1.25rem !important; }

.f2-header-text[b-imex563oab] { display: flex; flex-direction: column; gap: 2px; }

.f2-header-badge[b-imex563oab] {
    display: inline-block;
    font-size: 0.67rem; font-weight: 700;
    letter-spacing: 0.09em; text-transform: uppercase;
    color: #1a5c8a;
    background: rgba(26,92,138,0.10); border: 1px solid rgba(26,92,138,0.22);
    border-radius: 20px; padding: 1px 9px; width: fit-content;
}

.f2-header-title[b-imex563oab]    { font-weight: 800 !important; color: #0e3456 !important; line-height: 1.2; letter-spacing: -.01em; }
.f2-header-subtitle[b-imex563oab] { color: rgba(14,52,86,0.65) !important; font-size: 0.83rem !important; }

/* Secciones */
.f2-section[b-imex563oab] { padding: 16px 22px 14px; border-bottom: 1px solid rgba(19,59,91,0.07); }
.f2-section:last-child[b-imex563oab] { border-bottom: none; }

.f2-section-label[b-imex563oab] {
    font-size: 0.68rem; font-weight: 700;
    letter-spacing: 0.09em; text-transform: uppercase;
    color: #1a5c8a;
    border-bottom: 1px solid rgba(26,92,138,0.15);
    padding-bottom: 5px; margin-bottom: 11px;
    display: block;
}

/* Info fields de solo lectura */
.f2-info-field[b-imex563oab] { display: flex; flex-direction: column; gap: 2px; margin-bottom: 2px; }
.f2-info-label[b-imex563oab] { font-size: 0.72rem; font-weight: 600; color: rgba(14,52,86,0.55); text-transform: uppercase; letter-spacing: 0.04em; }
.f2-info-value[b-imex563oab] { font-size: 0.90rem; color: #0e3456; font-weight: 500; line-height: 1.3; }
.f2-mono[b-imex563oab]       { font-family: 'Courier New', monospace; font-size: 0.83rem; letter-spacing: 0.04em; }
.f2-amount[b-imex563oab]     { font-weight: 700 !important; color: #155a2e !important; }

[b-imex563oab] .f2-status-chip { font-size: 0.70rem !important; font-weight: 600 !important; height: 20px !important; padding: 0 7px !important; }

/* Footer con acciones */
.f2-actions[b-imex563oab] { display: flex; align-items: center; justify-content: flex-end; width: 100%; gap: 8px; }

@media (max-width: 480px) {
    .f2-header[b-imex563oab]  { padding: 14px 16px 12px; gap: 10px; }
    .f2-section[b-imex563oab] { padding: 13px 16px 12px; }
    .f2-actions[b-imex563oab] { flex-direction: column-reverse; align-items: stretch; }
    .f2-actions > *[b-imex563oab] { width: 100%; }
}
/* /Components/Pages/Materiales/MaterialesABC/DialogFichaMaterial.razor.rz.scp.css */
/* ═══════════════════════════════════════════════════════════════════════
   DialogFichaMaterial.razor.css  — v3
   Prefijo: matd-   (material dialog)
   Upload real + no URL + export + diseño institucional refinado
   ═══════════════════════════════════════════════════════════════════════ */

/* ── Dialog shell ────────────────────────────────────────────────── */
[b-fv10jesoor] .matd-dialog .mud-dialog-content {
    padding: 0 !important;
    overflow: hidden;
}

[b-fv10jesoor] .matd-dialog .mud-dialog-actions {
    padding: 10px 20px 14px !important;
    border-top: 1px solid rgba(19, 59, 91, 0.10);
    background: linear-gradient(180deg, #f7fbff 0%, #f3f8ff 100%);
}

/* ── Carga inicial ───────────────────────────────────────────────── */
.matd-loading[b-fv10jesoor] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    min-height: 220px;
    gap: 14px;
}

.matd-loading-text[b-fv10jesoor] { color: rgba(14, 52, 86, 0.65) !important; }

/* ── Wrap interior ───────────────────────────────────────────────── */
.matd-wrap[b-fv10jesoor] { display: flex; flex-direction: column; }

/* ── HEADER institucional ────────────────────────────────────────── */
.matd-header[b-fv10jesoor] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 12px;
    padding: 18px 22px 15px;
    background:
        radial-gradient(circle at 5% 25%, rgba(80, 146, 200, 0.11), transparent 38%),
        radial-gradient(circle at 90% 15%, rgba(80, 146, 200, 0.07), transparent 30%),
        linear-gradient(120deg, #f5f9ff 0%, #eef5ff 55%, #f4f9ff 100%);
    border-bottom: 1px solid rgba(26, 68, 104, 0.12);
}

.matd-header-left[b-fv10jesoor] {
    display: flex;
    align-items: flex-start;
    gap: 13px;
    flex: 1;
    min-width: 0;
}

.matd-header-icon-wrap[b-fv10jesoor] {
    flex-shrink: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 42px;
    height: 42px;
    min-width: 42px;
    border-radius: 11px;
    background: linear-gradient(135deg, #0e3456 0%, #1a5c8a 100%);
    box-shadow: 0 4px 12px rgba(14, 52, 86, 0.28);
    margin-top: 2px;
}

.matd-header-icon[b-fv10jesoor] { color: #ffffff !important; font-size: 1.25rem !important; }

.matd-header-text[b-fv10jesoor] { display: flex; flex-direction: column; gap: 2px; min-width: 0; }

.matd-header-badge[b-fv10jesoor] {
    display: inline-block;
    font-size: 0.67rem;
    font-weight: 700;
    letter-spacing: 0.09em;
    text-transform: uppercase;
    color: #1a5c8a;
    background: rgba(26, 92, 138, 0.10);
    border: 1px solid rgba(26, 92, 138, 0.22);
    border-radius: 20px;
    padding: 1px 9px;
    width: fit-content;
}

.matd-header-title[b-fv10jesoor] {
    font-weight: 800 !important;
    color: #0e3456 !important;
    line-height: 1.2;
    letter-spacing: -0.01em;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    max-width: 340px;
}

.matd-header-subtitle[b-fv10jesoor] {
    color: rgba(14, 52, 86, 0.65) !important;
    font-size: 0.82rem !important;
}

/* ── Botones de exportación en el header ─────────────────────────── */
.matd-header-exports[b-fv10jesoor] {
    display: flex;
    align-items: center;
    gap: 2px;
    flex-shrink: 0;
    padding-top: 4px;
}

[b-fv10jesoor] .matd-export-btn {
    width: 30px !important;
    height: 30px !important;
    border-radius: 8px !important;
    padding: 0 !important;
    opacity: 0.70;
    transition: opacity 0.15s ease, background-color 0.15s ease;
}

[b-fv10jesoor] .matd-export-btn:hover {
    opacity: 1;
    background-color: rgba(26, 92, 138, 0.09) !important;
}

/* ── Cuerpo del formulario ───────────────────────────────────────── */
.matd-body[b-fv10jesoor] {
    padding: 18px 22px 16px;
    overflow-y: auto;
    max-height: calc(88vh - 165px);
}

/* ── PANEL IZQUIERDO: imagen ─────────────────────────────────────── */
.matd-image-panel[b-fv10jesoor] {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 9px;
}

/* Contenedor de imagen — proporcionado y con posición para overlay */
.matd-image-wrap[b-fv10jesoor] {
    position: relative;
    width: 100%;
    max-width: 170px;
    height: 180px;
    border-radius: 12px;
    border: 1.5px solid rgba(26, 92, 138, 0.18);
    background: linear-gradient(135deg, #f5f9ff 0%, #eef4ff 100%);
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
    box-shadow: 0 4px 14px rgba(14, 52, 86, 0.09);
    transition: border-color 0.15s ease;
}

.matd-image-wrap:hover[b-fv10jesoor] { border-color: rgba(26, 92, 138, 0.35); }

.matd-image[b-fv10jesoor] {
    width: 100%;
    height: 100%;
    object-fit: contain;
    padding: 10px;
}

/* Overlay de carga — se superpone a la imagen durante upload */
.matd-image-uploading[b-fv10jesoor] {
    position: absolute;
    inset: 0;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    background: rgba(245, 249, 255, 0.92);
    border-radius: 10px;
    gap: 8px;
    backdrop-filter: blur(2px);
}

.matd-uploading-label[b-fv10jesoor] { color: #1a5c8a !important; font-size: 0.78rem !important; }

/* Badge SKU */
.matd-sku-badge[b-fv10jesoor] {
    font-size: 0.73rem;
    font-weight: 700;
    letter-spacing: 0.04em;
    color: #1a5c8a;
    background: rgba(26, 92, 138, 0.09);
    border: 1px solid rgba(26, 92, 138, 0.20);
    border-radius: 6px;
    padding: 3px 10px;
    text-align: center;
    max-width: 170px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

/* Acciones de imagen */
.matd-image-actions[b-fv10jesoor] {
    display: flex;
    flex-direction: column;
    gap: 5px;
    width: 100%;
    max-width: 170px;
}

.matd-image-filename[b-fv10jesoor] {
    color: rgba(14, 52, 86, 0.58) !important;
    font-size: 0.72rem !important;
    text-align: center;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    max-width: 170px;
}

.matd-image-hint[b-fv10jesoor] {
    color: rgba(14, 52, 86, 0.42) !important;
    font-size: 0.70rem !important;
    text-align: center;
}

.matd-estado-rapido[b-fv10jesoor] {
    width: 100%;
    max-width: 170px;
    margin-top: 4px;
}

/* ── Etiquetas de sección ────────────────────────────────────────── */
.matd-section-label[b-fv10jesoor] {
    display: block;
    font-size: 0.68rem;
    font-weight: 700;
    letter-spacing: 0.09em;
    text-transform: uppercase;
    color: #1a5c8a;
    border-bottom: 1px solid rgba(26, 92, 138, 0.15);
    padding-bottom: 5px;
    margin-bottom: 8px;
}

.matd-section-mt[b-fv10jesoor] { margin-top: 14px; }

/* ── Agrupación de campos (reduce el gap bajo la sección) ────────── */
.matd-field-group[b-fv10jesoor] { margin-bottom: 2px; }

/* ── Campo de precio limpio (sin spinners) ───────────────────────── */
[b-fv10jesoor] .matd-precio-field .mud-input-adornment-start {
    font-weight: 700;
    color: #155a2e;
    font-size: 0.95rem;
}

/* ── Campo + botón de catálogo ────────────────────────────────────── */
.matd-field-with-btn[b-fv10jesoor] {
    display: flex;
    align-items: flex-start;
    gap: 4px;
}

.matd-field-with-btn > :first-child[b-fv10jesoor] { flex: 1; min-width: 0; }

[b-fv10jesoor] .matd-catalog-btn {
    flex-shrink: 0;
    margin-top: 4px;
    width: 30px !important;
    height: 30px !important;
    padding: 0 !important;
    border-radius: 7px !important;
    color: rgba(26, 92, 138, 0.68) !important;
    transition: background-color 0.14s ease, color 0.14s ease;
}

[b-fv10jesoor] .matd-catalog-btn:hover {
    background-color: rgba(26, 92, 138, 0.09) !important;
    color: #1a5c8a !important;
}

/* ── Footer ──────────────────────────────────────────────────────── */
.matd-footer[b-fv10jesoor] {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    width: 100%;
    gap: 8px;
}

/* ── Responsive ──────────────────────────────────────────────────── */
@media (max-width: 700px) {
    .matd-header[b-fv10jesoor]        { padding: 14px 16px 12px; }
    .matd-body[b-fv10jesoor]          { padding: 14px 16px; max-height: calc(92vh - 145px); }
    .matd-image-wrap[b-fv10jesoor]    { max-width: 120px; height: 130px; }
    .matd-sku-badge[b-fv10jesoor]     { max-width: 120px; }
    .matd-image-actions[b-fv10jesoor] { max-width: 100%; }
    .matd-image-panel[b-fv10jesoor]   { flex-direction: row; flex-wrap: wrap; align-items: flex-start; gap: 10px; }
    .matd-header-title[b-fv10jesoor]  { max-width: 200px; }
}
/* /Components/Pages/Materiales/MaterialesABC/MaterialesABC.razor.rz.scp.css */
/* ═══════════════════════════════════════════════════════════════════════
   MaterialesABC.razor.css
   Prefijo: mat-   (materiales ABC)
   Patrón SIAC — consistente con SedeABC.razor.css
   ═══════════════════════════════════════════════════════════════════════ */

/* ── SHELL ───────────────────────────────────────────────────────── */
.mat-shell[b-k5ffbjikd4] {
    max-width: 1200px;
    margin: 0 auto;
    padding: 0 14px 24px;
}

.mat-section[b-k5ffbjikd4] { margin-bottom: 14px; }

/* ── HEADER ──────────────────────────────────────────────────────── */
.mat-header[b-k5ffbjikd4] {
    border-radius: 14px;
    border: 1px solid rgba(26, 68, 104, 0.15);
    background:
        radial-gradient(circle at 8% 20%, rgba(80, 146, 200, 0.12), transparent 36%),
        radial-gradient(circle at 88% 25%, rgba(80, 146, 200, 0.07), transparent 30%),
        linear-gradient(120deg, #f6faff 0%, #f0f6ff 52%, #f5f9ff 100%);
}

.mat-header-badge[b-k5ffbjikd4] {
    display: inline-block;
    font-size: 0.72rem;
    font-weight: 700;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    color: #1a5c8a;
    background: rgba(26, 92, 138, 0.10);
    border: 1px solid rgba(26, 92, 138, 0.20);
    border-radius: 20px;
    padding: 2px 10px;
    margin-bottom: 6px;
}

.mat-header-title[b-k5ffbjikd4] {
    color: #0e3456 !important;
    font-weight: 800 !important;
    letter-spacing: -0.01em;
}

.mat-header-subtitle[b-k5ffbjikd4] {
    color: rgba(14, 52, 86, 0.72) !important;
    margin-top: 4px;
}

.mat-header-actions[b-k5ffbjikd4] { flex-wrap: wrap; }
.mat-primary-btn[b-k5ffbjikd4]    { font-weight: 600; }

/* ── KPI CARDS ───────────────────────────────────────────────────── */
.mat-kpi[b-k5ffbjikd4] {
    border-radius: 13px;
    border: 1px solid rgba(19, 59, 91, 0.11);
    padding: 20px;
    min-height: 92px;
    transition: transform 0.16s ease, box-shadow 0.16s ease;
    cursor: pointer;
}

.mat-kpi:hover[b-k5ffbjikd4] {
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(13, 42, 67, 0.09);
}

.mat-kpi.mat-kpi-selected[b-k5ffbjikd4] {
    box-shadow: 0 0 0 2px rgba(26, 92, 138, 0.22), 0 10px 20px rgba(13, 42, 67, 0.11);
}

.mat-kpi-tipos[b-k5ffbjikd4] {
    margin-top: 10px;
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
}

.mat-kpi-tipo-btn[b-k5ffbjikd4] {
    border: 1px solid rgba(26, 92, 138, 0.16);
    background: #f8fbff;
    border-radius: 999px;
    padding: 6px 10px;
    display: inline-flex;
    align-items: center;
    gap: 8px;
    cursor: pointer;
    transition: all 0.14s ease;
}

.mat-kpi-tipo-btn:hover[b-k5ffbjikd4] {
    border-color: rgba(26, 92, 138, 0.38);
    background: #eef6ff;
}

.mat-kpi-tipo-btn-active[b-k5ffbjikd4] {
    border-color: #1a5c8a;
    background: #e9f3ff;
    box-shadow: 0 0 0 1px rgba(26, 92, 138, 0.18);
}

.mat-kpi-tipo-label[b-k5ffbjikd4] {
    font-size: 0.76rem;
    font-weight: 600;
    color: #0e3456;
}

.mat-kpi-tipo-number[b-k5ffbjikd4] {
    min-width: 18px;
    height: 18px;
    border-radius: 999px;
    background: rgba(26, 92, 138, 0.10);
    color: #1a5c8a;
    font-size: 0.72rem;
    font-weight: 700;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 0 6px;
}

.mat-kpi-total[b-k5ffbjikd4]    { border-left: 4px solid #1a5c8a; background: linear-gradient(135deg, #f3f8fe 0%, #f9fcff 100%); }
.mat-kpi-active[b-k5ffbjikd4]   { border-left: 4px solid #1a8a9e; background: linear-gradient(135deg, #f2fafc 0%, #f8fdff 100%); }
.mat-kpi-inactive[b-k5ffbjikd4] { border-left: 4px solid #7a8fa8; background: linear-gradient(135deg, #f4f6f9 0%, #f9fafc 100%); }

.mat-kpi-number[b-k5ffbjikd4] {
    font-weight: 800 !important;
    color: #0e3456 !important;
    line-height: 1.1;
}

.mat-kpi-label[b-k5ffbjikd4] {
    color: rgba(14, 52, 86, 0.70) !important;
    margin-top: 2px;
}

[b-k5ffbjikd4] .mat-kpi-avatar          { flex-shrink: 0; }
[b-k5ffbjikd4] .mat-kpi-avatar-total    { background-color: #1a5c8a !important; color: #fff !important; }
[b-k5ffbjikd4] .mat-kpi-avatar-active   { background-color: #1a8a9e !important; color: #fff !important; }
[b-k5ffbjikd4] .mat-kpi-avatar-inactive { background-color: #7a8fa8 !important; color: #fff !important; }

/* ── FILTROS ─────────────────────────────────────────────────────── */
.mat-filters-card[b-k5ffbjikd4] {
    border-radius: 13px;
    border: 1px solid rgba(19, 59, 91, 0.11);
    overflow: hidden;
}

.mat-filters-header[b-k5ffbjikd4] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    padding: 10px 16px;
    background: linear-gradient(180deg, #f3f8fe 0%, #f8fbff 100%);
    border-bottom: 1px solid rgba(19, 59, 91, 0.09);
}

.mat-filters-header-left[b-k5ffbjikd4]  { display: flex; align-items: center; gap: 6px; }
.mat-filters-header-right[b-k5ffbjikd4] { display: flex; align-items: center; gap: 8px; }
.mat-filters-icon[b-k5ffbjikd4]         { color: #1a5c8a; font-size: 1.1rem; }
.mat-filters-title[b-k5ffbjikd4]        { color: #0e3456 !important; font-weight: 600 !important; font-size: 0.85rem !important; }

.mat-filters-body[b-k5ffbjikd4] {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
    gap: 10px;
    padding: 14px 16px;
}

.mat-filter-search[b-k5ffbjikd4] { flex: 1 1 240px; min-width: 180px; }
.mat-filter-unit[b-k5ffbjikd4]   { flex: 0 1 175px; }

/* ── PANEL DE RESULTADOS ─────────────────────────────────────────── */
.mat-results-panel[b-k5ffbjikd4] {
    border-radius: 13px;
    border: 1px solid rgba(19, 59, 91, 0.10);
    background: linear-gradient(180deg, #ffffff 0%, #fbfdff 100%);
    padding: 14px;
}

.mat-state-wrap[b-k5ffbjikd4]   { padding: 8px 4px 12px; }
.mat-skeleton-row[b-k5ffbjikd4] { border-radius: 8px; }

/* ── ESTADO VACÍO ────────────────────────────────────────────────── */
.mat-empty-hint[b-k5ffbjikd4] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    min-height: 220px;
    padding: 32px 24px;
    text-align: center;
    border-radius: 10px;
    border: 1px dashed rgba(26, 92, 138, 0.22);
    background: linear-gradient(180deg, rgba(240,248,255,0.6) 0%, rgba(250,253,255,0.9) 100%);
}

.mat-hint-icon[b-k5ffbjikd4]     { color: #1a5c8a !important; margin-bottom: 10px; }
.mat-hint-title[b-k5ffbjikd4]    { font-weight: 700 !important; color: #0e3456 !important; margin-bottom: 6px; }
.mat-hint-subtitle[b-k5ffbjikd4] { color: rgba(14,52,86,0.68) !important; max-width: 380px; }

/* ── TABLA ───────────────────────────────────────────────────────── */
[b-k5ffbjikd4] .mat-table {
    border-radius: 10px;
    border: 1px solid rgba(19, 59, 91, 0.09);
    overflow: hidden;
}

[b-k5ffbjikd4] .mat-table .mud-table-cell {
    padding-top: 11px;
    padding-bottom: 11px;
    border-bottom: 1px solid rgba(17, 52, 81, 0.07);
    vertical-align: middle;
}

[b-k5ffbjikd4] .mat-table .mud-table-head .mud-table-cell {
    font-size: 0.73rem;
    font-weight: 700;
    letter-spacing: 0.05em;
    text-transform: uppercase;
    color: rgba(14, 52, 86, 0.72);
    background: linear-gradient(180deg, #f5f9ff 0%, #f0f6ff 100%);
}

[b-k5ffbjikd4] .mat-table .mud-table-container table tbody tr {
    transition: background-color 0.13s ease;
}

[b-k5ffbjikd4] .mat-table .mud-table-container table tbody tr:nth-child(even) {
    background-color: rgba(240, 248, 255, 0.45);
}

[b-k5ffbjikd4] .mat-table .mud-table-container table tbody tr:hover {
    background-color: rgba(26, 92, 138, 0.06) !important;
}

/* ── CELDAS ──────────────────────────────────────────────────────── */
[b-k5ffbjikd4] .mat-cell-code {
    font-family: 'Courier New', monospace;
    font-size: 0.80rem !important;
    color: rgba(14, 52, 86, 0.60) !important;
    letter-spacing: 0.03em;
}

[b-k5ffbjikd4] .mat-cell-name {
    font-weight: 600 !important;
    color: #0e3456 !important;
    font-size: 0.92rem !important;
}

[b-k5ffbjikd4] .mat-cell-secondary {
    color: rgba(14, 52, 86, 0.65) !important;
    font-size: 0.86rem !important;
}

[b-k5ffbjikd4] .mat-cell-meta {
    color: rgba(14, 52, 86, 0.55) !important;
    font-size: 0.74rem !important;
    line-height: 1.2;
}

[b-k5ffbjikd4] .mat-cell-price {
    font-weight: 600 !important;
    color: #155a2e !important;
    font-size: 0.88rem !important;
}

[b-k5ffbjikd4] .mat-status-chip {
    font-weight: 600 !important;
    font-size: 0.73rem !important;
    height: 22px !important;
}

[b-k5ffbjikd4] .mat-tipo-chip {
    font-size: 0.71rem !important;
    font-weight: 600 !important;
    height: 20px !important;
    padding: 0 7px !important;
}

[b-k5ffbjikd4] .mat-tipo-chip.mat-tipo-chip-regular {
    background-color: #1a5c8a !important;
    color: #ffffff !important;
}

[b-k5ffbjikd4] .mat-tipo-chip.mat-tipo-chip-perecedero {
    background-color: #c67d18 !important;
    color: #ffffff !important;
}

[b-k5ffbjikd4] .mat-tipo-chip.mat-tipo-chip-didactico {
    background-color: #16607f !important;
    color: #ffffff !important;
}

[b-k5ffbjikd4] .mat-tipo-chip.mat-tipo-chip-equipo {
    background-color: #1b7f57 !important;
    color: #ffffff !important;
}

[b-k5ffbjikd4] .mat-tipo-chip.mat-tipo-chip-herramienta {
    background-color: #6a4fa5 !important;
    color: #ffffff !important;
}

[b-k5ffbjikd4] .mat-clas-chip {
    font-size: 0.71rem !important;
    height: 20px !important;
    padding: 0 7px !important;
}

[b-k5ffbjikd4] .mat-row-action { border-radius: 8px; }
[b-k5ffbjikd4] .mat-row-action:hover { background-color: rgba(26, 92, 138, 0.09); }

/* ── CARDS MOBILE ────────────────────────────────────────────────── */
.mat-mobile-card[b-k5ffbjikd4] {
    border-radius: 12px;
    border: 1px solid rgba(19, 59, 91, 0.10);
    background: linear-gradient(180deg, #ffffff 0%, #f8fbff 100%);
    transition: transform 0.15s ease, box-shadow 0.15s ease;
}

.mat-mobile-card:hover[b-k5ffbjikd4] {
    transform: translateY(-1px);
    box-shadow: 0 7px 14px rgba(13, 42, 67, 0.07);
}

/* ── PAGINACIÓN ──────────────────────────────────────────────────── */
.mat-pager[b-k5ffbjikd4] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: 8px;
    padding: 4px 2px 0;
}

.mat-pager-label[b-k5ffbjikd4], .mat-pager-range[b-k5ffbjikd4] { color: rgba(14, 52, 86, 0.65) !important; }
.mat-page-size[b-k5ffbjikd4] { width: 88px; }

/* ── RESPONSIVE ──────────────────────────────────────────────────── */
@media (max-width: 959px) {
    .mat-shell[b-k5ffbjikd4] { padding: 0 10px 18px; }
}

@media (max-width: 768px) {
    .mat-filter-unit[b-k5ffbjikd4] { flex: 1 1 140px; }
}

@media (max-width: 575px) {
    .mat-filter-search[b-k5ffbjikd4],
    .mat-filter-unit[b-k5ffbjikd4] { flex: 1 1 100%; }

    .mat-filters-header[b-k5ffbjikd4] {
        flex-direction: column;
        align-items: flex-start;
        gap: 8px;
    }

    .mat-filters-header-right[b-k5ffbjikd4] {
        width: 100%;
        justify-content: flex-end;
    }

    .mat-pager[b-k5ffbjikd4] { justify-content: center; }
}

/* ═══════════════════════════════════════════════════════════════════
   CELDA MATERIAL (thumbnail + nombre + código fusionados)
   ═══════════════════════════════════════════════════════════════════ */

/* Header de la columna Material */
[b-k5ffbjikd4] .mat-th-material { min-width: 220px; }

/* La celda completa no tiene padding extra vertical */
[b-k5ffbjikd4] .mat-td-material { padding-top: 6px !important; padding-bottom: 6px !important; }

/* Flex row: thumb | textos */
.mat-cell-material[b-k5ffbjikd4] {
    display: flex;
    align-items: center;
    gap: 10px;
}

.mat-name-group[b-k5ffbjikd4] {
    display: flex;
    flex-direction: column;
    gap: 1px;
    min-width: 0;
}

/* ── MINIATURA ─────────────────────────────────────────────────────── */

.mat-thumb-wrap[b-k5ffbjikd4] {
    position: relative;
    flex-shrink: 0;
    width: 44px;
    height: 44px;
    border-radius: 8px;
    overflow: hidden;
    background: linear-gradient(135deg, #f5f9ff 0%, #eef4ff 100%);
    border: 1.5px solid rgba(26, 92, 138, 0.16);
    transition: border-color 0.14s ease, box-shadow 0.14s ease;
}

/* Tamaño reducido en mobile */
.mat-thumb-wrap.mat-thumb-mobile[b-k5ffbjikd4] {
    width: 48px;
    height: 48px;
    border-radius: 9px;
    flex-shrink: 0;
}

/* La imagen real */
.mat-thumb[b-k5ffbjikd4] {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
    cursor: zoom-in;
    transition: transform 0.18s ease;
}

/* Hover: zoom sutil en la miniatura */
.mat-thumb-wrap.mat-thumb-has-img:hover[b-k5ffbjikd4] {
    border-color: rgba(26, 92, 138, 0.40);
    box-shadow: 0 3px 10px rgba(26, 92, 138, 0.18);
}

.mat-thumb-wrap.mat-thumb-has-img:hover .mat-thumb[b-k5ffbjikd4] {
    transform: scale(1.07);
}

/* ── Fallback: imagen rota (onerror añade mat-thumb-broken) ──────── */
.mat-thumb-fallback[b-k5ffbjikd4] {
    position: absolute;
    inset: 0;
    display: none;
    align-items: center;
    justify-content: center;
    background: rgba(26, 92, 138, 0.06);
}

.mat-thumb-wrap.mat-thumb-broken .mat-thumb[b-k5ffbjikd4]    { display: none; }
.mat-thumb-wrap.mat-thumb-broken .mat-thumb-fallback[b-k5ffbjikd4] { display: flex; }

[b-k5ffbjikd4] .mat-thumb-fallback-icon { color: rgba(26, 92, 138, 0.38) !important; }

/* ── Placeholder: sin imagen ─────────────────────────────────────── */
.mat-thumb-empty[b-k5ffbjikd4] {
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1.5px dashed rgba(26, 92, 138, 0.20);
    border-radius: 7px;
    background: rgba(26, 92, 138, 0.035);
}

[b-k5ffbjikd4] .mat-thumb-empty-icon { color: rgba(26, 92, 138, 0.28) !important; }

/* ═══════════════════════════════════════════════════════════════════
   LIGHTBOX — imagen ampliada
   position:fixed → cubre toda la ventana independientemente del scroll
   ═══════════════════════════════════════════════════════════════════ */

.mat-lightbox-backdrop[b-k5ffbjikd4] {
    position: fixed;
    inset: 0;
    background: rgba(10, 30, 52, 0.82);
    z-index: 9999;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 20px;
    animation: matLightboxIn-b-k5ffbjikd4 0.18s ease;
}

@keyframes matLightboxIn-b-k5ffbjikd4 {
    from { opacity: 0; }
    to   { opacity: 1; }
}

.mat-lightbox-card[b-k5ffbjikd4] {
    background: #ffffff;
    border-radius: 14px;
    box-shadow: 0 24px 72px rgba(10, 30, 52, 0.38);
    max-width: 600px;
    width: 100%;
    max-height: 86vh;
    display: flex;
    flex-direction: column;
    overflow: hidden;
    animation: matLightboxCardIn-b-k5ffbjikd4 0.20s ease;
}

@keyframes matLightboxCardIn-b-k5ffbjikd4 {
    from { transform: scale(0.94) translateY(8px); opacity: 0; }
    to   { transform: scale(1) translateY(0);      opacity: 1; }
}

/* Header del lightbox */
.mat-lightbox-header[b-k5ffbjikd4] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    padding: 13px 16px 11px;
    border-bottom: 1px solid rgba(19, 59, 91, 0.10);
    background: linear-gradient(180deg, #f5f9ff 0%, #f0f6ff 100%);
    flex-shrink: 0;
}

.mat-lightbox-header-text[b-k5ffbjikd4] { flex: 1; min-width: 0; }

.mat-lightbox-title[b-k5ffbjikd4] {
    font-weight: 700 !important;
    color: #0e3456 !important;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    display: block;
}

.mat-lightbox-code[b-k5ffbjikd4] {
    color: rgba(14, 52, 86, 0.55) !important;
    font-family: monospace;
    letter-spacing: 0.03em;
}

[b-k5ffbjikd4] .mat-lightbox-close { color: rgba(14, 52, 86, 0.55) !important; }
[b-k5ffbjikd4] .mat-lightbox-close:hover { color: #0e3456 !important; background: rgba(14, 52, 86, 0.07) !important; }

/* Cuerpo del lightbox */
.mat-lightbox-body[b-k5ffbjikd4] {
    flex: 1;
    overflow: hidden;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 20px;
    background: #f8fafe;
    min-height: 200px;
}

.mat-lightbox-img[b-k5ffbjikd4] {
    max-width: 100%;
    max-height: calc(86vh - 90px);
    object-fit: contain;
    border-radius: 8px;
    box-shadow: 0 4px 20px rgba(14, 52, 86, 0.12);
}

/* Fallback error dentro del lightbox */
.mat-lightbox-error[b-k5ffbjikd4] {
    flex-direction: column;
    align-items: center;
    gap: 10px;
    padding: 20px;
}

[b-k5ffbjikd4] .mat-lightbox-error-icon { color: rgba(14, 52, 86, 0.30) !important; }

.mat-lightbox-error-text[b-k5ffbjikd4] { color: rgba(14, 52, 86, 0.55) !important; }

/* ── Responsive ──────────────────────────────────────────────────── */
@media (max-width: 640px) {
    .mat-lightbox-backdrop[b-k5ffbjikd4] { padding: 12px; }
    .mat-lightbox-card[b-k5ffbjikd4]     { max-height: 92vh; border-radius: 12px; }
    .mat-lightbox-body[b-k5ffbjikd4]     { padding: 14px; }
}
/* /Components/Pages/Navigation/DomainWorkspace.razor.rz.scp.css */
.domain-workspace-head[b-1dhrjvldea] {
    padding: 1rem;
}

.domain-workspace-loading[b-1dhrjvldea] {
    min-height: 160px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.domain-workspace-block[b-1dhrjvldea] {
    padding: 0.85rem;
}

.domain-workspace-grid[b-1dhrjvldea] {
    margin-top: 0.8rem;
    display: flex;
    flex-direction: column;
    gap: 0.45rem;
}

.domain-workspace-item[b-1dhrjvldea] {
    width: 100%;
    text-transform: none;
}

@media (max-width: 960px) {
    .domain-workspace-grid[b-1dhrjvldea] {
        gap: 0.35rem;
    }
}
/* /Components/Pages/Registro/EmpleadoIECA.razor.rz.scp.css */
.registro-shell[b-4fsb1gj5ai] {
  max-width: 1120px;
  margin: 0 auto;
  padding: 0 16px 24px;
}

.registro-hero[b-4fsb1gj5ai] {
  border-radius: 16px;
  border: 1px solid rgba(26, 68, 104, 0.18);
  background: linear-gradient(120deg, #f9fcff 0%, #f4f9ff 52%, #f7fcfb 100%);
  padding: 16px;
  margin-bottom: 14px;
}

.registro-hero-title[b-4fsb1gj5ai] {
  color: #12395c;
  font-weight: 700;
  line-height: 1.2;
}

.registro-hero-subtitle[b-4fsb1gj5ai] {
  color: rgba(18, 57, 92, 0.78);
}

.registro-card[b-4fsb1gj5ai] {
  border-radius: 16px;
  border: 1px solid rgba(19, 59, 91, 0.1);
}

.registro-section[b-4fsb1gj5ai] {
  border: 1px solid rgba(18, 57, 92, 0.14);
  border-radius: 12px;
  padding: 14px;
  background: #fbfdff;
}

.registro-section-title[b-4fsb1gj5ai] {
  color: #12395c;
  font-weight: 600;
  margin-bottom: 10px;
}

.registro-actions[b-4fsb1gj5ai] {
  width: 100%;
  justify-content: flex-end;
}

.registro-actions .mud-button-root[b-4fsb1gj5ai] {
  min-width: 180px;
}

@media (max-width: 768px) {
  .registro-shell[b-4fsb1gj5ai] {
    max-width: 100%;
    padding: 0 8px 14px;
  }

  .registro-hero[b-4fsb1gj5ai] {
    padding: 12px;
    margin-bottom: 10px;
  }

  .registro-hero-title[b-4fsb1gj5ai] {
    font-size: 1.02rem;
    margin-bottom: 2px;
  }

  .registro-hero-subtitle[b-4fsb1gj5ai] {
    font-size: 0.84rem;
    margin-bottom: 0;
  }

  .registro-card[b-4fsb1gj5ai],
  .registro-section[b-4fsb1gj5ai] {
    border-radius: 10px;
  }

  .registro-section[b-4fsb1gj5ai] {
    padding: 10px;
  }

  .registro-section-title[b-4fsb1gj5ai] {
    font-size: 0.96rem;
    margin-bottom: 8px;
  }

  .registro-actions[b-4fsb1gj5ai] {
    flex-direction: column;
  }

  .registro-actions .mud-button-root[b-4fsb1gj5ai] {
    width: 100%;
    min-width: 0;
  }
}

@media (max-width: 480px) {
  .registro-shell[b-4fsb1gj5ai] {
    padding: 0 6px 12px;
  }

  .registro-hero[b-4fsb1gj5ai] {
    padding: 10px;
  }

  .registro-section[b-4fsb1gj5ai] {
    padding: 9px;
  }
}
/* /Components/Pages/Registro/UsuarioCorporativo.razor.rz.scp.css */
.registro-shell[b-vmysf46398] {
  max-width: 1120px;
  margin: 0 auto;
  padding: 0 16px 24px;
}

.registro-hero[b-vmysf46398] {
  border-radius: 16px;
  border: 1px solid rgba(26, 68, 104, 0.18);
  background: linear-gradient(120deg, #f9fcff 0%, #f4f9ff 52%, #f7fcfb 100%);
  padding: 16px;
  margin-bottom: 14px;
}

.registro-hero-title[b-vmysf46398] {
  color: #12395c;
  font-weight: 700;
  line-height: 1.2;
}

.registro-hero-subtitle[b-vmysf46398] {
  color: rgba(18, 57, 92, 0.78);
}

.registro-card[b-vmysf46398] {
  border-radius: 16px;
  border: 1px solid rgba(19, 59, 91, 0.1);
}

.registro-section[b-vmysf46398] {
  border: 1px solid rgba(18, 57, 92, 0.14);
  border-radius: 12px;
  padding: 14px;
  background: #fbfdff;
}

.registro-section-title[b-vmysf46398] {
  color: #12395c;
  font-weight: 600;
  margin-bottom: 10px;
}

.registro-actions[b-vmysf46398] {
  width: 100%;
  justify-content: flex-end;
}

.registro-actions .mud-button-root[b-vmysf46398] {
  min-width: 180px;
}

@media (max-width: 768px) {
  .registro-shell[b-vmysf46398] {
    max-width: 100%;
    padding: 0 8px 14px;
  }

  .registro-hero[b-vmysf46398] {
    padding: 12px;
    margin-bottom: 10px;
  }

  .registro-hero-title[b-vmysf46398] {
    font-size: 1.02rem;
    margin-bottom: 2px;
  }

  .registro-hero-subtitle[b-vmysf46398] {
    font-size: 0.84rem;
    margin-bottom: 0;
  }

  .registro-card[b-vmysf46398],
  .registro-section[b-vmysf46398] {
    border-radius: 10px;
  }

  .registro-section[b-vmysf46398] {
    padding: 10px;
  }

  .registro-section-title[b-vmysf46398] {
    font-size: 0.96rem;
    margin-bottom: 8px;
  }

  .registro-actions[b-vmysf46398] {
    flex-direction: column;
  }

  .registro-actions .mud-button-root[b-vmysf46398] {
    width: 100%;
    min-width: 0;
  }
}

@media (max-width: 480px) {
  .registro-shell[b-vmysf46398] {
    padding: 0 6px 12px;
  }

  .registro-hero[b-vmysf46398] {
    padding: 10px;
  }

  .registro-section[b-vmysf46398] {
    padding: 9px;
  }
}
/* /Components/Pages/Registro/UsuarioIndependiente.razor.rz.scp.css */
.registro-shell[b-p79t2ciy1k] {
  max-width: 1120px;
  margin: 0 auto;
  padding: 0 16px 24px;
}

.registro-hero[b-p79t2ciy1k] {
  border-radius: 16px;
  border: 1px solid rgba(26, 68, 104, 0.18);
  background: linear-gradient(120deg, #f9fcff 0%, #f4f9ff 52%, #f7fcfb 100%);
  padding: 16px;
  margin-bottom: 14px;
}

.registro-hero-title[b-p79t2ciy1k] {
  color: #12395c;
  font-weight: 700;
  line-height: 1.2;
}

.registro-hero-subtitle[b-p79t2ciy1k] {
  color: rgba(18, 57, 92, 0.78);
}

.registro-card[b-p79t2ciy1k] {
  border-radius: 16px;
  border: 1px solid rgba(19, 59, 91, 0.1);
}

.registro-section[b-p79t2ciy1k] {
  border: 1px solid rgba(18, 57, 92, 0.14);
  border-radius: 12px;
  padding: 14px;
  background: #fbfdff;
}

.registro-section-title[b-p79t2ciy1k] {
  color: #12395c;
  font-weight: 600;
  margin-bottom: 10px;
}

.registro-actions[b-p79t2ciy1k] {
  width: 100%;
  justify-content: flex-end;
}

.registro-actions .mud-button-root[b-p79t2ciy1k] {
  min-width: 180px;
}

@media (max-width: 768px) {
  .registro-shell[b-p79t2ciy1k] {
    max-width: 100%;
    padding: 0 8px 14px;
  }

  .registro-hero[b-p79t2ciy1k] {
    padding: 12px;
    margin-bottom: 10px;
  }

  .registro-hero-title[b-p79t2ciy1k] {
    font-size: 1.02rem;
    margin-bottom: 2px;
  }

  .registro-hero-subtitle[b-p79t2ciy1k] {
    font-size: 0.84rem;
    margin-bottom: 0;
  }

  .registro-card[b-p79t2ciy1k],
  .registro-section[b-p79t2ciy1k] {
    border-radius: 10px;
  }

  .registro-section[b-p79t2ciy1k] {
    padding: 10px;
  }

  .registro-section-title[b-p79t2ciy1k] {
    font-size: 0.96rem;
    margin-bottom: 8px;
  }

  .registro-actions[b-p79t2ciy1k] {
    flex-direction: column;
  }

  .registro-actions .mud-button-root[b-p79t2ciy1k] {
    width: 100%;
    min-width: 0;
  }
}

@media (max-width: 480px) {
  .registro-shell[b-p79t2ciy1k] {
    padding: 0 6px 12px;
  }

  .registro-hero[b-p79t2ciy1k] {
    padding: 10px;
  }

  .registro-section[b-p79t2ciy1k] {
    padding: 9px;
  }
}
/* /Components/Pages/Tesoreria/GestionCobro/NetpayManager.razor.rz.scp.css */
.netpay-hero[b-fghnxdw1e9] {
    border: 1px solid rgba(25, 118, 210, 0.18);
    border-radius: 12px;
    background: linear-gradient(180deg, rgba(25, 118, 210, 0.08), rgba(25, 118, 210, 0.03));
}

.netpay-hero-icon[b-fghnxdw1e9] {
    box-shadow: 0 8px 18px rgba(25, 118, 210, 0.25);
}

.netpay-stat[b-fghnxdw1e9] {
    border: 1px solid rgba(0, 0, 0, 0.08);
    border-radius: 10px;
    min-height: 92px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    gap: 2px;
    background: #fff;
}

.netpay-toolbar[b-fghnxdw1e9] {
    border: 1px solid rgba(0, 0, 0, 0.08);
    border-radius: 10px;
    background: #fbfdff;
}

.netpay-empty[b-fghnxdw1e9] {
    border: 1px dashed rgba(25, 118, 210, 0.35);
    border-radius: 12px;
    background: linear-gradient(180deg, rgba(25, 118, 210, 0.05), rgba(25, 118, 210, 0.015));
}

.netpay-truncate[b-fghnxdw1e9] {
    max-width: 250px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

@media (max-width: 960px) {
    .netpay-truncate[b-fghnxdw1e9] {
        max-width: 180px;
    }
}
/* /Components/Pages/Tesoreria/GestionCobro/NetpayManagerDialog.razor.rz.scp.css */
.netpay-dialog-hero[b-9mt6r8shss] {
    border: 1px solid rgba(25, 118, 210, 0.18);
    border-radius: 12px;
    background: linear-gradient(180deg, rgba(25, 118, 210, 0.08), rgba(25, 118, 210, 0.02));
}

.section-card[b-9mt6r8shss] {
    border: 1px solid rgba(0, 0, 0, 0.08);
    border-radius: 10px;
    background: #fff;
}

.section-title[b-9mt6r8shss] {
    color: var(--mud-palette-primary);
    font-weight: 600;
}

.dialog-footer[b-9mt6r8shss] {
    border-top: 1px solid rgba(0, 0, 0, 0.08);
    padding-top: 12px;
    width: 100%;
    display: flex;
    justify-content: flex-end;
    gap: 8px;
}

@media (max-width: 960px) {
    .section-card[b-9mt6r8shss] {
        padding: 12px !important;
    }
}