/* _content/PelsaServiceDesk/Components/Layout/EmptyLayout.razor.rz.scp.css */
.empty-layout[b-mmslr0eqcb] {
    width: 100%;
    min-height: 100vh;
    min-height: 100dvh;
    margin: 0;
    padding: 0;
    overflow-x: hidden;
}
/* _content/PelsaServiceDesk/Components/Layout/MainLayout.razor.rz.scp.css */
.page[b-89tuf2k4e6] {
    position: relative;
    display: flex;
    flex-direction: column;
}

main[b-89tuf2k4e6] {
    flex: 1;
}

.sidebar[b-89tuf2k4e6] {
    background-image: linear-gradient(180deg, rgb(5, 39, 103) 0%, #3a0647 70%);
}

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

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

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

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

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

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

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

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

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

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

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

#blazor-error-ui[b-89tuf2k4e6] {
    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-89tuf2k4e6] {
        cursor: pointer;
        position: absolute;
        right: 0.75rem;
        top: 0.5rem;
    }


.layout-loading[b-89tuf2k4e6] {
    min-height: 100vh;
    background: #f8fafc;
    display: flex;
    align-items: center;
    justify-content: center;
}

.layout-loading-card[b-89tuf2k4e6] {
    background: white;
    border: 1px solid #e7eaf0;
    border-radius: 24px;
    padding: 2rem;
    min-width: 280px;
    text-align: center;
    box-shadow: 0 18px 40px rgba(15, 23, 42, .08);
}

.layout-loading-logo[b-89tuf2k4e6] {
    width: 58px;
    height: 58px;
    border-radius: 18px;
    background: #ffc400;
    color: #0b2d5c;
    font-weight: 950;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 auto .85rem auto;
}

.layout-loading-card strong[b-89tuf2k4e6] {
    display: block;
    color: #101828;
    font-size: 1rem;
    margin-bottom: .25rem;
}

.layout-loading-card span[b-89tuf2k4e6] {
    color: #667085;
    font-size: .85rem;
}


.user-menu-wrap[b-89tuf2k4e6] {
    position: relative;
}

.user-pill-button[b-89tuf2k4e6] {
    border: none;
    cursor: pointer;
    background: white;
}

.user-dropdown[b-89tuf2k4e6] {
    position: absolute;
    top: calc(100% + .5rem);
    right: 0;
    width: 230px;
    background: white;
    border: 1px solid #e7eaf0;
    border-radius: 18px;
    padding: .45rem;
    box-shadow: 0 18px 40px rgba(15, 23, 42, .14);
    z-index: 100;
}

    .user-dropdown button[b-89tuf2k4e6] {
        width: 100%;
        border: none;
        background: transparent;
        text-align: left;
        padding: .75rem .8rem;
        border-radius: 13px;
        cursor: pointer;
        font-weight: 800;
        color: #334155;
    }

        .user-dropdown button:hover[b-89tuf2k4e6] {
            background: #eef2ff;
            color: #1f4fd8;
        }

        .user-dropdown button.danger[b-89tuf2k4e6] {
            color: #991b1b;
        }

            .user-dropdown button.danger:hover[b-89tuf2k4e6] {
                background: #fee2e2;
                color: #991b1b;
            }

.user-dropdown-separator[b-89tuf2k4e6] {
    height: 1px;
    background: #e7eaf0;
    margin: .35rem 0;
}

.help-chat-box[b-89tuf2k4e6] {
    position: relative;
}

.help-chat-btn[b-89tuf2k4e6] {
    background: white;
}

.help-chat-dropdown[b-89tuf2k4e6] {
    position: absolute;
    top: calc(100% + .5rem);
    right: 0;
    width: 250px;
    background: white;
    border: 1px solid #e7eaf0;
    border-radius: 18px;
    padding: .55rem;
    box-shadow: 0 18px 40px rgba(15, 23, 42, .14);
    z-index: 120;
}

.help-chat-header[b-89tuf2k4e6] {
    padding: .65rem .75rem .55rem;
    border-bottom: 1px solid #e7eaf0;
    margin-bottom: .35rem;
}

    .help-chat-header strong[b-89tuf2k4e6] {
        display: block;
        color: #101828;
        font-size: .92rem;
        font-weight: 900;
    }

    .help-chat-header small[b-89tuf2k4e6] {
        display: block;
        color: #667085;
        margin-top: .15rem;
        font-size: .78rem;
    }

.help-chat-dropdown button[b-89tuf2k4e6] {
    width: 100%;
    border: none;
    background: transparent;
    text-align: left;
    padding: .75rem .8rem;
    border-radius: 13px;
    cursor: pointer;
    font-weight: 800;
    color: #334155;
    display: flex;
    flex-direction: column;
    gap: .12rem;
}

    .help-chat-dropdown button:hover:not(:disabled)[b-89tuf2k4e6] {
        background: #eef2ff;
        color: #1f4fd8;
    }

    .help-chat-dropdown button:disabled[b-89tuf2k4e6] {
        opacity: .65;
        cursor: not-allowed;
    }

    .help-chat-dropdown button small[b-89tuf2k4e6] {
        color: #667085;
        font-size: .72rem;
        font-weight: 700;
    }

@media (max-width: 700px) {
    .help-chat-dropdown[b-89tuf2k4e6] {
        right: -80px;
        width: 235px;
    }
}

.notification-dropdown[b-89tuf2k4e6] {
    z-index: 110;
}

.user-dropdown[b-89tuf2k4e6] {
    z-index: 130;
}

.help-chat-dropdown[b-89tuf2k4e6] {
    z-index: 120;
}
/* Menus superiores: cierre al hacer click fuera y capas sin solapamiento */
.topbar-dismiss-layer[b-89tuf2k4e6]{position:fixed;left:0;right:0;top:86px;bottom:0;border:0;background:transparent;z-index:90;cursor:default}.notification-box[b-89tuf2k4e6],.help-chat-box[b-89tuf2k4e6],.user-menu-wrap[b-89tuf2k4e6],.topbar-tech-host[b-89tuf2k4e6]{position:relative;z-index:150}.notification-dropdown[b-89tuf2k4e6],.help-chat-dropdown[b-89tuf2k4e6],.user-dropdown[b-89tuf2k4e6]{max-width:calc(100vw - 24px);z-index:170}.theme-toggle-btn[b-89tuf2k4e6]{display:grid;place-items:center}.theme-dark .theme-toggle-btn[b-89tuf2k4e6]{background:#162235;color:#f8fafc;border-color:#334155}



.ssde-topbar-actions[b-89tuf2k4e6] {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: .65rem;
    flex-wrap: nowrap !important;
    min-width: max-content;
    white-space: nowrap;
}

    .ssde-topbar-actions > *[b-89tuf2k4e6] {
        flex: 0 0 auto;
    }


.topbar[b-89tuf2k4e6] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    min-width: 0;
    overflow: visible;
}
/* _content/PelsaServiceDesk/Components/Layout/NavMenu.razor.rz.scp.css */
.navbar-toggler[b-0hvj42e9ak] {
    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(255, 255, 255, 0.1);
}

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

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

.navbar-brand[b-0hvj42e9ak] {
    font-size: 1.1rem;
}

.bi[b-0hvj42e9ak] {
    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-0hvj42e9ak] {
    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-0hvj42e9ak] {
    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-0hvj42e9ak] {
    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-0hvj42e9ak] {
    font-size: 0.9rem;
    padding-bottom: 0.5rem;
}

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

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

    .nav-item[b-0hvj42e9ak]  .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-0hvj42e9ak]  a.active {
    background-color: rgba(255,255,255,0.37);
    color: white;
}

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

.nav-scrollable[b-0hvj42e9ak] {
    display: none;
}

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

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

    .nav-scrollable[b-0hvj42e9ak] {
        /* Never collapse the sidebar for wide screens */
        display: block;

        /* Allow sidebar to scroll for tall menus */
        height: calc(100vh - 3.5rem);
        overflow-y: auto;
    }
}
/* _content/PelsaServiceDesk/Components/Pages/Auth/CambiarPassword.razor.rz.scp.css */
.password-page[b-5l9o4z0613] {
    min-height: calc(100vh - 160px);
    display: flex;
    align-items: flex-start;
    justify-content: center;
    padding: 1.25rem;
}

.password-card[b-5l9o4z0613] {
    width: min(560px, 100%);
    background: white;
    border: 1px solid #e7eaf0;
    border-radius: 24px;
    padding: 1.25rem;
    box-shadow: 0 14px 34px rgba(15, 23, 42, .08);
}

.password-header h1[b-5l9o4z0613] {
    margin: 0;
    color: #101828;
    font-weight: 900;
}

.password-header p[b-5l9o4z0613] {
    color: #667085;
    margin: .25rem 0 1rem;
}

.form-group[b-5l9o4z0613] {
    margin-bottom: .85rem;
}

    .form-group label[b-5l9o4z0613] {
        display: block;
        font-size: .78rem;
        font-weight: 800;
        color: #667085;
        margin-bottom: .25rem;
    }

    .form-group input[b-5l9o4z0613] {
        width: 100%;
        border: 1px solid #d0d5dd;
        border-radius: 13px;
        padding: .75rem .85rem;
        outline: none;
        background: #f8fafc;
    }

        .form-group input:focus[b-5l9o4z0613] {
            border-color: #1f4fd8;
            box-shadow: 0 0 0 3px rgba(31, 79, 216, .12);
            background: white;
        }

.password-rules[b-5l9o4z0613] {
    background: #f8fafc;
    border: 1px solid #e7eaf0;
    border-radius: 16px;
    padding: .85rem;
    display: flex;
    flex-direction: column;
    gap: .25rem;
    margin-bottom: 1rem;
    color: #475467;
    font-size: .85rem;
}

    .password-rules strong[b-5l9o4z0613] {
        color: #101828;
    }

.btn-primary-password[b-5l9o4z0613] {
    width: 100%;
    border: none;
    background: #1f4fd8;
    color: white;
    border-radius: 13px;
    padding: .85rem 1rem;
    font-weight: 900;
    cursor: pointer;
}

.password-message[b-5l9o4z0613] {
    border-radius: 13px;
    padding: .75rem;
    font-weight: 800;
    margin-bottom: .85rem;
}

    .password-message.ok[b-5l9o4z0613] {
        background: #dcfce7;
        color: #166534;
    }

    .password-message.error[b-5l9o4z0613] {
        background: #fee2e2;
        color: #991b1b;
    }


.password-strength-card[b-5l9o4z0613] {
    background: #f8fafc;
    border: 1px solid #e7eaf0;
    border-radius: 16px;
    padding: .95rem;
    margin-bottom: 1rem;
}

.password-strength-head[b-5l9o4z0613] {
    display: flex;
    justify-content: space-between;
    gap: .75rem;
    align-items: center;
    margin-bottom: .75rem;
}

    .password-strength-head strong[b-5l9o4z0613] {
        color: #101828;
        font-weight: 950;
    }

.strength-label[b-5l9o4z0613] {
    background: #f1f5f9;
    color: #64748b;
    border-radius: 999px;
    padding: .28rem .65rem;
    font-size: .75rem;
    font-weight: 950;
}

    .strength-label.weak[b-5l9o4z0613] {
        background: #fee2e2;
        color: #991b1b;
    }

    .strength-label.medium[b-5l9o4z0613] {
        background: #fef3c7;
        color: #92400e;
    }

    .strength-label.strong[b-5l9o4z0613] {
        background: #dcfce7;
        color: #166534;
    }

.password-strength-bar[b-5l9o4z0613] {
    height: 10px;
    background: #e2e8f0;
    border-radius: 999px;
    overflow: hidden;
    margin-bottom: .9rem;
}

.strength-fill[b-5l9o4z0613] {
    height: 100%;
    width: 0;
    background: #cbd5e1;
    border-radius: 999px;
    transition: width .25s ease, background .25s ease;
}

    .strength-fill.weak[b-5l9o4z0613] {
        background: linear-gradient(90deg, #ef4444, #f97316);
    }

    .strength-fill.medium[b-5l9o4z0613] {
        background: linear-gradient(90deg, #f59e0b, #eab308);
    }

    .strength-fill.strong[b-5l9o4z0613] {
        background: linear-gradient(90deg, #22c55e, #16a34a);
    }

.password-rules-modern[b-5l9o4z0613] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: .5rem;
}

.password-rule-pending[b-5l9o4z0613],
.password-rule-ok[b-5l9o4z0613] {
    display: flex;
    align-items: center;
    gap: .45rem;
    border-radius: 12px;
    padding: .55rem .65rem;
    font-size: .82rem;
    font-weight: 800;
    transition: all .2s ease;
}

.password-rule-pending[b-5l9o4z0613] {
    background: white;
    border: 1px solid #e7eaf0;
    color: #64748b;
}

    .password-rule-pending span[b-5l9o4z0613] {
        width: 20px;
        height: 20px;
        border-radius: 999px;
        background: #f1f5f9;
        color: #94a3b8;
        display: inline-flex;
        align-items: center;
        justify-content: center;
        font-weight: 950;
    }

.password-rule-ok[b-5l9o4z0613] {
    background: #ecfdf5;
    border: 1px solid #bbf7d0;
    color: #166534;
    transform: scale(1.01);
}

    .password-rule-ok span[b-5l9o4z0613] {
        width: 20px;
        height: 20px;
        border-radius: 999px;
        background: #22c55e;
        color: white;
        display: inline-flex;
        align-items: center;
        justify-content: center;
        font-weight: 950;
    }

@media (max-width: 700px) {
    .password-rules-modern[b-5l9o4z0613] {
        grid-template-columns: 1fr;
    }

    .password-strength-head[b-5l9o4z0613] {
        flex-direction: column;
        align-items: flex-start;
    }
}
/* _content/PelsaServiceDesk/Components/Pages/Auth/Login.razor.rz.scp.css */
.premium-login[b-4bilz9m4b2] {
    width: 100%;
    min-height: 100vh;
    min-height: 100dvh;
    display: grid;
    grid-template-columns: minmax(620px, 1.08fr) minmax(520px, .92fr);
    overflow: hidden;
    background: #f8fafc;
}

/* ==========================================================
   PANEL IZQUIERDO
========================================================== */

.premium-brand-panel[b-4bilz9m4b2] {
    position: relative;
    min-height: 100vh;
    min-height: 100dvh;
    overflow: hidden;
    padding: clamp(2rem, 4vw, 4rem) clamp(2rem, 5vw, 5rem);
    color: white;
    background: radial-gradient( circle at 8% 9%, rgba(255, 195, 0, .16), transparent 25% ), radial-gradient( circle at 88% 78%, rgba(59, 130, 246, .26), transparent 32% ), linear-gradient( 145deg, #07182e 0%, #0b2545 43%, #143a66 100% );
}

.premium-background-grid[b-4bilz9m4b2] {
    position: absolute;
    inset: 0;
    opacity: .22;
    background-image: linear-gradient( rgba(255, 255, 255, .03) 1px, transparent 1px ), linear-gradient( 90deg, rgba(255, 255, 255, .03) 1px, transparent 1px );
    background-size: 54px 54px;
    mask-image: linear-gradient( to bottom, rgba(0, 0, 0, .9), transparent 82% );
    pointer-events: none;
}

.premium-glow[b-4bilz9m4b2] {
    position: absolute;
    border-radius: 999px;
    filter: blur(1px);
    pointer-events: none;
}

.premium-glow-one[b-4bilz9m4b2] {
    width: 440px;
    height: 440px;
    top: 28%;
    right: -260px;
    background: radial-gradient( circle, rgba(59, 130, 246, .18), transparent 69% );
}

.premium-glow-two[b-4bilz9m4b2] {
    width: 360px;
    height: 360px;
    left: -230px;
    bottom: -190px;
    background: radial-gradient( circle, rgba(255, 195, 0, .12), transparent 69% );
}

.premium-orbit[b-4bilz9m4b2] {
    position: absolute;
    border: 1px solid rgba(255, 255, 255, .07);
    border-radius: 999px;
    pointer-events: none;
}

.premium-orbit-one[b-4bilz9m4b2] {
    width: 430px;
    height: 430px;
    top: -245px;
    right: -135px;
}

.premium-orbit-two[b-4bilz9m4b2] {
    width: 250px;
    height: 250px;
    left: -155px;
    bottom: -120px;
}

.premium-brand-container[b-4bilz9m4b2] {
    position: relative;
    z-index: 2;
    width: min(820px, 100%);
    min-height: calc(100vh - clamp(4rem, 8vw, 8rem));
    min-height: calc(100dvh - clamp(4rem, 8vw, 8rem));
    margin: 0 auto;
    display: flex;
    flex-direction: column;
}

/* ==========================================================
   ENCABEZADO DE MARCA
========================================================== */

.premium-brand-header[b-4bilz9m4b2] {
    display: flex;
    align-items: center;
    gap: .9rem;
}

.premium-brand-logo[b-4bilz9m4b2] {
    position: relative;
    width: 54px;
    height: 54px;
    display: grid;
    place-items: center;
    border: 1px solid rgba(255, 195, 0, .9);
    border-radius: 17px;
    background: linear-gradient( 145deg, rgba(255, 255, 255, .15), rgba(255, 255, 255, .04) );
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, .22), 0 18px 42px rgba(0, 0, 0, .18);
}

    .premium-brand-logo span[b-4bilz9m4b2] {
        color: white;
        font-size: 1rem;
        font-weight: 950;
        letter-spacing: -.04em;
    }

    .premium-brand-logo i[b-4bilz9m4b2] {
        position: absolute;
        right: -4px;
        bottom: -4px;
        width: 15px;
        height: 15px;
        border: 3px solid #0b2545;
        border-radius: 999px;
        background: #22c55e;
        box-shadow: 0 0 0 4px rgba(34, 197, 94, .13);
    }

.premium-brand-name strong[b-4bilz9m4b2],
.premium-brand-name span[b-4bilz9m4b2] {
    display: block;
}

.premium-brand-name strong[b-4bilz9m4b2] {
    color: white;
    font-size: 1.05rem;
    font-weight: 950;
    letter-spacing: .055em;
}

.premium-brand-name span[b-4bilz9m4b2] {
    margin-top: .14rem;
    color: rgba(255, 255, 255, .57);
    font-size: .68rem;
    font-weight: 800;
    text-transform: uppercase;
    letter-spacing: .12em;
}

/* ==========================================================
   HERO
========================================================== */

.premium-hero[b-4bilz9m4b2] {
    margin-top: auto;
    margin-bottom: auto;
    padding: clamp(2rem, 4vw, 3.4rem) 0;
}

.premium-hero-badge[b-4bilz9m4b2] {
    width: fit-content;
    display: inline-flex;
    align-items: center;
    gap: .48rem;
    padding: .46rem .78rem;
    border: 1px solid rgba(255, 255, 255, .13);
    border-radius: 999px;
    background: rgba(255, 255, 255, .07);
    color: #fde68a;
    font-size: .7rem;
    font-weight: 950;
    text-transform: uppercase;
    letter-spacing: .1em;
    backdrop-filter: blur(12px);
    -webkit-backdrop-filter: blur(12px);
}

.premium-badge-dot[b-4bilz9m4b2] {
    width: 7px;
    height: 7px;
    border-radius: 999px;
    background: #22c55e;
    box-shadow: 0 0 0 4px rgba(34, 197, 94, .13);
}

.premium-hero-title[b-4bilz9m4b2] {
    max-width: 780px;
    margin: 1.15rem 0 0;
    color: white;
    font-size: clamp(3.1rem, 5.2vw, 5.35rem);
    line-height: .97;
    font-weight: 950;
    letter-spacing: -.058em;
    border: none !important;
    outline: none !important;
    box-shadow: none !important;
    background: transparent !important;
    user-select: text;
}

    .premium-hero-title:focus[b-4bilz9m4b2],
    .premium-hero-title:focus-visible[b-4bilz9m4b2],
    .premium-hero-title:active[b-4bilz9m4b2] {
        border: none !important;
        outline: none !important;
        box-shadow: none !important;
    }

    .premium-hero-title span[b-4bilz9m4b2] {
        display: block;
        color: transparent;
        background: linear-gradient( 90deg, #ffffff 0%, #dbeafe 44%, #facc15 125% );
        background-clip: text;
        -webkit-background-clip: text;
        border: none !important;
        outline: none !important;
    }

.premium-hero-description[b-4bilz9m4b2] {
    max-width: 690px;
    margin: 1.25rem 0 0;
    color: rgba(255, 255, 255, .7);
    font-size: clamp(.98rem, 1.25vw, 1.14rem);
    line-height: 1.65;
    font-weight: 650;
}

.premium-capabilities[b-4bilz9m4b2] {
    margin-top: 1.25rem;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: .48rem;
}

    .premium-capabilities span[b-4bilz9m4b2] {
        padding: .42rem .68rem;
        border: 1px solid rgba(255, 255, 255, .09);
        border-radius: 999px;
        background: rgba(255, 255, 255, .045);
        color: rgba(255, 255, 255, .72);
        font-size: .68rem;
        font-weight: 850;
    }

/* ==========================================================
   VISTA PREVIA DEL PRODUCTO
========================================================== */

.premium-product-preview[b-4bilz9m4b2] {
    position: relative;
    margin-top: 1.8rem;
    padding: 1rem;
    border: 1px solid rgba(255, 255, 255, .11);
    border-radius: 26px;
    background: linear-gradient( 145deg, rgba(255, 255, 255, .10), rgba(255, 255, 255, .045) );
    box-shadow: 0 30px 70px rgba(1, 10, 25, .22), inset 0 1px 0 rgba(255, 255, 255, .08);
    backdrop-filter: blur(18px);
    -webkit-backdrop-filter: blur(18px);
}

    .premium-product-preview[b-4bilz9m4b2]::before {
        content: "";
        position: absolute;
        inset: 0;
        border-radius: inherit;
        padding: 1px;
        background: linear-gradient( 135deg, rgba(255, 255, 255, .20), transparent 35%, rgba(255, 195, 0, .13) );
        mask: linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0);
        mask-composite: exclude;
        -webkit-mask-composite: xor;
        pointer-events: none;
    }

.premium-preview-header[b-4bilz9m4b2] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    padding: .3rem .35rem .85rem;
}

    .premium-preview-header small[b-4bilz9m4b2],
    .premium-preview-header strong[b-4bilz9m4b2] {
        display: block;
    }

    .premium-preview-header small[b-4bilz9m4b2] {
        color: rgba(255, 255, 255, .48);
        font-size: .66rem;
        font-weight: 750;
    }

    .premium-preview-header strong[b-4bilz9m4b2] {
        margin-top: .13rem;
        color: white;
        font-size: .86rem;
        font-weight: 950;
    }

.premium-live-status[b-4bilz9m4b2] {
    display: inline-flex;
    align-items: center;
    gap: .38rem;
    padding: .36rem .58rem;
    border-radius: 999px;
    background: rgba(34, 197, 94, .11);
    color: #bbf7d0;
    font-size: .65rem;
    font-weight: 900;
}

    .premium-live-status i[b-4bilz9m4b2] {
        width: 7px;
        height: 7px;
        border-radius: 999px;
        background: #22c55e;
        box-shadow: 0 0 0 4px rgba(34, 197, 94, .11);
    }

.premium-preview-metrics[b-4bilz9m4b2] {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: .65rem;
}

.premium-preview-metric[b-4bilz9m4b2] {
    padding: .8rem;
    border: 1px solid rgba(255, 255, 255, .075);
    border-radius: 17px;
    background: rgba(4, 18, 38, .23);
}

    .premium-preview-metric span[b-4bilz9m4b2],
    .premium-preview-metric strong[b-4bilz9m4b2],
    .premium-preview-metric small[b-4bilz9m4b2] {
        display: block;
    }

    .premium-preview-metric span[b-4bilz9m4b2] {
        color: rgba(255, 255, 255, .54);
        font-size: .63rem;
        font-weight: 750;
    }

    .premium-preview-metric strong[b-4bilz9m4b2] {
        margin-top: .3rem;
        color: white;
        font-size: 1.35rem;
        font-weight: 950;
    }

    .premium-preview-metric small[b-4bilz9m4b2] {
        margin-top: .2rem;
        color: rgba(255, 255, 255, .43);
        font-size: .58rem;
        font-weight: 700;
    }

.premium-preview-ticket[b-4bilz9m4b2] {
    margin-top: .65rem;
    padding: .75rem;
    display: grid;
    grid-template-columns: 38px minmax(0, 1fr) auto;
    align-items: center;
    gap: .7rem;
    border: 1px solid rgba(255, 255, 255, .075);
    border-radius: 17px;
    background: rgba(4, 18, 38, .23);
}

.premium-ticket-icon[b-4bilz9m4b2] {
    width: 38px;
    height: 38px;
    display: grid;
    place-items: center;
    border-radius: 12px;
    background: rgba(255, 195, 0, .12);
    color: #facc15;
}

    .premium-ticket-icon svg[b-4bilz9m4b2] {
        width: 20px;
        height: 20px;
    }

.premium-ticket-copy[b-4bilz9m4b2] {
    min-width: 0;
}

    .premium-ticket-copy strong[b-4bilz9m4b2],
    .premium-ticket-copy span[b-4bilz9m4b2] {
        display: block;
    }

    .premium-ticket-copy strong[b-4bilz9m4b2] {
        color: white;
        font-size: .7rem;
        font-weight: 900;
    }

    .premium-ticket-copy span[b-4bilz9m4b2] {
        margin-top: .16rem;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        color: rgba(255, 255, 255, .45);
        font-size: .61rem;
        font-weight: 700;
    }

.premium-ticket-priority[b-4bilz9m4b2] {
    padding: .32rem .48rem;
    border-radius: 999px;
    background: rgba(239, 68, 68, .13);
    color: #fecaca;
    font-size: .6rem;
    font-weight: 900;
}

/* ==========================================================
   FOOTER IZQUIERDO
========================================================== */

.premium-brand-footer[b-4bilz9m4b2] {
    padding-top: 1rem;
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    gap: 1rem;
    border-top: 1px solid rgba(255, 255, 255, .08);
}

    .premium-brand-footer span[b-4bilz9m4b2],
    .premium-brand-footer strong[b-4bilz9m4b2] {
        display: block;
    }

    .premium-brand-footer span[b-4bilz9m4b2] {
        color: rgba(255, 255, 255, .4);
        font-size: .63rem;
        font-weight: 700;
    }

    .premium-brand-footer strong[b-4bilz9m4b2] {
        margin-top: .15rem;
        color: rgba(255, 255, 255, .88);
        font-size: .7rem;
        font-weight: 900;
    }

.premium-brand-version[b-4bilz9m4b2] {
    text-align: right;
}

/* ==========================================================
   PANEL DERECHO
========================================================== */

.premium-access-panel[b-4bilz9m4b2] {
    position: relative;
    min-height: 100vh;
    min-height: 100dvh;
    overflow: hidden;
    padding: clamp(1.5rem, 4vw, 4rem);
    display: flex;
    align-items: center;
    justify-content: center;
    background: radial-gradient( circle at 92% 8%, rgba(20, 58, 102, .075), transparent 29% ), radial-gradient( circle at 0 96%, rgba(59, 130, 246, .055), transparent 24% ), #f8fafc;
}

.premium-access-decoration[b-4bilz9m4b2] {
    position: absolute;
    width: 390px;
    height: 390px;
    top: -230px;
    right: -190px;
    border: 1px solid rgba(20, 58, 102, .055);
    border-radius: 999px;
    pointer-events: none;
}

.premium-access-container[b-4bilz9m4b2] {
    position: relative;
    z-index: 2;
    width: min(520px, 100%);
}

.premium-mobile-brand[b-4bilz9m4b2] {
    display: none;
}

/* ==========================================================
   ENCABEZADO DE ACCESO
========================================================== */

.premium-access-header[b-4bilz9m4b2] {
    margin-bottom: 1.45rem;
}

.premium-access-kicker[b-4bilz9m4b2] {
    display: block;
    color: #2563eb;
    font-size: .68rem;
    font-weight: 950;
    text-transform: uppercase;
    letter-spacing: .12em;
}

.premium-access-header h2[b-4bilz9m4b2] {
    margin: .36rem 0 0;
    color: #101828;
    font-size: clamp(2.55rem, 4vw, 3.35rem);
    line-height: 1;
    font-weight: 950;
    letter-spacing: -.052em;
}

.premium-access-header p[b-4bilz9m4b2] {
    max-width: 450px;
    margin: .65rem 0 0;
    color: #667085;
    font-size: .9rem;
    line-height: 1.55;
    font-weight: 650;
}

/* ==========================================================
   MENSAJE DE ERROR
========================================================== */

.premium-error-message[b-4bilz9m4b2] {
    margin-bottom: .9rem;
    padding: .75rem;
    display: grid;
    grid-template-columns: 38px minmax(0, 1fr);
    align-items: center;
    gap: .65rem;
    border: 1px solid #fecaca;
    border-radius: 15px;
    background: #fef2f2;
    color: #991b1b;
}

.premium-error-icon[b-4bilz9m4b2] {
    width: 38px;
    height: 38px;
    display: grid;
    place-items: center;
    border-radius: 12px;
    background: #fee2e2;
}

    .premium-error-icon svg[b-4bilz9m4b2] {
        width: 21px;
        height: 21px;
    }

.premium-error-message strong[b-4bilz9m4b2],
.premium-error-message span[b-4bilz9m4b2] {
    display: block;
}

.premium-error-message strong[b-4bilz9m4b2] {
    font-size: .76rem;
    font-weight: 950;
}

.premium-error-message span[b-4bilz9m4b2] {
    margin-top: .16rem;
    font-size: .69rem;
    line-height: 1.35;
    font-weight: 700;
}

/* ==========================================================
   FORMULARIO
========================================================== */

.premium-login-form[b-4bilz9m4b2] {
    padding: 1.35rem;
    border: 1px solid #e4e7ec;
    border-radius: 23px;
    background: rgba(255, 255, 255, .94);
    box-shadow: 0 28px 75px rgba(15, 23, 42, .09), 0 2px 7px rgba(15, 23, 42, .035), inset 0 1px 0 rgba(255, 255, 255, .9);
    backdrop-filter: blur(15px);
    -webkit-backdrop-filter: blur(15px);
}

.premium-field[b-4bilz9m4b2] {
    margin-bottom: 1.05rem;
}

    .premium-field label[b-4bilz9m4b2] {
        display: block;
        margin-bottom: .42rem;
        color: #344054;
        font-size: .76rem;
        font-weight: 900;
    }

.premium-input-wrap[b-4bilz9m4b2] {
    position: relative;
    width: 100%;
}

.premium-input-icon[b-4bilz9m4b2] {
    position: absolute;
    z-index: 3;
    top: 50%;
    left: .68rem;
    width: 34px;
    height: 34px;
    transform: translateY(-50%);
    display: grid;
    place-items: center;
    border-radius: 11px;
    background: #eef2ff;
    color: #3730a3;
    pointer-events: none;
}

    .premium-input-icon svg[b-4bilz9m4b2] {
        width: 17px;
        height: 17px;
    }

/*
    InputText genera el input como componente hijo.
    ::deep permite aplicar el CSS aislado al elemento real.
*/
.premium-input-wrap[b-4bilz9m4b2]
 input.premium-input {
    width: 100%;
    height: 56px;
    display: block;
    padding: 0 1rem 0 3.4rem;
    border: 1px solid #d0d5dd;
    border-radius: 15px;
    background: #ffffff;
    color: #101828;
    font-family: inherit;
    font-size: .88rem;
    font-weight: 700;
    outline: none;
    transition: border-color .16s ease, box-shadow .16s ease, background-color .16s ease;
}

.premium-input-wrap[b-4bilz9m4b2]
 input.premium-password-input {
    padding-right: 6.4rem;
}

.premium-input-wrap[b-4bilz9m4b2]
 input.premium-input::placeholder {
    color: #98a2b3;
    font-weight: 600;
}

.premium-input-wrap[b-4bilz9m4b2]
 input.premium-input:hover:not(:disabled) {
    border-color: #98a2b3;
}

.premium-input-wrap[b-4bilz9m4b2]
 input.premium-input:focus {
    border-color: #153e75;
    background: #fbfdff;
    box-shadow: 0 0 0 4px rgba(21, 62, 117, .10);
}

.premium-input-wrap[b-4bilz9m4b2]
 input.premium-input:disabled {
    opacity: .68;
    cursor: wait;
}

.premium-password-toggle[b-4bilz9m4b2] {
    position: absolute;
    z-index: 4;
    top: 50%;
    right: .5rem;
    height: 38px;
    min-width: 82px;
    transform: translateY(-50%);
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: .35rem;
    border: none;
    border-radius: 11px;
    padding: 0 .62rem;
    background: #f2f4f7;
    color: #475467;
    font-family: inherit;
    font-size: .68rem;
    font-weight: 900;
    cursor: pointer;
    transition: background-color .16s ease, color .16s ease;
}

    .premium-password-toggle svg[b-4bilz9m4b2] {
        width: 16px;
        height: 16px;
    }

    .premium-password-toggle:hover:not(:disabled)[b-4bilz9m4b2] {
        background: #e4e7ec;
        color: #153e75;
    }

    .premium-password-toggle:focus-visible[b-4bilz9m4b2] {
        outline: 3px solid rgba(21, 62, 117, .16);
    }

    .premium-password-toggle:disabled[b-4bilz9m4b2] {
        opacity: .6;
        cursor: wait;
    }

.premium-field[b-4bilz9m4b2]
 .validation-message {
    display: block;
    margin-top: .34rem;
    color: #b42318;
    font-size: .67rem;
    font-weight: 750;
}

/* ==========================================================
   BOTÓN DE INGRESO
========================================================== */

.premium-submit-button[b-4bilz9m4b2] {
    width: 100%;
    min-height: 56px;
    margin-top: .2rem;
    padding: .75rem 1rem;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: .65rem;
    border: none;
    border-radius: 15px;
    background: linear-gradient( 135deg, #0b2545, #173f73 );
    color: white;
    font-family: inherit;
    font-size: .86rem;
    font-weight: 950;
    box-shadow: 0 15px 32px rgba(20, 58, 102, .23);
    cursor: pointer;
    transition: transform .16s ease, box-shadow .16s ease, opacity .16s ease;
}

    .premium-submit-button svg[b-4bilz9m4b2] {
        width: 18px;
        height: 18px;
        transition: transform .16s ease;
    }

    .premium-submit-button:hover:not(:disabled)[b-4bilz9m4b2] {
        transform: translateY(-2px);
        box-shadow: 0 20px 40px rgba(20, 58, 102, .28);
    }

        .premium-submit-button:hover:not(:disabled) svg[b-4bilz9m4b2] {
            transform: translateX(3px);
        }

    .premium-submit-button:focus-visible[b-4bilz9m4b2] {
        outline: 4px solid rgba(20, 58, 102, .15);
    }

    .premium-submit-button:disabled[b-4bilz9m4b2] {
        opacity: .66;
        cursor: wait;
    }

.premium-spinner[b-4bilz9m4b2] {
    width: 18px;
    height: 18px;
    border: 2px solid rgba(255, 255, 255, .30);
    border-top-color: white;
    border-radius: 999px;
    animation: premiumSpin-b-4bilz9m4b2 .7s linear infinite;
}

@keyframes premiumSpin-b-4bilz9m4b2 {
    to {
        transform: rotate(360deg);
    }
}

/* ==========================================================
   SEGURIDAD
========================================================== */

.premium-security-card[b-4bilz9m4b2] {
    margin-top: .95rem;
    padding: .75rem;
    display: grid;
    grid-template-columns: 38px minmax(0, 1fr);
    align-items: center;
    gap: .65rem;
    border: 1px solid #e4e7ec;
    border-radius: 15px;
    background: rgba(255, 255, 255, .65);
}

.premium-security-icon[b-4bilz9m4b2] {
    width: 38px;
    height: 38px;
    display: grid;
    place-items: center;
    border-radius: 12px;
    background: #dcfce7;
    color: #166534;
}

    .premium-security-icon svg[b-4bilz9m4b2] {
        width: 20px;
        height: 20px;
    }

.premium-security-card strong[b-4bilz9m4b2],
.premium-security-card span[b-4bilz9m4b2] {
    display: block;
}

.premium-security-card strong[b-4bilz9m4b2] {
    color: #344054;
    font-size: .7rem;
    font-weight: 950;
}

.premium-security-card span[b-4bilz9m4b2] {
    margin-top: .14rem;
    color: #667085;
    font-size: .63rem;
    line-height: 1.38;
    font-weight: 650;
}

/* ==========================================================
   FOOTER DERECHO
========================================================== */

.premium-access-footer[b-4bilz9m4b2] {
    margin-top: 1.25rem;
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    gap: 1rem;
}

    .premium-access-footer > div:last-child[b-4bilz9m4b2] {
        text-align: right;
    }

    .premium-access-footer strong[b-4bilz9m4b2],
    .premium-access-footer span[b-4bilz9m4b2] {
        display: block;
    }

    .premium-access-footer strong[b-4bilz9m4b2] {
        color: #475467;
        font-size: .66rem;
        font-weight: 900;
    }

    .premium-access-footer span[b-4bilz9m4b2] {
        margin-top: .1rem;
        color: #98a2b3;
        font-size: .6rem;
        font-weight: 700;
    }

/* ==========================================================
   RESPONSIVE: PANTALLAS INTERMEDIAS
========================================================== */

@media (max-width: 1250px) {
    .premium-login[b-4bilz9m4b2] {
        grid-template-columns: minmax(520px, 1fr) minmax(480px, .9fr);
    }

    .premium-brand-panel[b-4bilz9m4b2] {
        padding: 2.5rem;
    }

    .premium-hero-title[b-4bilz9m4b2] {
        font-size: clamp(2.8rem, 4.8vw, 4rem);
    }
}

/* ==========================================================
   RESPONSIVE: TABLET Y MÓVIL
========================================================== */

@media (max-width: 1050px) {
    .premium-login[b-4bilz9m4b2] {
        display: block;
        min-height: 100vh;
        min-height: 100dvh;
    }

    .premium-brand-panel[b-4bilz9m4b2] {
        display: none;
    }

    .premium-access-panel[b-4bilz9m4b2] {
        min-height: 100vh;
        min-height: 100dvh;
        padding: 2rem;
    }

    .premium-access-container[b-4bilz9m4b2] {
        width: min(540px, 100%);
    }

    .premium-mobile-brand[b-4bilz9m4b2] {
        margin-bottom: 1.8rem;
        display: flex;
        align-items: center;
        justify-content: center;
        gap: .7rem;
    }

    .premium-mobile-logo[b-4bilz9m4b2] {
        position: relative;
        width: 50px;
        height: 50px;
        display: grid;
        place-items: center;
        border-radius: 15px;
        background: linear-gradient( 135deg, #0b2545, #143a66 );
        color: white;
        box-shadow: 0 15px 30px rgba(20, 58, 102, .20);
    }

        .premium-mobile-logo span[b-4bilz9m4b2] {
            font-size: .88rem;
            font-weight: 950;
        }

        .premium-mobile-logo i[b-4bilz9m4b2] {
            position: absolute;
            right: -3px;
            bottom: -3px;
            width: 13px;
            height: 13px;
            border: 3px solid #f8fafc;
            border-radius: 999px;
            background: #22c55e;
        }

    .premium-mobile-brand strong[b-4bilz9m4b2],
    .premium-mobile-brand small[b-4bilz9m4b2] {
        display: block;
    }

    .premium-mobile-brand strong[b-4bilz9m4b2] {
        color: #101828;
        font-size: .95rem;
        font-weight: 950;
    }

    .premium-mobile-brand small[b-4bilz9m4b2] {
        margin-top: .1rem;
        color: #667085;
        font-size: .66rem;
        font-weight: 750;
    }
}

@media (max-width: 600px) {
    .premium-access-panel[b-4bilz9m4b2] {
        align-items: flex-start;
        padding: max(1.1rem, env(safe-area-inset-top)) 1rem max(1.1rem, env(safe-area-inset-bottom));
    }

    .premium-access-container[b-4bilz9m4b2] {
        margin: auto 0;
    }

    .premium-mobile-brand[b-4bilz9m4b2] {
        justify-content: flex-start;
        margin-bottom: 1.25rem;
    }

    .premium-access-header[b-4bilz9m4b2] {
        margin-bottom: 1.15rem;
    }

        .premium-access-header h2[b-4bilz9m4b2] {
            font-size: 2.25rem;
        }

        .premium-access-header p[b-4bilz9m4b2] {
            font-size: .82rem;
        }

    .premium-login-form[b-4bilz9m4b2] {
        padding: 1rem;
        border-radius: 19px;
    }

    .premium-input-wrap[b-4bilz9m4b2]
     input.premium-input {
        height: 54px;
        font-size: .83rem;
    }

    .premium-password-toggle[b-4bilz9m4b2] {
        min-width: 72px;
    }

    .premium-submit-button[b-4bilz9m4b2] {
        min-height: 54px;
    }

    .premium-access-footer[b-4bilz9m4b2] {
        align-items: flex-start;
        flex-direction: column;
    }

        .premium-access-footer > div:last-child[b-4bilz9m4b2] {
            text-align: left;
        }
}

/* ==========================================================
   PANTALLAS BAJAS
========================================================== */

@media (max-height: 760px) and (min-width: 1051px) {
    .premium-brand-panel[b-4bilz9m4b2],
    .premium-access-panel[b-4bilz9m4b2] {
        padding-top: 1.5rem;
        padding-bottom: 1.5rem;
    }

    .premium-brand-container[b-4bilz9m4b2] {
        min-height: calc(100vh - 3rem);
    }

    .premium-hero[b-4bilz9m4b2] {
        padding: 1rem 0;
    }

    .premium-hero-title[b-4bilz9m4b2] {
        font-size: 3.15rem;
    }

    .premium-hero-description[b-4bilz9m4b2] {
        margin-top: .8rem;
        font-size: .9rem;
    }

    .premium-capabilities[b-4bilz9m4b2] {
        margin-top: .8rem;
    }

    .premium-product-preview[b-4bilz9m4b2] {
        margin-top: 1rem;
    }
}
/* _content/PelsaServiceDesk/Components/Pages/Auth/MiPerfil.razor.rz.scp.css */
.profile-page[b-3jnezhjjht] {
    padding: 1.25rem;
}

.profile-header[b-3jnezhjjht] {
    margin-bottom: 1rem;
}

    .profile-header h1[b-3jnezhjjht] {
        margin: 0;
        font-size: 1.7rem;
        font-weight: 900;
        color: #101828;
    }

    .profile-header p[b-3jnezhjjht] {
        margin: .25rem 0 0;
        color: #667085;
    }

.profile-grid[b-3jnezhjjht] {
    display: grid;
    grid-template-columns: 420px 1fr;
    gap: 1rem;
}

.profile-card[b-3jnezhjjht] {
    background: white;
    border: 1px solid #e7eaf0;
    border-radius: 22px;
    padding: 1rem;
    box-shadow: 0 10px 26px rgba(15, 23, 42, .06);
}

    .profile-card h3[b-3jnezhjjht] {
        margin: 0 0 1rem;
        color: #101828;
        font-weight: 900;
    }

.profile-info[b-3jnezhjjht] {
    display: flex;
    flex-direction: column;
    gap: .75rem;
}

    .profile-info div[b-3jnezhjjht] {
        background: #f8fafc;
        border: 1px solid #e7eaf0;
        border-radius: 14px;
        padding: .75rem;
    }

    .profile-info span[b-3jnezhjjht],
    .form-group label[b-3jnezhjjht] {
        display: block;
        font-size: .78rem;
        font-weight: 800;
        color: #667085;
        margin-bottom: .25rem;
    }

    .profile-info strong[b-3jnezhjjht] {
        display: block;
        color: #101828;
    }

.form-group[b-3jnezhjjht] {
    margin-bottom: .85rem;
}

    .form-group input[b-3jnezhjjht] {
        width: 100%;
        border: 1px solid #d0d5dd;
        border-radius: 13px;
        padding: .75rem .85rem;
        outline: none;
        background: #f8fafc;
    }

        .form-group input:focus[b-3jnezhjjht] {
            border-color: #1f4fd8;
            box-shadow: 0 0 0 3px rgba(31, 79, 216, .12);
            background: white;
        }

.btn-primary-profile[b-3jnezhjjht] {
    border: none;
    background: #1f4fd8;
    color: white;
    border-radius: 13px;
    padding: .8rem 1rem;
    font-weight: 900;
    cursor: pointer;
}

.profile-message[b-3jnezhjjht] {
    border-radius: 13px;
    padding: .75rem;
    font-weight: 800;
    margin-bottom: .85rem;
}

    .profile-message.ok[b-3jnezhjjht] {
        background: #dcfce7;
        color: #166534;
    }

    .profile-message.error[b-3jnezhjjht] {
        background: #fee2e2;
        color: #991b1b;
    }

@media (max-width: 900px) {
    .profile-grid[b-3jnezhjjht] {
        grid-template-columns: 1fr;
    }
}
/* _content/PelsaServiceDesk/Components/Pages/Conocimiento/CentroAyuda.razor.rz.scp.css */
.help-page[b-lkqvjehr3t] {
    min-height: 100%;
    padding-bottom: 2rem;
    background: #f5f8fc;
    color: #172033;
    max-width: 1480px;
    margin: 0 auto;
    border-radius: 24px;
    overflow: hidden;
}

.help-hero[b-lkqvjehr3t] {
    padding: 3.4rem 1rem 4.4rem;
    border-radius: 24px;
    color: #fff;
    background:
        radial-gradient(circle at 82% 22%, rgba(247,190,0,.28), transparent 25%),
        linear-gradient(135deg, #092f50, #0f5b96);
}

.help-hero-content[b-lkqvjehr3t] {
    max-width: 900px;
    margin: 0 auto;
    text-align: center;
}

.help-hero-content > span[b-lkqvjehr3t] {
    font-size: .75rem;
    font-weight: 800;
    letter-spacing: .12em;
    text-transform: uppercase;
    opacity: .78;
}

.help-hero h1[b-lkqvjehr3t] {
    margin: .45rem 0;
    font-size: clamp(2rem, 5vw, 3.6rem);
}

.help-hero p[b-lkqvjehr3t] {
    margin: 0 0 1.5rem;
    color: rgba(255,255,255,.8);
    font-size: 1.05rem;
}

.hero-search[b-lkqvjehr3t] {
    display: grid;
    grid-template-columns: 1fr auto;
    max-width: 760px;
    margin: 0 auto;
    padding: .45rem;
    border-radius: 15px;
    background: #fff;
    box-shadow: 0 18px 40px rgba(0,0,0,.22);
}

.hero-search input[b-lkqvjehr3t] {
    min-width: 0;
    padding: .9rem 1rem;
    border: 0;
    outline: 0;
    font: inherit;
}

.hero-search button[b-lkqvjehr3t],
.clear-button[b-lkqvjehr3t],
.useful-box button[b-lkqvjehr3t] {
    border: 0;
    border-radius: 10px;
    cursor: pointer;
    font: inherit;
    font-weight: 800;
}

.hero-search button[b-lkqvjehr3t] {
    padding: .8rem 1.25rem;
    color: #082b48;
    background: #f6bd00;
}

.help-body[b-lkqvjehr3t] {
    display: grid;
    grid-template-columns: 250px minmax(0, 1fr);
    gap: 1rem;
    max-width: 1320px;
    width: 100%;
    margin: 1.25rem auto 0;
    padding: 0 1.25rem;
    align-items: start;
}

.category-panel[b-lkqvjehr3t],
.articles-panel[b-lkqvjehr3t] {
    border: 1px solid #dfe6ee;
    border-radius: 18px;
    background: #fff;
    box-shadow: 0 12px 30px rgba(16,24,40,.06);
}

.category-panel[b-lkqvjehr3t] {
    position: sticky;
    top: 1rem;
    padding: 1rem;
}

.category-panel h2[b-lkqvjehr3t] {
    margin: 0 0 .7rem;
    font-size: 1rem;
}

.category-panel button[b-lkqvjehr3t] {
    display: flex;
    justify-content: space-between;
    gap: .7rem;
    width: 100%;
    margin-bottom: .35rem;
    padding: .7rem .75rem;
    border: 0;
    border-radius: 9px;
    color: #4a5568;
    background: transparent;
    cursor: pointer;
    text-align: left;
}

.category-panel button.active[b-lkqvjehr3t] {
    color: #0f4c81;
    background: #eaf4fb;
    font-weight: 800;
}

.category-panel button strong[b-lkqvjehr3t] {
    min-width: 27px;
    padding: .12rem .35rem;
    border-radius: 999px;
    text-align: center;
    color: #64748b;
    background: #eef2f6;
    font-size: .72rem;
}

.articles-panel[b-lkqvjehr3t] { padding: 1.2rem; }

.articles-panel[b-lkqvjehr3t] {
    min-height: 430px;
}

.articles-heading[b-lkqvjehr3t] {
    display: flex;
    justify-content: space-between;
    gap: 1rem;
    align-items: flex-end;
    margin-bottom: 1rem;
}

.articles-heading span[b-lkqvjehr3t] {
    color: #667085;
    font-size: .78rem;
}

.articles-heading h2[b-lkqvjehr3t] { margin: .15rem 0 0; }

.clear-button[b-lkqvjehr3t] {
    padding: .55rem .75rem;
    color: #0f4c81;
    background: #eaf4fb;
}

.article-grid[b-lkqvjehr3t] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: .8rem;
}

.article-card[b-lkqvjehr3t] {
    display: flex;
    flex-direction: column;
    min-height: 235px;
    padding: 1rem;
    border: 1px solid #dfe6ee;
    border-radius: 14px;
    text-align: left;
    color: #172033;
    background: #fff;
    cursor: pointer;
    transition: transform .16s ease, box-shadow .16s ease, border-color .16s ease;
}

.article-card:hover[b-lkqvjehr3t] {
    transform: translateY(-2px);
    border-color: #7faed1;
    box-shadow: 0 13px 25px rgba(15,76,129,.1);
}

.article-card-head[b-lkqvjehr3t],
.article-card-foot[b-lkqvjehr3t] {
    display: flex;
    justify-content: space-between;
    gap: .7rem;
}

.article-card-head span[b-lkqvjehr3t] {
    color: #0f4c81;
    font-size: .72rem;
    font-weight: 850;
    text-transform: uppercase;
}

.article-card-head small[b-lkqvjehr3t] { color: #98a2b3; }
.article-card h3[b-lkqvjehr3t] { margin: .75rem 0 .55rem; font-size: 1.08rem; }
.article-card p[b-lkqvjehr3t] { margin: 0; color: #667085; line-height: 1.5; }
.article-card-foot[b-lkqvjehr3t] { margin-top: auto; padding-top: 1rem; font-size: .78rem; }
.article-card-foot span[b-lkqvjehr3t] { color: #667085; }
.article-card-foot strong[b-lkqvjehr3t] { color: #0f4c81; }

.empty-help[b-lkqvjehr3t] {
    display: grid;
    justify-items: center;
    gap: .45rem;
    padding: 4rem 1rem;
    color: #667085;
    text-align: center;
}

.empty-help strong[b-lkqvjehr3t] { color: #172033; font-size: 1.05rem; }
.empty-help a[b-lkqvjehr3t] { margin-top: .5rem; color: #0f4c81; font-weight: 800; }

.article-modal[b-lkqvjehr3t] {
    position: fixed;
    inset: 0;
    z-index: 1300;
    display: grid;
    place-items: center;
    padding: 1rem;
    background: rgba(8, 24, 40, .62);
    backdrop-filter: blur(3px);
}

.article-detail[b-lkqvjehr3t] {
    position: relative;
    width: min(900px, 100%);
    max-height: 92vh;
    overflow: auto;
    padding: 1.5rem;
    border-radius: 20px;
    background: #fff;
    box-shadow: 0 25px 70px rgba(0,0,0,.28);
}

.close-button[b-lkqvjehr3t] {
    position: absolute;
    top: .8rem;
    right: .9rem;
    width: 38px;
    height: 38px;
    border: 0;
    border-radius: 50%;
    color: #475467;
    background: #eef2f6;
    font-size: 1.35rem;
    cursor: pointer;
}

.detail-meta[b-lkqvjehr3t],
.detail-tags[b-lkqvjehr3t] {
    display: flex;
    flex-wrap: wrap;
    gap: .4rem;
}

.detail-meta span[b-lkqvjehr3t],
.detail-tags span[b-lkqvjehr3t] {
    padding: .28rem .55rem;
    border-radius: 999px;
    color: #0f4c81;
    background: #eaf4fb;
    font-size: .72rem;
    font-weight: 800;
}

.article-detail h2[b-lkqvjehr3t] {
    margin: .9rem 2.5rem .65rem 0;
    font-size: clamp(1.45rem, 3vw, 2rem);
}

.detail-summary[b-lkqvjehr3t] {
    padding: .9rem 1rem;
    border-left: 4px solid #f6bd00;
    color: #5c4b12;
    background: #fff9e5;
    line-height: 1.55;
}

.article-detail section[b-lkqvjehr3t] { margin-top: 1.3rem; }
.article-detail section h3[b-lkqvjehr3t] { margin: 0 0 .55rem; font-size: 1rem; }

.preformatted[b-lkqvjehr3t] {
    white-space: pre-wrap;
    line-height: 1.65;
    color: #344054;
}

.preformatted.steps[b-lkqvjehr3t] {
    padding: 1rem;
    border-radius: 12px;
    background: #f7f9fc;
}

.detail-tags[b-lkqvjehr3t] { margin-top: 1.2rem; }

.useful-box[b-lkqvjehr3t] {
    display: flex;
    justify-content: space-between;
    gap: 1rem;
    align-items: center;
    margin-top: 1.4rem;
    padding: 1rem;
    border: 1px solid #dfe6ee;
    border-radius: 13px;
    background: #f9fbfd;
}

.useful-box > div:first-child[b-lkqvjehr3t] { display: grid; gap: .15rem; }
.useful-box span[b-lkqvjehr3t] { color: #667085; font-size: .78rem; }
.useful-box > div:last-child[b-lkqvjehr3t] { display: flex; gap: .5rem; }
.useful-box button[b-lkqvjehr3t] { padding: .55rem .85rem; color: #0f4c81; background: #eaf4fb; }
.useful-box button:disabled[b-lkqvjehr3t] { opacity: .5; cursor: default; }

.thanks[b-lkqvjehr3t] {
    margin-top: .65rem;
    color: #166534;
    font-weight: 800;
}

.detail-footer[b-lkqvjehr3t] {
    display: flex;
    justify-content: space-between;
    gap: 1rem;
    margin-top: 1.4rem;
    padding-top: 1rem;
    border-top: 1px solid #e4e8ee;
}

.detail-footer a[b-lkqvjehr3t] { color: #0f4c81; font-weight: 850; }

@media (max-width: 900px) {
    .help-page[b-lkqvjehr3t] { border-radius: 18px; }
    .help-hero[b-lkqvjehr3t] { border-radius: 18px; }
    .help-body[b-lkqvjehr3t] { grid-template-columns: 1fr; padding: 0 1rem; }
    .category-panel[b-lkqvjehr3t] { position: static; display: flex; overflow-x: auto; gap: .35rem; }
    .category-panel h2[b-lkqvjehr3t] { display: none; }
    .category-panel button[b-lkqvjehr3t] { width: auto; min-width: max-content; margin: 0; }
}

@media (max-width: 650px) {
    .help-page[b-lkqvjehr3t] { border-radius: 14px; }
    .help-hero[b-lkqvjehr3t] { padding: 2rem 1rem; border-radius: 14px; }
    .help-body[b-lkqvjehr3t] { margin-top: .85rem; padding: 0 .75rem; }
    .hero-search[b-lkqvjehr3t] { grid-template-columns: 1fr; }
    .article-grid[b-lkqvjehr3t] { grid-template-columns: 1fr; }
    .articles-heading[b-lkqvjehr3t],
    .useful-box[b-lkqvjehr3t],
    .detail-footer[b-lkqvjehr3t] { align-items: stretch; flex-direction: column; }
    .article-detail[b-lkqvjehr3t] { padding: 1.1rem; }
}
/* _content/PelsaServiceDesk/Components/Pages/Correo/BandejaCorreoEntrante.razor.rz.scp.css */
.mail-box-page[b-pzbtlhbgs3] {
    display: flex;
    flex-direction: column;
    gap: 1rem;
}

.mail-box-hero[b-pzbtlhbgs3],
.mail-box-filters[b-pzbtlhbgs3],
.mail-list-card[b-pzbtlhbgs3],
.mail-detail-card[b-pzbtlhbgs3] {
    background: white;
    border: 1px solid #e7eaf0;
    border-radius: 22px;
    box-shadow: 0 16px 36px rgba(15, 23, 42, .05);
}

.mail-box-hero[b-pzbtlhbgs3] {
    padding: 1.35rem;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
}

    .mail-box-hero h1[b-pzbtlhbgs3] {
        margin: 0;
        color: #101828;
        font-size: 1.65rem;
        font-weight: 900;
    }

    .mail-box-hero p[b-pzbtlhbgs3] {
        margin: .35rem 0 0;
        color: #667085;
    }

.mail-box-alert[b-pzbtlhbgs3] {
    border-radius: 16px;
    padding: 1rem;
    font-weight: 800;
}

    .mail-box-alert.success[b-pzbtlhbgs3] {
        background: #dcfce7;
        color: #166534;
        border: 1px solid #bbf7d0;
    }

    .mail-box-alert.danger[b-pzbtlhbgs3] {
        background: #fee2e2;
        color: #991b1b;
        border: 1px solid #fecaca;
    }

.mail-box-filters[b-pzbtlhbgs3] {
    padding: 1rem;
    display: grid;
    grid-template-columns: 1fr 220px auto;
    gap: .85rem;
    align-items: end;
}

.mail-box-layout[b-pzbtlhbgs3] {
    display: grid;
    grid-template-columns: 430px minmax(0, 1fr);
    gap: 1rem;
    min-height: 650px;
}

.mail-list-card[b-pzbtlhbgs3] {
    padding: .75rem;
    max-height: 720px;
    overflow-y: auto;
}

.mail-row[b-pzbtlhbgs3] {
    border: 1px solid #e7eaf0;
    border-radius: 16px;
    padding: .85rem;
    margin-bottom: .65rem;
    cursor: pointer;
    transition: .15s ease;
    background: #fff;
}

    .mail-row:hover[b-pzbtlhbgs3] {
        border-color: #b9c7ff;
        background: #f8faff;
    }

    .mail-row.active[b-pzbtlhbgs3] {
        border-color: #1f4fd8;
        background: #eef4ff;
    }

.mail-row-top[b-pzbtlhbgs3] {
    display: flex;
    justify-content: space-between;
    gap: .5rem;
    align-items: center;
}

    .mail-row-top strong[b-pzbtlhbgs3] {
        color: #101828;
        font-size: .92rem;
    }

.mail-subject[b-pzbtlhbgs3] {
    margin-top: .35rem;
    color: #344054;
    font-weight: 700;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.mail-row-meta[b-pzbtlhbgs3] {
    margin-top: .45rem;
    display: flex;
    gap: .55rem;
    flex-wrap: wrap;
    color: #667085;
    font-size: .8rem;
}

.mail-status[b-pzbtlhbgs3] {
    display: inline-flex;
    align-items: center;
    border-radius: 999px;
    padding: .25rem .55rem;
    font-size: .75rem;
    font-weight: 900;
    white-space: nowrap;
}

.status-downloaded[b-pzbtlhbgs3] {
    background: #eef2ff;
    color: #3730a3;
}

.status-processed[b-pzbtlhbgs3] {
    background: #dcfce7;
    color: #166534;
}

.status-error[b-pzbtlhbgs3] {
    background: #fee2e2;
    color: #991b1b;
}

.status-ignored[b-pzbtlhbgs3] {
    background: #f3f4f6;
    color: #374151;
}

.status-neutral[b-pzbtlhbgs3] {
    background: #f8fafc;
    color: #475467;
}

.mail-detail-card[b-pzbtlhbgs3] {
    padding: 1.1rem;
    overflow: hidden;
}

.mail-detail-head[b-pzbtlhbgs3] {
    display: flex;
    align-items: start;
    justify-content: space-between;
    gap: 1rem;
    border-bottom: 1px solid #e7eaf0;
    padding-bottom: 1rem;
}

    .mail-detail-head h2[b-pzbtlhbgs3] {
        margin: .6rem 0 .25rem;
        color: #101828;
        font-size: 1.35rem;
    }

    .mail-detail-head p[b-pzbtlhbgs3] {
        margin: 0;
        color: #667085;
    }

        .mail-detail-head p span[b-pzbtlhbgs3] {
            margin-left: .5rem;
        }

.mail-detail-actions[b-pzbtlhbgs3] {
    display: flex;
    gap: .45rem;
    flex-wrap: wrap;
    justify-content: flex-end;
}

.mail-detail-grid[b-pzbtlhbgs3] {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: .75rem;
    margin: 1rem 0;
}

    .mail-detail-grid div[b-pzbtlhbgs3] {
        background: #f8fafc;
        border: 1px solid #e7eaf0;
        border-radius: 14px;
        padding: .75rem;
    }

    .mail-detail-grid span[b-pzbtlhbgs3] {
        display: block;
        color: #667085;
        font-size: .8rem;
        font-weight: 800;
    }

    .mail-detail-grid strong[b-pzbtlhbgs3] {
        color: #101828;
        font-size: .9rem;
    }

.mail-error-box[b-pzbtlhbgs3],
.mail-ignore-box[b-pzbtlhbgs3] {
    border-radius: 16px;
    padding: .9rem;
    margin-bottom: .8rem;
}

.mail-error-box[b-pzbtlhbgs3] {
    background: #fee2e2;
    border: 1px solid #fecaca;
    color: #991b1b;
}

.mail-ignore-box[b-pzbtlhbgs3] {
    background: #f3f4f6;
    border: 1px solid #e5e7eb;
    color: #374151;
}

.mail-tabs[b-pzbtlhbgs3] {
    display: flex;
    gap: .45rem;
    flex-wrap: wrap;
    border-bottom: 1px solid #e7eaf0;
    padding-bottom: .65rem;
}

.mail-tab[b-pzbtlhbgs3] {
    border: none;
    border-radius: 12px;
    padding: .6rem .8rem;
    font-weight: 900;
    color: #475467;
    background: #f8fafc;
    cursor: pointer;
}

    .mail-tab.active[b-pzbtlhbgs3] {
        background: #153e75;
        color: white;
    }

.mail-body-preview[b-pzbtlhbgs3] {
    margin-top: .9rem;
    background: #fff;
    border: 1px solid #e7eaf0;
    border-radius: 16px;
    padding: 1rem;
    max-height: 460px;
    overflow: auto;
}

    .mail-body-preview pre[b-pzbtlhbgs3] {
        white-space: pre-wrap;
        word-break: break-word;
        margin: 0;
        font-size: .84rem;
        color: #344054;
    }

.headers-box p[b-pzbtlhbgs3] {
    margin: .45rem 0;
    overflow-wrap: anywhere;
}

.mail-attachments[b-pzbtlhbgs3] {
    display: flex;
    flex-direction: column;
    gap: .55rem;
}

.mail-attachment[b-pzbtlhbgs3] {
    display: flex;
    flex-direction: column;
    gap: .25rem;
    border: 1px solid #e7eaf0;
    border-radius: 14px;
    padding: .75rem;
    text-decoration: none;
    color: #101828;
    background: #f8fafc;
}

    .mail-attachment:hover[b-pzbtlhbgs3] {
        border-color: #1f4fd8;
        background: #eef4ff;
    }

    .mail-attachment small[b-pzbtlhbgs3] {
        color: #667085;
    }

.btn-primary-mail[b-pzbtlhbgs3],
.btn-secondary-mail[b-pzbtlhbgs3],
.btn-danger-mail[b-pzbtlhbgs3] {
    border: none;
    border-radius: 13px;
    padding: .75rem .95rem;
    font-weight: 900;
    cursor: pointer;
}

.btn-primary-mail[b-pzbtlhbgs3] {
    background: #1f4fd8;
    color: white;
}

.btn-secondary-mail[b-pzbtlhbgs3] {
    background: #eef2ff;
    color: #3730a3;
}

.btn-danger-mail[b-pzbtlhbgs3] {
    background: #fee2e2;
    color: #991b1b;
}

.form-control[b-pzbtlhbgs3] {
    width: 100%;
    border: 1px solid #d0d5dd;
    border-radius: 13px;
    padding: .75rem .85rem;
    outline: none;
}

.form-group label[b-pzbtlhbgs3] {
    display: block;
    margin-bottom: .35rem;
    font-weight: 900;
    color: #101828;
}

.empty-state[b-pzbtlhbgs3] {
    color: #667085;
    padding: 2rem;
    text-align: center;
    font-weight: 800;
}

.muted[b-pzbtlhbgs3] {
    color: #667085;
}

@media (max-width: 1100px) {
    .mail-box-layout[b-pzbtlhbgs3] {
        grid-template-columns: 1fr;
    }

    .mail-box-filters[b-pzbtlhbgs3] {
        grid-template-columns: 1fr;
    }

    .mail-detail-grid[b-pzbtlhbgs3] {
        grid-template-columns: 1fr 1fr;
    }

    .mail-detail-head[b-pzbtlhbgs3] {
        flex-direction: column;
    }
}

@media (max-width: 700px) {
    .mail-box-hero[b-pzbtlhbgs3] {
        flex-direction: column;
        align-items: stretch;
    }

    .mail-detail-grid[b-pzbtlhbgs3] {
        grid-template-columns: 1fr;
    }
}

.status-processing[b-pzbtlhbgs3] {
    background: #fff7ed;
    color: #9a3412;
}

.btn-secondary-mail:disabled[b-pzbtlhbgs3],
.btn-danger-mail:disabled[b-pzbtlhbgs3],
.btn-primary-mail:disabled[b-pzbtlhbgs3] {
    cursor: not-allowed;
    opacity: .55;
}

.thread-value[b-pzbtlhbgs3] {
    display: block;
    overflow-wrap: anywhere;
}

.mail-trace-list[b-pzbtlhbgs3] {
    display: flex;
    flex-direction: column;
    gap: .15rem;
}

.mail-trace-item[b-pzbtlhbgs3] {
    position: relative;
    display: grid;
    grid-template-columns: 18px minmax(0, 1fr);
    gap: .65rem;
    padding: .65rem 0;
}

.mail-trace-item:not(:last-child)[b-pzbtlhbgs3]::before {
    content: "";
    position: absolute;
    left: 6px;
    top: 24px;
    bottom: -8px;
    width: 2px;
    background: #e4e7ec;
}

.mail-trace-dot[b-pzbtlhbgs3] {
    width: 14px;
    height: 14px;
    margin-top: 4px;
    border-radius: 50%;
    background: #1f4fd8;
    border: 3px solid #dbe7ff;
    z-index: 1;
}

.mail-trace-head[b-pzbtlhbgs3] {
    display: flex;
    justify-content: space-between;
    gap: 1rem;
    color: #101828;
}

.mail-trace-head span[b-pzbtlhbgs3],
.mail-trace-item small[b-pzbtlhbgs3] {
    color: #667085;
    font-size: .78rem;
}

.mail-trace-item p[b-pzbtlhbgs3] {
    margin: .25rem 0;
    color: #344054;
    overflow-wrap: anywhere;
}

/* Adjuntos enterprise: vista previa, CID y firmas */
.mail-body-preview img[b-pzbtlhbgs3] {
    max-width: 100%;
    height: auto;
    border-radius: 12px;
}

.attachment-section-head[b-pzbtlhbgs3] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: .75rem;
}

.attachment-section-head > div[b-pzbtlhbgs3] {
    display: flex;
    flex-direction: column;
    gap: .2rem;
}

.attachment-section-head strong[b-pzbtlhbgs3] {
    color: #101828;
    font-weight: 900;
}

.attachment-section-head span[b-pzbtlhbgs3] {
    color: #667085;
    font-size: .82rem;
}

.mail-attachments-grid[b-pzbtlhbgs3] {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(230px, 1fr));
    gap: .8rem;
}

.mail-attachment-card[b-pzbtlhbgs3] {
    overflow: hidden;
    border: 1px solid #e7eaf0;
    border-radius: 16px;
    background: #fff;
    box-shadow: 0 8px 24px rgba(16, 24, 40, .05);
}

.mail-attachment-visual[b-pzbtlhbgs3] {
    width: 100%;
    height: 142px;
    border: 0;
    border-bottom: 1px solid #e7eaf0;
    background: #f8fafc;
    display: grid;
    place-items: center;
    cursor: pointer;
    overflow: hidden;
}

.mail-attachment-visual:disabled[b-pzbtlhbgs3] {
    cursor: default;
}

.mail-attachment-visual img[b-pzbtlhbgs3] {
    width: 100%;
    height: 100%;
    object-fit: contain;
    background: #fff;
}

.mail-file-icon[b-pzbtlhbgs3] {
    font-size: 3rem;
}

.mail-attachment-content[b-pzbtlhbgs3] {
    padding: .8rem;
    display: flex;
    flex-direction: column;
    gap: .35rem;
}

.mail-attachment-content > strong[b-pzbtlhbgs3] {
    color: #101828;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.mail-attachment-content > small[b-pzbtlhbgs3] {
    color: #667085;
    overflow-wrap: anywhere;
}

.mail-attachment-actions[b-pzbtlhbgs3] {
    margin-top: .35rem;
    display: flex;
    align-items: center;
    gap: .45rem;
    flex-wrap: wrap;
}

.btn-preview-mail[b-pzbtlhbgs3],
.btn-download-mail[b-pzbtlhbgs3] {
    border: 0;
    border-radius: 10px;
    padding: .45rem .7rem;
    font-size: .8rem;
    font-weight: 900;
    text-decoration: none;
    cursor: pointer;
}

.btn-preview-mail[b-pzbtlhbgs3] {
    background: #e8efff;
    color: #163f86;
}

.btn-download-mail[b-pzbtlhbgs3] {
    background: #f2f4f7;
    color: #344054;
}

.embedded-resources[b-pzbtlhbgs3] {
    margin-top: 1rem;
    border: 1px dashed #cfd6e4;
    border-radius: 14px;
    background: #f8fafc;
}

.embedded-resources summary[b-pzbtlhbgs3] {
    padding: .8rem .9rem;
    color: #344054;
    font-weight: 900;
    cursor: pointer;
}

.embedded-resources summary span[b-pzbtlhbgs3] {
    margin-left: .35rem;
    color: #667085;
}

.embedded-resources-list[b-pzbtlhbgs3] {
    padding: 0 .8rem .8rem;
    display: flex;
    flex-direction: column;
    gap: .55rem;
}

.embedded-resource-item[b-pzbtlhbgs3] {
    padding: .7rem;
    border: 1px solid #e7eaf0;
    border-radius: 12px;
    background: #fff;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: .8rem;
}

.embedded-resource-item > div:first-child[b-pzbtlhbgs3] {
    min-width: 0;
    display: flex;
    flex-direction: column;
    gap: .2rem;
}

.embedded-resource-item strong[b-pzbtlhbgs3],
.embedded-resource-item small[b-pzbtlhbgs3] {
    overflow-wrap: anywhere;
}

.embedded-resource-item small[b-pzbtlhbgs3] {
    color: #667085;
}

.mail-preview-backdrop[b-pzbtlhbgs3] {
    position: fixed;
    inset: 0;
    z-index: 2500;
    padding: 1rem;
    background: rgba(15, 23, 42, .72);
    display: grid;
    place-items: center;
}

.mail-preview-modal[b-pzbtlhbgs3] {
    width: min(980px, calc(100vw - 2rem));
    max-height: calc(100vh - 2rem);
    overflow: hidden;
    border-radius: 18px;
    background: #fff;
    box-shadow: 0 28px 80px rgba(0, 0, 0, .35);
    display: flex;
    flex-direction: column;
}

.mail-preview-header[b-pzbtlhbgs3],
.mail-preview-footer[b-pzbtlhbgs3] {
    padding: .9rem 1rem;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
}

.mail-preview-header[b-pzbtlhbgs3] {
    border-bottom: 1px solid #e7eaf0;
}

.mail-preview-header span[b-pzbtlhbgs3] {
    color: #667085;
    font-size: .75rem;
    font-weight: 900;
    text-transform: uppercase;
}

.mail-preview-header h3[b-pzbtlhbgs3] {
    margin: .15rem 0 0;
    color: #101828;
    overflow-wrap: anywhere;
}

.mail-preview-header button[b-pzbtlhbgs3] {
    width: 38px;
    height: 38px;
    border: 0;
    border-radius: 11px;
    background: #f2f4f7;
    color: #344054;
    font-size: 1.5rem;
    cursor: pointer;
}

.mail-preview-body[b-pzbtlhbgs3] {
    min-height: 280px;
    max-height: 72vh;
    padding: 1rem;
    overflow: auto;
    background: #f8fafc;
    display: grid;
    place-items: center;
}

.mail-preview-body img[b-pzbtlhbgs3] {
    max-width: 100%;
    max-height: 68vh;
    object-fit: contain;
    border-radius: 12px;
}

.mail-preview-body iframe[b-pzbtlhbgs3] {
    width: 100%;
    height: 68vh;
    border: 0;
    border-radius: 12px;
    background: #fff;
}

.mail-preview-footer[b-pzbtlhbgs3] {
    border-top: 1px solid #e7eaf0;
    color: #667085;
    font-size: .82rem;
}

.mail-preview-footer a[b-pzbtlhbgs3] {
    padding: .55rem .8rem;
    border-radius: 11px;
    background: #153e75;
    color: #fff;
    text-decoration: none;
    font-weight: 900;
}

@media (max-width: 700px) {
    .mail-attachments-grid[b-pzbtlhbgs3] {
        grid-template-columns: 1fr;
    }

    .embedded-resource-item[b-pzbtlhbgs3],
    .mail-preview-footer[b-pzbtlhbgs3] {
        align-items: flex-start;
        flex-direction: column;
    }

    .mail-preview-body iframe[b-pzbtlhbgs3] {
        height: 62vh;
    }
}
/* _content/PelsaServiceDesk/Components/Pages/Correo/ConfiguracionCorreoEntrante.razor.rz.scp.css */
.mail-config-page[b-nqakrcwsst] {
    display: flex;
    flex-direction: column;
    gap: 1rem;
}

.mail-config-hero[b-nqakrcwsst] {
    background: white;
    border: 1px solid #e7eaf0;
    border-radius: 22px;
    padding: 1.4rem;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    box-shadow: 0 18px 45px rgba(15, 23, 42, .06);
}

    .mail-config-hero h1[b-nqakrcwsst] {
        margin: 0;
        font-size: 1.7rem;
        color: #101828;
        font-weight: 900;
    }

    .mail-config-hero p[b-nqakrcwsst] {
        margin: .35rem 0 0;
        color: #667085;
    }

.mail-config-actions[b-nqakrcwsst] {
    display: flex;
    gap: .65rem;
    flex-wrap: wrap;
    justify-content: flex-end;
}

.btn-primary-mail[b-nqakrcwsst],
.btn-secondary-mail[b-nqakrcwsst] {
    border: none;
    border-radius: 14px;
    padding: .8rem 1rem;
    font-weight: 900;
    cursor: pointer;
}

.btn-primary-mail[b-nqakrcwsst] {
    background: #1f4fd8;
    color: white;
    box-shadow: 0 10px 24px rgba(31, 79, 216, .22);
}

.btn-secondary-mail[b-nqakrcwsst] {
    background: #eef2ff;
    color: #3730a3;
}

    .btn-primary-mail:disabled[b-nqakrcwsst],
    .btn-secondary-mail:disabled[b-nqakrcwsst] {
        opacity: .65;
        cursor: not-allowed;
    }

.mail-config-alert[b-nqakrcwsst] {
    border-radius: 16px;
    padding: 1rem;
    font-weight: 800;
}

    .mail-config-alert.success[b-nqakrcwsst] {
        background: #dcfce7;
        color: #166534;
        border: 1px solid #bbf7d0;
    }

    .mail-config-alert.danger[b-nqakrcwsst] {
        background: #fee2e2;
        color: #991b1b;
        border: 1px solid #fecaca;
    }

.mail-config-grid[b-nqakrcwsst] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 1rem;
}

.mail-config-card[b-nqakrcwsst] {
    background: white;
    border: 1px solid #e7eaf0;
    border-radius: 22px;
    padding: 1.25rem;
    box-shadow: 0 16px 36px rgba(15, 23, 42, .05);
}

    .mail-config-card.wide[b-nqakrcwsst] {
        grid-column: 1 / -1;
    }

    .mail-config-card h3[b-nqakrcwsst] {
        margin: 0 0 1rem;
        color: #101828;
        font-size: 1.15rem;
        font-weight: 900;
    }

.form-grid-2[b-nqakrcwsst] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 1rem;
}

.form-grid-4[b-nqakrcwsst] {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 1rem;
}

.form-group label[b-nqakrcwsst] {
    font-weight: 800;
    color: #101828;
    margin-bottom: .35rem;
    display: block;
}

.form-control[b-nqakrcwsst] {
    width: 100%;
    border: 1px solid #d0d5dd;
    border-radius: 13px;
    padding: .75rem .85rem;
    outline: none;
}

    .form-control:focus[b-nqakrcwsst] {
        border-color: #1f4fd8;
        box-shadow: 0 0 0 3px rgba(31, 79, 216, .12);
    }

.check-row[b-nqakrcwsst] {
    display: flex !important;
    align-items: center;
    gap: .55rem;
    color: #344054 !important;
    font-weight: 700 !important;
}

.help-text[b-nqakrcwsst] {
    display: block;
    margin-top: .35rem;
    color: #667085;
    font-size: .82rem;
}

@media (max-width: 900px) {
    .mail-config-hero[b-nqakrcwsst] {
        flex-direction: column;
        align-items: stretch;
    }

    .mail-config-actions[b-nqakrcwsst] {
        justify-content: stretch;
    }

        .mail-config-actions button[b-nqakrcwsst] {
            flex: 1;
        }

    .mail-config-grid[b-nqakrcwsst],
    .form-grid-2[b-nqakrcwsst],
    .form-grid-4[b-nqakrcwsst] {
        grid-template-columns: 1fr;
    }
}
/* _content/PelsaServiceDesk/Components/Pages/Correo/ConfiguracionCorreoSaliente.razor.rz.scp.css */
.smtp-config-page[b-z7yc5pp81r] {
    display: flex;
    flex-direction: column;
    gap: 1rem;
}

.smtp-config-hero[b-z7yc5pp81r] {
    background: linear-gradient(135deg, #ffffff 0%, #f7f9ff 100%);
    border: 1px solid #e4e8f2;
    border-radius: 24px;
    padding: 1.5rem;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1.25rem;
    box-shadow: 0 18px 45px rgba(15, 23, 42, .07);
}

.smtp-eyebrow[b-z7yc5pp81r],
.card-kicker[b-z7yc5pp81r] {
    display: block;
    color: #1f4fd8;
    font-size: .76rem;
    font-weight: 900;
    letter-spacing: .08em;
    text-transform: uppercase;
}

.smtp-config-hero h1[b-z7yc5pp81r] {
    margin: .25rem 0 0;
    color: #101828;
    font-size: 1.75rem;
    font-weight: 950;
}

.smtp-config-hero p[b-z7yc5pp81r],
.test-card p[b-z7yc5pp81r] {
    margin: .4rem 0 0;
    color: #667085;
    line-height: 1.55;
}

.smtp-config-actions[b-z7yc5pp81r] {
    display: flex;
    justify-content: flex-end;
    gap: .65rem;
    flex-wrap: wrap;
}

.btn-primary-smtp[b-z7yc5pp81r],
.btn-secondary-smtp[b-z7yc5pp81r],
.btn-test-smtp[b-z7yc5pp81r] {
    border: 0;
    border-radius: 14px;
    padding: .82rem 1.05rem;
    font-weight: 900;
    cursor: pointer;
    transition: transform .15s ease, opacity .15s ease;
}

.btn-primary-smtp[b-z7yc5pp81r] {
    color: #fff;
    background: #1f4fd8;
    box-shadow: 0 10px 24px rgba(31, 79, 216, .22);
}

.btn-secondary-smtp[b-z7yc5pp81r] {
    color: #3730a3;
    background: #eef2ff;
}

.btn-test-smtp[b-z7yc5pp81r] {
    color: #fff;
    background: #101828;
    white-space: nowrap;
}

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

.btn-primary-smtp:disabled[b-z7yc5pp81r],
.btn-secondary-smtp:disabled[b-z7yc5pp81r],
.btn-test-smtp:disabled[b-z7yc5pp81r] {
    opacity: .58;
    cursor: not-allowed;
    transform: none;
}

.smtp-config-alert[b-z7yc5pp81r] {
    border-radius: 16px;
    padding: 1rem 1.1rem;
    font-weight: 800;
    line-height: 1.45;
}

.smtp-config-alert.success[b-z7yc5pp81r] {
    color: #166534;
    background: #dcfce7;
    border: 1px solid #bbf7d0;
}

.smtp-config-alert.danger[b-z7yc5pp81r] {
    color: #991b1b;
    background: #fee2e2;
    border: 1px solid #fecaca;
}

.smtp-loading-card[b-z7yc5pp81r] {
    min-height: 180px;
    border: 1px solid #e4e8f2;
    border-radius: 22px;
    background: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: .75rem;
    color: #475467;
    font-weight: 800;
}

.smtp-spinner[b-z7yc5pp81r] {
    width: 24px;
    height: 24px;
    border: 3px solid #dbe3ff;
    border-top-color: #1f4fd8;
    border-radius: 50%;
    animation: smtp-spin-b-z7yc5pp81r .8s linear infinite;
}

@keyframes smtp-spin-b-z7yc5pp81r {
    to { transform: rotate(360deg); }
}

.smtp-config-grid[b-z7yc5pp81r] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 1rem;
}

.smtp-config-card[b-z7yc5pp81r] {
    background: #fff;
    border: 1px solid #e4e8f2;
    border-radius: 22px;
    padding: 1.25rem;
    box-shadow: 0 15px 34px rgba(15, 23, 42, .05);
}

.smtp-config-card.wide[b-z7yc5pp81r] {
    grid-column: 1 / -1;
}

.card-title-row[b-z7yc5pp81r] {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    gap: 1rem;
    margin-bottom: 1rem;
}

.smtp-config-card h3[b-z7yc5pp81r] {
    margin: .18rem 0 0;
    color: #101828;
    font-size: 1.13rem;
    font-weight: 900;
}

.form-grid-2[b-z7yc5pp81r] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 1rem;
}

.span-2[b-z7yc5pp81r] {
    grid-column: 1 / -1;
}

.form-group label[b-z7yc5pp81r] {
    display: block;
    margin-bottom: .38rem;
    color: #101828;
    font-weight: 800;
}

.form-control[b-z7yc5pp81r] {
    width: 100%;
    min-height: 46px;
    border: 1px solid #d0d5dd;
    border-radius: 13px;
    padding: .75rem .85rem;
    outline: none;
    color: #101828;
    background: #fff;
}

.form-control:focus[b-z7yc5pp81r] {
    border-color: #1f4fd8;
    box-shadow: 0 0 0 3px rgba(31, 79, 216, .12);
}

.check-row[b-z7yc5pp81r] {
    min-height: 46px;
    border: 1px solid #d0d5dd;
    border-radius: 13px;
    padding: .7rem .8rem;
    display: flex !important;
    align-items: center;
    gap: .55rem;
    color: #344054 !important;
    font-weight: 750 !important;
    margin: 0 !important;
}

.help-text[b-z7yc5pp81r] {
    display: block;
    margin-top: .38rem;
    color: #667085;
    font-size: .82rem;
    line-height: 1.4;
}

.smtp-switch[b-z7yc5pp81r] {
    display: inline-flex;
    align-items: center;
    gap: .55rem;
    color: #344054;
    cursor: pointer;
}

.smtp-switch input[b-z7yc5pp81r] {
    position: absolute;
    opacity: 0;
    pointer-events: none;
}

.smtp-switch span[b-z7yc5pp81r] {
    position: relative;
    width: 42px;
    height: 24px;
    border-radius: 999px;
    background: #d0d5dd;
    transition: background .2s ease;
}

.smtp-switch span[b-z7yc5pp81r]::after {
    content: "";
    position: absolute;
    top: 3px;
    left: 3px;
    width: 18px;
    height: 18px;
    border-radius: 50%;
    background: #fff;
    box-shadow: 0 2px 6px rgba(15, 23, 42, .22);
    transition: transform .2s ease;
}

.smtp-switch input:checked + span[b-z7yc5pp81r] {
    background: #16a34a;
}

.smtp-switch input:checked + span[b-z7yc5pp81r]::after {
    transform: translateX(18px);
}

.password-status[b-z7yc5pp81r] {
    border-radius: 999px;
    padding: .42rem .65rem;
    font-size: .75rem;
    font-weight: 900;
    white-space: nowrap;
}

.password-status.configured[b-z7yc5pp81r] {
    color: #166534;
    background: #dcfce7;
}

.password-status.pending[b-z7yc5pp81r] {
    color: #92400e;
    background: #fef3c7;
}

.test-card[b-z7yc5pp81r] {
    display: flex;
    justify-content: space-between;
    align-items: end;
    gap: 1.25rem;
}

.smtp-test-row[b-z7yc5pp81r] {
    display: flex;
    align-items: center;
    gap: .65rem;
    width: min(100%, 600px);
}

.smtp-test-row .form-control[b-z7yc5pp81r] {
    flex: 1;
}

@media (max-width: 900px) {
    .smtp-config-hero[b-z7yc5pp81r],
    .test-card[b-z7yc5pp81r] {
        flex-direction: column;
        align-items: stretch;
    }

    .smtp-config-actions[b-z7yc5pp81r] {
        justify-content: stretch;
    }

    .smtp-config-actions button[b-z7yc5pp81r] {
        flex: 1;
    }

    .smtp-config-grid[b-z7yc5pp81r],
    .form-grid-2[b-z7yc5pp81r] {
        grid-template-columns: 1fr;
    }

    .span-2[b-z7yc5pp81r],
    .smtp-config-card.wide[b-z7yc5pp81r] {
        grid-column: auto;
    }

    .smtp-test-row[b-z7yc5pp81r] {
        width: 100%;
    }
}

@media (max-width: 560px) {
    .smtp-config-hero[b-z7yc5pp81r],
    .smtp-config-card[b-z7yc5pp81r] {
        padding: 1rem;
        border-radius: 18px;
    }

    .smtp-config-actions[b-z7yc5pp81r],
    .smtp-test-row[b-z7yc5pp81r],
    .card-title-row[b-z7yc5pp81r] {
        flex-direction: column;
        align-items: stretch;
    }

    .smtp-config-actions button[b-z7yc5pp81r],
    .btn-test-smtp[b-z7yc5pp81r] {
        width: 100%;
    }
}
/* _content/PelsaServiceDesk/Components/Pages/Correo/ProcesarCorreoEntrante.razor.rz.scp.css */
.mail-in-page[b-0w2hw7anpv] {
    padding: 1.25rem;
}

.mail-in-card[b-0w2hw7anpv] {
    background: white;
    border: 1px solid #e7eaf0;
    border-radius: 22px;
    padding: 1.25rem;
    box-shadow: 0 10px 26px rgba(15, 23, 42, .06);
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 1rem;
}

    .mail-in-card h1[b-0w2hw7anpv] {
        margin: 0;
        color: #101828;
        font-weight: 950;
    }

    .mail-in-card p[b-0w2hw7anpv] {
        margin: .25rem 0 0;
        color: #667085;
    }

    .mail-in-card button[b-0w2hw7anpv] {
        border: none;
        background: #1f4fd8;
        color: white;
        border-radius: 14px;
        padding: .85rem 1.1rem;
        font-weight: 900;
        cursor: pointer;
        box-shadow: 0 10px 24px rgba(31, 79, 216, .22);
    }

        .mail-in-card button:disabled[b-0w2hw7anpv] {
            opacity: .65;
            cursor: not-allowed;
        }

.mail-in-message[b-0w2hw7anpv] {
    margin-top: 1rem;
    border-radius: 16px;
    padding: .9rem 1rem;
    font-weight: 850;
}

    .mail-in-message.ok[b-0w2hw7anpv] {
        background: #dcfce7;
        color: #166534;
    }

    .mail-in-message.error[b-0w2hw7anpv] {
        background: #fee2e2;
        color: #991b1b;
    }

@media (max-width: 700px) {
    .mail-in-card[b-0w2hw7anpv] {
        flex-direction: column;
        align-items: stretch;
    }

        .mail-in-card button[b-0w2hw7anpv] {
            width: 100%;
        }
}

.mail-result-alert[b-0w2hw7anpv] {
    display: flex;
    align-items: center;
    gap: 14px;
    padding: 16px 18px;
    border-radius: 16px;
    margin-top: 1rem;
    margin-bottom: 1rem;
    border: 1px solid transparent;
    box-shadow: 0 8px 24px rgba(15, 23, 42, 0.06);
}

    .mail-result-alert.success[b-0w2hw7anpv] {
        background: linear-gradient(180deg, #f0fdf4 0%, #dcfce7 100%);
        border-color: #bbf7d0;
        color: #166534;
    }

.mail-result-icon[b-0w2hw7anpv] {
    width: 44px;
    height: 44px;
    min-width: 44px;
    border-radius: 12px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: white;
    font-size: 1.15rem;
}
.mail-result-content[b-0w2hw7anpv] {
    display: flex;
    flex-direction: column;
    gap: 2px;
}

    .mail-result-content strong[b-0w2hw7anpv] {
        font-size: 1rem;
        font-weight: 800;
        color: #14532d;
    }

    .mail-result-content span[b-0w2hw7anpv] {
        font-size: .95rem;
        color: #166534;
    }


.mail-result-alert.danger[b-0w2hw7anpv] {
    background: linear-gradient(180deg, #fef2f2 0%, #fee2e2 100%);
    border-color: #fecaca;
    color: #991b1b;
}

.mail-result-icon.success-icon[b-0w2hw7anpv] {
    background: #22c55e;
    box-shadow: 0 6px 16px rgba(34, 197, 94, 0.25);
}

.mail-result-icon.danger-icon[b-0w2hw7anpv] {
    background: #ef4444;
    box-shadow: 0 6px 16px rgba(239, 68, 68, 0.25);
}

.mail-result-alert.danger .mail-result-content strong[b-0w2hw7anpv] {
    color: #7f1d1d;
}

.mail-result-alert.danger .mail-result-content span[b-0w2hw7anpv] {
    color: #991b1b;
}



.mail-in-card button[b-0w2hw7anpv] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: .55rem;
}

.btn-spinner[b-0w2hw7anpv] {
    width: 16px;
    height: 16px;
    border: 2px solid rgba(255,255,255,.45);
    border-top-color: white;
    border-radius: 999px;
    animation: spinMail-b-0w2hw7anpv .75s linear infinite;
}

@keyframes spinMail-b-0w2hw7anpv {
    to {
        transform: rotate(360deg);
    }
}

.mail-actions[b-0w2hw7anpv] {
    display: flex;
    flex-wrap: wrap;
    gap: .65rem;
}

.btn-secondary-mail[b-0w2hw7anpv] {
    background: #eef2ff !important;
    color: #3730a3 !important;
    box-shadow: none !important;
}

.mail-actions[b-0w2hw7anpv] {
    display: flex;
    flex-wrap: wrap;
    gap: .65rem;
    justify-content: flex-end;
}

    .mail-actions button[b-0w2hw7anpv] {
        border: none;
        border-radius: 14px;
        padding: .85rem 1.1rem;
        font-weight: 900;
        cursor: pointer;
        display: inline-flex;
        align-items: center;
        justify-content: center;
        gap: .55rem;
        white-space: nowrap;
    }

        .mail-actions button:first-child[b-0w2hw7anpv] {
            background: #1f4fd8;
            color: white;
            box-shadow: 0 10px 24px rgba(31, 79, 216, .22);
        }

.btn-secondary-mail[b-0w2hw7anpv] {
    background: #eef2ff !important;
    color: #3730a3 !important;
    box-shadow: none !important;
}

.mail-actions button:disabled[b-0w2hw7anpv] {
    opacity: .65;
    cursor: not-allowed;
}

.btn-spinner[b-0w2hw7anpv] {
    width: 16px;
    height: 16px;
    border: 2px solid rgba(255,255,255,.45);
    border-top-color: white;
    border-radius: 999px;
    animation: spinMail-b-0w2hw7anpv .75s linear infinite;
}

@keyframes spinMail-b-0w2hw7anpv {
    to {
        transform: rotate(360deg);
    }
}
/* _content/PelsaServiceDesk/Components/Pages/Correo/ReglasCorreoEntrante.razor.rz.scp.css */
.rules-page[b-nbkvi9ijje] {
    display: flex;
    flex-direction: column;
    gap: 1rem;
}

.rules-hero[b-nbkvi9ijje],
.rules-list-card[b-nbkvi9ijje],
.rules-form-card[b-nbkvi9ijje] {
    background: white;
    border: 1px solid #e7eaf0;
    border-radius: 22px;
    padding: 1.2rem;
    box-shadow: 0 14px 32px rgba(15, 23, 42, .045);
}

.rules-hero[b-nbkvi9ijje] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 1rem;
}

    .rules-hero h1[b-nbkvi9ijje] {
        margin: 0;
        color: #101828;
        font-weight: 900;
    }

    .rules-hero p[b-nbkvi9ijje] {
        margin: .35rem 0 0;
        color: #667085;
    }

.rules-layout[b-nbkvi9ijje] {
    display: grid;
    grid-template-columns: 420px 1fr;
    gap: 1rem;
    align-items: start;
}

.rules-list-head[b-nbkvi9ijje] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: .75rem;
    margin-bottom: .85rem;
}

    .rules-list-head h3[b-nbkvi9ijje],
    .rules-form-card h3[b-nbkvi9ijje] {
        margin: 0;
        color: #101828;
        font-weight: 900;
    }

.rules-list[b-nbkvi9ijje] {
    display: flex;
    flex-direction: column;
    gap: .65rem;
}

.rule-row[b-nbkvi9ijje] {
    width: 100%;
    text-align: left;
    border: 1px solid #e7eaf0;
    background: #f8fafc;
    border-radius: 16px;
    padding: .85rem;
    display: flex;
    justify-content: space-between;
    gap: .75rem;
    cursor: pointer;
}

    .rule-row.active[b-nbkvi9ijje] {
        border-color: #1f4fd8;
        background: #eef4ff;
    }

    .rule-row strong[b-nbkvi9ijje] {
        display: block;
        color: #101828;
        font-weight: 900;
    }

    .rule-row span[b-nbkvi9ijje] {
        display: block;
        color: #667085;
        margin-top: .2rem;
        font-size: .82rem;
    }

.rule-row-meta[b-nbkvi9ijje] {
    display: flex;
    flex-direction: column;
    gap: .35rem;
    align-items: flex-end;
}

.rule-chip[b-nbkvi9ijje] {
    display: inline-block;
    border-radius: 999px;
    padding: .25rem .55rem;
    font-weight: 900;
    font-size: .72rem;
    white-space: nowrap;
}

    .rule-chip.active[b-nbkvi9ijje] {
        background: #dcfce7;
        color: #166534;
    }

    .rule-chip.inactive[b-nbkvi9ijje] {
        background: #f3f4f6;
        color: #475467;
    }

    .rule-chip.ignore[b-nbkvi9ijje] {
        background: #fff7ed;
        color: #9a3412;
    }

    .rule-chip.create[b-nbkvi9ijje] {
        background: #dbeafe;
        color: #1e40af;
    }

    .rule-chip.close[b-nbkvi9ijje] {
        background: #fee2e2;
        color: #991b1b;
    }

.form-grid-2[b-nbkvi9ijje] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: .85rem;
}

.form-grid-3[b-nbkvi9ijje] {
    display: grid;
    grid-template-columns: 180px 180px 1fr;
    gap: .85rem;
}

.form-group[b-nbkvi9ijje] {
    margin-bottom: .85rem;
}

    .form-group label[b-nbkvi9ijje] {
        display: block;
        color: #101828;
        font-weight: 900;
        margin-bottom: .35rem;
    }

.form-control[b-nbkvi9ijje] {
    width: 100%;
    border: 1px solid #d0d5dd;
    border-radius: 14px;
    padding: .75rem .85rem;
    outline: none;
}

    .form-control:focus[b-nbkvi9ijje] {
        border-color: #1f4fd8;
        box-shadow: 0 0 0 3px rgba(31, 79, 216, .12);
    }

.rules-checks[b-nbkvi9ijje] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: .65rem;
    margin: .75rem 0;
}

.check-row[b-nbkvi9ijje] {
    display: flex;
    align-items: center;
    gap: .5rem;
    background: #f8fafc;
    border: 1px solid #e7eaf0;
    border-radius: 14px;
    padding: .7rem;
    color: #344054;
    font-weight: 800;
}

.rules-actions[b-nbkvi9ijje] {
    display: flex;
    justify-content: flex-end;
    gap: .65rem;
    margin-top: 1rem;
}

.btn-primary[b-nbkvi9ijje],
.btn-secondary[b-nbkvi9ijje],
.btn-danger[b-nbkvi9ijje] {
    border: none;
    border-radius: 14px;
    padding: .75rem 1rem;
    font-weight: 900;
    cursor: pointer;
}

.btn-primary[b-nbkvi9ijje] {
    background: #153e75;
    color: white;
}

.btn-secondary[b-nbkvi9ijje] {
    background: #eef2ff;
    color: #3730a3;
}

.btn-danger[b-nbkvi9ijje] {
    background: #fee2e2;
    color: #991b1b;
}

.rules-tip[b-nbkvi9ijje] {
    margin-top: 1rem;
    border: 1px solid #fed7aa;
    background: #fff7ed;
    border-radius: 16px;
    padding: .85rem;
    display: flex;
    flex-direction: column;
    gap: .25rem;
}

    .rules-tip strong[b-nbkvi9ijje] {
        color: #9a3412;
        font-weight: 900;
    }

    .rules-tip span[b-nbkvi9ijje] {
        color: #9a3412;
    }

.rules-message[b-nbkvi9ijje] {
    border-radius: 16px;
    padding: .85rem 1rem;
    font-weight: 900;
}

    .rules-message.success[b-nbkvi9ijje] {
        background: #dcfce7;
        border: 1px solid #bbf7d0;
        color: #166534;
    }

    .rules-message.error[b-nbkvi9ijje] {
        background: #fee2e2;
        border: 1px solid #fecaca;
        color: #991b1b;
    }

.empty-state[b-nbkvi9ijje] {
    color: #667085;
    background: #f8fafc;
    border: 1px solid #e7eaf0;
    border-radius: 16px;
    padding: 1rem;
    text-align: center;
}

@media (max-width: 1100px) {
    .rules-layout[b-nbkvi9ijje] {
        grid-template-columns: 1fr;
    }

    .form-grid-3[b-nbkvi9ijje],
    .form-grid-2[b-nbkvi9ijje],
    .rules-checks[b-nbkvi9ijje] {
        grid-template-columns: 1fr;
    }

    .rules-hero[b-nbkvi9ijje] {
        flex-direction: column;
        align-items: stretch;
    }

    .rules-actions[b-nbkvi9ijje] {
        flex-direction: column;
    }

        .rules-actions button[b-nbkvi9ijje] {
            width: 100%;
        }
}

.check-row.disabled[b-nbkvi9ijje] {
    opacity: .55;
    filter: grayscale(.25);
}
/* _content/PelsaServiceDesk/Components/Pages/Dashboard/Dashboard.razor.rz.scp.css */
.home-dashboard-page[b-1wayxmv4qm] {
    padding: 1.25rem;
}

.home-header[b-1wayxmv4qm] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 1rem;
    margin-bottom: 1rem;
}

    .home-header h1[b-1wayxmv4qm] {
        margin: 0;
        color: #101828;
        font-size: 1.8rem;
        font-weight: 950;
    }

    .home-header p[b-1wayxmv4qm] {
        margin: .25rem 0 0;
        color: #667085;
    }

.btn-primary-home[b-1wayxmv4qm] {
    border: none;
    background: #1f4fd8;
    color: white;
    border-radius: 14px;
    padding: .85rem 1.1rem;
    font-weight: 900;
    cursor: pointer;
    box-shadow: 0 10px 24px rgba(31, 79, 216, .22);
}

.home-kpi-grid[b-1wayxmv4qm] {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 1rem;
    margin-bottom: 1rem;
}

.home-kpi-card[b-1wayxmv4qm] {
    background: white;
    border: 1px solid #e7eaf0;
    border-radius: 20px;
    padding: 1rem;
    box-shadow: 0 10px 26px rgba(15, 23, 42, .06);
    border-left: 5px solid #1f4fd8;
}

    .home-kpi-card span[b-1wayxmv4qm] {
        display: block;
        color: #667085;
        font-size: .82rem;
        font-weight: 800;
        margin-bottom: .35rem;
    }

    .home-kpi-card strong[b-1wayxmv4qm] {
        display: block;
        color: #101828;
        font-size: 2rem;
        font-weight: 950;
        line-height: 1;
        margin-bottom: .45rem;
    }

    .home-kpi-card small[b-1wayxmv4qm] {
        color: #667085;
        font-size: .78rem;
    }

    .home-kpi-card.info[b-1wayxmv4qm] {
        border-left-color: #2563eb;
    }

    .home-kpi-card.warning[b-1wayxmv4qm] {
        border-left-color: #d97706;
    }

        .home-kpi-card.warning strong[b-1wayxmv4qm] {
            color: #d97706;
        }

    .home-kpi-card.danger[b-1wayxmv4qm] {
        border-left-color: #dc2626;
    }

        .home-kpi-card.danger strong[b-1wayxmv4qm] {
            color: #dc2626;
        }

    .home-kpi-card.success[b-1wayxmv4qm] {
        border-left-color: #16a34a;
    }

        .home-kpi-card.success strong[b-1wayxmv4qm] {
            color: #16a34a;
        }

.home-recommended-card[b-1wayxmv4qm] {
    background: linear-gradient(135deg, #182235, #26395f);
    color: white;
    border-radius: 22px;
    padding: 1rem 1.15rem;
    margin-bottom: 1rem;
    box-shadow: 0 14px 30px rgba(15, 23, 42, .18);
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 1rem;
    cursor: pointer;
}

    .home-recommended-card span[b-1wayxmv4qm] {
        opacity: .75;
        font-size: .8rem;
    }

    .home-recommended-card h2[b-1wayxmv4qm] {
        margin: .25rem 0;
        font-size: 1.15rem;
    }

    .home-recommended-card p[b-1wayxmv4qm] {
        margin: 0;
        opacity: .8;
    }

.recommended-score-home[b-1wayxmv4qm] {
    background: rgba(255,255,255,.13);
    border-radius: 16px;
    padding: .7rem 1rem;
    min-width: 130px;
    text-align: center;
}

    .recommended-score-home strong[b-1wayxmv4qm] {
        display: block;
        font-size: 1.8rem;
    }

.home-section-card[b-1wayxmv4qm] {
    background: white;
    border: 1px solid #e7eaf0;
    border-radius: 22px;
    padding: 1rem;
    box-shadow: 0 10px 26px rgba(15, 23, 42, .06);
}

.home-section-header[b-1wayxmv4qm] {
    margin-bottom: .85rem;
}

    .home-section-header h3[b-1wayxmv4qm] {
        margin: 0;
        color: #101828;
        font-weight: 950;
    }

    .home-section-header span[b-1wayxmv4qm] {
        color: #667085;
        font-size: .85rem;
    }


    .home-ticket-row:hover[b-1wayxmv4qm] {
        border-color: #1f4fd8;
        background: #eef2ff;
    }

    .home-ticket-row strong[b-1wayxmv4qm] {
        display: block;
        color: #101828;
        margin-bottom: .2rem;
    }

    .home-ticket-row span[b-1wayxmv4qm] {
        color: #667085;
        font-size: .82rem;
    }

.home-ticket-list[b-1wayxmv4qm] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: .85rem;
}

.home-ticket-card[b-1wayxmv4qm] {
    background: #f8fafc;
    border: 1px solid #e7eaf0;
    border-radius: 18px;
    padding: .9rem;
    display: flex;
    justify-content: space-between;
    gap: .9rem;
    align-items: stretch;
    cursor: pointer;
    transition: .18s ease;
}

    .home-ticket-card:hover[b-1wayxmv4qm] {
        border-color: #1f4fd8;
        background: #eef2ff;
        transform: translateY(-1px);
        box-shadow: 0 10px 24px rgba(31, 79, 216, .12);
    }

.home-ticket-main[b-1wayxmv4qm] {
    min-width: 0;
    flex: 1;
}

.home-ticket-code-row[b-1wayxmv4qm] {
    display: flex;
    align-items: center;
    gap: .45rem;
    flex-wrap: wrap;
    margin-bottom: .45rem;
}

.home-ticket-code[b-1wayxmv4qm] {
    color: #1f4fd8;
    font-size: .88rem;
    font-weight: 950;
}

.home-ticket-card h4[b-1wayxmv4qm] {
    margin: 0 0 .55rem 0;
    color: #101828;
    font-size: .98rem;
    line-height: 1.3;
    font-weight: 950;
}

.home-ticket-meta[b-1wayxmv4qm] {
    display: flex;
    flex-wrap: wrap;
    gap: .4rem;
}

    .home-ticket-meta span[b-1wayxmv4qm] {
        background: white;
        border: 1px solid #e7eaf0;
        color: #475467;
        border-radius: 999px;
        padding: .25rem .55rem;
        font-size: .76rem;
        font-weight: 800;
    }

.home-ticket-side[b-1wayxmv4qm] {
    min-width: 88px;
    background: white;
    border: 1px solid #e7eaf0;
    border-radius: 16px;
    padding: .65rem;
    text-align: center;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.home-score-label[b-1wayxmv4qm] {
    color: #667085;
    font-size: .7rem;
    font-weight: 800;
    margin-bottom: .2rem;
}

.home-ticket-side strong[b-1wayxmv4qm] {
    color: #3730a3;
    font-size: 1.45rem;
    line-height: 1;
    font-weight: 950;
}

.home-ticket-side small[b-1wayxmv4qm] {
    color: #667085;
    font-size: .72rem;
    font-weight: 800;
    margin-top: .25rem;
}

.home-priority-pill[b-1wayxmv4qm] {
    border-radius: 999px;
    padding: .22rem .5rem;
    font-size: .72rem;
    font-weight: 900;
}

    .home-priority-pill.priority-critical[b-1wayxmv4qm] {
        background: #fee2e2;
        color: #991b1b;
    }

    .home-priority-pill.priority-high[b-1wayxmv4qm] {
        background: #ffedd5;
        color: #9a3412;
    }

    .home-priority-pill.priority-medium[b-1wayxmv4qm] {
        background: #fef9c3;
        color: #854d0e;
    }

    .home-priority-pill.priority-low[b-1wayxmv4qm] {
        background: #dcfce7;
        color: #166534;
    }

    .home-priority-pill.priority-normal[b-1wayxmv4qm] {
        background: #e0e7ff;
        color: #3730a3;
    }

@media (max-width: 1100px) {
    .home-ticket-list[b-1wayxmv4qm] {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 700px) {
    .home-ticket-card[b-1wayxmv4qm] {
        flex-direction: column;
    }

    .home-ticket-side[b-1wayxmv4qm] {
        width: 100%;
        flex-direction: row;
        align-items: center;
        justify-content: space-between;
        text-align: left;
    }

        .home-ticket-side strong[b-1wayxmv4qm] {
            font-size: 1.25rem;
        }
}

.user-home-actions[b-1wayxmv4qm] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 1rem;
    margin-bottom: 1rem;
}

.user-action-card[b-1wayxmv4qm] {
    text-align: left;
    border: 1px solid #e7eaf0;
    background: white;
    border-radius: 20px;
    padding: 1rem;
    cursor: pointer;
    box-shadow: 0 10px 26px rgba(15, 23, 42, .06);
}

    .user-action-card:hover[b-1wayxmv4qm] {
        border-color: #1f4fd8;
        transform: translateY(-1px);
    }

    .user-action-card strong[b-1wayxmv4qm] {
        display: block;
        color: #101828;
        font-size: 1rem;
        margin-bottom: .25rem;
    }

    .user-action-card span[b-1wayxmv4qm] {
        color: #667085;
        font-size: .85rem;
    }

.home-loading[b-1wayxmv4qm],
.home-empty[b-1wayxmv4qm] {
    background: white;
    border: 1px solid #e7eaf0;
    border-radius: 20px;
    padding: 2rem;
    color: #667085;
    text-align: center;
}

@media (max-width: 1000px) {
    .home-kpi-grid[b-1wayxmv4qm] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 700px) {
    .home-dashboard-page[b-1wayxmv4qm] {
        padding: .85rem;
    }

    .home-header[b-1wayxmv4qm] {
        flex-direction: column;
        align-items: stretch;
    }

    .home-kpi-grid[b-1wayxmv4qm],
    .user-home-actions[b-1wayxmv4qm] {
        grid-template-columns: 1fr;
    }

    .home-recommended-card[b-1wayxmv4qm] {
        flex-direction: column;
        align-items: stretch;
    }

    .recommended-score-home[b-1wayxmv4qm] {
        width: 100%;
    }

    .home-ticket-row[b-1wayxmv4qm] {
        flex-direction: column;
        align-items: flex-start;
    }
}
.home-section-header.enhanced[b-1wayxmv4qm] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 1rem;
}

.btn-link-home[b-1wayxmv4qm] {
    border: none;
    background: #eef2ff;
    color: #3730a3;
    border-radius: 999px;
    padding: .55rem .85rem;
    font-weight: 900;
    cursor: pointer;
}

    .btn-link-home:hover[b-1wayxmv4qm] {
        background: #1f4fd8;
        color: white;
    }

@media (max-width: 700px) {
    .home-section-header.enhanced[b-1wayxmv4qm] {
        flex-direction: column;
        align-items: flex-start;
    }

    .btn-link-home[b-1wayxmv4qm] {
        width: 100%;
    }
}

/* Enterprise density */
.home-dashboard-page[b-1wayxmv4qm] {
    padding: 0;
}

.home-header[b-1wayxmv4qm] {
    margin-bottom: 1.15rem;
}

.home-eyebrow[b-1wayxmv4qm] {
    display: block;
    margin-bottom: .28rem;
    color: #41619a;
    font-size: .67rem;
    font-weight: 850;
    letter-spacing: .11em;
    text-transform: uppercase;
}

.home-header h1[b-1wayxmv4qm] {
    font-size: 1.65rem;
    font-weight: 820;
    letter-spacing: -.035em;
}

.home-header p[b-1wayxmv4qm] {
    margin-top: .18rem;
    font-size: .84rem;
}

.btn-primary-home[b-1wayxmv4qm] {
    display: inline-flex;
    align-items: center;
    gap: .48rem;
    min-height: 40px;
    padding: .65rem .9rem;
    background: #143a66;
    border-radius: 9px;
    box-shadow: 0 6px 14px rgba(20, 58, 102, .14);
}

.btn-primary-home:hover[b-1wayxmv4qm] {
    background: #0b2a50;
}

.home-kpi-grid[b-1wayxmv4qm] {
    gap: .8rem;
    margin-bottom: .9rem;
}

.home-kpi-card[b-1wayxmv4qm] {
    position: relative;
    min-height: 126px;
    padding: .95rem 1rem;
    overflow: hidden;
    border-color: #e2e8f0;
    border-left: 1px solid #e2e8f0;
    border-radius: 12px;
    box-shadow: 0 1px 2px rgba(15, 23, 42, .025), 0 8px 20px rgba(15, 23, 42, .035);
}

.home-kpi-card[b-1wayxmv4qm]::before {
    position: absolute;
    inset: 0 auto 0 0;
    width: 3px;
    content: "";
    background: #315f9a;
}

.home-kpi-card.info[b-1wayxmv4qm]::before {
    background: #3b82f6;
}

.home-kpi-card.warning[b-1wayxmv4qm]::before {
    background: #d97706;
}

.home-kpi-card.danger[b-1wayxmv4qm]::before {
    background: #dc2626;
}

.home-kpi-card.success[b-1wayxmv4qm]::before {
    background: #16a34a;
}

.home-kpi-card span[b-1wayxmv4qm] {
    margin-bottom: .55rem;
    font-size: .72rem;
    letter-spacing: .015em;
}

.home-kpi-card strong[b-1wayxmv4qm] {
    margin-bottom: .5rem;
    font-size: 1.8rem;
    font-weight: 850;
}

.home-recommended-card[b-1wayxmv4qm],
.home-section-card[b-1wayxmv4qm],
.user-action-card[b-1wayxmv4qm],
.home-loading[b-1wayxmv4qm],
.home-empty[b-1wayxmv4qm] {
    border-radius: 12px;
}

.home-recommended-card[b-1wayxmv4qm] {
    padding: 1rem 1.1rem;
    background: linear-gradient(120deg, #16243e, #1f4773);
    box-shadow: 0 10px 24px rgba(15, 35, 65, .13);
}

.recommended-score-home[b-1wayxmv4qm] {
    border: 1px solid rgba(255, 255, 255, .12);
    border-radius: 10px;
}

.home-section-card[b-1wayxmv4qm],
.user-action-card[b-1wayxmv4qm] {
    border-color: #e2e8f0;
    box-shadow: 0 1px 2px rgba(15, 23, 42, .025), 0 8px 20px rgba(15, 23, 42, .035);
}

.home-section-card[b-1wayxmv4qm] {
    padding: 1rem 1.05rem;
}

.home-section-header h3[b-1wayxmv4qm] {
    font-size: 1rem;
    font-weight: 820;
}

.home-ticket-list[b-1wayxmv4qm] {
    gap: .65rem;
}

.home-ticket-card[b-1wayxmv4qm] {
    padding: .82rem;
    background: #fff;
    border-radius: 10px;
}

.home-ticket-card:hover[b-1wayxmv4qm] {
    background: #f8fafc;
    border-color: #9fb3cf;
    box-shadow: 0 6px 14px rgba(15, 23, 42, .06);
    transform: none;
}

.home-ticket-side[b-1wayxmv4qm] {
    border-radius: 9px;
    background: #f8fafc;
}

.user-action-card[b-1wayxmv4qm] {
    position: relative;
    padding: .95rem 2.8rem .95rem 1rem;
    box-shadow: none;
}

.user-action-card[b-1wayxmv4qm]::after {
    position: absolute;
    top: 50%;
    right: 1rem;
    color: #7590b3;
    font-size: 1.15rem;
    content: "→";
    transform: translateY(-50%);
}

.user-action-card:hover[b-1wayxmv4qm] {
    border-color: #9fb3cf;
    background: #f8fafc;
    transform: none;
}

.btn-link-home[b-1wayxmv4qm] {
    display: inline-flex;
    align-items: center;
    gap: .35rem;
    padding: .48rem .7rem;
    color: #244f84;
    background: #f1f5f9;
    border-radius: 8px;
    font-size: .76rem;
}

.btn-link-home:hover[b-1wayxmv4qm] {
    color: #fff;
    background: #143a66;
}
/* _content/PelsaServiceDesk/Components/Pages/Reportes/AsignacionAutomatica.razor.rz.scp.css */
.auto-report-page[b-ljia5jne3w] {
    display: flex;
    flex-direction: column;
    gap: 1rem;
}

.auto-report-hero[b-ljia5jne3w],
.report-card[b-ljia5jne3w],
.panel[b-ljia5jne3w] {
    background: white;
    border: 1px solid #e7eaf0;
    border-radius: 22px;
    padding: 1.2rem;
    box-shadow: 0 14px 32px rgba(15, 23, 42, .045);
}

.auto-report-hero[b-ljia5jne3w] {
    display: flex;
    justify-content: space-between;
    align-items: end;
    gap: 1rem;
}

    .auto-report-hero h1[b-ljia5jne3w] {
        margin: 0;
        color: #101828;
        font-weight: 900;
    }

    .auto-report-hero p[b-ljia5jne3w] {
        margin: .35rem 0 0;
        color: #667085;
    }

.auto-report-filters[b-ljia5jne3w] {
    display: flex;
    align-items: end;
    gap: .75rem;
    flex-wrap: wrap;
}

    .auto-report-filters label[b-ljia5jne3w] {
        display: block;
        font-weight: 900;
        color: #344054;
        margin-bottom: .3rem;
    }

.form-control[b-ljia5jne3w] {
    border: 1px solid #d0d5dd;
    border-radius: 14px;
    padding: .7rem .85rem;
    outline: none;
}

.btn-primary[b-ljia5jne3w],
.btn-secondary[b-ljia5jne3w],
.btn-table[b-ljia5jne3w] {
    border: none;
    border-radius: 14px;
    font-weight: 900;
    cursor: pointer;
}

.btn-primary[b-ljia5jne3w] {
    background: #153e75;
    color: white;
    padding: .75rem 1rem;
}

.btn-table[b-ljia5jne3w] {
    background: #eef2ff;
    color: #3730a3;
    padding: .5rem .75rem;
}

.auto-report-metrics[b-ljia5jne3w] {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: .85rem;
}

.metric-card[b-ljia5jne3w] {
    background: white;
    border: 1px solid #e7eaf0;
    border-radius: 20px;
    padding: 1rem;
    box-shadow: 0 12px 28px rgba(15, 23, 42, .045);
}

    .metric-card span[b-ljia5jne3w] {
        display: block;
        color: #667085;
        font-weight: 900;
    }

    .metric-card strong[b-ljia5jne3w] {
        display: block;
        color: #101828;
        font-weight: 900;
        font-size: 2rem;
        margin-top: .25rem;
    }

    .metric-card small[b-ljia5jne3w] {
        display: block;
        color: #667085;
        margin-top: .25rem;
    }

    .metric-card.success[b-ljia5jne3w] {
        border-color: #bbf7d0;
        background: #f0fdf4;
    }

    .metric-card.warning[b-ljia5jne3w] {
        border-color: #fed7aa;
        background: #fff7ed;
    }

    .metric-card.danger[b-ljia5jne3w] {
        border-color: #fecaca;
        background: #fff1f2;
    }

.auto-report-grid[b-ljia5jne3w] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 1rem;
}

.report-card h3[b-ljia5jne3w] {
    margin: 0 0 .85rem;
    color: #101828;
    font-weight: 900;
}

.report-card-head[b-ljia5jne3w] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: .75rem;
    margin-bottom: .85rem;
}

    .report-card-head h3[b-ljia5jne3w] {
        margin: 0;
    }

    .report-card-head span[b-ljia5jne3w] {
        color: #667085;
        font-weight: 800;
    }

.mini-table[b-ljia5jne3w] {
    display: flex;
    flex-direction: column;
    gap: .65rem;
}

.mini-row[b-ljia5jne3w] {
    display: flex;
    justify-content: space-between;
    gap: .75rem;
    align-items: center;
    border: 1px solid #e7eaf0;
    background: #f8fafc;
    border-radius: 16px;
    padding: .85rem;
}

    .mini-row strong[b-ljia5jne3w] {
        display: block;
        color: #101828;
        font-weight: 900;
    }

    .mini-row span[b-ljia5jne3w] {
        display: block;
        color: #667085;
        margin-top: .15rem;
    }

.mini-pills[b-ljia5jne3w] {
    display: flex;
    gap: .35rem;
    flex-wrap: wrap;
    justify-content: flex-end;
}

.pill[b-ljia5jne3w] {
    border-radius: 999px;
    padding: .28rem .55rem;
    font-size: .75rem;
    font-weight: 900;
    white-space: nowrap;
}

    .pill.success[b-ljia5jne3w] {
        background: #dcfce7;
        color: #166534;
    }

    .pill.warning[b-ljia5jne3w] {
        background: #fff7ed;
        color: #9a3412;
    }

    .pill.neutral[b-ljia5jne3w] {
        background: #eef2ff;
        color: #3730a3;
    }

.badge-auto[b-ljia5jne3w],
.badge-suggest[b-ljia5jne3w] {
    border-radius: 999px;
    padding: .32rem .6rem;
    font-weight: 900;
    font-size: .75rem;
    white-space: nowrap;
}

.badge-auto[b-ljia5jne3w] {
    background: #dcfce7;
    color: #166534;
}

.badge-suggest[b-ljia5jne3w] {
    background: #fff7ed;
    color: #9a3412;
}

.report-message[b-ljia5jne3w] {
    border-radius: 16px;
    padding: .85rem 1rem;
    font-weight: 900;
}

    .report-message.error[b-ljia5jne3w] {
        background: #fee2e2;
        color: #991b1b;
        border: 1px solid #fecaca;
    }

.empty-state[b-ljia5jne3w] {
    color: #667085;
    background: #f8fafc;
    border: 1px solid #e7eaf0;
    border-radius: 16px;
    padding: 1rem;
    text-align: center;
}

.table-responsive[b-ljia5jne3w] {
    overflow-x: auto;
}

.app-table[b-ljia5jne3w] {
    width: 100%;
    border-collapse: collapse;
}

    .app-table th[b-ljia5jne3w],
    .app-table td[b-ljia5jne3w] {
        padding: .8rem;
        border-bottom: 1px solid #e7eaf0;
        text-align: left;
        vertical-align: top;
    }

    .app-table th[b-ljia5jne3w] {
        color: #344054;
        font-size: .82rem;
        text-transform: uppercase;
        letter-spacing: .03em;
    }

@media (max-width: 1100px) {
    .auto-report-hero[b-ljia5jne3w] {
        flex-direction: column;
        align-items: stretch;
    }

    .auto-report-metrics[b-ljia5jne3w],
    .auto-report-grid[b-ljia5jne3w] {
        grid-template-columns: 1fr;
    }

    .auto-report-filters[b-ljia5jne3w] {
        flex-direction: column;
        align-items: stretch;
    }

        .auto-report-filters button[b-ljia5jne3w] {
            width: 100%;
        }
}
/* _content/PelsaServiceDesk/Components/Pages/Reportes/DashboardGerencial.razor.rz.scp.css */
.dashboard-gerencial-page[b-j45v7wkiuv] {
    padding: 1.5rem;
}

.dashboard-header[b-j45v7wkiuv] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 1rem;
    margin-bottom: 1.25rem;
}

    .dashboard-header h1[b-j45v7wkiuv] {
        margin: 0;
        font-size: 1.85rem;
        font-weight: 900;
        color: #101828;
        letter-spacing: -.03em;
    }

    .dashboard-header p[b-j45v7wkiuv] {
        margin: .25rem 0 0 0;
        color: #667085;
        font-size: .95rem;
    }

.btn-refresh[b-j45v7wkiuv] {
    border: none;
    background: linear-gradient(135deg, #3448f0, #1f4fd8);
    color: white;
    border-radius: 14px;
    padding: .85rem 1.2rem;
    font-weight: 900;
    cursor: pointer;
    box-shadow: 0 10px 22px rgba(31, 79, 216, .24);
}

    .btn-refresh:hover[b-j45v7wkiuv] {
        transform: translateY(-1px);
    }

.dashboard-filter-card[b-j45v7wkiuv] {
    background: white;
    border: 1px solid #e7eaf0;
    border-radius: 22px;
    padding: 1rem;
    margin-bottom: 1rem;
    box-shadow: 0 10px 26px rgba(15, 23, 42, .05);
    display: flex;
    justify-content: space-between;
    align-items: end;
    gap: 1rem;
}

.filter-left[b-j45v7wkiuv] {
    display: flex;
    flex-wrap: wrap;
    align-items: end;
    gap: .75rem;
}

.filter-item[b-j45v7wkiuv] {
    display: flex;
    flex-direction: column;
    gap: .3rem;
}

    .filter-item label[b-j45v7wkiuv] {
        font-size: .75rem;
        color: #667085;
        font-weight: 900;
    }

    .filter-item input[b-j45v7wkiuv] {
        height: 44px;
        border: 1px solid #d0d5dd;
        border-radius: 13px;
        padding: 0 .85rem;
        outline: none;
        background: #f8fafc;
        color: #101828;
        font-weight: 700;
    }

        .filter-item input:focus[b-j45v7wkiuv] {
            border-color: #1f4fd8;
            box-shadow: 0 0 0 3px rgba(31, 79, 216, .12);
            background: white;
        }

.btn-apply-filter[b-j45v7wkiuv] {
    height: 44px;
    border: none;
    background: #111827;
    color: white;
    border-radius: 13px;
    padding: 0 1.1rem;
    font-weight: 900;
    cursor: pointer;
}

    .btn-apply-filter:hover[b-j45v7wkiuv] {
        background: #1f2937;
    }

.filter-quick-actions[b-j45v7wkiuv] {
    display: flex;
    flex-wrap: wrap;
    gap: .5rem;
    justify-content: flex-end;
}

    .filter-quick-actions button[b-j45v7wkiuv] {
        height: 38px;
        border: none;
        background: #eef2ff;
        color: #3730a3;
        border-radius: 999px;
        padding: 0 .9rem;
        font-weight: 900;
        cursor: pointer;
        font-size: .82rem;
    }

        .filter-quick-actions button:hover[b-j45v7wkiuv] {
            background: #1f4fd8;
            color: white;
        }

.dashboard-kpis[b-j45v7wkiuv] {
    display: grid;
    grid-template-columns: repeat(6, minmax(0, 1fr));
    gap: .9rem;
    margin-bottom: 1rem;
}

.dashboard-kpi-card[b-j45v7wkiuv] {
    background: white;
    border: 1px solid #e7eaf0;
    border-radius: 20px;
    padding: 1rem;
    box-shadow: 0 10px 26px rgba(15, 23, 42, .06);
    display: flex;
    align-items: center;
    gap: .85rem;
    min-height: 96px;
    position: relative;
    overflow: hidden;
}

    .dashboard-kpi-card[b-j45v7wkiuv]::before {
        content: "";
        position: absolute;
        inset: 0 auto 0 0;
        width: 5px;
        background: #1f4fd8;
    }

.kpi-icon[b-j45v7wkiuv] {
    width: 42px;
    height: 42px;
    border-radius: 15px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #eef2ff;
    font-size: 1.25rem;
    flex-shrink: 0;
}

.dashboard-kpi-card span[b-j45v7wkiuv] {
    display: block;
    color: #667085;
    font-size: .78rem;
    margin-bottom: .25rem;
    font-weight: 800;
}

.dashboard-kpi-card strong[b-j45v7wkiuv] {
    display: block;
    font-size: 1.65rem;
    color: #101828;
    line-height: 1.1;
    font-weight: 950;
}

.kpi-blue[b-j45v7wkiuv]::before {
    background: #2563eb;
}

.kpi-red[b-j45v7wkiuv]::before {
    background: #dc2626;
}

.kpi-orange[b-j45v7wkiuv]::before {
    background: #d97706;
}

.kpi-green[b-j45v7wkiuv]::before {
    background: #16a34a;
}

.kpi-indigo[b-j45v7wkiuv]::before {
    background: #4f46e5;
}

.kpi-dark[b-j45v7wkiuv]::before {
    background: #111827;
}

.kpi-blue .kpi-icon[b-j45v7wkiuv] {
    background: #dbeafe;
}

.kpi-red .kpi-icon[b-j45v7wkiuv] {
    background: #fee2e2;
}

.kpi-orange .kpi-icon[b-j45v7wkiuv] {
    background: #ffedd5;
}

.kpi-green .kpi-icon[b-j45v7wkiuv] {
    background: #dcfce7;
}

.kpi-indigo .kpi-icon[b-j45v7wkiuv] {
    background: #e0e7ff;
}

.kpi-dark .kpi-icon[b-j45v7wkiuv] {
    background: #f1f5f9;
}

.kpi-red strong[b-j45v7wkiuv] {
    color: #dc2626;
}

.kpi-orange strong[b-j45v7wkiuv] {
    color: #d97706;
}

.kpi-green strong[b-j45v7wkiuv] {
    color: #16a34a;
}

.kpi-indigo strong[b-j45v7wkiuv] {
    color: #4f46e5;
}

.dashboard-grid[b-j45v7wkiuv] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 1rem;
    align-items: start;
}

.charts-grid[b-j45v7wkiuv] {
    margin-top: 1rem;
}

.dashboard-loading[b-j45v7wkiuv] {
    background: white;
    border: 1px solid #e7eaf0;
    border-radius: 20px;
    padding: 2rem;
    text-align: center;
    color: #667085;
    box-shadow: 0 10px 26px rgba(15, 23, 42, .05);
}

/* Tarjetas de series si las tienes directas en este mismo CSS */
.serie-card[b-j45v7wkiuv] {
    background: white;
    border: 1px solid #e7eaf0;
    border-radius: 22px;
    padding: 1rem;
    box-shadow: 0 10px 26px rgba(15, 23, 42, .06);
}

.serie-card-header[b-j45v7wkiuv] {
    margin-bottom: 1rem;
}

    .serie-card-header h3[b-j45v7wkiuv] {
        margin: 0;
        color: #101828;
        font-size: 1.05rem;
        font-weight: 950;
        letter-spacing: -.02em;
    }

    .serie-card-header span[b-j45v7wkiuv] {
        color: #667085;
        font-size: .82rem;
    }

.serie-empty[b-j45v7wkiuv] {
    background: #f8fafc;
    border: 1px dashed #cbd5e1;
    border-radius: 16px;
    padding: 1rem;
    text-align: center;
    color: #667085;
    font-size: .85rem;
}

.serie-list[b-j45v7wkiuv] {
    display: flex;
    flex-direction: column;
    gap: .85rem;
}

.serie-line[b-j45v7wkiuv] {
    display: flex;
    justify-content: space-between;
    gap: .75rem;
    font-size: .86rem;
}

    .serie-line span[b-j45v7wkiuv] {
        color: #334155;
        font-weight: 850;
    }

    .serie-line strong[b-j45v7wkiuv] {
        color: #101828;
        font-weight: 950;
    }

.serie-bar[b-j45v7wkiuv] {
    height: 10px;
    background: #eef2ff;
    border-radius: 999px;
    overflow: hidden;
    margin-top: .35rem;
}

.serie-bar-fill[b-j45v7wkiuv] {
    height: 100%;
    background: linear-gradient(90deg, #1f4fd8, #5667ff);
    border-radius: 999px;
}

@media (max-width: 1400px) {
    .dashboard-kpis[b-j45v7wkiuv] {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }
}

@media (max-width: 900px) {
    .dashboard-gerencial-page[b-j45v7wkiuv] {
        padding: .9rem;
    }

    .dashboard-header[b-j45v7wkiuv] {
        flex-direction: column;
        align-items: stretch;
    }

    .dashboard-filter-card[b-j45v7wkiuv] {
        flex-direction: column;
        align-items: stretch;
    }

    .filter-left[b-j45v7wkiuv] {
        display: grid;
        grid-template-columns: 1fr;
    }

    .filter-quick-actions[b-j45v7wkiuv] {
        justify-content: flex-start;
    }

    .dashboard-kpis[b-j45v7wkiuv],
    .dashboard-grid[b-j45v7wkiuv] {
        grid-template-columns: 1fr;
    }

    .btn-refresh[b-j45v7wkiuv] {
        width: 100%;
    }
}

.charts-grid .chart-card:last-child[b-j45v7wkiuv] {
    grid-column: 1 / -1;
}

@media (max-width: 900px) {
    .charts-grid .chart-card:last-child[b-j45v7wkiuv] {
        grid-column: auto;
    }
}


.performance-card[b-j45v7wkiuv] {
    background: white;
    border: 1px solid #e7eaf0;
    border-radius: 22px;
    padding: 1rem;
    margin-top: 1rem;
    box-shadow: 0 10px 26px rgba(15, 23, 42, .06);
}

.performance-header[b-j45v7wkiuv] {
    margin-bottom: 1rem;
}

    .performance-header h3[b-j45v7wkiuv] {
        margin: 0;
        color: #101828;
        font-size: 1.1rem;
        font-weight: 950;
        letter-spacing: -.02em;
    }

    .performance-header span[b-j45v7wkiuv] {
        color: #667085;
        font-size: .84rem;
    }

.performance-empty[b-j45v7wkiuv] {
    background: #f8fafc;
    border: 1px dashed #cbd5e1;
    border-radius: 16px;
    padding: 1rem;
    color: #667085;
    text-align: center;
}

.performance-table-wrap[b-j45v7wkiuv] {
    width: 100%;
    overflow-x: auto;
}

.performance-table[b-j45v7wkiuv] {
    width: 100%;
    border-collapse: separate;
    border-spacing: 0 .55rem;
}

    .performance-table thead th[b-j45v7wkiuv] {
        text-align: left;
        color: #667085;
        font-size: .76rem;
        font-weight: 900;
        padding: .25rem .75rem;
        white-space: nowrap;
    }

    .performance-table tbody tr[b-j45v7wkiuv] {
        background: #f8fafc;
        border-radius: 16px;
    }

    .performance-table tbody td[b-j45v7wkiuv] {
        padding: .85rem .75rem;
        color: #101828;
        font-size: .88rem;
        vertical-align: middle;
        white-space: nowrap;
    }

        .performance-table tbody td:first-child[b-j45v7wkiuv] {
            border-top-left-radius: 16px;
            border-bottom-left-radius: 16px;
        }

        .performance-table tbody td:last-child[b-j45v7wkiuv] {
            border-top-right-radius: 16px;
            border-bottom-right-radius: 16px;
        }

.tech-cell[b-j45v7wkiuv] {
    display: flex;
    align-items: center;
    gap: .65rem;
}

.tech-avatar[b-j45v7wkiuv] {
    width: 38px;
    height: 38px;
    border-radius: 14px;
    background: #1f4fd8;
    color: white;
    font-weight: 950;
    display: flex;
    align-items: center;
    justify-content: center;
}

.tech-cell strong[b-j45v7wkiuv] {
    display: block;
    font-weight: 950;
    color: #101828;
}

.tech-cell span[b-j45v7wkiuv] {
    display: block;
    color: #667085;
    font-size: .76rem;
    margin-top: .1rem;
}

.metric-pill[b-j45v7wkiuv] {
    display: inline-flex;
    min-width: 32px;
    height: 28px;
    padding: 0 .55rem;
    border-radius: 999px;
    align-items: center;
    justify-content: center;
    font-weight: 950;
}

    .metric-pill.danger[b-j45v7wkiuv] {
        background: #fee2e2;
        color: #991b1b;
    }

    .metric-pill.success[b-j45v7wkiuv] {
        background: #dcfce7;
        color: #166534;
    }

.sla-progress[b-j45v7wkiuv] {
    min-width: 130px;
}

.sla-progress-text[b-j45v7wkiuv] {
    display: flex;
    justify-content: space-between;
    margin-bottom: .25rem;
    font-size: .8rem;
    font-weight: 900;
    color: #334155;
}

.sla-progress-bar[b-j45v7wkiuv] {
    height: 8px;
    background: #e0e7ff;
    border-radius: 999px;
    overflow: hidden;
}

    .sla-progress-bar div[b-j45v7wkiuv] {
        height: 100%;
        background: linear-gradient(90deg, #1f4fd8, #22c55e);
        border-radius: 999px;
    }

.load-pill[b-j45v7wkiuv] {
    display: inline-flex;
    border-radius: 999px;
    padding: .35rem .65rem;
    font-size: .78rem;
    font-weight: 950;
}

.load-high[b-j45v7wkiuv] {
    background: #fee2e2;
    color: #991b1b;
}

.load-medium[b-j45v7wkiuv] {
    background: #ffedd5;
    color: #9a3412;
}

.load-normal[b-j45v7wkiuv] {
    background: #dcfce7;
    color: #166534;
}

.load-empty[b-j45v7wkiuv] {
    background: #f1f5f9;
    color: #475569;
}

@media (max-width: 900px) {
    .performance-card[b-j45v7wkiuv] {
        padding: .8rem;
        border-radius: 18px;
    }
}


@media (max-width: 700px) {
    .dashboard-gerencial-page[b-j45v7wkiuv] {
        padding: .75rem;
    }

    .dashboard-header h1[b-j45v7wkiuv] {
        font-size: 1.45rem;
    }

    .dashboard-header p[b-j45v7wkiuv] {
        font-size: .85rem;
    }

    .dashboard-filter-card[b-j45v7wkiuv] {
        padding: .85rem;
        border-radius: 18px;
        gap: .85rem;
    }

    .filter-left[b-j45v7wkiuv] {
        display: grid;
        grid-template-columns: 1fr;
        width: 100%;
    }

    .filter-item input[b-j45v7wkiuv],
    .btn-apply-filter[b-j45v7wkiuv] {
        width: 100%;
    }

    .filter-quick-actions[b-j45v7wkiuv] {
        display: grid;
        grid-template-columns: 1fr 1fr;
        width: 100%;
        gap: .45rem;
    }

        .filter-quick-actions button[b-j45v7wkiuv] {
            width: 100%;
        }

    .dashboard-kpis[b-j45v7wkiuv] {
        grid-template-columns: 1fr;
        gap: .75rem;
    }

    .dashboard-kpi-card[b-j45v7wkiuv] {
        min-height: 86px;
        padding: .85rem;
        border-radius: 18px;
    }

        .dashboard-kpi-card strong[b-j45v7wkiuv] {
            font-size: 1.45rem;
        }

    .kpi-icon[b-j45v7wkiuv] {
        width: 38px;
        height: 38px;
        border-radius: 14px;
        font-size: 1.1rem;
    }

    .dashboard-grid[b-j45v7wkiuv] {
        grid-template-columns: 1fr;
        gap: .85rem;
    }

    .charts-grid .chart-card:last-child[b-j45v7wkiuv] {
        grid-column: auto;
    }
}

.performance-mobile-list[b-j45v7wkiuv] {
    display: none;
}

@media (max-width: 700px) {
    .performance-table-wrap[b-j45v7wkiuv] {
        display: none;
    }

    .performance-mobile-list[b-j45v7wkiuv] {
        display: flex;
        flex-direction: column;
        gap: .8rem;
    }

    .performance-mobile-card[b-j45v7wkiuv] {
        background: #f8fafc;
        border: 1px solid #e7eaf0;
        border-radius: 18px;
        padding: .9rem;
    }

    .performance-mobile-header[b-j45v7wkiuv] {
        display: flex;
        align-items: center;
        gap: .65rem;
        margin-bottom: .8rem;
    }

        .performance-mobile-header strong[b-j45v7wkiuv] {
            display: block;
            font-weight: 950;
            color: #101828;
        }

        .performance-mobile-header span[b-j45v7wkiuv] {
            display: block;
            color: #667085;
            font-size: .78rem;
        }

    .performance-mobile-grid[b-j45v7wkiuv] {
        display: grid;
        grid-template-columns: 1fr 1fr;
        gap: .6rem;
        margin-bottom: .8rem;
    }

        .performance-mobile-grid div[b-j45v7wkiuv] {
            background: white;
            border: 1px solid #e7eaf0;
            border-radius: 14px;
            padding: .7rem;
        }

        .performance-mobile-grid span[b-j45v7wkiuv] {
            display: block;
            color: #667085;
            font-size: .75rem;
            font-weight: 800;
            margin-bottom: .25rem;
        }

        .performance-mobile-grid strong[b-j45v7wkiuv] {
            color: #101828;
            font-size: 1rem;
            font-weight: 950;
        }

    .danger-text[b-j45v7wkiuv] {
        color: #dc2626 !important;
    }

    .success-text[b-j45v7wkiuv] {
        color: #16a34a !important;
    }

    .performance-mobile-sla[b-j45v7wkiuv] {
        margin-bottom: .75rem;
    }

    .load-pill[b-j45v7wkiuv] {
        width: fit-content;
    }
}

.dashboard-select[b-j45v7wkiuv] {
    height: 44px;
    min-width: 230px;
    border: 1px solid #d0d5dd;
    border-radius: 13px;
    padding: 0 .85rem;
    outline: none;
    background: #f8fafc;
    color: #101828;
    font-weight: 700;
}

    .dashboard-select:focus[b-j45v7wkiuv] {
        border-color: #1f4fd8;
        box-shadow: 0 0 0 3px rgba(31, 79, 216, .12);
        background: white;
    }

@media (max-width: 700px) {
    .dashboard-select[b-j45v7wkiuv] {
        width: 100%;
        min-width: 0;
    }
}

.executive-grid[b-j45v7wkiuv] {
    display: grid;
    grid-template-columns: 1.35fr .65fr;
    gap: 1rem;
    margin-bottom: 1rem;
}

.critical-card[b-j45v7wkiuv] {
    background: white;
    border: 1px solid #e7eaf0;
    border-radius: 22px;
    padding: 1rem;
    box-shadow: 0 12px 30px rgba(15, 23, 42, .055);
}

.critical-head[b-j45v7wkiuv] {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    gap: 1rem;
    margin-bottom: .9rem;
}

    .critical-head h3[b-j45v7wkiuv] {
        margin: 0;
        color: #101828;
        font-weight: 950;
    }

    .critical-head span[b-j45v7wkiuv] {
        display: block;
        color: #667085;
        margin-top: .2rem;
        font-weight: 700;
    }

    .critical-head strong[b-j45v7wkiuv] {
        background: #fee2e2;
        color: #991b1b;
        border-radius: 16px;
        padding: .45rem .75rem;
        font-weight: 950;
    }

.critical-empty[b-j45v7wkiuv] {
    background: #f8fafc;
    border: 1px dashed #d0d5dd;
    color: #667085;
    border-radius: 16px;
    padding: 1rem;
    text-align: center;
    font-weight: 800;
}

.critical-list[b-j45v7wkiuv] {
    display: flex;
    flex-direction: column;
    gap: .6rem;
}

.critical-row[b-j45v7wkiuv] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: .85rem;
    border: 1px solid #e7eaf0;
    background: #f8fafc;
    border-radius: 16px;
    padding: .75rem;
}

.critical-main[b-j45v7wkiuv] {
    display: flex;
    flex-direction: column;
    gap: .15rem;
    min-width: 0;
}

    .critical-main .ticket-code[b-j45v7wkiuv] {
        width: fit-content;
        background: #eef2ff;
        color: #3730a3;
        border-radius: 999px;
        padding: .2rem .5rem;
        font-size: .72rem;
        font-weight: 950;
    }

    .critical-main strong[b-j45v7wkiuv] {
        color: #101828;
        font-weight: 950;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
    }

    .critical-main small[b-j45v7wkiuv] {
        color: #667085;
        font-weight: 800;
    }

.critical-side[b-j45v7wkiuv] {
    display: flex;
    align-items: center;
    gap: .5rem;
    flex-shrink: 0;
}

.risk-pill[b-j45v7wkiuv] {
    border-radius: 999px;
    padding: .32rem .6rem;
    font-size: .72rem;
    font-weight: 950;
    white-space: nowrap;
}

    .risk-pill.danger[b-j45v7wkiuv] {
        background: #fee2e2;
        color: #991b1b;
    }

    .risk-pill.warning[b-j45v7wkiuv] {
        background: #fef3c7;
        color: #92400e;
    }

    .risk-pill.orange[b-j45v7wkiuv] {
        background: #ffedd5;
        color: #9a3412;
    }

    .risk-pill.neutral[b-j45v7wkiuv] {
        background: #e0e7ff;
        color: #3730a3;
    }

.critical-view-btn[b-j45v7wkiuv] {
    border: none;
    background: #153e75;
    color: white;
    border-radius: 12px;
    padding: .5rem .7rem;
    font-weight: 900;
    cursor: pointer;
}

@media (max-width: 1200px) {
    .executive-grid[b-j45v7wkiuv] {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 750px) {
    .critical-row[b-j45v7wkiuv] {
        flex-direction: column;
        align-items: stretch;
    }

    .critical-side[b-j45v7wkiuv] {
        justify-content: space-between;
    }

    .critical-view-btn[b-j45v7wkiuv] {
        width: 100%;
    }
}
/* _content/PelsaServiceDesk/Components/Pages/Reportes/ReporteDimensionTable.razor.rz.scp.css */
.reports-table-wrap[b-abob4j54c7] {
    width: 100%;
    overflow: auto;
    border: 1px solid #e1e7f0;
    border-radius: 13px;
}

.reports-table[b-abob4j54c7] {
    width: 100%;
    min-width: 850px;
    border-collapse: separate;
    border-spacing: 0;
    font-size: .82rem;
}

.reports-table th[b-abob4j54c7],
.reports-table td[b-abob4j54c7] {
    padding: 11px 12px;
    border-bottom: 1px solid #e8edf4;
    text-align: left;
    vertical-align: middle;
}

.reports-table th[b-abob4j54c7] {
    position: sticky;
    top: 0;
    z-index: 2;
    color: #506078;
    background: #f5f8fc;
    font-size: .73rem;
    text-transform: uppercase;
    letter-spacing: .035em;
}

.reports-table tbody tr:hover td[b-abob4j54c7] { background: #fbfdff; }
.name-cell[b-abob4j54c7] { min-width: 180px; font-weight: 800; color: #24324a; }
.danger-text[b-abob4j54c7] { color: #c12d3d; font-weight: 800; }
.empty-cell[b-abob4j54c7] { padding: 30px !important; text-align: center !important; color: #64748b; }
/* _content/PelsaServiceDesk/Components/Pages/Reportes/ReporteSatisfaccionTable.razor.rz.scp.css */
.reports-table-wrap[b-awfyli56di] {
    width: 100%;
    overflow: auto;
    border: 1px solid #e1e7f0;
    border-radius: 13px;
}

.reports-table[b-awfyli56di] {
    width: 100%;
    min-width: 850px;
    border-collapse: separate;
    border-spacing: 0;
    font-size: .82rem;
}

.reports-table th[b-awfyli56di],
.reports-table td[b-awfyli56di] {
    padding: 11px 12px;
    border-bottom: 1px solid #e8edf4;
    text-align: left;
    vertical-align: middle;
}

.reports-table th[b-awfyli56di] {
    position: sticky;
    top: 0;
    z-index: 2;
    color: #506078;
    background: #f5f8fc;
    font-size: .73rem;
    text-transform: uppercase;
    letter-spacing: .035em;
}

.reports-table tbody tr:hover td[b-awfyli56di] { background: #fbfdff; }
.name-cell[b-awfyli56di] { min-width: 180px; font-weight: 800; color: #24324a; }
.danger-text[b-awfyli56di] { color: #c12d3d; font-weight: 800; }
.empty-cell[b-awfyli56di] { padding: 30px !important; text-align: center !important; color: #64748b; }
/* _content/PelsaServiceDesk/Components/Pages/Reportes/ReportesEnterprise.razor.rz.scp.css */
.reports-enterprise-page[b-yocp6gnfaz] {
    --navy: #0b2545;
    --blue: #2457d6;
    --muted: #64748b;
    --border: #dce4ef;
    --surface: #ffffff;
    --soft: #f5f8fc;
    display: flex;
    flex-direction: column;
    gap: 18px;
    padding: 24px;
    color: #172033;
}

.reports-hero[b-yocp6gnfaz] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 24px;
    padding: 26px 28px;
    border-radius: 24px;
    color: white;
    background:
        radial-gradient(circle at top right, rgba(79, 123, 255, .32), transparent 38%),
        linear-gradient(135deg, #0b2545, #153d73 58%, #244fa4);
    box-shadow: 0 22px 55px rgba(11, 37, 69, .2);
}

.reports-eyebrow[b-yocp6gnfaz] {
    display: inline-block;
    margin-bottom: 7px;
    font-size: .72rem;
    font-weight: 800;
    letter-spacing: .12em;
    color: #b9ceff;
}

.reports-hero h1[b-yocp6gnfaz] {
    margin: 0;
    font-size: clamp(1.8rem, 3vw, 2.65rem);
    line-height: 1.08;
}

.reports-hero p[b-yocp6gnfaz] {
    margin: 10px 0 0;
    max-width: 720px;
    color: rgba(255, 255, 255, .8);
}

.reports-actions[b-yocp6gnfaz] {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-end;
    gap: 10px;
}

.reports-btn[b-yocp6gnfaz] {
    min-height: 42px;
    padding: 0 17px;
    border: 0;
    border-radius: 12px;
    font-weight: 800;
    cursor: pointer;
    transition: transform .16s ease, opacity .16s ease, box-shadow .16s ease;
}

.reports-btn:hover:not(:disabled)[b-yocp6gnfaz] {
    transform: translateY(-1px);
}

.reports-btn:disabled[b-yocp6gnfaz] {
    opacity: .58;
    cursor: wait;
}

.reports-btn.secondary[b-yocp6gnfaz] {
    color: white;
    background: rgba(255, 255, 255, .14);
    border: 1px solid rgba(255, 255, 255, .22);
}

.reports-btn.excel[b-yocp6gnfaz] {
    color: #0f5132;
    background: #dff7e8;
}

.reports-btn.pdf[b-yocp6gnfaz] {
    color: #842029;
    background: #ffe5e8;
}

.reports-btn.apply[b-yocp6gnfaz] {
    align-self: end;
    color: white;
    background: var(--blue);
    box-shadow: 0 9px 22px rgba(36, 87, 214, .22);
}

.reports-filters[b-yocp6gnfaz],
.reports-card[b-yocp6gnfaz] {
    border: 1px solid var(--border);
    border-radius: 20px;
    background: var(--surface);
    box-shadow: 0 14px 35px rgba(15, 35, 70, .07);
}

.reports-filters[b-yocp6gnfaz] {
    padding: 20px;
}

.reports-filter-grid[b-yocp6gnfaz] {
    display: grid;
    grid-template-columns: repeat(5, minmax(150px, 1fr));
    gap: 14px;
    align-items: end;
}

.reports-filter-grid label[b-yocp6gnfaz] {
    display: flex;
    flex-direction: column;
    gap: 7px;
    min-width: 0;
}

.reports-filter-grid label > span[b-yocp6gnfaz] {
    font-size: .78rem;
    font-weight: 800;
    color: #536178;
}

.reports-filter-grid .form-control[b-yocp6gnfaz] {
    min-height: 42px;
    border: 1px solid #cfd9e7;
    border-radius: 11px;
    background: #fbfcfe;
    color: #172033;
}

.reports-check[b-yocp6gnfaz] {
    flex-direction: row !important;
    align-items: center;
    min-height: 42px;
    padding: 0 12px;
    border: 1px solid #dbe4f0;
    border-radius: 11px;
    background: #f8faff;
}

.reports-check input[b-yocp6gnfaz] {
    width: 18px;
    height: 18px;
}

.reports-quick-ranges[b-yocp6gnfaz] {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    margin-top: 14px;
    padding-top: 14px;
    border-top: 1px solid #e8edf4;
}

.reports-quick-ranges button[b-yocp6gnfaz] {
    padding: 7px 12px;
    border: 1px solid #d4deec;
    border-radius: 999px;
    color: #33435c;
    background: #fff;
    font-weight: 750;
}

.reports-alert[b-yocp6gnfaz] {
    padding: 13px 16px;
    border-radius: 13px;
    font-weight: 700;
}

.reports-alert.success[b-yocp6gnfaz] {
    color: #146c43;
    background: #e8f8ef;
    border: 1px solid #bfe8d0;
}

.reports-alert.error[b-yocp6gnfaz] {
    color: #9f2130;
    background: #fff0f1;
    border: 1px solid #ffc8ce;
}

.reports-loading[b-yocp6gnfaz] {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 14px;
    min-height: 180px;
    border: 1px solid var(--border);
    border-radius: 20px;
    background: white;
}

.reports-loading div[b-yocp6gnfaz] {
    display: flex;
    flex-direction: column;
    gap: 3px;
}

.reports-loading small[b-yocp6gnfaz] {
    color: var(--muted);
}

.reports-spinner[b-yocp6gnfaz] {
    width: 36px;
    height: 36px;
    border: 4px solid #d9e3f4;
    border-top-color: var(--blue);
    border-radius: 50%;
    animation: reports-spin-b-yocp6gnfaz .8s linear infinite;
}

@keyframes reports-spin-b-yocp6gnfaz {
    to { transform: rotate(360deg); }
}

.reports-kpis[b-yocp6gnfaz] {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 14px;
}

.reports-kpi[b-yocp6gnfaz] {
    position: relative;
    overflow: hidden;
    min-height: 128px;
    padding: 19px;
    border: 1px solid var(--border);
    border-radius: 18px;
    background: white;
    box-shadow: 0 12px 30px rgba(18, 39, 72, .06);
}

.reports-kpi[b-yocp6gnfaz]::before {
    content: "";
    position: absolute;
    inset: 0 auto 0 0;
    width: 5px;
    background: #2f66e7;
}

.reports-kpi span[b-yocp6gnfaz],
.reports-kpi small[b-yocp6gnfaz] {
    display: block;
}

.reports-kpi span[b-yocp6gnfaz] {
    font-size: .83rem;
    font-weight: 800;
    color: #5b677b;
}

.reports-kpi strong[b-yocp6gnfaz] {
    display: block;
    margin: 8px 0 5px;
    font-size: 1.78rem;
    line-height: 1;
    color: #111a2d;
}

.reports-kpi small[b-yocp6gnfaz] {
    color: #77849a;
}

.reports-kpi.danger[b-yocp6gnfaz]::before { background: #dc3545; }
.reports-kpi.success[b-yocp6gnfaz]::before { background: #16a56c; }
.reports-kpi.info[b-yocp6gnfaz]::before { background: #2a8cd8; }
.reports-kpi.dark[b-yocp6gnfaz]::before { background: #222b3d; }
.reports-kpi.warning[b-yocp6gnfaz]::before { background: #f3a621; }
.reports-kpi.violet[b-yocp6gnfaz]::before { background: #7a55d8; }
.reports-kpi.mail[b-yocp6gnfaz]::before { background: #0aa2a8; }

.reports-tabs[b-yocp6gnfaz] {
    display: flex;
    gap: 7px;
    overflow-x: auto;
    padding: 6px;
    border: 1px solid var(--border);
    border-radius: 15px;
    background: #eef3f9;
}

.reports-tabs button[b-yocp6gnfaz] {
    flex: 0 0 auto;
    padding: 10px 15px;
    border: 0;
    border-radius: 10px;
    color: #526077;
    background: transparent;
    font-weight: 800;
}

.reports-tabs button.active[b-yocp6gnfaz] {
    color: white;
    background: var(--navy);
    box-shadow: 0 7px 18px rgba(11, 37, 69, .2);
}

.reports-grid[b-yocp6gnfaz] {
    display: grid;
    gap: 16px;
}

.reports-grid.two-columns[b-yocp6gnfaz] {
    grid-template-columns: repeat(2, minmax(0, 1fr));
}

.reports-card[b-yocp6gnfaz] {
    min-width: 0;
    padding: 20px;
}

.reports-card > header[b-yocp6gnfaz] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 16px;
    margin-bottom: 16px;
}

.reports-card h2[b-yocp6gnfaz] {
    margin: 0;
    font-size: 1.08rem;
    color: var(--navy);
}

.reports-card header p[b-yocp6gnfaz] {
    margin: 5px 0 0;
    font-size: .86rem;
    color: var(--muted);
}

.reports-count[b-yocp6gnfaz] {
    flex: 0 0 auto;
    padding: 6px 10px;
    border-radius: 999px;
    color: #2755b8;
    background: #eaf1ff;
    font-size: .78rem;
    font-weight: 800;
}

.reports-bar-row[b-yocp6gnfaz] {
    display: grid;
    grid-template-columns: minmax(120px, 1.2fr) minmax(120px, 2fr) 64px;
    align-items: center;
    gap: 12px;
    padding: 10px 0;
    border-bottom: 1px solid #edf1f6;
}

.reports-bar-row > div:first-child[b-yocp6gnfaz] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 8px;
}

.reports-bar-row strong[b-yocp6gnfaz] {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.reports-bar-row span[b-yocp6gnfaz],
.reports-bar-row small[b-yocp6gnfaz] {
    color: var(--muted);
}

.reports-bar[b-yocp6gnfaz] {
    overflow: hidden;
    height: 9px;
    border-radius: 999px;
    background: #e7edf6;
}

.reports-bar span[b-yocp6gnfaz] {
    display: block;
    height: 100%;
    min-width: 2px;
    border-radius: inherit;
    background: linear-gradient(90deg, #2f66e7, #6f8fff);
}

.reports-table-wrap[b-yocp6gnfaz] {
    width: 100%;
    overflow: auto;
    border: 1px solid #e1e7f0;
    border-radius: 13px;
}

.tickets-table-wrap[b-yocp6gnfaz] {
    max-height: 680px;
}

.reports-table[b-yocp6gnfaz] {
    width: 100%;
    min-width: 850px;
    border-collapse: separate;
    border-spacing: 0;
    font-size: .82rem;
}

.reports-table th[b-yocp6gnfaz],
.reports-table td[b-yocp6gnfaz] {
    padding: 11px 12px;
    border-bottom: 1px solid #e8edf4;
    text-align: left;
    vertical-align: middle;
}

.reports-table th[b-yocp6gnfaz] {
    position: sticky;
    top: 0;
    z-index: 2;
    color: #506078;
    background: #f5f8fc;
    font-size: .73rem;
    text-transform: uppercase;
    letter-spacing: .035em;
}

.reports-table tbody tr:hover td[b-yocp6gnfaz] {
    background: #fbfdff;
}

.reports-table.compact[b-yocp6gnfaz] {
    min-width: 520px;
}

.name-cell[b-yocp6gnfaz] {
    min-width: 180px;
    font-weight: 800;
    color: #24324a;
}

.ticket-title[b-yocp6gnfaz] {
    min-width: 260px;
    max-width: 380px;
}

.danger-text[b-yocp6gnfaz] {
    color: #c12d3d !important;
    font-weight: 800;
}

.empty-cell[b-yocp6gnfaz] {
    padding: 30px !important;
    text-align: center !important;
    color: var(--muted);
}

.sla-pill[b-yocp6gnfaz],
.mail-state[b-yocp6gnfaz] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 82px;
    padding: 5px 8px;
    border-radius: 999px;
    font-size: .7rem;
    font-weight: 900;
}

.sla-pill.danger[b-yocp6gnfaz],
.mail-state.danger[b-yocp6gnfaz] { color: #a21d2e; background: #ffe5e8; }
.sla-pill.warning[b-yocp6gnfaz],
.mail-state.warning[b-yocp6gnfaz] { color: #885c00; background: #fff2cc; }
.sla-pill.success[b-yocp6gnfaz],
.mail-state.success[b-yocp6gnfaz] { color: #117445; background: #def7e9; }
.sla-pill.info[b-yocp6gnfaz],
.mail-state.info[b-yocp6gnfaz] { color: #155d9b; background: #dff1ff; }
.sla-pill.violet[b-yocp6gnfaz],
.mail-state.violet[b-yocp6gnfaz] { color: #6940b5; background: #eee5ff; }
.sla-pill.muted[b-yocp6gnfaz],
.mail-state.muted[b-yocp6gnfaz] { color: #5e6b7d; background: #edf1f5; }

.reports-link[b-yocp6gnfaz] {
    padding: 6px 10px;
    border: 0;
    border-radius: 8px;
    color: #2457d6;
    background: #eaf1ff;
    font-weight: 850;
}

.reports-generated[b-yocp6gnfaz] {
    padding: 12px 4px;
    color: #7a8799;
    font-size: .78rem;
    text-align: right;
}

@media (max-width: 1280px) {
    .reports-filter-grid[b-yocp6gnfaz] {
        grid-template-columns: repeat(3, minmax(160px, 1fr));
    }

    .reports-kpis[b-yocp6gnfaz] {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }
}

@media (max-width: 900px) {
    .reports-enterprise-page[b-yocp6gnfaz] {
        padding: 16px;
    }

    .reports-hero[b-yocp6gnfaz] {
        flex-direction: column;
    }

    .reports-actions[b-yocp6gnfaz] {
        width: 100%;
        justify-content: stretch;
    }

    .reports-actions .reports-btn[b-yocp6gnfaz] {
        flex: 1 1 160px;
    }

    .reports-filter-grid[b-yocp6gnfaz] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .reports-kpis[b-yocp6gnfaz],
    .reports-grid.two-columns[b-yocp6gnfaz] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 600px) {
    .reports-enterprise-page[b-yocp6gnfaz] {
        padding: 10px;
        gap: 12px;
    }

    .reports-hero[b-yocp6gnfaz],
    .reports-filters[b-yocp6gnfaz],
    .reports-card[b-yocp6gnfaz] {
        border-radius: 16px;
    }

    .reports-hero[b-yocp6gnfaz] {
        padding: 21px 18px;
    }

    .reports-filter-grid[b-yocp6gnfaz],
    .reports-kpis[b-yocp6gnfaz],
    .reports-grid.two-columns[b-yocp6gnfaz] {
        grid-template-columns: 1fr;
    }

    .reports-filter-grid .reports-btn.apply[b-yocp6gnfaz] {
        width: 100%;
    }

    .reports-kpi[b-yocp6gnfaz] {
        min-height: 108px;
    }

    .reports-bar-row[b-yocp6gnfaz] {
        grid-template-columns: 1fr 70px;
    }

    .reports-bar-row .reports-bar[b-yocp6gnfaz] {
        grid-column: 1 / -1;
        grid-row: 2;
    }
}
/* _content/PelsaServiceDesk/Components/Pages/Reportes/Satisfaccion.razor.rz.scp.css */
.satisfaction-page[b-qvf9pv6b9t] {
    display: flex;
    flex-direction: column;
    gap: 1rem;
}

.satisfaction-hero[b-qvf9pv6b9t],
.satisfaction-filters[b-qvf9pv6b9t],
.satisfaction-card[b-qvf9pv6b9t],
.satisfaction-loading[b-qvf9pv6b9t],
.satisfaction-alert[b-qvf9pv6b9t] {
    background: #fff;
    border: 1px solid #e7eaf0;
    border-radius: 22px;
    box-shadow: 0 16px 40px rgba(15, 23, 42, .055);
}

.satisfaction-hero[b-qvf9pv6b9t] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    padding: 1.35rem;
}

.eyebrow[b-qvf9pv6b9t] {
    display: block;
    color: #1f4fd8;
    font-size: .72rem;
    font-weight: 900;
    letter-spacing: .09em;
}

.satisfaction-hero h1[b-qvf9pv6b9t] {
    margin: .25rem 0 0;
    color: #101828;
    font-size: 1.8rem;
    font-weight: 950;
}

.satisfaction-hero p[b-qvf9pv6b9t] {
    margin: .35rem 0 0;
    color: #667085;
}

.btn-refresh-satisfaction[b-qvf9pv6b9t],
.btn-apply-satisfaction[b-qvf9pv6b9t],
.view-ticket-btn[b-qvf9pv6b9t],
.survey-mobile-card button[b-qvf9pv6b9t] {
    border: 0;
    border-radius: 13px;
    padding: .78rem 1rem;
    background: #173f8f;
    color: white;
    font-weight: 900;
    cursor: pointer;
}

.btn-refresh-satisfaction:disabled[b-qvf9pv6b9t],
.btn-apply-satisfaction:disabled[b-qvf9pv6b9t] {
    opacity: .65;
    cursor: wait;
}

.satisfaction-filters[b-qvf9pv6b9t] {
    display: grid;
    grid-template-columns: repeat(4, minmax(150px, 1fr)) auto;
    align-items: end;
    gap: .8rem;
    padding: 1rem;
}

.filter-control label[b-qvf9pv6b9t] {
    display: block;
    margin-bottom: .35rem;
    color: #344054;
    font-size: .82rem;
    font-weight: 900;
}

.form-control[b-qvf9pv6b9t] {
    width: 100%;
    min-height: 44px;
    border: 1px solid #d0d5dd;
    border-radius: 12px;
    padding: .68rem .75rem;
    background: white;
    color: #101828;
}

.satisfaction-alert[b-qvf9pv6b9t] {
    padding: .9rem 1rem;
    color: #991b1b;
    background: #fff1f2;
    border-color: #fecdd3;
}

.satisfaction-loading[b-qvf9pv6b9t] {
    padding: 2rem;
    text-align: center;
    color: #667085;
    font-weight: 800;
}

.satisfaction-kpis[b-qvf9pv6b9t] {
    display: grid;
    grid-template-columns: repeat(5, minmax(0, 1fr));
    gap: .8rem;
}

.satisfaction-kpi[b-qvf9pv6b9t] {
    min-height: 132px;
    padding: 1rem;
    border-radius: 20px;
    border: 1px solid #e7eaf0;
    background: white;
    box-shadow: 0 12px 30px rgba(15, 23, 42, .045);
}

.satisfaction-kpi span[b-qvf9pv6b9t],
.satisfaction-kpi small[b-qvf9pv6b9t] {
    display: block;
    color: #667085;
    font-weight: 800;
}

.satisfaction-kpi strong[b-qvf9pv6b9t] {
    display: block;
    margin: .45rem 0;
    color: #101828;
    font-size: 1.8rem;
    font-weight: 950;
}

.satisfaction-kpi.primary[b-qvf9pv6b9t] { border-top: 4px solid #1f4fd8; }
.satisfaction-kpi.success[b-qvf9pv6b9t] { border-top: 4px solid #16a34a; }
.satisfaction-kpi.info[b-qvf9pv6b9t] { border-top: 4px solid #0284c7; }
.satisfaction-kpi.warning[b-qvf9pv6b9t] { border-top: 4px solid #d97706; }
.satisfaction-kpi.danger[b-qvf9pv6b9t] { border-top: 4px solid #dc2626; }

.satisfaction-grid[b-qvf9pv6b9t] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 1rem;
}

.satisfaction-card[b-qvf9pv6b9t] {
    padding: 1rem;
    overflow: hidden;
}

.satisfaction-card header[b-qvf9pv6b9t] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: .8rem;
    margin-bottom: .85rem;
}

.satisfaction-card h2[b-qvf9pv6b9t] {
    margin: 0;
    color: #101828;
    font-size: 1.08rem;
    font-weight: 950;
}

.satisfaction-card header p[b-qvf9pv6b9t] {
    margin: .25rem 0 0;
    color: #667085;
    font-size: .85rem;
}

.ranking-list[b-qvf9pv6b9t] {
    display: flex;
    flex-direction: column;
    gap: .6rem;
}

.ranking-row[b-qvf9pv6b9t] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: .8rem;
    padding: .8rem;
    border: 1px solid #e7eaf0;
    border-radius: 15px;
    background: #f8fafc;
}

.ranking-person[b-qvf9pv6b9t] {
    display: flex;
    align-items: center;
    gap: .65rem;
}

.avatar[b-qvf9pv6b9t] {
    width: 38px;
    height: 38px;
    display: grid;
    place-items: center;
    border-radius: 12px;
    background: #e8efff;
    color: #173f8f;
    font-weight: 950;
}

.ranking-row strong[b-qvf9pv6b9t],
.ranking-row small[b-qvf9pv6b9t] {
    display: block;
}

.ranking-row strong[b-qvf9pv6b9t] { color: #101828; }
.ranking-row small[b-qvf9pv6b9t] { margin-top: .18rem; color: #667085; }

.ranking-metrics[b-qvf9pv6b9t] {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: .45rem;
    flex-wrap: wrap;
    color: #475467;
    font-size: .8rem;
    font-weight: 850;
}

.rating-chip[b-qvf9pv6b9t],
.low-chip[b-qvf9pv6b9t],
.resolved-chip[b-qvf9pv6b9t],
.unresolved-chip[b-qvf9pv6b9t],
.count-chip[b-qvf9pv6b9t] {
    display: inline-flex;
    align-items: center;
    border-radius: 999px;
    padding: .28rem .58rem;
    font-size: .78rem;
    font-weight: 900;
}

.rating-chip[b-qvf9pv6b9t] { background: #fff7ed; color: #a54b09; }
.low-chip[b-qvf9pv6b9t] { background: #fee2e2; color: #991b1b; }
.resolved-chip[b-qvf9pv6b9t] { background: #dcfce7; color: #166534; }
.unresolved-chip[b-qvf9pv6b9t] { background: #fee2e2; color: #991b1b; }
.count-chip[b-qvf9pv6b9t] { background: #eef2ff; color: #3730a3; }

.empty-report[b-qvf9pv6b9t] {
    padding: 1.4rem;
    border: 1px dashed #d0d5dd;
    border-radius: 15px;
    text-align: center;
    color: #667085;
}

.table-responsive[b-qvf9pv6b9t] {
    overflow-x: auto;
}

.satisfaction-table[b-qvf9pv6b9t] {
    width: 100%;
    border-collapse: collapse;
    min-width: 1080px;
}

.satisfaction-table th[b-qvf9pv6b9t],
.satisfaction-table td[b-qvf9pv6b9t] {
    padding: .72rem;
    border-bottom: 1px solid #eaecf0;
    text-align: left;
    vertical-align: top;
}

.satisfaction-table th[b-qvf9pv6b9t] {
    color: #667085;
    font-size: .75rem;
    font-weight: 950;
    text-transform: uppercase;
    letter-spacing: .03em;
}

.satisfaction-table td[b-qvf9pv6b9t] {
    color: #344054;
    font-size: .86rem;
}

.satisfaction-table td strong[b-qvf9pv6b9t],
.satisfaction-table td small[b-qvf9pv6b9t] {
    display: block;
}

.satisfaction-table td small[b-qvf9pv6b9t] {
    margin-top: .2rem;
    color: #667085;
    max-width: 220px;
}

.comment-cell[b-qvf9pv6b9t] {
    max-width: 280px;
    white-space: normal;
}

.view-ticket-btn[b-qvf9pv6b9t] {
    padding: .5rem .72rem;
}

.satisfaction-mobile-list[b-qvf9pv6b9t] {
    display: none;
}

@media (max-width: 1180px) {
    .satisfaction-filters[b-qvf9pv6b9t] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .btn-apply-satisfaction[b-qvf9pv6b9t] {
        width: 100%;
    }

    .satisfaction-kpis[b-qvf9pv6b9t] {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }
}

@media (max-width: 820px) {
    .satisfaction-hero[b-qvf9pv6b9t] {
        flex-direction: column;
        align-items: stretch;
    }

    .satisfaction-grid[b-qvf9pv6b9t],
    .satisfaction-kpis[b-qvf9pv6b9t] {
        grid-template-columns: 1fr;
    }

    .ranking-row[b-qvf9pv6b9t] {
        align-items: flex-start;
        flex-direction: column;
    }

    .ranking-metrics[b-qvf9pv6b9t] {
        justify-content: flex-start;
    }

    .satisfaction-table-wrap[b-qvf9pv6b9t] {
        display: none;
    }

    .satisfaction-mobile-list[b-qvf9pv6b9t] {
        display: flex;
        flex-direction: column;
        gap: .75rem;
    }

    .survey-mobile-card[b-qvf9pv6b9t] {
        padding: .85rem;
        border: 1px solid #e7eaf0;
        border-radius: 16px;
        background: #f8fafc;
    }

    .survey-mobile-head[b-qvf9pv6b9t] {
        display: flex;
        align-items: center;
        justify-content: space-between;
        gap: .6rem;
    }

    .survey-mobile-card h3[b-qvf9pv6b9t] {
        margin: .55rem 0 .35rem;
        color: #101828;
        font-size: 1rem;
    }

    .survey-mobile-card p[b-qvf9pv6b9t] {
        margin: 0 0 .65rem;
        color: #475467;
    }

    .survey-mobile-meta[b-qvf9pv6b9t] {
        display: flex;
        flex-wrap: wrap;
        gap: .35rem;
        margin-bottom: .7rem;
    }

    .survey-mobile-meta span[b-qvf9pv6b9t] {
        border-radius: 999px;
        padding: .24rem .5rem;
        background: #eef2ff;
        color: #3730a3;
        font-size: .76rem;
        font-weight: 850;
    }
}

@media (max-width: 560px) {
    .satisfaction-filters[b-qvf9pv6b9t] {
        grid-template-columns: 1fr;
    }

    .satisfaction-hero h1[b-qvf9pv6b9t] {
        font-size: 1.45rem;
    }
}
/* _content/PelsaServiceDesk/Components/Pages/Reportes/SeguimientoAsignacion.razor.rz.scp.css */
.assign-follow-page[b-d7z5vidh9d] {
    display: flex;
    flex-direction: column;
    gap: 1rem;
}

.assign-follow-header[b-d7z5vidh9d],
.assign-follow-filters[b-d7z5vidh9d],
.assign-follow-panel[b-d7z5vidh9d],
.assign-follow-kpis[b-d7z5vidh9d] {
    background: white;
    border: 1px solid #e7eaf0;
    border-radius: 22px;
    padding: 1rem;
    box-shadow: 0 14px 32px rgba(15, 23, 42, .045);
}

.assign-follow-header[b-d7z5vidh9d] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 1rem;
}

    .assign-follow-header h1[b-d7z5vidh9d] {
        margin: 0;
        color: #101828;
        font-weight: 950;
    }

    .assign-follow-header p[b-d7z5vidh9d] {
        margin: .35rem 0 0;
        color: #667085;
        font-weight: 700;
    }

.assign-follow-filters[b-d7z5vidh9d] {
    display: grid;
    grid-template-columns: 150px 150px 170px 170px 1fr auto;
    gap: .75rem;
    align-items: end;
}

    .assign-follow-filters .search[b-d7z5vidh9d] {
        min-width: 260px;
    }

.apply-btn[b-d7z5vidh9d] {
    height: 44px;
}

.assign-follow-message[b-d7z5vidh9d] {
    background: #fee2e2;
    color: #991b1b;
    border: 1px solid #fecaca;
    border-radius: 16px;
    padding: .85rem 1rem;
    font-weight: 900;
}

.assign-follow-kpis[b-d7z5vidh9d] {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: .75rem;
}

    .assign-follow-kpis div[b-d7z5vidh9d] {
        background: #f8fafc;
        border: 1px solid #e7eaf0;
        border-radius: 16px;
        padding: .85rem;
    }

    .assign-follow-kpis span[b-d7z5vidh9d] {
        display: block;
        color: #667085;
        font-weight: 800;
        font-size: .82rem;
    }

    .assign-follow-kpis strong[b-d7z5vidh9d] {
        display: block;
        color: #101828;
        font-size: 1.6rem;
        font-weight: 950;
        margin-top: .25rem;
    }

.table-wrap[b-d7z5vidh9d] {
    overflow: auto;
}

.assign-follow-table[b-d7z5vidh9d] {
    width: 100%;
    border-collapse: collapse;
    min-width: 1050px;
}

    .assign-follow-table th[b-d7z5vidh9d] {
        text-align: left;
        color: #667085;
        font-size: .78rem;
        font-weight: 950;
        padding: .75rem;
        border-bottom: 1px solid #e7eaf0;
    }

    .assign-follow-table td[b-d7z5vidh9d] {
        padding: .75rem;
        border-bottom: 1px solid #eef2f6;
        color: #344054;
        font-weight: 750;
        vertical-align: top;
    }

.ticket-cell[b-d7z5vidh9d] {
    display: flex;
    flex-direction: column;
    gap: .15rem;
}

    .ticket-cell strong[b-d7z5vidh9d] {
        color: #101828;
        font-weight: 950;
    }

    .ticket-cell span[b-d7z5vidh9d] {
        color: #344054;
        font-weight: 850;
    }

    .ticket-cell small[b-d7z5vidh9d] {
        color: #667085;
        font-weight: 700;
    }

.system-pill[b-d7z5vidh9d],
.score-pill[b-d7z5vidh9d],
.origin-pill[b-d7z5vidh9d],
.auto-pill[b-d7z5vidh9d] {
    display: inline-flex;
    border-radius: 999px;
    padding: .3rem .6rem;
    font-size: .72rem;
    font-weight: 950;
    white-space: nowrap;
}

.system-pill[b-d7z5vidh9d] {
    background: #eef2ff;
    color: #3730a3;
}

.score-pill.high[b-d7z5vidh9d] {
    background: #dcfce7;
    color: #166534;
}

.score-pill.medium[b-d7z5vidh9d] {
    background: #fef3c7;
    color: #92400e;
}

.score-pill.low[b-d7z5vidh9d] {
    background: #fee2e2;
    color: #991b1b;
}

.origin-pill.ia[b-d7z5vidh9d] {
    background: #ede9fe;
    color: #6d28d9;
}

.origin-pill.hybrid[b-d7z5vidh9d] {
    background: #e0f2fe;
    color: #0369a1;
}

.origin-pill.manual[b-d7z5vidh9d] {
    background: #f2f4f7;
    color: #344054;
}

.origin-pill.rules[b-d7z5vidh9d] {
    background: #fff7ed;
    color: #9a3412;
}

.auto-pill.yes[b-d7z5vidh9d] {
    background: #dcfce7;
    color: #166534;
}

.auto-pill.no[b-d7z5vidh9d] {
    background: #f2f4f7;
    color: #475467;
}

.btn-view[b-d7z5vidh9d] {
    border: none;
    background: #153e75;
    color: white;
    border-radius: 12px;
    padding: .45rem .75rem;
    font-weight: 900;
    cursor: pointer;
}

.reason-row td[b-d7z5vidh9d] {
    background: #f8fafc;
    color: #667085;
    font-size: .84rem;
    padding-top: .5rem;
}

.empty-state[b-d7z5vidh9d] {
    border: 1px dashed #d0d5dd;
    background: #f8fafc;
    color: #667085;
    border-radius: 16px;
    padding: 1rem;
    text-align: center;
    font-weight: 900;
}

@media (max-width: 1200px) {
    .assign-follow-filters[b-d7z5vidh9d] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .assign-follow-kpis[b-d7z5vidh9d] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 700px) {
    .assign-follow-header[b-d7z5vidh9d] {
        flex-direction: column;
        align-items: stretch;
    }

    .assign-follow-filters[b-d7z5vidh9d],
    .assign-follow-kpis[b-d7z5vidh9d] {
        grid-template-columns: 1fr;
    }
}

.action-stack[b-d7z5vidh9d] {
    display: flex;
    flex-direction: column;
    gap: .4rem;
}

.btn-rule[b-d7z5vidh9d] {
    border: none;
    background: #eef2ff;
    color: #3730a3;
    border-radius: 12px;
    padding: .45rem .75rem;
    font-weight: 900;
    cursor: pointer;
}

    .btn-rule:hover[b-d7z5vidh9d] {
        background: #c7d2fe;
    }

.modal-backdrop[b-d7z5vidh9d] {
    position: fixed;
    inset: 0;
    background: rgba(15, 23, 42, .45);
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 2000;
    padding: 1rem;
}

.rule-modal[b-d7z5vidh9d] {
    width: min(620px, 100%);
    max-height: 90vh;
    overflow: auto;
    background: white;
    border-radius: 24px;
    padding: 1.2rem;
    box-shadow: 0 24px 70px rgba(15, 23, 42, .25);
}

.rule-modal-header[b-d7z5vidh9d] {
    display: flex;
    justify-content: space-between;
    gap: 1rem;
    align-items: flex-start;
    margin-bottom: 1rem;
}

    .rule-modal-header span[b-d7z5vidh9d] {
        display: block;
        color: #153e75;
        font-size: .78rem;
        font-weight: 950;
        text-transform: uppercase;
    }

    .rule-modal-header h3[b-d7z5vidh9d] {
        margin: .2rem 0 0;
        color: #101828;
        font-weight: 950;
    }

.modal-close[b-d7z5vidh9d] {
    border: none;
    background: #f2f4f7;
    color: #344054;
    width: 38px;
    height: 38px;
    border-radius: 999px;
    font-size: 1.4rem;
    font-weight: 900;
    cursor: pointer;
}

.textarea-md[b-d7z5vidh9d] {
    min-height: 120px;
}

.number-grid[b-d7z5vidh9d] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: .75rem;
}

.check-row[b-d7z5vidh9d] {
    display: flex;
    align-items: center;
    gap: .55rem;
    margin-top: .5rem;
    font-weight: 850;
    color: #344054;
}

.modal-actions[b-d7z5vidh9d] {
    display: flex;
    justify-content: flex-end;
    gap: .7rem;
    margin-top: 1rem;
}

@media (max-width: 650px) {
    .number-grid[b-d7z5vidh9d] {
        grid-template-columns: 1fr;
    }

    .modal-actions[b-d7z5vidh9d] {
        flex-direction: column;
    }
}
/* _content/PelsaServiceDesk/Components/Pages/Seguridad/AplicacionesIntegracion.razor.rz.scp.css */
.integration-admin[b-ss7ekqzlus]{width:100%;min-width:0;box-sizing:border-box;padding:clamp(.85rem,2vw,1.5rem);color:light-dark(#172033,#e8eef8)}
.integration-hero[b-ss7ekqzlus],.integration-list[b-ss7ekqzlus],.integration-editor[b-ss7ekqzlus],.secret-card[b-ss7ekqzlus]{border:1px solid light-dark(#dce4ef,#2b3a50);border-radius:20px;background:light-dark(#fff,#111c2e);box-shadow:0 8px 24px rgba(15,23,42,.06)}
.integration-hero[b-ss7ekqzlus]{display:flex;justify-content:space-between;align-items:center;gap:1rem;padding:1.5rem;margin-bottom:1rem;overflow:hidden}.integration-hero>div[b-ss7ekqzlus]{min-width:0}.integration-hero span[b-ss7ekqzlus],.editor-heading span[b-ss7ekqzlus]{color:#6681ff;font-size:.7rem;font-weight:950;letter-spacing:.08em}.integration-hero h1[b-ss7ekqzlus]{margin:.25rem 0;font-size:clamp(1.45rem,2.3vw,2rem);line-height:1.15}.integration-hero p[b-ss7ekqzlus]{margin:0;color:light-dark(#64748b,#9fb0c8)}
button[b-ss7ekqzlus]{border:0;border-radius:11px;padding:.72rem 1rem;background:#3155d9;color:#fff;font-weight:850;cursor:pointer;white-space:nowrap}button:hover[b-ss7ekqzlus]{filter:brightness(1.08)}button:disabled[b-ss7ekqzlus]{opacity:.55;cursor:not-allowed}
.integration-alert[b-ss7ekqzlus]{padding:.8rem 1rem;border-radius:12px;margin-bottom:1rem}.integration-alert.ok[b-ss7ekqzlus]{background:light-dark(#e8fff3,#123529);color:light-dark(#087443,#8ff0bd)}.integration-alert.error[b-ss7ekqzlus]{background:light-dark(#fff0f0,#3d1c26);color:light-dark(#b42318,#ffacac)}
.secret-card[b-ss7ekqzlus]{padding:1rem;margin-bottom:1rem;border-color:#e3ad16;display:grid;gap:.7rem}.secret-card small[b-ss7ekqzlus]{display:block;color:light-dark(#64748b,#9fb0c8)}.secret-card code[b-ss7ekqzlus]{padding:.7rem;border-radius:10px;background:light-dark(#fff8dc,#2b2718);overflow-wrap:anywhere;color:light-dark(#5f4300,#ffe08a)}
.integration-grid[b-ss7ekqzlus]{width:100%;min-width:0;display:grid;grid-template-columns:minmax(250px,.72fr) minmax(0,1.28fr);align-items:start;gap:1rem}.integration-list[b-ss7ekqzlus],.integration-editor[b-ss7ekqzlus]{min-width:0;padding:1.1rem}.section-title[b-ss7ekqzlus],.editor-heading[b-ss7ekqzlus]{display:flex;justify-content:space-between;align-items:flex-start;gap:1rem}.section-title h2[b-ss7ekqzlus],.editor-heading h2[b-ss7ekqzlus]{margin:.15rem 0 1rem;font-size:clamp(1.25rem,2vw,1.7rem)}.editor-heading[b-ss7ekqzlus]{padding-bottom:.9rem;border-bottom:1px solid light-dark(#e4eaf2,#2a3950)}.editor-heading small[b-ss7ekqzlus]{color:light-dark(#64748b,#9fb0c8)}
.integration-empty[b-ss7ekqzlus]{min-height:260px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:1rem;color:light-dark(#64748b,#9fb0c8)}.integration-empty>span[b-ss7ekqzlus]{display:grid;place-items:center;width:54px;height:54px;border-radius:16px;background:light-dark(#eef3ff,#182a47);font-size:1.4rem}.integration-empty strong[b-ss7ekqzlus]{margin-top:.8rem;color:light-dark(#26344b,#e8eef8)}.integration-empty small[b-ss7ekqzlus]{max-width:260px;margin-top:.3rem;line-height:1.5}
.app-row[b-ss7ekqzlus]{padding:1rem;border:1px solid light-dark(#e1e8f2,#2a3950);border-radius:14px;margin-bottom:.7rem;cursor:pointer;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:.35rem}.app-row:hover[b-ss7ekqzlus]{border-color:#5574ee}.app-row.inactive[b-ss7ekqzlus]{opacity:.65}.app-row small[b-ss7ekqzlus],.app-row p[b-ss7ekqzlus]{display:block;margin:.2rem 0;color:light-dark(#64748b,#9fb0c8);font-size:.76rem;overflow-wrap:anywhere}.app-row p[b-ss7ekqzlus]{grid-column:1/-1}.status[b-ss7ekqzlus]{font-size:.7rem;color:#0b7a45;background:light-dark(#dcfce9,#153b2c);padding:.25rem .5rem;border-radius:999px;height:max-content}
[b-ss7ekqzlus] .integration-form{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:1rem;padding-top:1rem}[b-ss7ekqzlus] .integration-form>.validation-errors{grid-column:1/-1;margin:0;padding:.75rem 1rem;border-radius:10px;background:light-dark(#fff0f0,#3d1c26);color:light-dark(#b42318,#ffacac)}
[b-ss7ekqzlus] .integration-form .field{min-width:0;display:grid;align-content:start;gap:.32rem}[b-ss7ekqzlus] .integration-form .field label{font-size:.78rem;font-weight:850;color:light-dark(#334155,#dbe7f5)}[b-ss7ekqzlus] .integration-form .field small{min-height:1.1rem;color:light-dark(#718096,#92a7c1);font-size:.68rem}
[b-ss7ekqzlus] .integration-form input[type=text],[b-ss7ekqzlus] .integration-form select{display:block;width:100%;min-width:0;box-sizing:border-box;padding:.72rem .8rem;border-radius:10px;border:1px solid light-dark(#cfd9e7,#36475f);background:light-dark(#fff,#0d1728);color:light-dark(#172033,#f2f6fc);outline:none}[b-ss7ekqzlus] .integration-form input[type=text]:focus,[b-ss7ekqzlus] .integration-form select:focus{border-color:#5574ee;box-shadow:0 0 0 3px rgba(85,116,238,.15)}
[b-ss7ekqzlus] .integration-form fieldset{grid-column:1/-1;margin:0;padding:.9rem;border:1px solid light-dark(#dce4ef,#2b3a50);border-radius:14px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.6rem}[b-ss7ekqzlus] .integration-form legend{padding:0 .35rem;font-size:.82rem;font-weight:900}
[b-ss7ekqzlus] .integration-form .permission{min-width:0;display:flex;align-items:flex-start;gap:.55rem;padding:.65rem;border-radius:10px;background:light-dark(#f7f9fc,#0e192a);font-size:.75rem;cursor:pointer}[b-ss7ekqzlus] .integration-form .permission input{flex:0 0 auto;margin-top:.15rem;accent-color:#4164e8}[b-ss7ekqzlus] .integration-form .permission span{min-width:0;display:grid;gap:.12rem}[b-ss7ekqzlus] .integration-form .permission b{font-size:.72rem;overflow-wrap:anywhere}[b-ss7ekqzlus] .integration-form .permission small{color:light-dark(#718096,#92a7c1);font-weight:500}[b-ss7ekqzlus] .integration-form .active-switch{grid-column:1/-1;background:light-dark(#edf8f2,#123126)}
[b-ss7ekqzlus] .integration-form .form-actions{grid-column:1/-1;display:flex;justify-content:flex-end;flex-wrap:wrap;gap:.5rem;padding-top:.8rem;border-top:1px solid light-dark(#e4eaf2,#2a3950)}[b-ss7ekqzlus] .integration-form .secondary{background:#52647d}[b-ss7ekqzlus] .integration-form .danger{background:#b42318}
@media(max-width:1100px){.integration-grid[b-ss7ekqzlus]{grid-template-columns:1fr}.integration-empty[b-ss7ekqzlus]{min-height:150px}}@media(max-width:700px){.integration-admin[b-ss7ekqzlus]{padding:.65rem}.integration-hero[b-ss7ekqzlus]{align-items:flex-start;flex-direction:column;padding:1.1rem}.integration-hero button[b-ss7ekqzlus]{width:100%}[b-ss7ekqzlus] .integration-form{grid-template-columns:1fr}[b-ss7ekqzlus] .integration-form fieldset{grid-template-columns:1fr}[b-ss7ekqzlus] .integration-form .form-actions button{flex:1 1 150px}}
/* _content/PelsaServiceDesk/Components/Pages/Seguridad/Auditoria.razor.rz.scp.css */
.audit-page[b-70dt43wr7p]{padding:1.5rem;display:grid;gap:1rem}.audit-hero[b-70dt43wr7p]{display:flex;justify-content:space-between;align-items:flex-start;gap:1rem;padding:1.5rem;border-radius:22px;background:linear-gradient(135deg,#0f2e59,#193e72);color:#fff}.audit-kicker[b-70dt43wr7p]{font-size:.75rem;font-weight:800;letter-spacing:.12em;opacity:.78}.audit-hero h1[b-70dt43wr7p]{margin:.3rem 0;font-size:2rem}.audit-hero p[b-70dt43wr7p]{margin:0;opacity:.85}.audit-actions[b-70dt43wr7p]{display:flex;gap:.65rem;flex-wrap:wrap}.audit-btn[b-70dt43wr7p]{border:0;border-radius:12px;padding:.72rem 1rem;font-weight:800;cursor:pointer}.audit-btn:disabled[b-70dt43wr7p]{opacity:.6;cursor:not-allowed}.audit-btn.primary[b-70dt43wr7p]{background:#1e4ed8;color:#fff}.audit-hero .audit-btn.primary[b-70dt43wr7p]{background:#fff;color:#15345f}.audit-btn.secondary[b-70dt43wr7p]{background:#eaf0f8;color:#15345f}.audit-alert[b-70dt43wr7p]{padding:.85rem 1rem;border-radius:12px;font-weight:700}.audit-alert.error[b-70dt43wr7p]{background:#fee2e2;color:#991b1b}.audit-alert.success[b-70dt43wr7p]{background:#dcfce7;color:#166534}.audit-kpis[b-70dt43wr7p]{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:.8rem}.audit-kpis article[b-70dt43wr7p]{background:#fff;border:1px solid #e4eaf2;border-radius:16px;padding:1rem;box-shadow:0 10px 28px rgba(18,43,78,.06)}.audit-kpis span[b-70dt43wr7p]{display:block;color:#64748b;font-size:.8rem;font-weight:700}.audit-kpis strong[b-70dt43wr7p]{display:block;margin-top:.35rem;font-size:1.75rem;color:#10213c}.audit-kpis .warning[b-70dt43wr7p]{border-left:4px solid #f59e0b}.audit-kpis .danger[b-70dt43wr7p]{border-left:4px solid #ef4444}.audit-filters[b-70dt43wr7p]{display:grid;grid-template-columns:160px 160px minmax(240px,1fr) 180px 160px auto;gap:.75rem;align-items:end;background:#fff;border:1px solid #e4eaf2;border-radius:18px;padding:1rem}.audit-filters label[b-70dt43wr7p]{display:grid;gap:.35rem}.audit-filters label span[b-70dt43wr7p]{font-size:.78rem;font-weight:800;color:#53647a}.audit-filters .wide[b-70dt43wr7p]{min-width:240px}.audit-tabs[b-70dt43wr7p]{display:flex;gap:.5rem}.audit-tabs button[b-70dt43wr7p]{border:0;background:#e9eef6;color:#526174;padding:.7rem 1rem;border-radius:12px;font-weight:800}.audit-tabs button.active[b-70dt43wr7p]{background:#173a69;color:#fff}.audit-card[b-70dt43wr7p]{background:#fff;border:1px solid #e4eaf2;border-radius:18px;overflow:hidden}.audit-card>header[b-70dt43wr7p]{display:flex;justify-content:space-between;align-items:center;padding:1rem 1.2rem;border-bottom:1px solid #edf1f6}.audit-card h2[b-70dt43wr7p]{margin:0;font-size:1.05rem}.audit-card header span[b-70dt43wr7p]{color:#64748b;font-size:.85rem}.audit-table-wrap[b-70dt43wr7p]{overflow:auto}.audit-table[b-70dt43wr7p]{width:100%;border-collapse:collapse;min-width:1100px}.audit-table th[b-70dt43wr7p],.audit-table td[b-70dt43wr7p]{padding:.8rem .9rem;border-bottom:1px solid #edf1f6;text-align:left;font-size:.82rem;vertical-align:top}.audit-table th[b-70dt43wr7p]{background:#f7f9fc;color:#53647a;font-size:.74rem;text-transform:uppercase;letter-spacing:.04em}.audit-table small[b-70dt43wr7p]{display:block;color:#94a3b8}.message-cell[b-70dt43wr7p]{max-width:360px}.status[b-70dt43wr7p]{display:inline-flex;padding:.3rem .55rem;border-radius:999px;font-size:.7rem;font-weight:900}.status.ok[b-70dt43wr7p]{background:#dcfce7;color:#166534}.status.warning[b-70dt43wr7p]{background:#fef3c7;color:#92400e}.status.error[b-70dt43wr7p]{background:#fee2e2;color:#991b1b}.status.neutral[b-70dt43wr7p]{background:#e2e8f0;color:#475569}.link-btn[b-70dt43wr7p]{border:0;background:transparent;color:#1d4ed8;font-weight:800;cursor:pointer}.audit-loading[b-70dt43wr7p]{padding:2rem;text-align:center;background:#fff;border-radius:18px;color:#64748b}.audit-modal-backdrop[b-70dt43wr7p]{position:fixed;inset:0;background:rgba(7,18,34,.62);display:grid;place-items:center;padding:1rem;z-index:1500}.audit-modal[b-70dt43wr7p]{width:min(920px,96vw);max-height:90vh;overflow:auto;background:#fff;border-radius:20px;box-shadow:0 28px 80px rgba(0,0,0,.3)}.audit-modal>header[b-70dt43wr7p]{display:flex;justify-content:space-between;align-items:flex-start;padding:1.2rem 1.4rem;border-bottom:1px solid #e5eaf0}.audit-modal header span[b-70dt43wr7p]{font-size:.75rem;color:#64748b}.audit-modal header h2[b-70dt43wr7p]{margin:.25rem 0 0}.audit-modal header button[b-70dt43wr7p]{border:0;background:#eef2f7;border-radius:10px;width:36px;height:36px;font-size:1.4rem}.detail-grid[b-70dt43wr7p]{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.75rem;padding:1.2rem 1.4rem}.detail-grid div[b-70dt43wr7p]{background:#f7f9fc;border-radius:12px;padding:.8rem}.detail-grid span[b-70dt43wr7p]{display:block;font-size:.72rem;color:#64748b}.detail-grid strong[b-70dt43wr7p]{display:block;margin-top:.25rem;word-break:break-word}.audit-modal section[b-70dt43wr7p]{padding:0 1.4rem 1.2rem}.audit-modal section h3[b-70dt43wr7p]{font-size:.85rem;color:#526174}.audit-modal pre[b-70dt43wr7p]{white-space:pre-wrap;word-break:break-word;background:#101b2e;color:#d8e3f2;border-radius:12px;padding:1rem;max-height:260px;overflow:auto;font-size:.76rem}.resolve-section textarea[b-70dt43wr7p]{min-height:100px;margin-bottom:.75rem}.audit-table code[b-70dt43wr7p]{font-size:.72rem}.filter-button[b-70dt43wr7p]{height:42px}@media(max-width:1200px){.audit-kpis[b-70dt43wr7p]{grid-template-columns:repeat(3,1fr)}.audit-filters[b-70dt43wr7p]{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:720px){.audit-page[b-70dt43wr7p]{padding:.8rem}.audit-hero[b-70dt43wr7p]{flex-direction:column}.audit-kpis[b-70dt43wr7p]{grid-template-columns:repeat(2,1fr)}.audit-filters[b-70dt43wr7p]{grid-template-columns:1fr}.detail-grid[b-70dt43wr7p]{grid-template-columns:1fr}.audit-actions[b-70dt43wr7p]{width:100%}.audit-actions .audit-btn[b-70dt43wr7p]{flex:1}}
.audit-security-config[b-70dt43wr7p]{display:grid;grid-template-columns:minmax(260px,1.4fr) repeat(3,minmax(120px,.65fr)) minmax(140px,.65fr) auto;align-items:end;gap:.8rem;background:#fff;border:1px solid #dfe7f1;border-radius:18px;padding:1rem}.audit-security-config h2[b-70dt43wr7p]{margin:.15rem 0;font-size:1.05rem;color:#142b4d}.audit-security-config p[b-70dt43wr7p]{margin:0;color:#64748b;font-size:.8rem}.audit-config-kicker[b-70dt43wr7p]{font-size:.68rem;font-weight:900;letter-spacing:.12em;color:#1d4ed8}.audit-security-config label[b-70dt43wr7p]{display:grid;gap:.35rem}.audit-security-config label>span[b-70dt43wr7p]{font-size:.75rem;font-weight:800;color:#526174}.audit-switch[b-70dt43wr7p]{display:flex!important;align-items:center;gap:.55rem;height:42px}.audit-switch input[b-70dt43wr7p]{width:18px;height:18px}@media(max-width:1200px){.audit-security-config[b-70dt43wr7p]{grid-template-columns:repeat(3,minmax(0,1fr))}.audit-security-config>div[b-70dt43wr7p]{grid-column:1/-1}}@media(max-width:720px){.audit-security-config[b-70dt43wr7p]{grid-template-columns:1fr}}
/* _content/PelsaServiceDesk/Components/Pages/Seguridad/Automatizaciones.razor.rz.scp.css */
.auto-page[b-md5obo70l1] {
    display: flex;
    flex-direction: column;
    gap: 1rem;
}

.auto-hero[b-md5obo70l1],
.panel[b-md5obo70l1],
.kpi-card[b-md5obo70l1] {
    background: #fff;
    border: 1px solid #e7eaf0;
    box-shadow: 0 14px 34px rgba(15, 23, 42, .055);
}

.auto-hero[b-md5obo70l1] {
    border-radius: 24px;
    padding: 1.35rem;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
}

.eyebrow[b-md5obo70l1] {
    color: #b77900;
    font-size: .77rem;
    font-weight: 950;
    letter-spacing: .08em;
    text-transform: uppercase;
}

.auto-hero h1[b-md5obo70l1],
.panel h2[b-md5obo70l1],
.rule-card h3[b-md5obo70l1] {
    margin: .2rem 0 0;
    color: #101828;
    font-weight: 950;
}

.auto-hero p[b-md5obo70l1],
.panel-title p[b-md5obo70l1] {
    color: #667085;
    font-weight: 700;
    margin: .35rem 0 0;
}

.kpi-grid[b-md5obo70l1] {
    display: grid;
    grid-template-columns: repeat(5, minmax(0, 1fr));
    gap: .8rem;
}

.kpi-card[b-md5obo70l1] {
    border-radius: 18px;
    padding: 1rem;
    border-top: 4px solid #153e75;
}

.kpi-card.success[b-md5obo70l1] { border-top-color: #16a34a; }
.kpi-card.danger[b-md5obo70l1] { border-top-color: #dc2626; }
.kpi-card.muted[b-md5obo70l1] { border-top-color: #64748b; }

.kpi-card span[b-md5obo70l1],
.health-grid span[b-md5obo70l1] {
    display: block;
    color: #667085;
    font-size: .78rem;
    font-weight: 900;
    text-transform: uppercase;
    letter-spacing: .04em;
}

.kpi-card strong[b-md5obo70l1] {
    display: block;
    margin-top: .35rem;
    color: #101828;
    font-size: 1.75rem;
    font-weight: 950;
}

.kpi-card small[b-md5obo70l1],
.field small[b-md5obo70l1],
.switch-card small[b-md5obo70l1],
.auto-table small[b-md5obo70l1] {
    display: block;
    color: #667085;
    font-weight: 700;
    margin-top: .2rem;
}

.tabs[b-md5obo70l1] {
    display: flex;
    gap: .5rem;
    background: #fff;
    border: 1px solid #e7eaf0;
    border-radius: 16px;
    padding: .45rem;
    overflow-x: auto;
}

.tabs button[b-md5obo70l1] {
    border: 0;
    background: transparent;
    border-radius: 12px;
    padding: .7rem 1rem;
    color: #475467;
    font-weight: 900;
    white-space: nowrap;
}

.tabs button.active[b-md5obo70l1] {
    background: #153e75;
    color: #fff;
}

.panel[b-md5obo70l1] {
    border-radius: 22px;
    padding: 1.2rem;
}

.panel-title[b-md5obo70l1] {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    gap: 1rem;
    margin-bottom: 1rem;
}

.rules-layout[b-md5obo70l1] {
    display: grid;
    grid-template-columns: minmax(380px, .85fr) minmax(420px, 1.15fr);
    gap: 1rem;
    align-items: start;
}

.form-grid[b-md5obo70l1],
.config-grid[b-md5obo70l1] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: .85rem;
}

.config-grid[b-md5obo70l1] {
    grid-template-columns: repeat(4, minmax(0, 1fr));
}

.field.full[b-md5obo70l1],
.switch-card.full[b-md5obo70l1],
.checks.full[b-md5obo70l1] {
    grid-column: 1 / -1;
}

.field label[b-md5obo70l1] {
    display: block;
    margin-bottom: .35rem;
    color: #344054;
    font-size: .86rem;
    font-weight: 900;
}

.form-control[b-md5obo70l1] {
    width: 100%;
    min-height: 42px;
    border: 1px solid #d0d5dd;
    border-radius: 12px;
    padding: .65rem .75rem;
    background: #fff;
    color: #101828;
    font-weight: 750;
}

.form-control:focus[b-md5obo70l1] {
    border-color: #153e75;
    box-shadow: 0 0 0 3px rgba(21, 62, 117, .12);
    outline: none;
}

.switch-card[b-md5obo70l1] {
    display: flex;
    gap: .7rem;
    align-items: flex-start;
    border: 1px solid #e7eaf0;
    background: #f8fafc;
    border-radius: 15px;
    padding: .85rem;
    cursor: pointer;
}

.switch-card.compact[b-md5obo70l1] {
    min-height: 82px;
}

.switch-card input[b-md5obo70l1] {
    margin-top: .2rem;
}

.switch-card strong[b-md5obo70l1] {
    color: #101828;
    font-weight: 950;
}

.checks[b-md5obo70l1] {
    display: flex;
    flex-wrap: wrap;
    gap: .7rem;
    border: 1px solid #e7eaf0;
    background: #f8fafc;
    border-radius: 14px;
    padding: .8rem;
}

.checks label[b-md5obo70l1] {
    color: #344054;
    font-weight: 850;
}

.actions[b-md5obo70l1] {
    display: flex;
    gap: .55rem;
    flex-wrap: wrap;
    margin-top: 1rem;
}

.actions.right[b-md5obo70l1] {
    justify-content: flex-end;
}

.btn[b-md5obo70l1] {
    border: 0;
    border-radius: 12px;
    padding: .7rem 1rem;
    font-weight: 900;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: .45rem;
    cursor: pointer;
}

.btn:disabled[b-md5obo70l1] {
    opacity: .6;
    cursor: not-allowed;
}

.btn.primary[b-md5obo70l1] { background: #153e75; color: #fff; }
.btn.secondary[b-md5obo70l1] { background: #eef2ff; color: #3730a3; }
.btn.danger[b-md5obo70l1] { background: #fee2e2; color: #991b1b; }
.btn.ghost[b-md5obo70l1] { background: #f8fafc; color: #344054; border: 1px solid #e7eaf0; }
.btn.small[b-md5obo70l1] { padding: .5rem .7rem; font-size: .82rem; }

.rule-list[b-md5obo70l1] {
    display: flex;
    flex-direction: column;
    gap: .75rem;
    max-height: 980px;
    overflow: auto;
    padding-right: .2rem;
}

.rule-card[b-md5obo70l1] {
    border: 1px solid #e7eaf0;
    border-radius: 17px;
    padding: 1rem;
    background: #fff;
}

.rule-card.disabled[b-md5obo70l1] {
    opacity: .72;
    background: #f8fafc;
}

.rule-head[b-md5obo70l1] {
    display: flex;
    justify-content: space-between;
    gap: .8rem;
}

.type[b-md5obo70l1] {
    display: inline-block;
    color: #3730a3;
    background: #eef2ff;
    border-radius: 999px;
    padding: .25rem .55rem;
    font-size: .72rem;
    font-weight: 950;
}

.status[b-md5obo70l1] {
    border-radius: 999px;
    padding: .3rem .6rem;
    font-size: .75rem;
    font-weight: 950;
    white-space: nowrap;
}

.status.online[b-md5obo70l1] { color: #166534; background: #dcfce7; }
.status.offline[b-md5obo70l1] { color: #475467; background: #eaecf0; }

.rule-meta[b-md5obo70l1] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: .35rem .7rem;
    color: #475467;
    font-size: .82rem;
    margin-top: .75rem;
}

.rule-card p[b-md5obo70l1] {
    color: #667085;
    font-weight: 700;
    line-height: 1.45;
    margin: .75rem 0 0;
}

.health-grid[b-md5obo70l1] {
    display: grid;
    grid-template-columns: 1fr 1fr 2fr;
    gap: .75rem;
    margin-top: 1rem;
}

.health-grid > div[b-md5obo70l1] {
    border: 1px solid #e7eaf0;
    border-radius: 14px;
    padding: .85rem;
    background: #f8fafc;
}

.health-grid strong[b-md5obo70l1] {
    display: block;
    color: #101828;
    margin-top: .3rem;
    font-weight: 900;
    overflow-wrap: anywhere;
}

.table-wrap[b-md5obo70l1] { overflow-x: auto; }
.auto-table[b-md5obo70l1] { width: 100%; border-collapse: collapse; min-width: 900px; }
.auto-table th[b-md5obo70l1],
.auto-table td[b-md5obo70l1] { padding: .75rem; border-bottom: 1px solid #eaecf0; text-align: left; vertical-align: top; }
.auto-table th[b-md5obo70l1] { color: #475467; background: #f8fafc; font-size: .78rem; text-transform: uppercase; letter-spacing: .04em; }
.auto-table td[b-md5obo70l1] { color: #344054; font-weight: 700; }
.auto-table a[b-md5obo70l1] { color: #153e75; font-weight: 950; text-decoration: none; }
.auto-table .detail[b-md5obo70l1] { max-width: 380px; white-space: normal; }

.result[b-md5obo70l1] {
    display: inline-block;
    border-radius: 999px;
    padding: .25rem .55rem;
    font-size: .73rem;
    font-weight: 950;
}

.result.ok[b-md5obo70l1] { background: #dcfce7; color: #166534; }
.result.error[b-md5obo70l1] { background: #fee2e2; color: #991b1b; }
.result.neutral[b-md5obo70l1] { background: #f1f5f9; color: #475569; }
.result.processing[b-md5obo70l1] { background: #fef3c7; color: #92400e; }

.message[b-md5obo70l1] {
    border-radius: 14px;
    padding: .85rem 1rem;
    font-weight: 900;
}
.message.success[b-md5obo70l1] { background: #dcfce7; color: #166534; border: 1px solid #bbf7d0; }
.message.error[b-md5obo70l1] { background: #fee2e2; color: #991b1b; border: 1px solid #fecaca; }
.empty[b-md5obo70l1],
.loading[b-md5obo70l1] { color: #667085; font-weight: 800; text-align: center; padding: 2rem; }
.spinner[b-md5obo70l1] { display: inline-block; width: 18px; height: 18px; border: 3px solid #d0d5dd; border-top-color: #153e75; border-radius: 50%; animation: spin-b-md5obo70l1 .8s linear infinite; margin-right: .5rem; vertical-align: middle; }
@keyframes spin-b-md5obo70l1 { to { transform: rotate(360deg); } }

@media (max-width: 1200px) {
    .kpi-grid[b-md5obo70l1] { grid-template-columns: repeat(3, minmax(0, 1fr)); }
    .rules-layout[b-md5obo70l1] { grid-template-columns: 1fr; }
    .config-grid[b-md5obo70l1] { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}

@media (max-width: 760px) {
    .auto-hero[b-md5obo70l1],
    .panel-title[b-md5obo70l1] { flex-direction: column; align-items: stretch; }
    .kpi-grid[b-md5obo70l1],
    .form-grid[b-md5obo70l1],
    .config-grid[b-md5obo70l1],
    .health-grid[b-md5obo70l1] { grid-template-columns: 1fr; }
    .field.full[b-md5obo70l1],
    .switch-card.full[b-md5obo70l1],
    .checks.full[b-md5obo70l1] { grid-column: auto; }
    .rule-meta[b-md5obo70l1] { grid-template-columns: 1fr; }
    .actions.right[b-md5obo70l1] { justify-content: stretch; }
    .actions.right .btn[b-md5obo70l1] { width: 100%; }
}
/* _content/PelsaServiceDesk/Components/Pages/Seguridad/BaseConocimiento.razor.rz.scp.css */
.kb-page[b-u9aud7up0r] {
    --kb-primary: #0f4c81;
    --kb-primary-dark: #0a355a;
    --kb-accent: #f5b800;
    --kb-text: #172033;
    --kb-muted: #667085;
    --kb-border: #dfe5ec;
    --kb-surface: #ffffff;
    --kb-bg: #f4f7fb;
    min-height: 100%;
    padding: 1.25rem;
    background: var(--kb-bg);
    color: var(--kb-text);
}

.kb-hero[b-u9aud7up0r] {
    display: flex;
    justify-content: space-between;
    gap: 1.5rem;
    align-items: center;
    padding: 1.55rem 1.65rem;
    border-radius: 22px;
    color: #fff;
    background:
        radial-gradient(circle at 88% 20%, rgba(245,184,0,.25), transparent 25%),
        linear-gradient(135deg, #0b355b, #0f5d98);
    box-shadow: 0 16px 40px rgba(15, 76, 129, .18);
}

.kb-hero h1[b-u9aud7up0r] {
    margin: .2rem 0 .45rem;
    font-size: clamp(1.65rem, 3vw, 2.35rem);
}

.kb-hero p[b-u9aud7up0r] {
    max-width: 760px;
    margin: 0;
    color: rgba(255,255,255,.82);
    line-height: 1.55;
}

.eyebrow[b-u9aud7up0r] {
    display: inline-block;
    font-size: .72rem;
    font-weight: 800;
    letter-spacing: .11em;
    text-transform: uppercase;
    opacity: .82;
}

.hero-actions[b-u9aud7up0r],
.editor-actions[b-u9aud7up0r] {
    display: flex;
    gap: .7rem;
    align-items: center;
    flex-wrap: wrap;
}

.btn-primary[b-u9aud7up0r],
.btn-secondary[b-u9aud7up0r],
.icon-btn[b-u9aud7up0r],
.btn-link[b-u9aud7up0r] {
    border: 0;
    cursor: pointer;
    font: inherit;
    transition: transform .16s ease, box-shadow .16s ease, background .16s ease;
}

.btn-primary[b-u9aud7up0r],
.btn-secondary[b-u9aud7up0r] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 42px;
    padding: .7rem 1rem;
    border-radius: 11px;
    font-weight: 800;
    text-decoration: none;
}

.btn-primary[b-u9aud7up0r] {
    color: #0b2942;
    background: var(--kb-accent);
    box-shadow: 0 7px 18px rgba(245, 184, 0, .2);
}

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

.btn-primary:disabled[b-u9aud7up0r] {
    cursor: wait;
    opacity: .65;
    transform: none;
}

.btn-secondary[b-u9aud7up0r] {
    color: var(--kb-primary);
    background: #fff;
    border: 1px solid #d7e1eb;
}

.hero-actions .btn-secondary[b-u9aud7up0r] {
    color: #fff;
    background: rgba(255,255,255,.12);
    border-color: rgba(255,255,255,.28);
}

.btn-secondary.full[b-u9aud7up0r] { width: 100%; }

.kb-alert[b-u9aud7up0r] {
    margin-top: 1rem;
    padding: .9rem 1rem;
    border-radius: 12px;
    font-weight: 700;
}

.kb-alert.success[b-u9aud7up0r] {
    color: #166534;
    background: #ecfdf3;
    border: 1px solid #bbf7d0;
}

.kb-alert.error[b-u9aud7up0r] {
    color: #991b1b;
    background: #fff1f2;
    border: 1px solid #fecdd3;
}

.kpi-grid[b-u9aud7up0r] {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: .9rem;
    margin: 1rem 0;
}

.kpi-card[b-u9aud7up0r] {
    padding: 1rem 1.1rem;
    border: 1px solid var(--kb-border);
    border-radius: 16px;
    background: var(--kb-surface);
    box-shadow: 0 8px 22px rgba(16, 24, 40, .045);
}

.kpi-card span[b-u9aud7up0r],
.kpi-card small[b-u9aud7up0r] {
    display: block;
    color: var(--kb-muted);
}

.kpi-card span[b-u9aud7up0r] {
    font-size: .78rem;
    font-weight: 800;
    text-transform: uppercase;
    letter-spacing: .04em;
}

.kpi-card strong[b-u9aud7up0r] {
    display: block;
    margin: .18rem 0;
    font-size: 1.75rem;
}

.kpi-card small[b-u9aud7up0r] { font-size: .78rem; }

.kb-tabs[b-u9aud7up0r] {
    display: flex;
    gap: .35rem;
    padding: .35rem;
    margin-bottom: 1rem;
    border: 1px solid var(--kb-border);
    border-radius: 14px;
    background: #fff;
    overflow-x: auto;
}

.kb-tabs button[b-u9aud7up0r] {
    border: 0;
    border-radius: 10px;
    padding: .7rem 1rem;
    color: var(--kb-muted);
    background: transparent;
    font-weight: 800;
    white-space: nowrap;
    cursor: pointer;
}

.kb-tabs button.active[b-u9aud7up0r] {
    color: #fff;
    background: var(--kb-primary);
}

.kb-loading[b-u9aud7up0r],
.empty-state[b-u9aud7up0r] {
    padding: 2rem;
    text-align: center;
    color: var(--kb-muted);
}

.kb-loading[b-u9aud7up0r] {
    border-radius: 16px;
    background: #fff;
    border: 1px solid var(--kb-border);
}

.empty-state.compact[b-u9aud7up0r] { padding: 1rem; }

.kb-workspace[b-u9aud7up0r] {
    display: grid;
    grid-template-columns: minmax(290px, 360px) minmax(0, 1fr);
    gap: 1rem;
    align-items: start;
}

.kb-list-panel[b-u9aud7up0r],
.kb-editor-panel[b-u9aud7up0r],
.catalog-editor[b-u9aud7up0r],
.catalog-list-card[b-u9aud7up0r],
.rag-panel[b-u9aud7up0r] {
    border: 1px solid var(--kb-border);
    border-radius: 18px;
    background: #fff;
    box-shadow: 0 9px 25px rgba(16, 24, 40, .045);
}

.kb-list-panel[b-u9aud7up0r] {
    position: sticky;
    top: 1rem;
    overflow: hidden;
}

.panel-title[b-u9aud7up0r],
.editor-heading[b-u9aud7up0r],
.subsection-head[b-u9aud7up0r] {
    display: flex;
    justify-content: space-between;
    gap: 1rem;
    align-items: center;
}

.panel-title[b-u9aud7up0r] {
    padding: 1rem;
    border-bottom: 1px solid var(--kb-border);
}

.panel-title h2[b-u9aud7up0r],
.editor-heading h2[b-u9aud7up0r],
.subsection-head h3[b-u9aud7up0r],
.catalog-editor h2[b-u9aud7up0r],
.rag-intro h2[b-u9aud7up0r] {
    margin: 0;
}

.panel-title span[b-u9aud7up0r],
.editor-heading span[b-u9aud7up0r],
.subsection-head span[b-u9aud7up0r] {
    color: var(--kb-muted);
    font-size: .78rem;
}

.icon-btn[b-u9aud7up0r] {
    width: 36px;
    height: 36px;
    border-radius: 10px;
    color: var(--kb-primary);
    background: #eef5fb;
    font-size: 1.15rem;
}

.filters[b-u9aud7up0r] {
    display: grid;
    gap: .65rem;
    padding: 1rem;
    border-bottom: 1px solid var(--kb-border);
}

.filter-row[b-u9aud7up0r],
.editor-grid.two[b-u9aud7up0r],
.rag-values[b-u9aud7up0r] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: .75rem;
}

.form-control[b-u9aud7up0r] {
    width: 100%;
    min-height: 42px;
    padding: .68rem .78rem;
    color: var(--kb-text);
    border: 1px solid #ced7e1;
    border-radius: 10px;
    background: #fff;
    outline: none;
}

.form-control:focus[b-u9aud7up0r] {
    border-color: #4b91c8;
    box-shadow: 0 0 0 3px rgba(15, 76, 129, .1);
}

textarea.form-control[b-u9aud7up0r] { resize: vertical; }
.textarea-sm[b-u9aud7up0r] { min-height: 88px; }
.textarea-md[b-u9aud7up0r] { min-height: 130px; }
.textarea-lg[b-u9aud7up0r] { min-height: 190px; }

.form-group[b-u9aud7up0r] {
    display: grid;
    gap: .4rem;
}

.form-group label[b-u9aud7up0r] {
    font-size: .8rem;
    font-weight: 800;
}

.form-group small[b-u9aud7up0r] {
    color: var(--kb-muted);
    font-size: .75rem;
}

.compact-check[b-u9aud7up0r] {
    display: flex;
    align-items: center;
    gap: .5rem;
    color: var(--kb-muted);
    font-size: .8rem;
    font-weight: 700;
}

.article-list[b-u9aud7up0r] {
    max-height: calc(100vh - 360px);
    min-height: 280px;
    overflow: auto;
    padding: .55rem;
}

.article-item[b-u9aud7up0r] {
    width: 100%;
    margin-bottom: .45rem;
    padding: .85rem;
    text-align: left;
    border: 1px solid transparent;
    border-radius: 12px;
    color: var(--kb-text);
    background: #f8fafc;
    cursor: pointer;
}

.article-item:hover[b-u9aud7up0r] {
    border-color: #c9d8e6;
    background: #f2f7fb;
}

.article-item.selected[b-u9aud7up0r] {
    border-color: #69a4d1;
    background: #edf6fd;
    box-shadow: inset 3px 0 0 var(--kb-primary);
}

.article-topline[b-u9aud7up0r] {
    display: flex;
    justify-content: space-between;
    gap: .7rem;
}

.article-topline strong[b-u9aud7up0r] {
    display: -webkit-box;
    overflow: hidden;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}

.version-pill[b-u9aud7up0r] {
    flex: 0 0 auto;
    height: fit-content;
    padding: .15rem .42rem;
    border-radius: 999px;
    color: var(--kb-primary);
    background: #ddecf7;
    font-size: .7rem;
    font-weight: 900;
}

.article-meta[b-u9aud7up0r] {
    display: block;
    margin: .35rem 0 .55rem;
    color: var(--kb-muted);
    font-size: .76rem;
}

.article-badges[b-u9aud7up0r],
.usage-stats[b-u9aud7up0r] {
    display: flex;
    gap: .35rem;
    flex-wrap: wrap;
}

.badge[b-u9aud7up0r],
.current-label[b-u9aud7up0r] {
    display: inline-flex;
    align-items: center;
    border-radius: 999px;
    padding: .22rem .5rem;
    font-size: .68rem;
    font-weight: 850;
}

.badge.published[b-u9aud7up0r] { color: #166534; background: #dcfce7; }
.badge.draft[b-u9aud7up0r] { color: #92400e; background: #fef3c7; }
.badge.archived[b-u9aud7up0r] { color: #475569; background: #e2e8f0; }
.badge.public[b-u9aud7up0r] { color: #075985; background: #e0f2fe; }
.badge.internal[b-u9aud7up0r] { color: #5b21b6; background: #ede9fe; }
.badge.inactive[b-u9aud7up0r] { color: #991b1b; background: #fee2e2; }
.current-label[b-u9aud7up0r] { color: #166534; background: #dcfce7; }

.kb-editor-panel[b-u9aud7up0r] { padding: 1.2rem; }
.editor-heading[b-u9aud7up0r] { margin-bottom: 1rem; }
.editor-heading .eyebrow[b-u9aud7up0r] { color: var(--kb-primary); }

.usage-stats span[b-u9aud7up0r] {
    padding: .35rem .55rem;
    border-radius: 8px;
    color: var(--kb-muted);
    background: #f3f5f8;
    font-size: .72rem;
    font-weight: 800;
}

.editor-grid[b-u9aud7up0r] { gap: .85rem; }
.span-two[b-u9aud7up0r] { grid-column: 1 / -1; }

.publish-row[b-u9aud7up0r] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 1rem;
    margin-top: 1rem;
    padding-top: 1rem;
    border-top: 1px solid var(--kb-border);
}

.switch-card[b-u9aud7up0r] {
    display: flex;
    align-items: flex-start;
    gap: .65rem;
    padding: .75rem;
    border: 1px solid var(--kb-border);
    border-radius: 12px;
    background: #fafcff;
}

.switch-card input[b-u9aud7up0r] { margin-top: .2rem; }
.switch-card span[b-u9aud7up0r] { display: grid; gap: .15rem; }
.switch-card strong[b-u9aud7up0r] { font-size: .83rem; }
.switch-card small[b-u9aud7up0r] { color: var(--kb-muted); font-size: .73rem; }

.subsection-grid[b-u9aud7up0r] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 1rem;
    margin-top: 1rem;
}

.subsection-card[b-u9aud7up0r] {
    min-width: 0;
    padding: 1rem;
    border: 1px solid var(--kb-border);
    border-radius: 14px;
    background: #fbfcfe;
}

.version-list[b-u9aud7up0r],
.ticket-links[b-u9aud7up0r] {
    display: grid;
    gap: .55rem;
    margin-top: .8rem;
    max-height: 330px;
    overflow: auto;
}

.version-row[b-u9aud7up0r] {
    display: flex;
    justify-content: space-between;
    gap: .75rem;
    align-items: center;
    padding: .7rem;
    border-radius: 10px;
    background: #fff;
    border: 1px solid #e5eaf0;
}

.version-row div[b-u9aud7up0r] { display: grid; gap: .14rem; }
.version-row span[b-u9aud7up0r],
.version-row small[b-u9aud7up0r] { color: var(--kb-muted); font-size: .72rem; }

.btn-link[b-u9aud7up0r] {
    padding: .35rem .55rem;
    border-radius: 8px;
    color: var(--kb-primary);
    background: #eaf3fa;
    font-weight: 800;
}

.link-ticket-form[b-u9aud7up0r] {
    display: grid;
    grid-template-columns: 1fr 1fr auto;
    gap: .55rem;
    margin-top: .8rem;
}

.ticket-links a[b-u9aud7up0r] {
    display: grid;
    gap: .15rem;
    padding: .7rem;
    border-radius: 10px;
    color: var(--kb-text);
    background: #fff;
    border: 1px solid #e5eaf0;
    text-decoration: none;
}

.ticket-links a:hover[b-u9aud7up0r] { border-color: #91b8d5; }
.ticket-links span[b-u9aud7up0r],
.ticket-links small[b-u9aud7up0r] { color: var(--kb-muted); font-size: .73rem; }

.catalog-layout[b-u9aud7up0r] {
    display: grid;
    grid-template-columns: minmax(270px, 360px) minmax(0, 1fr);
    gap: 1rem;
    align-items: start;
}

.catalog-editor[b-u9aud7up0r],
.catalog-list-card[b-u9aud7up0r],
.rag-panel[b-u9aud7up0r] { padding: 1.2rem; }
.catalog-editor[b-u9aud7up0r] { display: grid; gap: .85rem; }

.catalog-list[b-u9aud7up0r] {
    display: grid;
    gap: .55rem;
    margin-top: 1rem;
}

.catalog-list button[b-u9aud7up0r] {
    display: flex;
    justify-content: space-between;
    gap: 1rem;
    align-items: center;
    width: 100%;
    padding: .85rem;
    border: 1px solid var(--kb-border);
    border-radius: 12px;
    text-align: left;
    color: var(--kb-text);
    background: #fff;
    cursor: pointer;
}

.catalog-list button:hover[b-u9aud7up0r] { background: #f5f9fc; }
.catalog-list button > div:first-child[b-u9aud7up0r] { display: grid; gap: .2rem; }
.catalog-list span[b-u9aud7up0r] { color: var(--kb-muted); font-size: .78rem; }
.catalog-count[b-u9aud7up0r] { text-align: right; }
.catalog-count strong[b-u9aud7up0r] { display: block; font-size: 1.25rem; color: var(--kb-primary); }
.catalog-count small[b-u9aud7up0r] { color: var(--kb-muted); }

.tag-cloud[b-u9aud7up0r] {
    display: flex;
    flex-wrap: wrap;
    gap: .55rem;
    margin-top: 1rem;
}

.tag-chip[b-u9aud7up0r] {
    padding: .55rem .75rem;
    border: 1px solid #bdd2e3;
    border-radius: 999px;
    color: var(--kb-primary);
    background: #eef6fc;
    font-weight: 800;
    cursor: pointer;
}

.tag-chip span[b-u9aud7up0r] {
    margin-left: .25rem;
    color: var(--kb-muted);
    font-size: .72rem;
}

.tag-chip.disabled[b-u9aud7up0r] { opacity: .48; }

.rag-intro[b-u9aud7up0r] {
    max-width: 820px;
    margin-bottom: 1rem;
}

.rag-intro .eyebrow[b-u9aud7up0r] { color: var(--kb-primary); }
.rag-intro p[b-u9aud7up0r] { color: var(--kb-muted); line-height: 1.55; }

.rag-grid[b-u9aud7up0r] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: .75rem;
}

.rag-values[b-u9aud7up0r] {
    grid-template-columns: repeat(3, minmax(0, 1fr));
    margin: 1rem 0;
}

.rag-note[b-u9aud7up0r] {
    padding: 1rem;
    border-left: 4px solid var(--kb-accent);
    border-radius: 10px;
    background: #fff9e6;
}

.rag-note p[b-u9aud7up0r] { margin: .35rem 0 0; color: #6b5b20; line-height: 1.5; }
.editor-actions.right[b-u9aud7up0r] { justify-content: flex-end; margin-top: 1rem; }

@media (max-width: 1200px) {
    .kpi-grid[b-u9aud7up0r] { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .kb-workspace[b-u9aud7up0r] { grid-template-columns: 320px minmax(0, 1fr); }
    .subsection-grid[b-u9aud7up0r] { grid-template-columns: 1fr; }
}

@media (max-width: 900px) {
    .kb-hero[b-u9aud7up0r],
    .publish-row[b-u9aud7up0r] { align-items: stretch; flex-direction: column; }
    .kb-workspace[b-u9aud7up0r],
    .catalog-layout[b-u9aud7up0r] { grid-template-columns: 1fr; }
    .kb-list-panel[b-u9aud7up0r] { position: static; }
    .article-list[b-u9aud7up0r] { max-height: 480px; }
    .rag-values[b-u9aud7up0r] { grid-template-columns: 1fr; }
}

@media (max-width: 680px) {
    .kb-page[b-u9aud7up0r] { padding: .65rem; }
    .kb-hero[b-u9aud7up0r] { padding: 1.1rem; border-radius: 16px; }
    .kpi-grid[b-u9aud7up0r],
    .editor-grid.two[b-u9aud7up0r],
    .filter-row[b-u9aud7up0r],
    .rag-grid[b-u9aud7up0r] { grid-template-columns: 1fr; }
    .span-two[b-u9aud7up0r] { grid-column: auto; }
    .link-ticket-form[b-u9aud7up0r] { grid-template-columns: 1fr; }
    .hero-actions[b-u9aud7up0r],
    .editor-actions[b-u9aud7up0r] { width: 100%; }
    .hero-actions .btn-primary[b-u9aud7up0r],
    .hero-actions .btn-secondary[b-u9aud7up0r],
    .editor-actions .btn-primary[b-u9aud7up0r],
    .editor-actions .btn-secondary[b-u9aud7up0r] { flex: 1; }
}
/* _content/PelsaServiceDesk/Components/Pages/Seguridad/CatalogosOrganizacion.razor.rz.scp.css */
.org-page[b-f265uqxl24]{padding:1.35rem;max-width:1680px;margin:auto;color:light-dark(#101828,#e7edf7)}
.org-hero[b-f265uqxl24],.org-list-card[b-f265uqxl24],.org-editor[b-f265uqxl24],.org-loading[b-f265uqxl24]{background:light-dark(#fff,#111b2e);border:1px solid light-dark(#e2e8f0,#2b3a51);border-radius:22px;box-shadow:0 12px 30px rgba(2,6,23,.07)}
.org-hero[b-f265uqxl24]{display:flex;justify-content:space-between;align-items:center;gap:1rem;padding:1.45rem 1.65rem}.eyebrow[b-f265uqxl24],.org-editor header>span[b-f265uqxl24],.org-list-card header span[b-f265uqxl24]{font-size:.72rem;letter-spacing:.1em;font-weight:900;color:#5575e7}.org-hero h1[b-f265uqxl24],.org-editor h2[b-f265uqxl24],.org-list-card h2[b-f265uqxl24]{margin:.18rem 0;color:light-dark(#0f172a,#f8fafc)}.org-hero h1[b-f265uqxl24]{font-size:2rem}.org-hero p[b-f265uqxl24],.org-editor header p[b-f265uqxl24]{margin:.2rem 0;color:light-dark(#64748b,#9fb0c7)}
.primary[b-f265uqxl24],.secondary[b-f265uqxl24]{border:0;border-radius:12px;padding:.78rem 1rem;font-weight:850;cursor:pointer}.primary[b-f265uqxl24]{background:#3853df;color:#fff}.primary:disabled[b-f265uqxl24]{opacity:.6;cursor:wait}.secondary[b-f265uqxl24]{background:light-dark(#eef2ff,#20304b);color:light-dark(#273b9a,#dbeafe)}
.org-tabs[b-f265uqxl24]{display:flex;gap:.45rem;margin:1rem 0;padding:.38rem;border-radius:15px;background:light-dark(#eef2f7,#111b2e);width:max-content;max-width:100%;overflow:auto}.org-tabs a[b-f265uqxl24]{padding:.7rem 1rem;border-radius:11px;text-decoration:none;color:light-dark(#526174,#9fb0c7);font-weight:800;white-space:nowrap}.org-tabs a.active[b-f265uqxl24]{background:#234c86;color:#fff;box-shadow:0 5px 14px #0b244655}
.org-message[b-f265uqxl24]{padding:.85rem 1rem;border-radius:13px;margin-bottom:1rem;font-weight:750}.org-message.ok[b-f265uqxl24]{background:light-dark(#dcfce7,#123523);color:light-dark(#166534,#bbf7d0)}.org-message.error[b-f265uqxl24]{background:light-dark(#fee2e2,#421b22);color:light-dark(#991b1b,#fecaca)}
.org-layout[b-f265uqxl24]{display:grid;grid-template-columns:minmax(300px,.75fr) minmax(0,1.35fr);gap:1rem}.org-list-card[b-f265uqxl24],.org-editor[b-f265uqxl24]{min-width:0;overflow:hidden}.org-list-card>header[b-f265uqxl24]{padding:1rem 1.15rem;border-bottom:1px solid light-dark(#e2e8f0,#2b3a51);display:flex;justify-content:space-between;align-items:center}.org-list-card h2[b-f265uqxl24]{font-size:1.25rem}.org-list-card header b[b-f265uqxl24]{width:2.2rem;height:2.2rem;display:grid;place-items:center;border-radius:50%;background:light-dark(#eef2ff,#20304b)}.org-list[b-f265uqxl24]{padding:.7rem;max-height:650px;overflow:auto}.org-row[b-f265uqxl24]{width:100%;display:grid;grid-template-columns:2.4rem minmax(0,1fr) auto;gap:.75rem;align-items:center;text-align:left;border:1px solid light-dark(#e1e7ef,#2f3e55);border-radius:15px;background:light-dark(#f8fafc,#0f1929);color:inherit;padding:.8rem;margin-bottom:.55rem;cursor:pointer}.org-row:hover[b-f265uqxl24],.org-row.selected[b-f265uqxl24]{border-color:#5578d9;background:light-dark(#eef3ff,#172844)}.org-row i[b-f265uqxl24]{width:2.35rem;height:2.35rem;border-radius:11px;background:light-dark(#e8eefc,#203757);display:grid;place-items:center;font-style:normal}.org-row i.company-icon[b-f265uqxl24]{background:var(--company-color);color:#fff;font-weight:900}.org-row span[b-f265uqxl24]{min-width:0}.org-row strong[b-f265uqxl24],.org-row small[b-f265uqxl24]{display:block;overflow:hidden;text-overflow:ellipsis}.org-row small[b-f265uqxl24]{font-size:.75rem;margin-top:.15rem;color:light-dark(#64748b,#9fb0c7)}.org-row em[b-f265uqxl24]{font-size:.68rem;font-style:normal;font-weight:850;padding:.28rem .5rem;border-radius:999px}.org-row em.active[b-f265uqxl24]{background:#dcfce7;color:#166534}.org-row em.inactive[b-f265uqxl24]{background:#e2e8f0;color:#475569}
.org-editor[b-f265uqxl24]{padding:1.3rem}.org-editor>header[b-f265uqxl24]{padding-bottom:1rem;border-bottom:1px solid light-dark(#e2e8f0,#2b3a51);margin-bottom:1.1rem}.org-editor h2[b-f265uqxl24]{font-size:1.55rem}.form-grid[b-f265uqxl24]{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem}.form-grid label>span[b-f265uqxl24]{display:block;font-size:.78rem;font-weight:850;margin-bottom:.35rem;color:light-dark(#475569,#b8c7da)}.form-grid input[b-f265uqxl24],.form-grid select[b-f265uqxl24],.form-grid textarea[b-f265uqxl24]{width:100%;box-sizing:border-box;border:1px solid light-dark(#cbd5e1,#3a4a61);border-radius:11px;padding:.72rem .8rem;color:light-dark(#0f172a,#f1f5f9);background:light-dark(#fff,#0d1727);outline:none}.form-grid input:focus[b-f265uqxl24],.form-grid select:focus[b-f265uqxl24],.form-grid textarea:focus[b-f265uqxl24]{border-color:#5575e7;box-shadow:0 0 0 3px #5575e722}.form-grid textarea[b-f265uqxl24]{min-height:92px;resize:vertical}.form-grid .full[b-f265uqxl24]{grid-column:1/-1}.color-field[b-f265uqxl24]{display:grid;grid-template-columns:48px 1fr;gap:.5rem}.color-field input[type=color][b-f265uqxl24]{padding:.2rem;height:44px}.checks[b-f265uqxl24]{display:flex;gap:.65rem;flex-wrap:wrap}.check[b-f265uqxl24]{display:flex;align-items:center;gap:.5rem;margin-top:1rem;padding:.7rem .8rem;border-radius:11px;background:light-dark(#f1f5f9,#0f1929);font-weight:750}.check input[b-f265uqxl24]{width:17px;height:17px;accent-color:#3853df}.info-box[b-f265uqxl24]{margin-top:1rem;padding:.85rem;border-radius:12px;background:light-dark(#eff6ff,#142640);color:light-dark(#1e3a8a,#bfdbfe)}.info-box a[b-f265uqxl24]{color:inherit;font-weight:900}.org-editor footer[b-f265uqxl24]{display:flex;justify-content:flex-end;gap:.6rem;margin-top:1.2rem;padding-top:1rem;border-top:1px solid light-dark(#e2e8f0,#2b3a51)}.org-loading[b-f265uqxl24]{padding:2rem;text-align:center}
@media(max-width:1000px){.org-layout[b-f265uqxl24]{grid-template-columns:1fr}.org-list[b-f265uqxl24]{max-height:420px}}@media(max-width:650px){.org-page[b-f265uqxl24]{padding:.75rem}.org-hero[b-f265uqxl24]{align-items:stretch;flex-direction:column}.org-hero .primary[b-f265uqxl24]{width:100%}.form-grid[b-f265uqxl24]{grid-template-columns:1fr}.org-editor footer[b-f265uqxl24]{flex-direction:column-reverse}.org-editor footer button[b-f265uqxl24]{width:100%}}
/* _content/PelsaServiceDesk/Components/Pages/Seguridad/ConfiguracionAsignacion.razor.rz.scp.css */
.assign-config-page[b-m8g1qbdv6v] {
    display: flex;
    flex-direction: column;
    gap: 1rem;
}

.assign-config-header[b-m8g1qbdv6v],
.assign-panel[b-m8g1qbdv6v] {
    background: white;
    border: 1px solid #e7eaf0;
    border-radius: 22px;
    padding: 1.2rem;
    box-shadow: 0 14px 32px rgba(15, 23, 42, .045);
}

.assign-config-header[b-m8g1qbdv6v] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 1rem;
}

    .assign-config-header h1[b-m8g1qbdv6v],
    .assign-panel h3[b-m8g1qbdv6v] {
        margin: 0;
        color: #101828;
        font-weight: 950;
    }

    .assign-config-header p[b-m8g1qbdv6v],
    .assign-panel p[b-m8g1qbdv6v] {
        margin: .35rem 0 0;
        color: #667085;
        font-weight: 700;
    }

.assign-grid[b-m8g1qbdv6v] {
    display: grid;
    grid-template-columns: 1.1fr .9fr;
    gap: 1rem;
    align-items: flex-start;
}

.assign-panel.full[b-m8g1qbdv6v] {
    grid-column: 1 / -1;
}

.mode-grid[b-m8g1qbdv6v] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: .75rem;
    margin-top: 1rem;
}

.mode-card[b-m8g1qbdv6v] {
    border: 1px solid #e7eaf0;
    background: #f8fafc;
    border-radius: 18px;
    padding: 1rem;
    cursor: pointer;
    display: flex;
    flex-direction: column;
    gap: .45rem;
    transition: transform .15s ease, box-shadow .15s ease, border-color .15s ease;
}

    .mode-card input[b-m8g1qbdv6v] {
        display: none;
    }

    .mode-card:hover[b-m8g1qbdv6v] {
        transform: translateY(-2px);
        border-color: #b8c7ff;
        box-shadow: 0 16px 34px rgba(15, 23, 42, .08);
    }

    .mode-card.active[b-m8g1qbdv6v] {
        background: #eef2ff;
        border-color: #153e75;
        box-shadow: 0 0 0 3px rgba(21, 62, 117, .12);
    }

.mode-icon[b-m8g1qbdv6v] {
    font-size: 1.8rem;
}

.mode-card strong[b-m8g1qbdv6v] {
    color: #101828;
    font-weight: 950;
}

.mode-card small[b-m8g1qbdv6v] {
    color: #667085;
    font-weight: 750;
    line-height: 1.35;
}

.switch-row[b-m8g1qbdv6v] {
    border: 1px solid #e7eaf0;
    background: #f8fafc;
    border-radius: 16px;
    padding: .85rem;
    display: flex;
    align-items: flex-start;
    gap: .75rem;
    cursor: pointer;
    margin-top: .75rem;
}

    .switch-row input[b-m8g1qbdv6v] {
        margin-top: .25rem;
    }

    .switch-row strong[b-m8g1qbdv6v] {
        display: block;
        color: #101828;
        font-weight: 950;
    }

    .switch-row small[b-m8g1qbdv6v] {
        display: block;
        color: #667085;
        margin-top: .2rem;
        font-weight: 700;
    }

.number-grid[b-m8g1qbdv6v] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: .75rem;
    margin-top: 1rem;
}

.behavior-box[b-m8g1qbdv6v] {
    display: flex;
    align-items: flex-start;
    gap: .85rem;
    background: #f8fafc;
    border: 1px solid #e7eaf0;
    border-radius: 18px;
    padding: 1rem;
    margin-top: 1rem;
}

    .behavior-box > span[b-m8g1qbdv6v] {
        font-size: 2rem;
    }

    .behavior-box strong[b-m8g1qbdv6v] {
        color: #101828;
        font-weight: 950;
    }

    .behavior-box p[b-m8g1qbdv6v] {
        margin: .25rem 0 0;
    }

.behavior-flow[b-m8g1qbdv6v] {
    display: flex;
    gap: .65rem;
    flex-wrap: wrap;
    margin-top: .85rem;
}

.flow-step[b-m8g1qbdv6v] {
    background: #eef2ff;
    border: 1px solid #c7d2fe;
    color: #3730a3;
    border-radius: 999px;
    padding: .55rem .75rem;
    display: inline-flex;
    align-items: center;
    gap: .4rem;
    font-weight: 950;
}

.assign-message[b-m8g1qbdv6v] {
    border-radius: 16px;
    padding: .85rem 1rem;
    font-weight: 900;
}

    .assign-message.success[b-m8g1qbdv6v] {
        background: #dcfce7;
        color: #166534;
        border: 1px solid #bbf7d0;
    }

    .assign-message.error[b-m8g1qbdv6v] {
        background: #fee2e2;
        color: #991b1b;
        border: 1px solid #fecaca;
    }

@media (max-width: 1100px) {
    .assign-grid[b-m8g1qbdv6v] {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 760px) {
    .assign-config-header[b-m8g1qbdv6v] {
        flex-direction: column;
        align-items: stretch;
    }

    .mode-grid[b-m8g1qbdv6v],
    .number-grid[b-m8g1qbdv6v] {
        grid-template-columns: 1fr;
    }

    .behavior-flow[b-m8g1qbdv6v] {
        flex-direction: column;
    }

    .flow-step[b-m8g1qbdv6v] {
        border-radius: 16px;
    }
}
/* _content/PelsaServiceDesk/Components/Pages/Seguridad/ConfiguracionSla.razor.rz.scp.css */
.sla-page[b-kdt9wbat9x] {
    display: flex;
    flex-direction: column;
    gap: 1rem;
    padding-bottom: 2rem;
}

.sla-hero[b-kdt9wbat9x],
.panel[b-kdt9wbat9x],
.kpi-card[b-kdt9wbat9x] {
    background: #fff;
    border: 1px solid #e6eaf0;
    box-shadow: 0 14px 34px rgba(15, 23, 42, .055);
}

.sla-hero[b-kdt9wbat9x] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 1.5rem;
    border-radius: 24px;
    padding: 1.4rem;
}

.sla-hero h1[b-kdt9wbat9x],
.panel h2[b-kdt9wbat9x] {
    margin: .2rem 0 0;
    color: #101828;
    font-weight: 900;
}

.sla-hero p[b-kdt9wbat9x],
.panel-title p[b-kdt9wbat9x] {
    margin: .45rem 0 0;
    color: #667085;
    max-width: 780px;
}

.eyebrow[b-kdt9wbat9x] {
    color: #1d4ed8;
    font-size: .72rem;
    font-weight: 900;
    letter-spacing: .09em;
    text-transform: uppercase;
}

.btn[b-kdt9wbat9x] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: .45rem;
    border: none;
    border-radius: 14px;
    padding: .75rem 1rem;
    font-weight: 900;
    cursor: pointer;
    transition: transform .16s ease, opacity .16s ease;
}

.btn:hover:not(:disabled)[b-kdt9wbat9x] {
    transform: translateY(-1px);
}

.btn:disabled[b-kdt9wbat9x] {
    opacity: .55;
    cursor: wait;
}

.btn.primary[b-kdt9wbat9x] {
    color: #fff;
    background: linear-gradient(135deg, #153e75, #2563eb);
}

.btn.secondary[b-kdt9wbat9x] {
    color: #344054;
    background: #f2f4f7;
    border: 1px solid #d0d5dd;
}

.message[b-kdt9wbat9x] {
    border-radius: 16px;
    padding: .85rem 1rem;
    font-weight: 800;
}

.message.success[b-kdt9wbat9x] {
    color: #166534;
    background: #dcfce7;
    border: 1px solid #bbf7d0;
}

.message.error[b-kdt9wbat9x] {
    color: #991b1b;
    background: #fee2e2;
    border: 1px solid #fecaca;
}

.kpi-grid[b-kdt9wbat9x] {
    display: grid;
    grid-template-columns: repeat(5, minmax(0, 1fr));
    gap: .8rem;
}

.kpi-card[b-kdt9wbat9x] {
    position: relative;
    overflow: hidden;
    border-radius: 19px;
    padding: 1rem;
}

.kpi-card[b-kdt9wbat9x]::before {
    position: absolute;
    inset: 0 auto 0 0;
    width: 4px;
    content: "";
    background: #2563eb;
}

.kpi-card.warning[b-kdt9wbat9x]::before { background: #f59e0b; }
.kpi-card.danger[b-kdt9wbat9x]::before { background: #ef4444; }
.kpi-card.paused[b-kdt9wbat9x]::before { background: #8b5cf6; }

.kpi-card span[b-kdt9wbat9x],
.kpi-card small[b-kdt9wbat9x] {
    display: block;
    color: #667085;
}

.kpi-card span[b-kdt9wbat9x] {
    font-size: .8rem;
    font-weight: 900;
    text-transform: uppercase;
}

.kpi-card strong[b-kdt9wbat9x] {
    display: block;
    margin: .18rem 0;
    color: #101828;
    font-size: 1.75rem;
    font-weight: 950;
}

.kpi-card small[b-kdt9wbat9x] {
    font-size: .75rem;
}

.tabs[b-kdt9wbat9x] {
    display: flex;
    gap: .45rem;
    padding: .4rem;
    background: #f2f4f7;
    border: 1px solid #e4e7ec;
    border-radius: 16px;
    width: max-content;
    max-width: 100%;
}

.tab[b-kdt9wbat9x] {
    display: inline-flex;
    align-items: center;
    gap: .45rem;
    border: none;
    border-radius: 12px;
    padding: .7rem 1rem;
    background: transparent;
    color: #475467;
    font-weight: 900;
    cursor: pointer;
}

.tab.active[b-kdt9wbat9x] {
    color: #153e75;
    background: #fff;
    box-shadow: 0 5px 15px rgba(15, 23, 42, .08);
}

.panel[b-kdt9wbat9x] {
    border-radius: 22px;
    padding: 1.15rem;
}

.loading-panel[b-kdt9wbat9x] {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: .7rem;
    min-height: 180px;
    color: #475467;
    font-weight: 850;
}

.spinner[b-kdt9wbat9x] {
    width: 25px;
    height: 25px;
    border: 3px solid #dbeafe;
    border-top-color: #2563eb;
    border-radius: 50%;
    animation: spin-b-kdt9wbat9x .75s linear infinite;
}

@keyframes spin-b-kdt9wbat9x { to { transform: rotate(360deg); } }

.rules-layout[b-kdt9wbat9x],
.holidays-layout[b-kdt9wbat9x] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(380px, .82fr);
    gap: 1rem;
    align-items: start;
}

.holidays-layout[b-kdt9wbat9x] {
    grid-template-columns: minmax(300px, .55fr) minmax(0, 1fr);
}

.panel-title[b-kdt9wbat9x] {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    gap: 1rem;
    margin-bottom: 1rem;
}

.panel-title.responsive[b-kdt9wbat9x] {
    align-items: center;
}

.icon-btn[b-kdt9wbat9x] {
    display: inline-grid;
    place-items: center;
    width: 38px;
    height: 38px;
    border: 1px solid #d0d5dd;
    border-radius: 12px;
    color: #153e75;
    background: #fff;
    cursor: pointer;
}

.form-grid[b-kdt9wbat9x] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: .8rem;
}

.field[b-kdt9wbat9x] {
    display: flex;
    flex-direction: column;
    gap: .35rem;
    margin-bottom: .8rem;
}

.field.wide[b-kdt9wbat9x] { grid-column: 1 / -1; }

.field label[b-kdt9wbat9x] {
    color: #344054;
    font-size: .82rem;
    font-weight: 900;
}

.field small[b-kdt9wbat9x] {
    color: #667085;
    font-size: .72rem;
}

.control[b-kdt9wbat9x] {
    width: 100%;
    min-height: 43px;
    border: 1px solid #d0d5dd;
    border-radius: 13px;
    padding: .65rem .75rem;
    color: #101828;
    background: #fff;
    outline: none;
}

.control:focus[b-kdt9wbat9x] {
    border-color: #60a5fa;
    box-shadow: 0 0 0 3px rgba(37, 99, 235, .1);
}

.switch-grid[b-kdt9wbat9x] {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: .7rem;
    margin-top: .2rem;
}

.switch-row[b-kdt9wbat9x] {
    display: flex;
    align-items: flex-start;
    gap: .55rem;
    padding: .75rem;
    border: 1px solid #e4e7ec;
    border-radius: 14px;
    background: #f8fafc;
    cursor: pointer;
}

.switch-row.compact[b-kdt9wbat9x] {
    margin-bottom: .65rem;
}

.switch-row input[b-kdt9wbat9x] {
    margin-top: .2rem;
}

.switch-row span[b-kdt9wbat9x],
.switch-row small[b-kdt9wbat9x] {
    display: block;
}

.switch-row strong[b-kdt9wbat9x] {
    color: #344054;
    font-size: .82rem;
}

.switch-row small[b-kdt9wbat9x] {
    margin-top: .12rem;
    color: #667085;
    font-size: .71rem;
}

.form-actions[b-kdt9wbat9x],
.card-actions[b-kdt9wbat9x] {
    display: flex;
    justify-content: flex-end;
    gap: .55rem;
    margin-top: 1rem;
}

.form-actions.right[b-kdt9wbat9x] { justify-content: flex-end; }

.count-pill[b-kdt9wbat9x],
.order-pill[b-kdt9wbat9x] {
    border-radius: 999px;
    padding: .32rem .6rem;
    color: #1d4ed8;
    background: #eff6ff;
    font-size: .74rem;
    font-weight: 900;
}

.rule-list[b-kdt9wbat9x] {
    display: flex;
    flex-direction: column;
    gap: .75rem;
    max-height: 720px;
    overflow: auto;
    padding-right: .2rem;
}

.rule-card[b-kdt9wbat9x] {
    border: 1px solid #e4e7ec;
    border-radius: 17px;
    padding: .85rem;
    background: #fff;
}

.rule-card.inactive[b-kdt9wbat9x],
.holiday-row.inactive[b-kdt9wbat9x] {
    opacity: .58;
    background: #f8fafc;
}

.rule-head[b-kdt9wbat9x],
.holiday-row[b-kdt9wbat9x] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: .7rem;
}

.rule-head > div[b-kdt9wbat9x] {
    display: flex;
    align-items: center;
    gap: .45rem;
    color: #101828;
}

.status-dot[b-kdt9wbat9x] {
    width: 9px;
    height: 9px;
    border-radius: 50%;
    background: #98a2b3;
}

.status-dot.active[b-kdt9wbat9x] { background: #22c55e; }

.scope-tags[b-kdt9wbat9x],
.rule-flags[b-kdt9wbat9x] {
    display: flex;
    flex-wrap: wrap;
    gap: .35rem;
    margin-top: .65rem;
}

.scope-tags span[b-kdt9wbat9x],
.rule-flags span[b-kdt9wbat9x] {
    border-radius: 999px;
    padding: .27rem .52rem;
    font-size: .68rem;
    font-weight: 800;
}

.scope-tags span[b-kdt9wbat9x] {
    color: #475467;
    background: #f2f4f7;
}

.rule-flags span[b-kdt9wbat9x] {
    color: #1e40af;
    background: #eff6ff;
}

.rule-times[b-kdt9wbat9x] {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: .45rem;
    margin-top: .7rem;
}

.rule-times div[b-kdt9wbat9x] {
    padding: .55rem;
    border-radius: 12px;
    background: #f8fafc;
}

.rule-times span[b-kdt9wbat9x],
.rule-times strong[b-kdt9wbat9x] {
    display: block;
}

.rule-times span[b-kdt9wbat9x] {
    color: #667085;
    font-size: .66rem;
    text-transform: uppercase;
    font-weight: 850;
}

.rule-times strong[b-kdt9wbat9x] {
    margin-top: .12rem;
    color: #101828;
    font-size: .78rem;
}

.link-btn[b-kdt9wbat9x] {
    border: none;
    padding: .3rem .4rem;
    color: #1d4ed8;
    background: transparent;
    font-size: .76rem;
    font-weight: 900;
    cursor: pointer;
}

.link-btn.danger[b-kdt9wbat9x] { color: #b42318; }

.filters-inline[b-kdt9wbat9x] {
    display: grid;
    grid-template-columns: minmax(180px, 1fr) minmax(180px, 1fr);
    gap: .6rem;
    min-width: min(100%, 430px);
}

.schedule-list[b-kdt9wbat9x] {
    display: flex;
    flex-direction: column;
    gap: .55rem;
}

.schedule-row[b-kdt9wbat9x] {
    display: grid;
    grid-template-columns: minmax(150px, .65fr) minmax(270px, 1fr) 100px;
    align-items: center;
    gap: .8rem;
    border: 1px solid #e4e7ec;
    border-radius: 15px;
    padding: .7rem .8rem;
}

.schedule-row.closed[b-kdt9wbat9x] {
    color: #98a2b3;
    background: #f8fafc;
}

.day-toggle[b-kdt9wbat9x],
.time-range[b-kdt9wbat9x] {
    display: flex;
    align-items: center;
    gap: .6rem;
}

.time-range .control[b-kdt9wbat9x] {
    min-height: 39px;
}

.day-state[b-kdt9wbat9x] {
    justify-self: end;
    color: #667085;
    font-size: .74rem;
    font-weight: 850;
}

.year-filter[b-kdt9wbat9x] { width: 120px; }

.holiday-list[b-kdt9wbat9x] {
    display: flex;
    flex-direction: column;
    gap: .6rem;
}

.holiday-row[b-kdt9wbat9x] {
    border: 1px solid #e4e7ec;
    border-radius: 15px;
    padding: .7rem;
}

.holiday-date[b-kdt9wbat9x] {
    display: grid;
    place-items: center;
    min-width: 58px;
    padding: .48rem;
    border-radius: 13px;
    color: #153e75;
    background: #eff6ff;
}

.holiday-date strong[b-kdt9wbat9x] {
    font-size: 1.3rem;
    line-height: 1;
}

.holiday-date span[b-kdt9wbat9x] {
    font-size: .65rem;
    font-weight: 900;
}

.holiday-info[b-kdt9wbat9x] {
    flex: 1;
}

.holiday-info strong[b-kdt9wbat9x],
.holiday-info span[b-kdt9wbat9x],
.holiday-info small[b-kdt9wbat9x] {
    display: block;
}

.holiday-info strong[b-kdt9wbat9x] { color: #101828; }
.holiday-info span[b-kdt9wbat9x],
.holiday-info small[b-kdt9wbat9x] { color: #667085; font-size: .75rem; }

.empty-state[b-kdt9wbat9x] {
    display: grid;
    place-items: center;
    min-height: 150px;
    color: #667085;
    border: 1px dashed #d0d5dd;
    border-radius: 15px;
}

@media (max-width: 1250px) {
    .kpi-grid[b-kdt9wbat9x] { grid-template-columns: repeat(3, minmax(0, 1fr)); }
    .rules-layout[b-kdt9wbat9x],
    .holidays-layout[b-kdt9wbat9x] { grid-template-columns: 1fr; }
    .rule-list[b-kdt9wbat9x] { max-height: none; }
}

@media (max-width: 820px) {
    .sla-hero[b-kdt9wbat9x],
    .panel-title.responsive[b-kdt9wbat9x] {
        flex-direction: column;
        align-items: stretch;
    }

    .kpi-grid[b-kdt9wbat9x] { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .form-grid[b-kdt9wbat9x],
    .switch-grid[b-kdt9wbat9x] { grid-template-columns: 1fr; }
    .filters-inline[b-kdt9wbat9x] { grid-template-columns: 1fr; min-width: 0; }
    .schedule-row[b-kdt9wbat9x] { grid-template-columns: 1fr; }
    .day-state[b-kdt9wbat9x] { justify-self: start; }
    .tabs[b-kdt9wbat9x] { width: 100%; overflow-x: auto; }
    .tab[b-kdt9wbat9x] { white-space: nowrap; }
}

@media (max-width: 520px) {
    .kpi-grid[b-kdt9wbat9x] { grid-template-columns: 1fr; }
    .sla-hero[b-kdt9wbat9x],
    .panel[b-kdt9wbat9x] { border-radius: 18px; padding: .9rem; }
    .rule-times[b-kdt9wbat9x] { grid-template-columns: 1fr; }
    .holiday-row[b-kdt9wbat9x] { align-items: flex-start; flex-wrap: wrap; }
    .holiday-row .card-actions[b-kdt9wbat9x] { width: 100%; justify-content: flex-end; margin-top: 0; }
}
/* _content/PelsaServiceDesk/Components/Pages/Seguridad/EspecialidadesTecnicos.razor.rz.scp.css */
.tech-skill-page[b-12ng5xsl5d] {
    display: flex;
    flex-direction: column;
    gap: 1rem;
}

.tech-skill-hero[b-12ng5xsl5d],
.tech-skill-list-card[b-12ng5xsl5d],
.tech-skill-form-card[b-12ng5xsl5d] {
    background: white;
    border: 1px solid #e7eaf0;
    border-radius: 22px;
    padding: 1.2rem;
    box-shadow: 0 14px 32px rgba(15, 23, 42, .045);
}

.tech-skill-hero[b-12ng5xsl5d] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 1rem;
}

    .tech-skill-hero h1[b-12ng5xsl5d] {
        margin: 0;
        color: #101828;
        font-weight: 900;
    }

    .tech-skill-hero p[b-12ng5xsl5d] {
        margin: .35rem 0 0;
        color: #667085;
    }

.tech-skill-layout[b-12ng5xsl5d] {
    display: grid;
    grid-template-columns: 430px 1fr;
    gap: 1rem;
    align-items: start;
}

.tech-skill-list-head[b-12ng5xsl5d] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: .75rem;
    margin-bottom: .85rem;
}

    .tech-skill-list-head h3[b-12ng5xsl5d],
    .tech-skill-form-card h3[b-12ng5xsl5d] {
        margin: 0;
        color: #101828;
        font-weight: 900;
    }

.skill-list[b-12ng5xsl5d] {
    display: flex;
    flex-direction: column;
    gap: .65rem;
}

.skill-row[b-12ng5xsl5d] {
    width: 100%;
    text-align: left;
    border: 1px solid #e7eaf0;
    background: #f8fafc;
    border-radius: 16px;
    padding: .85rem;
    display: flex;
    justify-content: space-between;
    gap: .75rem;
    cursor: pointer;
}

    .skill-row.active[b-12ng5xsl5d] {
        border-color: #1f4fd8;
        background: #eef4ff;
    }

    .skill-row strong[b-12ng5xsl5d] {
        display: block;
        color: #101828;
        font-weight: 900;
    }

    .skill-row span[b-12ng5xsl5d] {
        display: block;
        color: #344054;
        margin-top: .2rem;
        font-weight: 800;
    }

    .skill-row small[b-12ng5xsl5d] {
        display: block;
        color: #667085;
        margin-top: .25rem;
        line-height: 1.35;
    }

.skill-row-meta[b-12ng5xsl5d] {
    display: flex;
    flex-direction: column;
    gap: .35rem;
    align-items: flex-end;
}

.skill-chip[b-12ng5xsl5d] {
    display: inline-block;
    border-radius: 999px;
    padding: .25rem .55rem;
    font-weight: 900;
    font-size: .72rem;
    white-space: nowrap;
}

    .skill-chip.active[b-12ng5xsl5d] {
        background: #dcfce7;
        color: #166534;
    }

    .skill-chip.inactive[b-12ng5xsl5d] {
        background: #f3f4f6;
        color: #475467;
    }

    .skill-chip.auto[b-12ng5xsl5d] {
        background: #dbeafe;
        color: #1e40af;
    }

    .skill-chip.manual[b-12ng5xsl5d] {
        background: #fff7ed;
        color: #9a3412;
    }

    .skill-chip.score[b-12ng5xsl5d] {
        background: #eef2ff;
        color: #3730a3;
    }

.form-grid-2[b-12ng5xsl5d] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: .85rem;
}

.form-group[b-12ng5xsl5d] {
    margin-bottom: .85rem;
}

    .form-group label[b-12ng5xsl5d] {
        display: block;
        color: #101828;
        font-weight: 900;
        margin-bottom: .35rem;
    }

.form-control[b-12ng5xsl5d] {
    width: 100%;
    border: 1px solid #d0d5dd;
    border-radius: 14px;
    padding: .75rem .85rem;
    outline: none;
}

.text-area[b-12ng5xsl5d] {
    min-height: 120px;
    resize: vertical;
}

.form-control:focus[b-12ng5xsl5d] {
    border-color: #1f4fd8;
    box-shadow: 0 0 0 3px rgba(31, 79, 216, .12);
}

.help-text[b-12ng5xsl5d] {
    color: #667085;
    display: block;
    margin-top: .35rem;
}

.skill-checks[b-12ng5xsl5d] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: .65rem;
    margin: .75rem 0;
}

.check-row[b-12ng5xsl5d] {
    display: flex;
    align-items: center;
    gap: .5rem;
    background: #f8fafc;
    border: 1px solid #e7eaf0;
    border-radius: 14px;
    padding: .7rem;
    color: #344054;
    font-weight: 800;
}

.skill-actions[b-12ng5xsl5d] {
    display: flex;
    justify-content: flex-end;
    gap: .65rem;
    margin-top: 1rem;
}

.btn-primary[b-12ng5xsl5d],
.btn-secondary[b-12ng5xsl5d],
.btn-danger[b-12ng5xsl5d] {
    border: none;
    border-radius: 14px;
    padding: .75rem 1rem;
    font-weight: 900;
    cursor: pointer;
}

.btn-primary[b-12ng5xsl5d] {
    background: #153e75;
    color: white;
}

.btn-secondary[b-12ng5xsl5d] {
    background: #eef2ff;
    color: #3730a3;
}

.btn-danger[b-12ng5xsl5d] {
    background: #fee2e2;
    color: #991b1b;
}

.skill-tip[b-12ng5xsl5d] {
    margin-top: 1rem;
    border: 1px solid #fed7aa;
    background: #fff7ed;
    border-radius: 16px;
    padding: .85rem;
    display: flex;
    flex-direction: column;
    gap: .25rem;
}

    .skill-tip strong[b-12ng5xsl5d],
    .skill-tip span[b-12ng5xsl5d] {
        color: #9a3412;
    }

.skill-message[b-12ng5xsl5d] {
    border-radius: 16px;
    padding: .85rem 1rem;
    font-weight: 900;
}

    .skill-message.success[b-12ng5xsl5d] {
        background: #dcfce7;
        border: 1px solid #bbf7d0;
        color: #166534;
    }

    .skill-message.error[b-12ng5xsl5d] {
        background: #fee2e2;
        border: 1px solid #fecaca;
        color: #991b1b;
    }

.empty-state[b-12ng5xsl5d] {
    color: #667085;
    background: #f8fafc;
    border: 1px solid #e7eaf0;
    border-radius: 16px;
    padding: 1rem;
    text-align: center;
}

@media (max-width: 1100px) {
    .tech-skill-layout[b-12ng5xsl5d],
    .form-grid-2[b-12ng5xsl5d],
    .skill-checks[b-12ng5xsl5d] {
        grid-template-columns: 1fr;
    }

    .tech-skill-hero[b-12ng5xsl5d] {
        flex-direction: column;
        align-items: stretch;
    }

    .skill-actions[b-12ng5xsl5d] {
        flex-direction: column;
    }

        .skill-actions button[b-12ng5xsl5d] {
            width: 100%;
        }
}
/* _content/PelsaServiceDesk/Components/Pages/Seguridad/EstadoServicios.razor.rz.scp.css */
.services-page[b-ogz4uckbly] {
    display: flex;
    flex-direction: column;
    gap: 1.2rem;
}

.services-header[b-ogz4uckbly] {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    gap: 1rem;
}

.services-kicker[b-ogz4uckbly] {
    display: block;
    color: #2563eb;
    font-size: .78rem;
    font-weight: 950;
    text-transform: uppercase;
    letter-spacing: .08em;
}

.services-header h1[b-ogz4uckbly] {
    margin: .25rem 0 0;
    color: #101828;
    font-size: 2rem;
    font-weight: 950;
}

.services-header p[b-ogz4uckbly] {
    margin: .35rem 0 0;
    color: #667085;
    font-weight: 700;
}

.services-refresh-btn[b-ogz4uckbly],
.service-test-btn[b-ogz4uckbly] {
    border: 0;
    border-radius: 14px;
    padding: .75rem 1rem;
    background: #153e75;
    color: white;
    font-weight: 900;
    cursor: pointer;
}

    .services-refresh-btn:disabled[b-ogz4uckbly],
    .service-test-btn:disabled[b-ogz4uckbly] {
        opacity: .6;
        cursor: not-allowed;
    }

.services-loading[b-ogz4uckbly],
.services-alert[b-ogz4uckbly] {
    padding: 1rem;
    border-radius: 16px;
    font-weight: 850;
}

.services-loading[b-ogz4uckbly] {
    background: white;
    border: 1px solid #e7eaf0;
    color: #667085;
}

.services-alert.error[b-ogz4uckbly] {
    background: #fee2e2;
    border: 1px solid #fecaca;
    color: #991b1b;
}

.services-summary-grid[b-ogz4uckbly] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
    gap: 1rem;
}

.service-summary-card[b-ogz4uckbly] {
    min-height: 185px;
    padding: 1rem;
    background: white;
    border: 1px solid #e7eaf0;
    border-left: 5px solid #94a3b8;
    border-radius: 20px;
    box-shadow: 0 16px 38px rgba(15, 23, 42, .06);
}

    .service-summary-card.activo[b-ogz4uckbly] {
        border-left-color: #16a34a;
    }

    .service-summary-card.error[b-ogz4uckbly] {
        border-left-color: #dc2626;
    }

    .service-summary-card.sin-latido[b-ogz4uckbly] {
        border-left-color: #f59e0b;
    }

.service-card-top[b-ogz4uckbly] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: .7rem;
}

.service-icon[b-ogz4uckbly] {
    width: 42px;
    height: 42px;
    border-radius: 14px;
    background: #eef2ff;
    display: grid;
    place-items: center;
    font-size: 1.2rem;
}

.service-summary-card h3[b-ogz4uckbly] {
    margin: .9rem 0 .35rem;
    color: #344054;
    font-size: .85rem;
    font-weight: 900;
}

.service-main-value[b-ogz4uckbly] {
    display: block;
    color: #101828;
    font-size: 1.25rem;
    font-weight: 950;
    overflow-wrap: anywhere;
}

.service-summary-card p[b-ogz4uckbly] {
    margin: .5rem 0 0;
    color: #667085;
    font-size: .8rem;
    font-weight: 700;
    line-height: 1.4;
}

.service-status[b-ogz4uckbly] {
    display: inline-flex;
    align-items: center;
    border-radius: 999px;
    padding: .35rem .65rem;
    font-size: .72rem;
    font-weight: 950;
    white-space: nowrap;
}

    .service-status.active[b-ogz4uckbly] {
        background: #dcfce7;
        color: #166534;
    }

    .service-status.error[b-ogz4uckbly] {
        background: #fee2e2;
        color: #991b1b;
    }

    .service-status.warning[b-ogz4uckbly] {
        background: #fef3c7;
        color: #92400e;
    }

    .service-status.neutral[b-ogz4uckbly] {
        background: #f1f5f9;
        color: #475569;
    }

.services-detail-grid[b-ogz4uckbly] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 1rem;
}

.service-detail-card[b-ogz4uckbly] {
    padding: 1.15rem;
    background: white;
    border: 1px solid #e7eaf0;
    border-radius: 22px;
    box-shadow: 0 16px 38px rgba(15, 23, 42, .05);
}

.service-detail-header[b-ogz4uckbly] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 1rem;
    padding-bottom: .9rem;
    border-bottom: 1px solid #e7eaf0;
}

    .service-detail-header span:first-child[b-ogz4uckbly] {
        display: block;
        color: #667085;
        font-size: .72rem;
        font-weight: 850;
        text-transform: uppercase;
    }

    .service-detail-header h2[b-ogz4uckbly] {
        margin: .2rem 0 0;
        color: #101828;
        font-size: 1.15rem;
        font-weight: 950;
    }

.service-info-grid[b-ogz4uckbly] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: .75rem;
    margin-top: .9rem;
}

    .service-info-grid > div[b-ogz4uckbly] {
        padding: .75rem;
        background: #f8fafc;
        border: 1px solid #edf1f5;
        border-radius: 14px;
        min-width: 0;
    }

    .service-info-grid small[b-ogz4uckbly] {
        display: block;
        color: #667085;
        font-size: .72rem;
        font-weight: 800;
    }

    .service-info-grid strong[b-ogz4uckbly] {
        display: block;
        margin-top: .25rem;
        color: #101828;
        font-size: .85rem;
        font-weight: 900;
        overflow-wrap: anywhere;
    }

.service-info-wide[b-ogz4uckbly] {
    grid-column: 1 / -1;
}

.service-config-selector[b-ogz4uckbly] {
    display: grid;
    gap: .4rem;
    margin-top: .9rem;
    padding: .8rem;
    border: 1px solid #dbe4ef;
    border-radius: 14px;
    background: #f8fafc;
}

.service-config-selector span[b-ogz4uckbly] {
    color: #475569;
    font-size: .76rem;
    font-weight: 900;
}

.service-config-selector select[b-ogz4uckbly] {
    width: 100%;
    min-width: 0;
    padding: .72rem .8rem;
    border: 1px solid #cbd5e1;
    border-radius: 10px;
    background: #fff;
    color: #0f172a;
    font-weight: 750;
}

.service-message-box[b-ogz4uckbly],
.service-error-box[b-ogz4uckbly],
.service-test-result[b-ogz4uckbly] {
    margin-top: .9rem;
    padding: .8rem;
    border-radius: 14px;
}

.service-message-box[b-ogz4uckbly] {
    background: #eef4ff;
    border: 1px solid #dbe4ff;
    color: #153e75;
    font-weight: 800;
}

.service-error-box[b-ogz4uckbly] {
    background: #fee2e2;
    border: 1px solid #fecaca;
    color: #991b1b;
}

    .service-error-box strong[b-ogz4uckbly],
    .service-error-box p[b-ogz4uckbly] {
        margin: 0;
    }

    .service-error-box p[b-ogz4uckbly] {
        margin-top: .35rem;
        line-height: 1.45;
        white-space: pre-wrap;
    }

.service-test-result[b-ogz4uckbly] {
    display: flex;
    flex-direction: column;
    gap: .25rem;
}

    .service-test-result.success[b-ogz4uckbly] {
        background: #dcfce7;
        border: 1px solid #bbf7d0;
        color: #166534;
    }

    .service-test-result.error[b-ogz4uckbly] {
        background: #fee2e2;
        border: 1px solid #fecaca;
        color: #991b1b;
    }

    .service-test-result span[b-ogz4uckbly],
    .service-test-result small[b-ogz4uckbly] {
        display: block;
    }

@media (max-width: 1200px) {
    .services-summary-grid[b-ogz4uckbly] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 850px) {
    .services-header[b-ogz4uckbly] {
        flex-direction: column;
    }

    .services-summary-grid[b-ogz4uckbly],
    .services-detail-grid[b-ogz4uckbly] {
        grid-template-columns: 1fr;
    }

    .service-info-grid[b-ogz4uckbly] {
        grid-template-columns: 1fr;
    }

    .service-info-wide[b-ogz4uckbly] {
        grid-column: auto;
    }
}

.service-detail-card-wide[b-ogz4uckbly] {
    grid-column: 1 / -1;
}

.service-header-actions[b-ogz4uckbly] {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    flex-wrap: wrap;
    gap: .65rem;
}

.service-help-box[b-ogz4uckbly] {
    margin-top: .9rem;
    padding: .8rem;
    border-radius: 14px;
    background: #f8fafc;
    border: 1px dashed #cbd5e1;
    color: #475569;
    font-size: .82rem;
    font-weight: 750;
    line-height: 1.5;
}

@media (max-width: 850px) {
    .service-detail-card-wide[b-ogz4uckbly] {
        grid-column: auto;
    }

    .service-header-actions[b-ogz4uckbly] {
        align-items: flex-end;
        flex-direction: column;
    }
}

.service-summary-card.ok[b-ogz4uckbly] {
    border-left-color: #16a34a;
}

.service-summary-card.sin-validar[b-ogz4uckbly],
.service-summary-card.detenido[b-ogz4uckbly] {
    border-left-color: #f59e0b;
}
/* _content/PelsaServiceDesk/Components/Pages/Seguridad/IdentidadComercial.razor.rz.scp.css */
.brand-admin[b-zh0jlafmbs]{padding:1.5rem;display:grid;gap:1rem;color:#10213c}.brand-hero[b-zh0jlafmbs]{display:flex;justify-content:space-between;align-items:flex-start;gap:1rem;padding:1.5rem;border-radius:22px;background:linear-gradient(135deg,var(--brand-sidebar,#07182e),var(--brand-primary,#0b2545));color:#fff;box-shadow:0 18px 48px rgba(15,35,68,.18)}.brand-kicker[b-zh0jlafmbs]{font-size:.72rem;font-weight:900;letter-spacing:.14em;color:var(--brand-accent,#ffc400)}.brand-hero h1[b-zh0jlafmbs]{margin:.28rem 0;font-size:2rem}.brand-hero p[b-zh0jlafmbs]{margin:0;opacity:.78}.brand-hero-actions[b-zh0jlafmbs]{display:flex;gap:.65rem;flex-wrap:wrap}.brand-btn[b-zh0jlafmbs]{border:0;border-radius:12px;padding:.72rem 1rem;font-weight:850;cursor:pointer}.brand-btn:disabled[b-zh0jlafmbs]{opacity:.58;cursor:not-allowed}.brand-btn.primary[b-zh0jlafmbs]{background:var(--brand-primary,#0b2545);color:#fff}.brand-hero .brand-btn.primary[b-zh0jlafmbs]{background:var(--brand-accent,#ffc400);color:#10213c}.brand-btn.secondary[b-zh0jlafmbs]{background:#eaf0f8;color:#15345f}.brand-alert[b-zh0jlafmbs],.brand-loading[b-zh0jlafmbs]{padding:.9rem 1rem;border-radius:14px;font-weight:750}.brand-alert.success[b-zh0jlafmbs]{background:#dcfce7;color:#166534}.brand-alert.error[b-zh0jlafmbs]{background:#fee2e2;color:#991b1b}.brand-loading[b-zh0jlafmbs]{background:#fff;border:1px solid #e4eaf2;color:#64748b;text-align:center}.brand-tabs[b-zh0jlafmbs]{display:flex;gap:.5rem;flex-wrap:wrap}.brand-tabs button[b-zh0jlafmbs]{border:0;background:#e9eef6;color:#526174;padding:.72rem 1rem;border-radius:12px;font-weight:850;cursor:pointer}.brand-tabs button.active[b-zh0jlafmbs]{background:var(--brand-primary,#0b2545);color:#fff}.brand-grid[b-zh0jlafmbs]{display:grid;gap:1rem}.brand-grid.two-columns[b-zh0jlafmbs]{grid-template-columns:repeat(2,minmax(0,1fr))}.brand-grid.resources-grid[b-zh0jlafmbs]{grid-template-columns:minmax(340px,.8fr) minmax(520px,1.2fr)}.brand-card[b-zh0jlafmbs]{background:#fff;border:1px solid #dfe7f1;border-radius:20px;padding:1.15rem;box-shadow:0 12px 34px rgba(18,43,78,.06)}.brand-card>header[b-zh0jlafmbs]{display:flex;justify-content:space-between;align-items:center;gap:1rem;margin-bottom:1rem;padding-bottom:.8rem;border-bottom:1px solid #edf1f6}.brand-card header span[b-zh0jlafmbs]{font-size:.68rem;font-weight:900;letter-spacing:.12em;color:var(--brand-primary,#0b2545)}.brand-card h2[b-zh0jlafmbs]{margin:.18rem 0 0;font-size:1.05rem}.form-grid[b-zh0jlafmbs]{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.85rem}.form-grid.three[b-zh0jlafmbs]{grid-template-columns:repeat(3,minmax(0,1fr))}.form-grid label[b-zh0jlafmbs]{display:grid;gap:.35rem}.form-grid label>span[b-zh0jlafmbs],.color-control>span[b-zh0jlafmbs]{font-size:.76rem;font-weight:800;color:#526174}.form-grid .full[b-zh0jlafmbs]{grid-column:1/-1}.form-grid .check[b-zh0jlafmbs]{display:flex;align-items:center;gap:.55rem;min-height:42px}.form-grid .check input[b-zh0jlafmbs]{width:18px;height:18px}.form-control[b-zh0jlafmbs]{width:100%;border:1px solid #ccd6e3;border-radius:11px;padding:.68rem .75rem;background:#fff;color:#142b4d}.form-control:focus[b-zh0jlafmbs]{outline:0;border-color:var(--brand-primary,#0b2545);box-shadow:0 0 0 3px color-mix(in srgb,var(--brand-primary,#0b2545) 15%,transparent)}.form-control.area[b-zh0jlafmbs]{min-height:105px;resize:vertical}.text-btn[b-zh0jlafmbs]{border:0;background:transparent;color:var(--brand-primary,#0b2545);font-weight:850;cursor:pointer}.color-grid[b-zh0jlafmbs]{display:grid;gap:.85rem}.color-control[b-zh0jlafmbs]{display:grid;gap:.35rem}.color-control>div[b-zh0jlafmbs]{display:grid;grid-template-columns:52px 1fr;gap:.6rem}.color-control input[type=color][b-zh0jlafmbs]{width:52px;height:42px;border:1px solid #ccd6e3;border-radius:11px;padding:3px;background:#fff}.asset-list[b-zh0jlafmbs]{display:grid;gap:.65rem}.asset-row[b-zh0jlafmbs]{display:grid;grid-template-columns:90px minmax(180px,1fr) minmax(190px,.75fr);gap:.8rem;align-items:center;padding:.75rem;border:1px solid #e5eaf1;border-radius:15px}.asset-preview[b-zh0jlafmbs]{height:58px;border-radius:12px;background:#f1f5f9;display:grid;place-items:center;overflow:hidden;color:#94a3b8;font-size:.6rem;font-weight:900}.asset-preview img[b-zh0jlafmbs]{width:100%;height:100%;object-fit:contain}.asset-copy[b-zh0jlafmbs]{display:grid;gap:.15rem;min-width:0}.asset-copy strong[b-zh0jlafmbs]{font-size:.84rem}.asset-copy span[b-zh0jlafmbs],.asset-copy small[b-zh0jlafmbs]{font-size:.72rem;color:#64748b;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.asset-actions[b-zh0jlafmbs]{display:flex;align-items:center;justify-content:flex-end;gap:.5rem;flex-wrap:wrap}.asset-actions input[type=file][b-zh0jlafmbs]{max-width:150px;font-size:.72rem}.asset-actions button[b-zh0jlafmbs]{border:0;background:#fee2e2;color:#991b1b;border-radius:9px;padding:.45rem .65rem;font-weight:800}.asset-help[b-zh0jlafmbs]{margin:.8rem 0 0;color:#64748b;font-size:.75rem}.license-layout[b-zh0jlafmbs]{display:grid;gap:1rem}.license-status[b-zh0jlafmbs]{display:flex;justify-content:space-between;align-items:center;gap:1rem;padding:1.25rem;border-radius:20px;border:1px solid}.license-status.ok[b-zh0jlafmbs]{background:#ecfdf5;border-color:#a7f3d0;color:#065f46}.license-status.warning[b-zh0jlafmbs]{background:#fffbeb;border-color:#fde68a;color:#92400e}.license-status.danger[b-zh0jlafmbs]{background:#fef2f2;border-color:#fecaca;color:#991b1b}.license-status>div>span[b-zh0jlafmbs]{font-size:.68rem;font-weight:900;letter-spacing:.12em}.license-status h2[b-zh0jlafmbs]{margin:.2rem 0}.license-status p[b-zh0jlafmbs]{margin:0;opacity:.82}.license-counts[b-zh0jlafmbs]{display:flex;gap:.6rem;flex-wrap:wrap}.license-counts div[b-zh0jlafmbs]{min-width:100px;background:rgba(255,255,255,.7);border-radius:12px;padding:.65rem .8rem}.license-counts span[b-zh0jlafmbs]{display:block;font-size:.68rem;font-weight:800;opacity:.72}.license-counts strong[b-zh0jlafmbs]{display:block;margin-top:.2rem}.license-counts .exceeded[b-zh0jlafmbs]{outline:2px solid #ef4444}.license-footer[b-zh0jlafmbs]{display:flex;justify-content:space-between;align-items:center;gap:1rem;margin-top:1rem;padding-top:1rem;border-top:1px solid #edf1f6}.license-footer small[b-zh0jlafmbs]{color:#64748b}.preview-grid[b-zh0jlafmbs]{display:grid;grid-template-columns:minmax(360px,.8fr) minmax(520px,1.2fr);gap:1rem}.preview-login[b-zh0jlafmbs]{position:relative;min-height:520px;border-radius:24px;overflow:hidden;background:linear-gradient(145deg,var(--brand-login,#07182e),var(--brand-primary,#0b2545));background-position:center;background-size:cover;color:#fff}.preview-login-overlay[b-zh0jlafmbs]{position:absolute;inset:0;background:radial-gradient(circle at 85% 15%,color-mix(in srgb,var(--brand-accent,#ffc400) 20%,transparent),transparent 30%)}.preview-login-content[b-zh0jlafmbs]{position:relative;z-index:1;display:flex;min-height:520px;flex-direction:column;align-items:flex-start;justify-content:center;padding:2.2rem}.preview-login-content img[b-zh0jlafmbs]{max-width:180px;max-height:75px;object-fit:contain;margin-bottom:1rem}.preview-initials[b-zh0jlafmbs]{width:68px;height:68px;border-radius:20px;display:grid;place-items:center;background:var(--brand-accent,#ffc400);color:var(--brand-primary,#0b2545);font-weight:950;font-size:1.2rem;margin-bottom:1rem}.preview-initials.small[b-zh0jlafmbs]{width:48px;height:48px;border-radius:14px;margin:0}.preview-login-content>span[b-zh0jlafmbs]{font-size:.72rem;font-weight:900;letter-spacing:.12em;color:var(--brand-accent,#ffc400)}.preview-login h2[b-zh0jlafmbs]{font-size:2.35rem;line-height:1.02;margin:.6rem 0}.preview-login p[b-zh0jlafmbs]{line-height:1.55;opacity:.78}.preview-login button[b-zh0jlafmbs]{margin-top:1rem;border:0;border-radius:12px;padding:.8rem 1rem;background:var(--brand-accent,#ffc400);color:#10213c;font-weight:900}.preview-app[b-zh0jlafmbs]{min-height:520px;display:grid;grid-template-columns:190px 1fr;border:1px solid #dfe7f1;border-radius:24px;overflow:hidden;background:#f4f7fb}.preview-app aside[b-zh0jlafmbs]{display:flex;flex-direction:column;align-items:flex-start;padding:1.2rem;background:linear-gradient(180deg,var(--brand-sidebar,#07182e),var(--brand-primary,#0b2545));color:#fff}.preview-app aside img[b-zh0jlafmbs]{width:58px;height:58px;object-fit:contain;margin-bottom:.7rem}.preview-app aside strong[b-zh0jlafmbs]{margin-top:.5rem}.preview-app aside>span[b-zh0jlafmbs]{font-size:.7rem;opacity:.65}.preview-app aside nav[b-zh0jlafmbs]{display:grid;gap:.7rem;width:100%;margin-top:2rem}.preview-app aside i[b-zh0jlafmbs]{display:block;height:34px;border-radius:9px;background:rgba(255,255,255,.1)}.preview-app main[b-zh0jlafmbs]{padding:1rem}.preview-app main header[b-zh0jlafmbs]{display:flex;justify-content:space-between;align-items:center;background:#fff;border-radius:14px;padding:.8rem 1rem}.preview-app main header div[b-zh0jlafmbs]{display:grid}.preview-app main header span[b-zh0jlafmbs]{font-size:.7rem;color:#64748b}.preview-app main header b[b-zh0jlafmbs]{width:38px;height:38px;border-radius:999px;display:grid;place-items:center;background:var(--brand-accent,#ffc400);color:var(--brand-primary,#0b2545)}.preview-cards[b-zh0jlafmbs]{display:grid;grid-template-columns:repeat(3,1fr);gap:.7rem;margin-top:1rem}.preview-cards div[b-zh0jlafmbs]{height:88px;border-radius:14px;background:#fff;border-top:4px solid var(--brand-accent,#ffc400)}.preview-table[b-zh0jlafmbs]{height:250px;margin-top:1rem;border-radius:16px;background:repeating-linear-gradient(to bottom,#fff 0,#fff 44px,#e8edf4 45px)}
@media(max-width:1100px){.brand-grid.two-columns[b-zh0jlafmbs],.brand-grid.resources-grid[b-zh0jlafmbs],.preview-grid[b-zh0jlafmbs]{grid-template-columns:1fr}.form-grid.three[b-zh0jlafmbs]{grid-template-columns:repeat(2,1fr)}}@media(max-width:720px){.brand-admin[b-zh0jlafmbs]{padding:.8rem}.brand-hero[b-zh0jlafmbs],.license-status[b-zh0jlafmbs]{flex-direction:column}.brand-hero-actions[b-zh0jlafmbs]{width:100%}.brand-hero-actions .brand-btn[b-zh0jlafmbs]{flex:1}.form-grid[b-zh0jlafmbs],.form-grid.three[b-zh0jlafmbs]{grid-template-columns:1fr}.form-grid .full[b-zh0jlafmbs]{grid-column:auto}.asset-row[b-zh0jlafmbs]{grid-template-columns:70px 1fr}.asset-actions[b-zh0jlafmbs]{grid-column:1/-1;justify-content:flex-start}.license-footer[b-zh0jlafmbs]{align-items:flex-start;flex-direction:column}.preview-app[b-zh0jlafmbs]{grid-template-columns:120px 1fr}.preview-cards[b-zh0jlafmbs]{grid-template-columns:1fr}.preview-cards div:nth-child(n+2)[b-zh0jlafmbs]{display:none}}
/* _content/PelsaServiceDesk/Components/Pages/Seguridad/PermisosMenu.razor.rz.scp.css */
.permissions-page[b-jrq8ws66l4] {
    padding: 1.25rem;
}

.permissions-header[b-jrq8ws66l4] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 1rem;
    margin-bottom: 1rem;
}

    .permissions-header h1[b-jrq8ws66l4] {
        margin: 0;
        color: #101828;
        font-size: 1.75rem;
        font-weight: 950;
    }

    .permissions-header p[b-jrq8ws66l4] {
        margin: .25rem 0 0;
        color: #667085;
    }

.permissions-toolbar[b-jrq8ws66l4] {
    background: white;
    border: 1px solid #e7eaf0;
    border-radius: 18px;
    padding: .85rem;
    display: flex;
    align-items: end;
    justify-content: space-between;
    gap: .85rem;
    margin-bottom: 1rem;
    box-shadow: 0 10px 26px rgba(15, 23, 42, .05);
}

.form-group[b-jrq8ws66l4] {
    min-width: 280px;
}

    .form-group label[b-jrq8ws66l4] {
        display: block;
        font-size: .78rem;
        color: #667085;
        font-weight: 900;
        margin-bottom: .3rem;
    }

    .form-group select[b-jrq8ws66l4] {
        width: 100%;
        border: 1px solid #d0d5dd;
        border-radius: 13px;
        padding: .75rem .85rem;
        outline: none;
        background: #f8fafc;
    }

        .form-group select:focus[b-jrq8ws66l4] {
            border-color: #1f4fd8;
            box-shadow: 0 0 0 3px rgba(31,79,216,.12);
            background: white;
        }

.quick-actions[b-jrq8ws66l4] {
    display: flex;
    flex-wrap: wrap;
    gap: .55rem;
}

    .quick-actions button[b-jrq8ws66l4],
    .btn-primary-permissions[b-jrq8ws66l4] {
        border: none;
        border-radius: 13px;
        padding: .75rem 1rem;
        font-weight: 900;
        cursor: pointer;
    }

.btn-primary-permissions[b-jrq8ws66l4] {
    background: #1f4fd8;
    color: white;
}

    .btn-primary-permissions:disabled[b-jrq8ws66l4] {
        opacity: .65;
        cursor: not-allowed;
    }

.quick-actions button[b-jrq8ws66l4] {
    background: #eef2ff;
    color: #3730a3;
}

.permissions-card[b-jrq8ws66l4] {
    background: white;
    border: 1px solid #e7eaf0;
    border-radius: 22px;
    padding: 1rem;
    box-shadow: 0 10px 26px rgba(15, 23, 42, .06);
}

.permissions-empty[b-jrq8ws66l4] {
    text-align: center;
    color: #667085;
}

.permissions-table-wrap[b-jrq8ws66l4] {
    width: 100%;
    overflow-x: auto;
}

.permissions-table[b-jrq8ws66l4] {
    width: 100%;
    border-collapse: separate;
    border-spacing: 0 .5rem;
}

    .permissions-table th[b-jrq8ws66l4] {
        text-align: left;
        color: #667085;
        font-size: .76rem;
        font-weight: 950;
        padding: .4rem .7rem;
        white-space: nowrap;
    }

    .permissions-table td[b-jrq8ws66l4] {
        background: #f8fafc;
        padding: .75rem .7rem;
        vertical-align: middle;
        border-top: 1px solid #e7eaf0;
        border-bottom: 1px solid #e7eaf0;
    }

        .permissions-table td:first-child[b-jrq8ws66l4] {
            border-left: 1px solid #e7eaf0;
            border-top-left-radius: 15px;
            border-bottom-left-radius: 15px;
        }

        .permissions-table td:last-child[b-jrq8ws66l4] {
            border-right: 1px solid #e7eaf0;
            border-top-right-radius: 15px;
            border-bottom-right-radius: 15px;
        }

.menu-parent-row td[b-jrq8ws66l4] {
    background: #eef2ff;
}

.menu-child-row td:first-child[b-jrq8ws66l4] {
    padding-left: 1.5rem;
}

.menu-name[b-jrq8ws66l4] {
    display: flex;
    align-items: center;
    gap: .5rem;
    color: #101828;
}

    .menu-name > span[b-jrq8ws66l4] {
        display: inline-flex;
        align-items: center;
        justify-content: center;
        flex: 0 0 1.65rem;
        width: 1.65rem;
        height: 1.65rem;
        border-radius: .55rem;
        background: #e8eefc;
        color: #173f7a;
        font-family: "Segoe UI Emoji", "Apple Color Emoji", sans-serif;
        font-size: .9rem;
        line-height: 1;
    }

    .menu-name strong[b-jrq8ws66l4] {
        font-weight: 950;
    }

.menu-url[b-jrq8ws66l4] {
    color: #667085;
    font-size: .82rem;
    font-weight: 750;
}

.permissions-table input[type="checkbox"][b-jrq8ws66l4] {
    width: 18px;
    height: 18px;
    accent-color: #1f4fd8;
    cursor: pointer;
}

    .permissions-table input[type="checkbox"]:disabled[b-jrq8ws66l4] {
        cursor: not-allowed;
        opacity: .5;
    }

.permissions-message[b-jrq8ws66l4] {
    border-radius: 14px;
    padding: .85rem 1rem;
    font-weight: 850;
    margin-bottom: 1rem;
}

    .permissions-message.ok[b-jrq8ws66l4] {
        background: #dcfce7;
        color: #166534;
    }

    .permissions-message.error[b-jrq8ws66l4] {
        background: #fee2e2;
        color: #991b1b;
    }

@media (max-width: 800px) {
    .permissions-page[b-jrq8ws66l4] {
        padding: .85rem;
    }

    .permissions-header[b-jrq8ws66l4],
    .permissions-toolbar[b-jrq8ws66l4] {
        flex-direction: column;
        align-items: stretch;
    }

    .form-group[b-jrq8ws66l4] {
        min-width: 0;
    }

    .btn-primary-permissions[b-jrq8ws66l4] {
        width: 100%;
    }
}
/* _content/PelsaServiceDesk/Components/Pages/Seguridad/PresenciaTecnicos.razor.rz.scp.css */
.presence-metrics[b-5drj906wkh]{grid-template-columns:repeat(4,minmax(0,1fr))}.presence-filters[b-5drj906wkh]{display:flex;gap:.8rem;align-items:end;flex-wrap:wrap;margin-bottom:1rem}.presence-filters label[b-5drj906wkh]{display:grid;gap:.3rem;font-weight:800}.presence-filters input[b-5drj906wkh]{padding:.65rem;border:1px solid #d8dee8;border-radius:10px}.presence-current-grid[b-5drj906wkh]{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:.75rem}.presence-card[b-5drj906wkh]{display:grid;grid-template-columns:12px 1fr;gap:.7rem;align-items:center;padding:.85rem;border:1px solid #e5e7eb;border-radius:12px}.presence-card strong[b-5drj906wkh],.presence-card small[b-5drj906wkh]{display:block}.presence-card small[b-5drj906wkh]{color:#667085;margin-top:.15rem}.status-dot[b-5drj906wkh]{width:10px;height:10px;border-radius:50%;background:#94a3b8}.status-dot.online[b-5drj906wkh]{background:#16a34a}.status-dot.ocupado[b-5drj906wkh]{background:#dc2626}.status-dot.ausente[b-5drj906wkh]{background:#f59e0b}@media(max-width:800px){.presence-metrics[b-5drj906wkh]{grid-template-columns:repeat(2,minmax(0,1fr))}}
/* _content/PelsaServiceDesk/Components/Pages/Seguridad/Usuarios.razor.rz.scp.css */
.users-page[b-5n6s0l61tz] {
    padding: 1.25rem;
}

.users-header[b-5n6s0l61tz] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 1rem;
    margin-bottom: 1rem;
}

    .users-header h1[b-5n6s0l61tz] {
        margin: 0;
        color: #101828;
        font-size: 1.75rem;
        font-weight: 950;
    }

    .users-header p[b-5n6s0l61tz] {
        margin: .25rem 0 0;
        color: #667085;
    }

.users-toolbar[b-5n6s0l61tz] {
    background: white;
    border: 1px solid #e7eaf0;
    border-radius: 18px;
    padding: .85rem;
    display: grid;
    grid-template-columns: 1fr auto auto;
    gap: .75rem;
    align-items: center;
    margin-bottom: 1rem;
    box-shadow: 0 10px 26px rgba(15, 23, 42, .05);
}

    .users-toolbar input[b-5n6s0l61tz] {
        border: 1px solid #d0d5dd;
        border-radius: 13px;
        padding: .75rem .85rem;
        outline: none;
        background: #f8fafc;
    }

.users-check[b-5n6s0l61tz] {
    display: flex;
    align-items: center;
    gap: .45rem;
    font-weight: 800;
    color: #334155;
    white-space: nowrap;
}

.users-layout[b-5n6s0l61tz] {
    display: grid;
    grid-template-columns: minmax(360px, 520px) 1fr;
    gap: 1rem;
    align-items: start;
}

.users-list-card[b-5n6s0l61tz],
.user-form-card[b-5n6s0l61tz] {
    background: white;
    border: 1px solid #e7eaf0;
    border-radius: 22px;
    padding: 1rem;
    box-shadow: 0 10px 26px rgba(15, 23, 42, .06);
}

.users-list-header[b-5n6s0l61tz],
.user-form-header[b-5n6s0l61tz] {
    display: flex;
    justify-content: space-between;
    gap: 1rem;
    align-items: center;
    margin-bottom: .85rem;
}

    .users-list-header h3[b-5n6s0l61tz],
    .user-form-header h3[b-5n6s0l61tz] {
        margin: 0;
        color: #101828;
        font-weight: 950;
    }

    .users-list-header span[b-5n6s0l61tz],
    .user-form-header span[b-5n6s0l61tz] {
        color: #667085;
        font-size: .84rem;
    }

.users-list[b-5n6s0l61tz] {
    display: flex;
    flex-direction: column;
    gap: .65rem;
    max-height: 680px;
    overflow: auto;
    padding-right: .25rem;
}

.user-row[b-5n6s0l61tz] {
    background: #f8fafc;
    border: 1px solid #e7eaf0;
    border-radius: 17px;
    padding: .75rem;
    display: grid;
    grid-template-columns: auto 1fr auto;
    gap: .75rem;
    align-items: center;
    cursor: pointer;
}

    .user-row:hover[b-5n6s0l61tz],
    .user-row.active[b-5n6s0l61tz] {
        border-color: #1f4fd8;
        background: #eef2ff;
    }

.user-avatar-list[b-5n6s0l61tz] {
    width: 42px;
    height: 42px;
    border-radius: 15px;
    background: #1f4fd8;
    color: white;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 950;
}

.user-row-main[b-5n6s0l61tz] {
    min-width: 0;
}

    .user-row-main strong[b-5n6s0l61tz] {
        display: block;
        color: #101828;
        font-weight: 950;
    }

    .user-row-main span[b-5n6s0l61tz],
    .user-row-main small[b-5n6s0l61tz] {
        display: block;
        color: #667085;
        font-size: .8rem;
        margin-top: .1rem;
    }

.user-row-status[b-5n6s0l61tz] {
    display: flex;
    flex-direction: column;
    gap: .3rem;
    align-items: flex-end;
}

.status-pill[b-5n6s0l61tz] {
    border-radius: 999px;
    padding: .25rem .55rem;
    font-size: .72rem;
    font-weight: 900;
    white-space: nowrap;
}

    .status-pill.active[b-5n6s0l61tz] {
        background: #dcfce7;
        color: #166534;
    }

    .status-pill.inactive[b-5n6s0l61tz] {
        background: #fee2e2;
        color: #991b1b;
    }

    .status-pill.warning[b-5n6s0l61tz] {
        background: #fef3c7;
        color: #92400e;
    }

.form-grid[b-5n6s0l61tz] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: .85rem;
}

.form-group.full[b-5n6s0l61tz] {
    grid-column: 1 / -1;
}

.form-group label[b-5n6s0l61tz] {
    display: block;
    font-size: .78rem;
    color: #667085;
    font-weight: 900;
    margin-bottom: .3rem;
}

.form-group input[b-5n6s0l61tz],
.form-group select[b-5n6s0l61tz] {
    width: 100%;
    border: 1px solid #d0d5dd;
    border-radius: 13px;
    padding: .75rem .85rem;
    outline: none;
    background: #f8fafc;
}

    .form-group input:focus[b-5n6s0l61tz],
    .form-group select:focus[b-5n6s0l61tz] {
        border-color: #1f4fd8;
        box-shadow: 0 0 0 3px rgba(31,79,216,.12);
        background: white;
    }

.form-checks[b-5n6s0l61tz] {
    grid-column: 1 / -1;
    display: flex;
    flex-wrap: wrap;
    gap: 1rem;
    color: #334155;
    font-weight: 800;
}

    .form-checks label[b-5n6s0l61tz] {
        display: flex;
        align-items: center;
        gap: .45rem;
    }

.form-actions-users[b-5n6s0l61tz] {
    display: flex;
    flex-wrap: wrap;
    gap: .65rem;
    margin-top: 1rem;
}

.btn-primary-users[b-5n6s0l61tz],
.btn-secondary-users[b-5n6s0l61tz],
.btn-warning-users[b-5n6s0l61tz] {
    border: none;
    border-radius: 13px;
    padding: .75rem 1rem;
    font-weight: 900;
    cursor: pointer;
}

.btn-primary-users[b-5n6s0l61tz] {
    background: #1f4fd8;
    color: white;
}

.btn-secondary-users[b-5n6s0l61tz] {
    background: #eef2ff;
    color: #3730a3;
}

.btn-warning-users[b-5n6s0l61tz] {
    background: #fef3c7;
    color: #92400e;
}

.users-message[b-5n6s0l61tz] {
    border-radius: 14px;
    padding: .85rem 1rem;
    font-weight: 850;
    margin-bottom: 1rem;
}

    .users-message.ok[b-5n6s0l61tz] {
        background: #dcfce7;
        color: #166534;
    }

    .users-message.error[b-5n6s0l61tz] {
        background: #fee2e2;
        color: #991b1b;
    }

.users-empty[b-5n6s0l61tz] {
    background: #f8fafc;
    border: 1px dashed #cbd5e1;
    border-radius: 16px;
    padding: 1rem;
    text-align: center;
    color: #667085;
}

.password-temp-box[b-5n6s0l61tz] {
    margin-top: 1rem;
    background: #fffbeb;
    border: 1px solid #fde68a;
    border-radius: 16px;
    padding: .9rem;
    display: flex;
    flex-direction: column;
    gap: .3rem;
    color: #92400e;
}

    .password-temp-box strong[b-5n6s0l61tz] {
        font-weight: 950;
    }

    .password-temp-box span[b-5n6s0l61tz] {
        font-size: 1.1rem;
        font-weight: 950;
        color: #101828;
    }

    .password-temp-box small[b-5n6s0l61tz] {
        color: #92400e;
    }

@media (max-width: 1200px) {
    .users-layout[b-5n6s0l61tz] {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 700px) {
    .users-page[b-5n6s0l61tz] {
        padding: .85rem;
    }

    .users-header[b-5n6s0l61tz] {
        flex-direction: column;
        align-items: stretch;
    }

    .users-toolbar[b-5n6s0l61tz] {
        grid-template-columns: 1fr;
    }

    .form-grid[b-5n6s0l61tz] {
        grid-template-columns: 1fr;
    }

    .user-row[b-5n6s0l61tz] {
        grid-template-columns: auto 1fr;
    }

    .user-row-status[b-5n6s0l61tz] {
        grid-column: 1 / -1;
        flex-direction: row;
        align-items: flex-start;
    }
}

.password-help-box[b-5n6s0l61tz] {
    grid-column: 1 / -1;
    background: #eef2ff;
    border: 1px solid #c7d2fe;
    color: #3730a3;
    border-radius: 14px;
    padding: .8rem;
    display: flex;
    flex-direction: column;
    gap: .2rem;
    font-size: .85rem;
}

    .password-help-box strong[b-5n6s0l61tz] {
        font-weight: 950;
    }
/* _content/PelsaServiceDesk/Components/Pages/Tecnico/PortalTecnico.razor.rz.scp.css */
.portal-tecnico-page[b-tu1kri7spf] {
    padding: 1.25rem;
}

.portal-header[b-tu1kri7spf] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 1rem;
    margin-bottom: 1.25rem;
}

    .portal-header h1[b-tu1kri7spf] {
        margin: 0;
        font-size: 1.7rem;
        font-weight: 800;
        color: #182235;
    }

    .portal-header p[b-tu1kri7spf] {
        margin: .25rem 0 0 0;
        color: #667085;
    }

.btn-refresh[b-tu1kri7spf] {
    border: none;
    background: #1f4fd8;
    color: white;
    border-radius: 12px;
    padding: .7rem 1rem;
    font-weight: 700;
    cursor: pointer;
}

    .btn-refresh:disabled[b-tu1kri7spf] {
        opacity: .7;
        cursor: not-allowed;
    }

.kpi-grid[b-tu1kri7spf] {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 1rem;
    margin-bottom: 1rem;
}

.kpi-card[b-tu1kri7spf] {
    background: white;
    border-radius: 18px;
    padding: 1rem;
    border: 1px solid #e7eaf0;
    box-shadow: 0 8px 22px rgba(15, 23, 42, .06);
}

.kpi-label[b-tu1kri7spf] {
    display: block;
    color: #667085;
    font-size: .85rem;
    margin-bottom: .35rem;
}

.kpi-card strong[b-tu1kri7spf] {
    font-size: 2rem;
    color: #182235;
}

.kpi-card.danger strong[b-tu1kri7spf] {
    color: #dc2626;
}

.kpi-card.warning strong[b-tu1kri7spf] {
    color: #d97706;
}

.kpi-card.info strong[b-tu1kri7spf] {
    color: #2563eb;
}

.portal-toolbar[b-tu1kri7spf] {
    display: grid;
    grid-template-columns: 1fr 220px 220px auto;
    gap: .75rem;
    margin-bottom: 1rem;
}

.search-box[b-tu1kri7spf],
.filter-select[b-tu1kri7spf] {
    border: 1px solid #d0d5dd;
    border-radius: 12px;
    padding: .75rem .9rem;
    background: white;
    outline: none;
}

    .search-box:focus[b-tu1kri7spf],
    .filter-select:focus[b-tu1kri7spf] {
        border-color: #1f4fd8;
        box-shadow: 0 0 0 3px rgba(31, 79, 216, .12);
    }

.ticket-work-panel[b-tu1kri7spf] {
    background: #f8fafc;
    border-radius: 20px;
    border: 1px solid #e7eaf0;
    padding: 1rem;
}

.ticket-list[b-tu1kri7spf] {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: .9rem;
}

.ticket-card[b-tu1kri7spf] {
    background: white;
    border-radius: 18px;
    border: 1px solid #e7eaf0;
    padding: 1rem;
    cursor: pointer;
    transition: .18s ease;
    box-shadow: 0 8px 22px rgba(15, 23, 42, .05);
}

    .ticket-card:hover[b-tu1kri7spf] {
        transform: translateY(-2px);
        box-shadow: 0 12px 28px rgba(15, 23, 42, .1);
    }

    .ticket-card.ticket-danger[b-tu1kri7spf] {
        border-left: 5px solid #dc2626;
    }

    .ticket-card.ticket-warning[b-tu1kri7spf] {
        border-left: 5px solid #d97706;
    }

.ticket-card-header[b-tu1kri7spf] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: .5rem;
    margin-bottom: .6rem;
}

    .ticket-card-header strong[b-tu1kri7spf] {
        color: #1f4fd8;
    }

.ticket-card h3[b-tu1kri7spf] {
    margin: 0 0 .65rem 0;
    font-size: 1rem;
    color: #182235;
    line-height: 1.3;
}

.ticket-meta[b-tu1kri7spf] {
    display: flex;
    flex-direction: column;
    gap: .2rem;
    font-size: .84rem;
    color: #667085;
    margin-bottom: .75rem;
}

.ticket-footer[b-tu1kri7spf] {
    display: flex;
    flex-wrap: wrap;
    gap: .4rem;
    margin-bottom: .65rem;
}

.priority-badge[b-tu1kri7spf],
.state-pill[b-tu1kri7spf],
.sla-pill[b-tu1kri7spf] {
    border-radius: 999px;
    padding: .25rem .55rem;
    font-size: .75rem;
    font-weight: 700;
}

    .priority-badge.critical[b-tu1kri7spf] {
        background: #fee2e2;
        color: #991b1b;
    }

    .priority-badge.high[b-tu1kri7spf] {
        background: #ffedd5;
        color: #9a3412;
    }

    .priority-badge.medium[b-tu1kri7spf] {
        background: #fef9c3;
        color: #854d0e;
    }

    .priority-badge.low[b-tu1kri7spf] {
        background: #dcfce7;
        color: #166534;
    }

    .priority-badge.normal[b-tu1kri7spf] {
        background: #e0e7ff;
        color: #3730a3;
    }

.state-pill[b-tu1kri7spf] {
    background: #eef2ff;
    color: #3730a3;
}

.sla-pill.danger[b-tu1kri7spf] {
    background: #fee2e2;
    color: #991b1b;
}

.sla-pill.warning[b-tu1kri7spf] {
    background: #ffedd5;
    color: #9a3412;
}

.sla-pill.ok[b-tu1kri7spf] {
    background: #dcfce7;
    color: #166534;
}

.sla-pill.neutral[b-tu1kri7spf] {
    background: #f1f5f9;
    color: #475569;
}

.ticket-small[b-tu1kri7spf] {
    color: #667085;
    font-size: .8rem;
}

.loading-card[b-tu1kri7spf],
.empty-state[b-tu1kri7spf] {
    background: white;
    border-radius: 18px;
    padding: 2rem;
    text-align: center;
    color: #667085;
    border: 1px solid #e7eaf0;
}

.loader-dot[b-tu1kri7spf] {
    width: 16px;
    height: 16px;
    background: #1f4fd8;
    border-radius: 50%;
    margin: 0 auto .75rem auto;
    animation: pulse-b-tu1kri7spf 1s infinite ease-in-out;
}

@keyframes pulse-b-tu1kri7spf {
    0% {
        transform: scale(.85);
        opacity: .45;
    }

    50% {
        transform: scale(1.15);
        opacity: 1;
    }

    100% {
        transform: scale(.85);
        opacity: .45;
    }
}

@media (max-width: 1200px) {
    .ticket-list[b-tu1kri7spf] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .kpi-grid[b-tu1kri7spf] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .portal-toolbar[b-tu1kri7spf] {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 700px) {
    .portal-tecnico-page[b-tu1kri7spf] {
        padding: .85rem;
    }

    .portal-header[b-tu1kri7spf] {
        flex-direction: column;
        align-items: stretch;
    }

    .ticket-list[b-tu1kri7spf] {
        grid-template-columns: 1fr;
    }

    .kpi-grid[b-tu1kri7spf] {
        grid-template-columns: 1fr 1fr;
        gap: .7rem;
    }

    .kpi-card[b-tu1kri7spf] {
        padding: .8rem;
        border-radius: 15px;
    }

        .kpi-card strong[b-tu1kri7spf] {
            font-size: 1.55rem;
        }
}

.recommended-ticket[b-tu1kri7spf] {
    background: linear-gradient(135deg, #182235, #26395f);
    color: white;
    border-radius: 20px;
    padding: 1rem 1.15rem;
    margin-bottom: 1rem;
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 1rem;
    cursor: pointer;
    box-shadow: 0 14px 30px rgba(15, 23, 42, .18);
}

    .recommended-ticket:hover[b-tu1kri7spf] {
        transform: translateY(-1px);
    }

.recommended-left[b-tu1kri7spf] {
    display: flex;
    align-items: center;
    gap: .9rem;
}

.recommended-icon[b-tu1kri7spf] {
    width: 46px;
    height: 46px;
    border-radius: 16px;
    background: rgba(255, 255, 255, .13);
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1.35rem;
}

.recommended-label[b-tu1kri7spf] {
    font-size: .78rem;
    opacity: .75;
    display: block;
    margin-bottom: .2rem;
}

.recommended-ticket h3[b-tu1kri7spf] {
    margin: 0;
    font-size: 1.05rem;
    font-weight: 800;
}

.recommended-ticket p[b-tu1kri7spf] {
    margin: .25rem 0 0 0;
    opacity: .78;
    font-size: .86rem;
}

.recommended-score[b-tu1kri7spf] {
    background: rgba(255, 255, 255, .12);
    border-radius: 16px;
    padding: .7rem 1rem;
    min-width: 150px;
    text-align: center;
}

    .recommended-score span[b-tu1kri7spf] {
        display: block;
        font-size: .75rem;
        opacity: .75;
    }

    .recommended-score strong[b-tu1kri7spf] {
        display: block;
        font-size: 1.7rem;
        line-height: 1.1;
    }

    .recommended-score small[b-tu1kri7spf] {
        display: block;
        font-size: .72rem;
        opacity: .8;
    }

.ticket-header-badges[b-tu1kri7spf] {
    display: flex;
    align-items: center;
    gap: .35rem;
    flex-wrap: wrap;
    justify-content: flex-end;
}

.score-badge[b-tu1kri7spf] {
    border-radius: 999px;
    padding: .25rem .55rem;
    font-size: .72rem;
    font-weight: 800;
}

    .score-badge.attention-critical[b-tu1kri7spf] {
        background: #fee2e2;
        color: #991b1b;
    }

    .score-badge.attention-high[b-tu1kri7spf] {
        background: #ffedd5;
        color: #9a3412;
    }

    .score-badge.attention-medium[b-tu1kri7spf] {
        background: #fef9c3;
        color: #854d0e;
    }

    .score-badge.attention-normal[b-tu1kri7spf] {
        background: #e0e7ff;
        color: #3730a3;
    }

.attention-line[b-tu1kri7spf] {
    font-size: .78rem;
    font-weight: 800;
    margin-bottom: .5rem;
    border-radius: 10px;
    padding: .35rem .5rem;
    display: inline-block;
}

    .attention-line.attention-critical[b-tu1kri7spf] {
        background: #fee2e2;
        color: #991b1b;
    }

    .attention-line.attention-high[b-tu1kri7spf] {
        background: #ffedd5;
        color: #9a3412;
    }

    .attention-line.attention-medium[b-tu1kri7spf] {
        background: #fef9c3;
        color: #854d0e;
    }

    .attention-line.attention-normal[b-tu1kri7spf] {
        background: #eef2ff;
        color: #3730a3;
    }

@media (max-width: 700px) {
    .recommended-ticket[b-tu1kri7spf] {
        flex-direction: column;
        align-items: stretch;
    }

    .recommended-left[b-tu1kri7spf] {
        align-items: flex-start;
    }

    .recommended-score[b-tu1kri7spf] {
        width: 100%;
    }

    .ticket-card-header[b-tu1kri7spf] {
        align-items: flex-start;
    }

    .ticket-header-badges[b-tu1kri7spf] {
        justify-content: flex-start;
    }
}

.outlook-workspace[b-tu1kri7spf] {
    display: grid;
    grid-template-columns: minmax(360px, 45%) minmax(420px, 1fr);
    gap: 1rem;
    align-items: start;
}

.outlook-list-panel[b-tu1kri7spf],
.outlook-detail-panel[b-tu1kri7spf] {
    background: #f8fafc;
    border: 1px solid #e7eaf0;
    border-radius: 20px;
    padding: 1rem;
    min-height: 540px;
}

.outlook-panel-title[b-tu1kri7spf] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: .85rem;
}

    .outlook-panel-title h3[b-tu1kri7spf] {
        margin: 0;
        font-size: 1rem;
        font-weight: 800;
        color: #182235;
    }

    .outlook-panel-title span[b-tu1kri7spf] {
        font-size: .8rem;
        color: #667085;
    }

.outlook-ticket-list[b-tu1kri7spf] {
    display: flex;
    flex-direction: column;
    gap: .75rem;
    max-height: 680px;
    overflow-y: auto;
    padding-right: .25rem;
}

.outlook-ticket-card[b-tu1kri7spf] {
    width: 100%;
    box-shadow: none;
}

    .outlook-ticket-card.selected[b-tu1kri7spf] {
        border: 2px solid #1f4fd8;
        box-shadow: 0 10px 24px rgba(31, 79, 216, .16);
    }

        .outlook-ticket-card.selected strong[b-tu1kri7spf] {
            color: #1f4fd8;
        }

.quick-detail[b-tu1kri7spf] {
    background: white;
    border-radius: 18px;
    padding: 1.1rem;
    border: 1px solid #e7eaf0;
    box-shadow: 0 8px 22px rgba(15, 23, 42, .05);
}

.quick-detail-header[b-tu1kri7spf] {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    gap: .75rem;
    margin-bottom: 1rem;
}

.quick-ticket-code[b-tu1kri7spf] {
    display: inline-block;
    font-size: .8rem;
    color: #1f4fd8;
    font-weight: 800;
    margin-bottom: .25rem;
}

.quick-detail-header h2[b-tu1kri7spf] {
    margin: 0;
    font-size: 1.35rem;
    color: #182235;
    line-height: 1.25;
}

.quick-score-card[b-tu1kri7spf] {
    border-radius: 18px;
    padding: 1rem;
    margin-bottom: 1rem;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

    .quick-score-card span[b-tu1kri7spf] {
        display: block;
        font-size: .8rem;
        opacity: .75;
        margin-bottom: .2rem;
    }

    .quick-score-card strong[b-tu1kri7spf] {
        font-size: 2rem;
        line-height: 1;
    }

    .quick-score-card p[b-tu1kri7spf] {
        margin: 0;
        font-weight: 800;
    }

    .quick-score-card.attention-critical[b-tu1kri7spf] {
        background: #fee2e2;
        color: #991b1b;
    }

    .quick-score-card.attention-high[b-tu1kri7spf] {
        background: #ffedd5;
        color: #9a3412;
    }

    .quick-score-card.attention-medium[b-tu1kri7spf] {
        background: #fef9c3;
        color: #854d0e;
    }

    .quick-score-card.attention-normal[b-tu1kri7spf] {
        background: #eef2ff;
        color: #3730a3;
    }

.quick-info-grid[b-tu1kri7spf] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: .75rem;
    margin-bottom: 1rem;
}

.quick-info-item[b-tu1kri7spf] {
    border: 1px solid #e7eaf0;
    border-radius: 14px;
    padding: .8rem;
    background: #f8fafc;
}

    .quick-info-item span[b-tu1kri7spf] {
        display: block;
        font-size: .75rem;
        color: #667085;
        margin-bottom: .25rem;
    }

    .quick-info-item strong[b-tu1kri7spf] {
        display: block;
        font-size: .9rem;
        color: #182235;
        line-height: 1.25;
    }

.quick-sla-box[b-tu1kri7spf] {
    margin-bottom: 1rem;
}

.sla-status[b-tu1kri7spf] {
    border-radius: 16px;
    padding: .9rem;
}

    .sla-status strong[b-tu1kri7spf] {
        display: block;
        margin-bottom: .25rem;
    }

    .sla-status span[b-tu1kri7spf] {
        display: block;
        font-size: .85rem;
    }

    .sla-status.danger[b-tu1kri7spf] {
        background: #fee2e2;
        color: #991b1b;
    }

    .sla-status.warning[b-tu1kri7spf] {
        background: #ffedd5;
        color: #9a3412;
    }

    .sla-status.ok[b-tu1kri7spf] {
        background: #dcfce7;
        color: #166534;
    }

.quick-actions[b-tu1kri7spf] {
    display: flex;
    justify-content: flex-end;
    gap: .65rem;
}

.btn-primary-detail[b-tu1kri7spf] {
    border: none;
    background: #1f4fd8;
    color: white;
    border-radius: 12px;
    padding: .75rem 1rem;
    font-weight: 800;
    cursor: pointer;
}

    .btn-primary-detail:hover[b-tu1kri7spf] {
        background: #173eb0;
    }

.detail-empty[b-tu1kri7spf] {
    min-height: 500px;
    background: white;
    border-radius: 18px;
    border: 1px dashed #cbd5e1;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    color: #667085;
    text-align: center;
    padding: 2rem;
}

.detail-empty-icon[b-tu1kri7spf] {
    width: 64px;
    height: 64px;
    border-radius: 22px;
    background: #eef2ff;
    color: #1f4fd8;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1.7rem;
    margin-bottom: .75rem;
}

.detail-empty h3[b-tu1kri7spf] {
    margin: 0 0 .35rem 0;
    color: #182235;
}

.detail-empty p[b-tu1kri7spf] {
    margin: 0;
}

@media (max-width: 1200px) {
    .outlook-workspace[b-tu1kri7spf] {
        grid-template-columns: 1fr;
    }

    .outlook-ticket-list[b-tu1kri7spf] {
        max-height: none;
        overflow-y: visible;
    }
}

@media (max-width: 700px) {
    .outlook-list-panel[b-tu1kri7spf],
    .outlook-detail-panel[b-tu1kri7spf] {
        padding: .75rem;
        border-radius: 16px;
        min-height: auto;
    }

    .quick-info-grid[b-tu1kri7spf] {
        grid-template-columns: 1fr;
    }

    .quick-detail-header[b-tu1kri7spf] {
        flex-direction: column;
    }

    .quick-score-card[b-tu1kri7spf] {
        flex-direction: column;
        align-items: flex-start;
        gap: .5rem;
    }

    .quick-actions[b-tu1kri7spf] {
        justify-content: stretch;
    }

    .btn-primary-detail[b-tu1kri7spf] {
        width: 100%;
    }
}

.portal-tabs[b-tu1kri7spf] {
    display: flex;
    gap: .6rem;
    margin-bottom: 1rem;
    background: #f8fafc;
    border: 1px solid #e7eaf0;
    border-radius: 18px;
    padding: .4rem;
    width: fit-content;
}

.portal-tab[b-tu1kri7spf] {
    border: none;
    background: transparent;
    color: #667085;
    font-weight: 800;
    padding: .7rem 1rem;
    border-radius: 14px;
    cursor: pointer;
    display: flex;
    align-items: center;
    gap: .45rem;
}

    .portal-tab:hover[b-tu1kri7spf] {
        background: #eef2ff;
        color: #1f4fd8;
    }

    .portal-tab.active[b-tu1kri7spf] {
        background: #1f4fd8;
        color: white;
        box-shadow: 0 8px 18px rgba(31, 79, 216, .22);
    }

.kanban-workspace[b-tu1kri7spf] {
    background: #f8fafc;
    border: 1px solid #e7eaf0;
    border-radius: 22px;
    padding: 1rem;
}

.kanban-header[b-tu1kri7spf] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 1rem;
}

    .kanban-header h3[b-tu1kri7spf] {
        margin: 0;
        color: #182235;
        font-size: 1.1rem;
        font-weight: 900;
    }

    .kanban-header span[b-tu1kri7spf] {
        color: #667085;
        font-size: .85rem;
    }

.kanban-summary[b-tu1kri7spf] {
    background: white;
    border: 1px solid #e7eaf0;
    border-radius: 999px;
    padding: .45rem .85rem;
    color: #182235;
    font-weight: 800;
    font-size: .85rem;
}

.kanban-board[b-tu1kri7spf] {
    display: grid;
    grid-template-columns: repeat(5, minmax(260px, 1fr));
    gap: .9rem;
    overflow-x: auto;
    padding-bottom: .35rem;
}

.kanban-column[b-tu1kri7spf] {
    background: white;
    border: 1px solid #e7eaf0;
    border-radius: 18px;
    min-height: 560px;
    display: flex;
    flex-direction: column;
    overflow: hidden;
}

.kanban-column-header[b-tu1kri7spf] {
    padding: .9rem;
    border-bottom: 1px solid #e7eaf0;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

    .kanban-column-header h4[b-tu1kri7spf] {
        margin: 0;
        font-size: .95rem;
        color: #182235;
        font-weight: 900;
    }

    .kanban-column-header span[b-tu1kri7spf] {
        color: #667085;
        font-size: .76rem;
    }

    .kanban-column-header strong[b-tu1kri7spf] {
        width: 34px;
        height: 34px;
        border-radius: 12px;
        display: flex;
        align-items: center;
        justify-content: center;
        font-size: .85rem;
    }

.kanban-pending .kanban-column-header strong[b-tu1kri7spf] {
    background: #eef2ff;
    color: #3730a3;
}

.kanban-assigned .kanban-column-header strong[b-tu1kri7spf] {
    background: #dbeafe;
    color: #1d4ed8;
}

.kanban-progress .kanban-column-header strong[b-tu1kri7spf] {
    background: #fef9c3;
    color: #854d0e;
}

.kanban-waiting .kanban-column-header strong[b-tu1kri7spf] {
    background: #ffedd5;
    color: #9a3412;
}

.kanban-done .kanban-column-header strong[b-tu1kri7spf] {
    background: #dcfce7;
    color: #166534;
}

.kanban-default .kanban-column-header strong[b-tu1kri7spf] {
    background: #f1f5f9;
    color: #475569;
}

.kanban-column-body[b-tu1kri7spf] {
    padding: .75rem;
    display: flex;
    flex-direction: column;
    gap: .7rem;
    overflow-y: auto;
    max-height: 620px;
}

.kanban-card[b-tu1kri7spf] {
    border: 1px solid #e7eaf0;
    background: #ffffff;
    border-radius: 16px;
    padding: .85rem;
    cursor: pointer;
    transition: .18s ease;
    box-shadow: 0 6px 16px rgba(15, 23, 42, .04);
}

    .kanban-card:hover[b-tu1kri7spf] {
        transform: translateY(-2px);
        box-shadow: 0 10px 22px rgba(15, 23, 42, .09);
    }

    .kanban-card.selected[b-tu1kri7spf] {
        border: 2px solid #1f4fd8;
        box-shadow: 0 10px 22px rgba(31, 79, 216, .15);
    }

    .kanban-card.ticket-danger[b-tu1kri7spf] {
        border-left: 5px solid #dc2626;
    }

    .kanban-card.ticket-warning[b-tu1kri7spf] {
        border-left: 5px solid #d97706;
    }

.kanban-card-top[b-tu1kri7spf] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: .5rem;
    margin-bottom: .6rem;
}

    .kanban-card-top strong[b-tu1kri7spf] {
        color: #1f4fd8;
        font-size: .9rem;
    }

.kanban-card h5[b-tu1kri7spf] {
    margin: 0 0 .6rem 0;
    color: #182235;
    font-size: .93rem;
    line-height: 1.3;
    font-weight: 900;
}

.kanban-card-meta[b-tu1kri7spf] {
    display: flex;
    flex-direction: column;
    gap: .18rem;
    color: #667085;
    font-size: .78rem;
    margin-bottom: .65rem;
}

.kanban-card-badges[b-tu1kri7spf] {
    display: flex;
    flex-wrap: wrap;
    gap: .35rem;
    margin-bottom: .6rem;
}

.kanban-card-footer[b-tu1kri7spf] {
    color: #667085;
    font-size: .76rem;
    margin-bottom: .65rem;
}

.kanban-open-btn[b-tu1kri7spf] {
    border: none;
    background: #eef2ff;
    color: #3730a3;
    font-weight: 900;
    border-radius: 10px;
    padding: .5rem .75rem;
    cursor: pointer;
    width: 100%;
}

    .kanban-open-btn:hover[b-tu1kri7spf] {
        background: #1f4fd8;
        color: white;
    }

.kanban-selected-mobile[b-tu1kri7spf] {
    display: none;
    margin-top: 1rem;
}

@media (max-width: 1400px) {
    .kanban-board[b-tu1kri7spf] {
        grid-template-columns: repeat(5, 280px);
    }
}

@media (max-width: 700px) {
    .portal-tabs[b-tu1kri7spf] {
        width: 100%;
    }

    .portal-tab[b-tu1kri7spf] {
        flex: 1;
        justify-content: center;
    }

    .kanban-workspace[b-tu1kri7spf] {
        padding: .75rem;
        border-radius: 16px;
    }

    .kanban-header[b-tu1kri7spf] {
        flex-direction: column;
        align-items: flex-start;
        gap: .5rem;
    }

    .kanban-board[b-tu1kri7spf] {
        display: flex;
        overflow-x: auto;
        gap: .75rem;
        scroll-snap-type: x mandatory;
    }

    .kanban-column[b-tu1kri7spf] {
        min-width: 280px;
        scroll-snap-align: start;
        min-height: 480px;
    }

    .kanban-column-body[b-tu1kri7spf] {
        max-height: none;
    }

    .kanban-selected-mobile[b-tu1kri7spf] {
        display: block;
    }
}

.workflow-box[b-tu1kri7spf] {
    border: 1px solid #e7eaf0;
    background: #f8fafc;
    border-radius: 18px;
    padding: .9rem;
    margin-bottom: 1rem;
}

.workflow-box-header[b-tu1kri7spf] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: .75rem;
}

    .workflow-box-header h4[b-tu1kri7spf] {
        margin: 0;
        color: #182235;
        font-size: .95rem;
        font-weight: 900;
    }

    .workflow-box-header span[b-tu1kri7spf] {
        display: block;
        color: #667085;
        font-size: .76rem;
        margin-top: .15rem;
    }

.workflow-message[b-tu1kri7spf] {
    border-radius: 12px;
    padding: .65rem .75rem;
    font-size: .82rem;
    font-weight: 800;
    margin-bottom: .65rem;
}

    .workflow-message.ok[b-tu1kri7spf] {
        background: #dcfce7;
        color: #166534;
    }

    .workflow-message.error[b-tu1kri7spf] {
        background: #fee2e2;
        color: #991b1b;
    }

.workflow-comment[b-tu1kri7spf] {
    width: 100%;
    min-height: 82px;
    resize: vertical;
    border: 1px solid #d0d5dd;
    border-radius: 14px;
    padding: .75rem;
    outline: none;
    font-size: .9rem;
    margin-bottom: .75rem;
}

    .workflow-comment:focus[b-tu1kri7spf] {
        border-color: #1f4fd8;
        box-shadow: 0 0 0 3px rgba(31, 79, 216, .12);
    }

.workflow-empty[b-tu1kri7spf] {
    background: white;
    border: 1px dashed #cbd5e1;
    border-radius: 14px;
    padding: .8rem;
    color: #667085;
    font-size: .85rem;
    text-align: center;
}

.workflow-actions[b-tu1kri7spf] {
    display: flex;
    flex-direction: column;
    gap: .55rem;
}

.workflow-action-btn[b-tu1kri7spf] {
    border: none;
    background: #1f4fd8;
    color: white;
    border-radius: 14px;
    padding: .75rem .9rem;
    cursor: pointer;
    font-weight: 900;
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: .75rem;
}

    .workflow-action-btn:hover[b-tu1kri7spf] {
        background: #173eb0;
    }

    .workflow-action-btn:disabled[b-tu1kri7spf] {
        opacity: .65;
        cursor: not-allowed;
    }

    .workflow-action-btn small[b-tu1kri7spf] {
        opacity: .78;
        font-weight: 700;
    }

.kanban-workflow-actions[b-tu1kri7spf] {
    display: flex;
    flex-direction: column;
    gap: .4rem;
    margin-bottom: .55rem;
}

.kanban-workflow-btn[b-tu1kri7spf] {
    border: none;
    background: #1f4fd8;
    color: white;
    border-radius: 10px;
    padding: .48rem .65rem;
    font-size: .78rem;
    font-weight: 900;
    cursor: pointer;
}

    .kanban-workflow-btn:hover[b-tu1kri7spf] {
        background: #173eb0;
    }

    .kanban-workflow-btn:disabled[b-tu1kri7spf] {
        opacity: .65;
        cursor: not-allowed;
    }


.closed-toggle[b-tu1kri7spf] {
    display: flex;
    align-items: center;
    gap: .5rem;
    background: white;
    border: 1px solid #d0d5dd;
    border-radius: 12px;
    padding: .7rem .9rem;
    font-weight: 800;
    color: #334155;
    cursor: pointer;
    white-space: nowrap;
}

    .closed-toggle input[b-tu1kri7spf] {
        width: 18px;
        height: 18px;
        accent-color: #1f4fd8;
    }

    .closed-toggle span[b-tu1kri7spf] {
        font-size: .88rem;
    }
/* _content/PelsaServiceDesk/Components/Pages/Tickets/BandejaGeneral.razor.rz.scp.css */
.bandeja-page[b-oluqav27z7] {
    display: grid;
    gap: 1.25rem;
    min-width: 0;
    padding-bottom: 2rem;
}

.page-heading[b-oluqav27z7] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1.5rem;
}

    .page-heading h1[b-oluqav27z7] {
        margin: 0.15rem 0 0.25rem;
        color: #10203a;
        font-size: clamp(1.75rem, 2.5vw, 2.35rem);
        font-weight: 850;
        letter-spacing: -0.04em;
    }

    .page-heading p[b-oluqav27z7] {
        margin: 0;
        color: #667085;
        font-size: 0.96rem;
    }

.page-eyebrow[b-oluqav27z7],
.section-eyebrow[b-oluqav27z7] {
    display: block;
    color: #3759b8;
    font-size: 0.72rem;
    font-weight: 850;
    letter-spacing: 0.08em;
    text-transform: uppercase;
}

.page-heading-actions[b-oluqav27z7] {
    display: flex;
    align-items: center;
    gap: 0.75rem;
}

.btn-refresh[b-oluqav27z7],
.btn-new-ticket[b-oluqav27z7],
.btn-open-detail[b-oluqav27z7] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 0.55rem;
    min-height: 44px;
    border-radius: 12px;
    padding: 0.7rem 1rem;
    border: 1px solid transparent;
    cursor: pointer;
    font-weight: 800;
    transition: transform 0.15s ease, box-shadow 0.15s ease, background 0.15s ease;
}

.btn-refresh[b-oluqav27z7] {
    color: #344054;
    background: #ffffff;
    border-color: #dbe3ef;
}

    .btn-refresh:hover:not(:disabled)[b-oluqav27z7] {
        background: #f8fafc;
        border-color: #bdc9da;
    }

.btn-new-ticket[b-oluqav27z7],
.btn-open-detail[b-oluqav27z7] {
    color: #ffffff;
    background: #123563;
    box-shadow: 0 8px 20px rgba(18, 53, 99, 0.16);
}

    .btn-new-ticket:hover[b-oluqav27z7],
    .btn-open-detail:hover[b-oluqav27z7] {
        transform: translateY(-1px);
        background: #0d2b53;
        box-shadow: 0 10px 24px rgba(18, 53, 99, 0.22);
    }

button:disabled[b-oluqav27z7] {
    cursor: not-allowed;
    opacity: 0.65;
}

.alert-error[b-oluqav27z7] {
    display: grid;
    gap: 0.3rem;
    padding: 1rem 1.1rem;
    color: #991b1b;
    background: #fff1f2;
    border: 1px solid #fecdd3;
    border-radius: 14px;
}

.loading-panel[b-oluqav27z7],
.empty-panel[b-oluqav27z7] {
    display: grid;
    justify-items: center;
    gap: 0.65rem;
    padding: 3rem 1.5rem;
    text-align: center;
    background: #ffffff;
    border: 1px solid #e7edf5;
    border-radius: 20px;
    box-shadow: 0 10px 30px rgba(15, 35, 65, 0.05);
}

    .loading-panel strong[b-oluqav27z7],
    .empty-panel h2[b-oluqav27z7] {
        margin: 0;
        color: #172033;
    }

    .loading-panel span[b-oluqav27z7],
    .empty-panel p[b-oluqav27z7] {
        margin: 0;
        color: #667085;
    }

.loading-spinner[b-oluqav27z7] {
    width: 42px;
    height: 42px;
    border: 4px solid #dce6f5;
    border-top-color: #315ad8;
    border-radius: 50%;
    animation: bandeja-spin-b-oluqav27z7 0.8s linear infinite;
}

@keyframes bandeja-spin-b-oluqav27z7 {
    to {
        transform: rotate(360deg);
    }
}

.empty-icon[b-oluqav27z7] {
    display: grid;
    place-items: center;
    width: 58px;
    height: 58px;
    font-size: 1.65rem;
    background: #eef4ff;
    border-radius: 18px;
}

.kpi-grid[b-oluqav27z7] {
    display: grid;
    grid-template-columns: repeat(6, minmax(0, 1fr));
    gap: 0.8rem;
}

.kpi-card[b-oluqav27z7] {
    display: flex;
    align-items: center;
    gap: 0.85rem;
    min-width: 0;
    padding: 1rem;
    text-align: left;
    color: inherit;
    background: #ffffff;
    border: 1px solid #e4eaf2;
    border-radius: 17px;
    cursor: pointer;
    box-shadow: 0 7px 20px rgba(15, 35, 65, 0.045);
    transition: transform 0.15s ease, border-color 0.15s ease, box-shadow 0.15s ease;
}

    .kpi-card:hover[b-oluqav27z7] {
        transform: translateY(-2px);
        border-color: #bac9df;
        box-shadow: 0 11px 24px rgba(15, 35, 65, 0.08);
    }

    .kpi-card.active[b-oluqav27z7] {
        border-color: #315ad8;
        box-shadow: 0 0 0 3px rgba(49, 90, 216, 0.11), 0 10px 25px rgba(15, 35, 65, 0.08);
    }

.kpi-icon[b-oluqav27z7] {
    display: grid;
    flex: 0 0 42px;
    place-items: center;
    width: 42px;
    height: 42px;
    font-size: 1.1rem;
    background: #f0f4fb;
    border-radius: 13px;
}

.kpi-card.active .kpi-icon[b-oluqav27z7] {
    background: #e4ebff;
}

.kpi-content[b-oluqav27z7] {
    display: grid;
    min-width: 0;
}

.kpi-label[b-oluqav27z7] {
    overflow: hidden;
    color: #667085;
    font-size: 0.76rem;
    font-weight: 750;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.kpi-value[b-oluqav27z7] {
    margin: 0.12rem 0;
    color: #101828;
    font-size: 1.55rem;
    line-height: 1;
}

.kpi-content small[b-oluqav27z7] {
    overflow: hidden;
    color: #98a2b3;
    font-size: 0.69rem;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.filter-panel[b-oluqav27z7],
.workspace-panel[b-oluqav27z7] {
    min-width: 0;
    background: #ffffff;
    border: 1px solid #e5ebf3;
    border-radius: 21px;
    box-shadow: 0 12px 32px rgba(15, 35, 65, 0.055);
}

.filter-panel[b-oluqav27z7] {
    position: sticky;
    top: 74px;
    z-index: 20;
    padding: 1.15rem;
}

.filter-panel-header[b-oluqav27z7] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 1rem;
    margin-bottom: 1rem;
}

    .filter-panel-header h2[b-oluqav27z7] {
        margin: 0.14rem 0 0.2rem;
        color: #172033;
        font-size: 1.08rem;
    }

    .filter-panel-header p[b-oluqav27z7] {
        margin: 0;
        color: #7a8494;
        font-size: 0.82rem;
    }

.filter-result-count[b-oluqav27z7] {
    display: grid;
    justify-items: end;
    flex: 0 0 auto;
}

    .filter-result-count strong[b-oluqav27z7] {
        color: #18335d;
        font-size: 1.5rem;
    }

    .filter-result-count span[b-oluqav27z7] {
        color: #98a2b3;
        font-size: 0.72rem;
    }

.filter-grid[b-oluqav27z7] {
    display: grid;
    grid-template-columns: minmax(260px, 1.6fr) repeat(5, minmax(145px, 1fr));
    gap: 0.8rem;
}

.filter-field[b-oluqav27z7] {
    display: grid;
    align-content: start;
    gap: 0.35rem;
    min-width: 0;
}

    .filter-field label[b-oluqav27z7],
    .technician-selector-inline label[b-oluqav27z7] {
        color: #475467;
        font-size: 0.73rem;
        font-weight: 800;
    }

.filter-control[b-oluqav27z7] {
    width: 100%;
    min-width: 0;
    min-height: 43px;
    padding: 0.65rem 0.78rem;
    color: #263247;
    background: #ffffff;
    border: 1px solid #d9e2ee;
    border-radius: 11px;
    outline: none;
    transition: border-color 0.15s ease, box-shadow 0.15s ease;
}

    .filter-control:hover[b-oluqav27z7] {
        border-color: #b7c5d9;
    }

    .filter-control:focus[b-oluqav27z7] {
        border-color: #5274dc;
        box-shadow: 0 0 0 3px rgba(82, 116, 220, 0.12);
    }

.input-icon-wrapper[b-oluqav27z7] {
    position: relative;
}

.filter-control.with-icon[b-oluqav27z7] {
    padding-left: 2.35rem;
    padding-right: 2.15rem;
}

.input-leading-icon[b-oluqav27z7] {
    position: absolute;
    top: 50%;
    left: 0.82rem;
    z-index: 2;
    color: #8c98aa;
    font-size: 1.05rem;
    transform: translateY(-50%);
    pointer-events: none;
}

.input-clear-btn[b-oluqav27z7] {
    position: absolute;
    top: 50%;
    right: 0.55rem;
    display: grid;
    place-items: center;
    width: 27px;
    height: 27px;
    padding: 0;
    color: #667085;
    background: #edf1f6;
    border: 0;
    border-radius: 8px;
    cursor: pointer;
    transform: translateY(-50%);
}

.filter-options[b-oluqav27z7] {
    display: flex;
    align-items: center;
    gap: 0.65rem;
    flex-wrap: wrap;
    margin-top: 0.9rem;
    padding-top: 0.9rem;
    border-top: 1px solid #edf1f6;
}

.filter-check[b-oluqav27z7] {
    display: flex;
    align-items: center;
    gap: 0.55rem;
    padding: 0.55rem 0.65rem;
    cursor: pointer;
    background: #f8fafc;
    border: 1px solid #e6ebf2;
    border-radius: 11px;
}

    .filter-check input[b-oluqav27z7] {
        position: absolute;
        opacity: 0;
        pointer-events: none;
    }

.check-ui[b-oluqav27z7] {
    position: relative;
    flex: 0 0 19px;
    width: 19px;
    height: 19px;
    background: #ffffff;
    border: 1.5px solid #b8c4d4;
    border-radius: 6px;
}

.filter-check input:checked + .check-ui[b-oluqav27z7] {
    background: #315ad8;
    border-color: #315ad8;
}

    .filter-check input:checked + .check-ui[b-oluqav27z7]::after {
        position: absolute;
        top: 1px;
        left: 5px;
        width: 6px;
        height: 11px;
        content: "";
        border-right: 2px solid #ffffff;
        border-bottom: 2px solid #ffffff;
        transform: rotate(42deg);
    }

.filter-check > span:last-child[b-oluqav27z7] {
    display: grid;
}

.filter-check strong[b-oluqav27z7] {
    color: #344054;
    font-size: 0.73rem;
}

.filter-check small[b-oluqav27z7] {
    color: #98a2b3;
    font-size: 0.63rem;
}

.btn-clear-filters[b-oluqav27z7] {
    min-height: 38px;
    margin-left: auto;
    padding: 0.55rem 0.75rem;
    color: #475467;
    background: #ffffff;
    border: 1px solid #dce3ed;
    border-radius: 10px;
    cursor: pointer;
    font-weight: 750;
}

    .btn-clear-filters:hover:not(:disabled)[b-oluqav27z7] {
        color: #1f3f70;
        background: #f6f8fc;
        border-color: #aebbd0;
    }

    .btn-clear-filters.visible[b-oluqav27z7] {
        margin-left: 0;
    }

.workspace-panel[b-oluqav27z7] {
    overflow: hidden;
}

.workspace-header[b-oluqav27z7] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    padding: 1.15rem 1.25rem;
    border-bottom: 1px solid #e9edf3;
}

.workspace-title-row[b-oluqav27z7] {
    display: flex;
    align-items: center;
    gap: 0.55rem;
}

.workspace-title h2[b-oluqav27z7] {
    margin: 0.1rem 0;
    color: #172033;
    font-size: 1.55rem;
}

.workspace-title p[b-oluqav27z7] {
    margin: 0;
    color: #7a8494;
    font-size: 0.77rem;
}

.result-badge[b-oluqav27z7] {
    display: inline-grid;
    place-items: center;
    min-width: 27px;
    height: 27px;
    padding: 0 0.45rem;
    color: #1d4290;
    background: #e9efff;
    border-radius: 999px;
    font-size: 0.74rem;
    font-weight: 850;
}

.view-switcher[b-oluqav27z7] {
    display: flex;
    gap: 0.15rem;
    padding: 0.27rem;
    background: #eef2f7;
    border-radius: 13px;
}

.view-btn[b-oluqav27z7] {
    display: inline-flex;
    align-items: center;
    gap: 0.38rem;
    padding: 0.65rem 0.78rem;
    color: #566174;
    background: transparent;
    border: 0;
    border-radius: 9px;
    cursor: pointer;
    font-size: 0.78rem;
    font-weight: 820;
    white-space: nowrap;
}

    .view-btn.active[b-oluqav27z7] {
        color: #193a70;
        background: #ffffff;
        box-shadow: 0 4px 13px rgba(15, 35, 65, 0.09);
    }

.workspace-empty[b-oluqav27z7] {
    margin: 1.25rem;
    box-shadow: none;
}

.master-detail-shell[b-oluqav27z7] {
    display: grid;
    grid-template-columns: 355px minmax(0, 1fr);
    min-width: 0;
    height: calc(100vh - 440px);
    min-height: 540px;
}

.master-pane[b-oluqav27z7] {
    display: flex;
    min-width: 0;
    min-height: 0;
    flex-direction: column;
    background: #f7f9fc;
    border-right: 1px solid #e4e9f1;
}

.master-pane-header[b-oluqav27z7] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.75rem;
    padding: 0.9rem 1rem;
    background: #ffffff;
    border-bottom: 1px solid #e4e9f1;
}

    .master-pane-header > div[b-oluqav27z7] {
        display: grid;
    }

    .master-pane-header strong[b-oluqav27z7] {
        color: #263247;
        font-size: 0.84rem;
    }

    .master-pane-header span[b-oluqav27z7] {
        color: #98a2b3;
        font-size: 0.7rem;
    }

.compact-refresh[b-oluqav27z7] {
    display: grid;
    place-items: center;
    width: 34px;
    height: 34px;
    color: #526075;
    background: #f4f6f9;
    border: 1px solid #e1e6ed;
    border-radius: 9px;
    cursor: pointer;
}

.master-ticket-list[b-oluqav27z7] {
    min-height: 0;
    overflow-y: auto;
    padding: 0.75rem;
    scrollbar-gutter: stable;
}

.master-ticket-card[b-oluqav27z7] {
    display: block;
    width: 100%;
    margin-bottom: 0.65rem;
    padding: 0.9rem;
    text-align: left;
    color: inherit;
    background: #ffffff;
    border: 1px solid #e1e7ef;
    border-radius: 14px;
    cursor: pointer;
    box-shadow: 0 4px 13px rgba(15, 35, 65, 0.035);
    transition: transform 0.14s ease, border-color 0.14s ease, box-shadow 0.14s ease;
}

    .master-ticket-card:hover[b-oluqav27z7] {
        transform: translateY(-1px);
        border-color: #bcc8da;
        box-shadow: 0 8px 18px rgba(15, 35, 65, 0.07);
    }

    .master-ticket-card.selected[b-oluqav27z7] {
        border-color: #3d63d5;
        box-shadow: 0 0 0 3px rgba(61, 99, 213, 0.11), 0 9px 20px rgba(15, 35, 65, 0.08);
    }

.master-card-top[b-oluqav27z7],
.master-card-footer[b-oluqav27z7] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.6rem;
}

    .master-card-top > strong[b-oluqav27z7] {
        color: #132746;
        font-size: 0.78rem;
    }

.master-ticket-card h3[b-oluqav27z7] {
    display: -webkit-box;
    overflow: hidden;
    margin: 0.62rem 0 0.5rem;
    color: #172033;
    font-size: 0.88rem;
    line-height: 1.35;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
}

.master-card-meta[b-oluqav27z7] {
    display: grid;
    gap: 0.22rem;
    margin-bottom: 0.7rem;
    color: #6f7b8e;
    font-size: 0.7rem;
}

.detail-pane[b-oluqav27z7] {
    min-width: 0;
    overflow-y: auto;
    padding: 1.35rem;
    background: radial-gradient( circle at top right, rgba(49, 90, 216, 0.055), transparent 280px), #ffffff;
}

.detail-empty[b-oluqav27z7] {
    min-height: 100%;
    box-shadow: none;
}

.detail-hero[b-oluqav27z7] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 1rem;
    padding-bottom: 1.2rem;
    border-bottom: 1px solid #e7ecf3;
}

.detail-code-row[b-oluqav27z7] {
    display: flex;
    align-items: center;
    gap: 0.45rem;
    flex-wrap: wrap;
}

.detail-ticket-code[b-oluqav27z7] {
    color: #3c4d66;
    font-size: 0.76rem;
    font-weight: 850;
}

.detail-hero h2[b-oluqav27z7] {
    margin: 0.65rem 0 0.35rem;
    color: #111d31;
    font-size: clamp(1.45rem, 2.4vw, 2.05rem);
    letter-spacing: -0.035em;
}

.detail-hero p[b-oluqav27z7] {
    margin: 0;
    color: #7a8494;
    font-size: 0.78rem;
}

.detail-summary-grid[b-oluqav27z7] {
    display: grid;
    grid-template-columns: repeat(2, minmax(220px, 1fr));
    gap: 0.85rem;
    margin-top: 1.15rem;
}

.detail-field[b-oluqav27z7] {
    display: flex;
    align-items: flex-start;
    gap: 0.75rem;
    min-width: 0;
    padding: 0.95rem;
    background: #f8fafc;
    border: 1px solid #e5eaf1;
    border-radius: 14px;
}

.detail-field-icon[b-oluqav27z7] {
    display: grid;
    flex: 0 0 37px;
    place-items: center;
    width: 37px;
    height: 37px;
    background: #eaf0fa;
    border-radius: 11px;
}

.detail-field > div[b-oluqav27z7] {
    display: grid;
    min-width: 0;
}

    .detail-field > div > span[b-oluqav27z7] {
        color: #7c8798;
        font-size: 0.68rem;
        font-weight: 760;
    }

.detail-field strong[b-oluqav27z7] {
    overflow: hidden;
    margin-top: 0.18rem;
    color: #1d2939;
    font-size: 0.86rem;
    text-overflow: ellipsis;
}

.detail-insight-grid[b-oluqav27z7] {
    display: grid;
    grid-template-columns: repeat(2, minmax(220px, 1fr));
    gap: 0.85rem;
    margin-top: 0.85rem;
}

.detail-insight-card[b-oluqav27z7] {
    display: flex;
    gap: 0.75rem;
    padding: 1rem;
    background: #ffffff;
    border: 1px solid #e2e8f0;
    border-radius: 14px;
}

.insight-icon[b-oluqav27z7] {
    display: grid;
    flex: 0 0 40px;
    place-items: center;
    width: 40px;
    height: 40px;
    background: #edf3ff;
    border-radius: 12px;
}

.detail-insight-card > div[b-oluqav27z7] {
    display: grid;
}

.detail-insight-card small[b-oluqav27z7] {
    color: #8a95a6;
    font-size: 0.67rem;
}

.detail-insight-card strong[b-oluqav27z7] {
    margin: 0.12rem 0;
    color: #22304a;
    font-size: 0.85rem;
}

.detail-insight-card span:last-child[b-oluqav27z7] {
    color: #7a8494;
    font-size: 0.69rem;
}

.text-danger[b-oluqav27z7] {
    color: #b42318 !important;
}

.text-success[b-oluqav27z7] {
    color: #067647 !important;
}

.technician-view[b-oluqav27z7] {
    padding: 1rem;
    background: #f8fafc;
}

.technician-view-header[b-oluqav27z7] {
    display: flex;
    align-items: end;
    justify-content: space-between;
    gap: 1rem;
    margin-bottom: 0.9rem;
    padding: 0.2rem 0.15rem;
}

    .technician-view-header h3[b-oluqav27z7] {
        margin: 0;
        color: #172033;
    }

    .technician-view-header p[b-oluqav27z7] {
        margin: 0.18rem 0 0;
        color: #7a8494;
        font-size: 0.76rem;
    }

.technician-selector-inline[b-oluqav27z7] {
    display: grid;
    gap: 0.3rem;
    width: min(310px, 100%);
}

.technician-groups[b-oluqav27z7] {
    display: grid;
    gap: 0.75rem;
}

.technician-group[b-oluqav27z7] {
    overflow: hidden;
    background: #ffffff;
    border: 1px solid #e1e7ef;
    border-radius: 15px;
    box-shadow: 0 5px 16px rgba(15, 35, 65, 0.035);
}

    .technician-group summary[b-oluqav27z7] {
        display: flex;
        align-items: center;
        justify-content: space-between;
        gap: 1rem;
        padding: 0.9rem 1rem;
        cursor: pointer;
        background: #ffffff;
        list-style: none;
    }

        .technician-group summary[b-oluqav27z7]::-webkit-details-marker {
            display: none;
        }

    .technician-group[open] summary[b-oluqav27z7] {
        background: #f8fafc;
        border-bottom: 1px solid #e8edf4;
    }

.technician-summary-main[b-oluqav27z7] {
    display: flex;
    align-items: center;
    gap: 0.7rem;
    min-width: 0;
}

.technician-avatar[b-oluqav27z7],
.table-avatar[b-oluqav27z7] {
    display: grid;
    flex: 0 0 auto;
    place-items: center;
    color: #ffffff;
    background: #173c70;
    border-radius: 10px;
    font-size: 0.72rem;
    font-weight: 850;
}

.technician-avatar[b-oluqav27z7] {
    width: 39px;
    height: 39px;
}

.technician-summary-main > div[b-oluqav27z7] {
    display: grid;
}

.technician-summary-main strong[b-oluqav27z7] {
    color: #1e293b;
}

.technician-summary-main span:last-child[b-oluqav27z7] {
    color: #8490a1;
    font-size: 0.7rem;
}

.group-metrics[b-oluqav27z7] {
    display: flex;
    align-items: center;
    gap: 0.45rem;
    flex-wrap: wrap;
}

    .group-metrics span[b-oluqav27z7] {
        padding: 0.28rem 0.55rem;
        color: #536176;
        background: #e9eef5;
        border-radius: 999px;
        font-size: 0.66rem;
        font-weight: 800;
    }

        .group-metrics span.danger[b-oluqav27z7] {
            color: #9f1717;
            background: #fee2e2;
        }

.group-ticket-list[b-oluqav27z7] {
    display: grid;
}

.group-ticket-row[b-oluqav27z7] {
    display: grid;
    grid-template-columns: 105px minmax(240px, 1fr) 125px 85px 125px 30px;
    align-items: center;
    gap: 0.7rem;
    width: 100%;
    padding: 0.8rem 1rem;
    text-align: left;
    color: inherit;
    background: #ffffff;
    border: 0;
    border-top: 1px solid #edf1f5;
    cursor: pointer;
}

    .group-ticket-row:first-child[b-oluqav27z7] {
        border-top: 0;
    }

    .group-ticket-row:hover[b-oluqav27z7] {
        background: #f7f9fc;
    }

.group-ticket-code[b-oluqav27z7],
.group-ticket-title[b-oluqav27z7] {
    display: grid;
    min-width: 0;
}

    .group-ticket-code strong[b-oluqav27z7] {
        color: #172b4d;
        font-size: 0.76rem;
    }

    .group-ticket-code span[b-oluqav27z7],
    .group-ticket-title span[b-oluqav27z7] {
        color: #8b96a7;
        font-size: 0.66rem;
    }

    .group-ticket-title strong[b-oluqav27z7] {
        overflow: hidden;
        color: #263247;
        font-size: 0.8rem;
        text-overflow: ellipsis;
        white-space: nowrap;
    }

.row-arrow[b-oluqav27z7] {
    color: #6d7c91;
    font-weight: 900;
}

.table-responsive[b-oluqav27z7] {
    width: 100%;
    overflow-x: auto;
}

.enterprise-table[b-oluqav27z7] {
    width: 100%;
    min-width: 1180px;
    border-collapse: collapse;
}

    .enterprise-table thead[b-oluqav27z7] {
        background: #f7f9fc;
    }

    .enterprise-table th[b-oluqav27z7] {
        padding: 0.78rem 0.9rem;
        color: #667085;
        font-size: 0.68rem;
        font-weight: 850;
        letter-spacing: 0.03em;
        text-align: left;
        text-transform: uppercase;
        border-bottom: 1px solid #e4e9f0;
    }

    .enterprise-table td[b-oluqav27z7] {
        padding: 0.82rem 0.9rem;
        color: #344054;
        font-size: 0.78rem;
        vertical-align: middle;
        border-bottom: 1px solid #edf1f5;
    }

    .enterprise-table tbody tr[b-oluqav27z7] {
        transition: background 0.12s ease;
    }

        .enterprise-table tbody tr:hover[b-oluqav27z7] {
            background: #f8fafc;
        }

.table-ticket-code[b-oluqav27z7] {
    color: #163765;
    font-size: 0.75rem;
}

.table-ticket-title[b-oluqav27z7],
.table-stack[b-oluqav27z7] {
    display: grid;
    min-width: 0;
}

    .table-ticket-title strong[b-oluqav27z7] {
        display: block;
        max-width: 360px;
        overflow: hidden;
        color: #202d43;
        text-overflow: ellipsis;
        white-space: nowrap;
    }

    .table-ticket-title span[b-oluqav27z7],
    .table-stack span[b-oluqav27z7] {
        margin-top: 0.16rem;
        color: #8b96a7;
        font-size: 0.66rem;
    }

    .table-stack strong[b-oluqav27z7] {
        color: #344054;
        font-size: 0.75rem;
    }

.table-technician[b-oluqav27z7] {
    display: flex;
    align-items: center;
    gap: 0.48rem;
    min-width: 150px;
}

.table-avatar[b-oluqav27z7] {
    width: 30px;
    height: 30px;
    font-size: 0.61rem;
}

.table-action-cell[b-oluqav27z7] {
    width: 52px;
    text-align: right;
}

.btn-row-action[b-oluqav27z7] {
    display: grid;
    place-items: center;
    width: 34px;
    height: 34px;
    color: #ffffff;
    background: #183d70;
    border: 0;
    border-radius: 10px;
    cursor: pointer;
    font-weight: 900;
}

.status-badge[b-oluqav27z7],
.priority-badge[b-oluqav27z7],
.sla-badge[b-oluqav27z7] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: fit-content;
    min-height: 25px;
    padding: 0.25rem 0.55rem;
    border-radius: 999px;
    font-size: 0.65rem;
    font-weight: 850;
    white-space: nowrap;
}

.status-pending[b-oluqav27z7] {
    color: #9a6700;
    background: #fff2c2;
}

.status-assigned[b-oluqav27z7] {
    color: #1e4fa3;
    background: #dfeafe;
}

.status-progress[b-oluqav27z7] {
    color: #004c78;
    background: #d6f0ff;
}

.status-waiting[b-oluqav27z7] {
    color: #875400;
    background: #ffe9ba;
}

.status-reopened[b-oluqav27z7] {
    color: #4f46a5;
    background: #e6e3ff;
}

.status-resolved[b-oluqav27z7] {
    color: #117044;
    background: #d7f5e5;
}

.status-closed[b-oluqav27z7] {
    color: #526071;
    background: #e5eaf0;
}

.status-cancelled[b-oluqav27z7] {
    color: #a52222;
    background: #fee2e2;
}

.status-neutral[b-oluqav27z7] {
    color: #5d6675;
    background: #edf0f4;
}

.priority-critical[b-oluqav27z7] {
    color: #a51313;
    background: #fee2e2;
}

.priority-high[b-oluqav27z7] {
    color: #a13c00;
    background: #ffead5;
}

.priority-medium[b-oluqav27z7] {
    color: #735c00;
    background: #fff3c4;
}

.priority-low[b-oluqav27z7] {
    color: #34635a;
    background: #ddf5eb;
}

.sla-expired[b-oluqav27z7] {
    color: #a51212;
    background: #fee2e2;
}

.sla-ok[b-oluqav27z7] {
    color: #156043;
    background: #dcf5e8;
}

@media (max-width: 1450px) {
    .kpi-grid[b-oluqav27z7] {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }

    .filter-grid[b-oluqav27z7] {
        grid-template-columns: minmax(260px, 2fr) repeat(3, minmax(150px, 1fr));
    }

    .filter-field:nth-child(5)[b-oluqav27z7],
    .filter-field:nth-child(6)[b-oluqav27z7] {
        grid-column: span 1;
    }
}

@media (max-width: 1100px) {
    .filter-panel[b-oluqav27z7] {
        position: static;
    }

    .filter-grid[b-oluqav27z7] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .filter-search[b-oluqav27z7] {
        grid-column: 1 / -1;
    }

    .master-detail-shell[b-oluqav27z7] {
        grid-template-columns: 310px minmax(0, 1fr);
    }

    .group-ticket-row[b-oluqav27z7] {
        grid-template-columns: 100px minmax(220px, 1fr) 115px 80px 28px;
    }

        .group-ticket-row .sla-badge[b-oluqav27z7] {
            display: none;
        }
}

@media (max-width: 820px) {
    .page-heading[b-oluqav27z7],
    .filter-panel-header[b-oluqav27z7],
    .workspace-header[b-oluqav27z7],
    .technician-view-header[b-oluqav27z7],
    .detail-hero[b-oluqav27z7] {
        align-items: stretch;
        flex-direction: column;
    }

    .page-heading-actions[b-oluqav27z7] {
        width: 100%;
    }

        .page-heading-actions button[b-oluqav27z7] {
            flex: 1;
        }

    .filter-grid[b-oluqav27z7] {
        grid-template-columns: 1fr;
    }

    .filter-search[b-oluqav27z7] {
        grid-column: auto;
    }

    .filter-result-count[b-oluqav27z7] {
        justify-items: start;
    }

    .btn-clear-filters[b-oluqav27z7] {
        width: 100%;
        margin-left: 0;
    }

    .view-switcher[b-oluqav27z7] {
        width: 100%;
        overflow-x: auto;
    }

    .view-btn[b-oluqav27z7] {
        flex: 1 0 auto;
    }

    .master-detail-shell[b-oluqav27z7] {
        grid-template-columns: 1fr;
        height: auto;
    }

    .master-pane[b-oluqav27z7] {
        max-height: 390px;
        border-right: 0;
        border-bottom: 1px solid #e4e9f1;
    }

    .detail-summary-grid[b-oluqav27z7],
    .detail-insight-grid[b-oluqav27z7] {
        grid-template-columns: 1fr;
    }

    .technician-selector-inline[b-oluqav27z7] {
        width: 100%;
    }

    .group-ticket-row[b-oluqav27z7] {
        grid-template-columns: 90px minmax(180px, 1fr) 105px 28px;
    }

        .group-ticket-row .priority-badge[b-oluqav27z7],
        .group-ticket-row .sla-badge[b-oluqav27z7] {
            display: none;
        }
}

@media (max-width: 620px) {
    .kpi-grid[b-oluqav27z7] {
        grid-template-columns: 1fr;
    }

    .filter-options[b-oluqav27z7] {
        align-items: stretch;
        flex-direction: column;
    }

    .filter-check[b-oluqav27z7] {
        width: 100%;
    }

    .workspace-header[b-oluqav27z7] {
        padding: 1rem;
    }

    .detail-pane[b-oluqav27z7] {
        padding: 1rem;
    }

    .group-metrics[b-oluqav27z7] {
        display: none;
    }

    .group-ticket-row[b-oluqav27z7] {
        grid-template-columns: 1fr 28px;
    }

        .group-ticket-row > *:not( .group-ticket-title, .row-arrow)[b-oluqav27z7] {
            display: none;
        }

    .enterprise-table[b-oluqav27z7] {
        min-width: 1050px;
    }
}

/* Ajustes finales de presentaci�n */
.enterprise-table td:nth-child(8)[b-oluqav27z7],
.enterprise-table th:nth-child(8)[b-oluqav27z7] {
    white-space: nowrap;
}

.table-stack strong[b-oluqav27z7],
.table-stack span[b-oluqav27z7] {
    line-height: 1.25;
}

@media (max-width: 1600px) {
    .kpi-grid[b-oluqav27z7] {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }
}
/* _content/PelsaServiceDesk/Components/Pages/Tickets/KanbanTickets.razor.rz.scp.css */
.kanban-page[b-u4sfsu66hk] {
    display: flex;
    flex-direction: column;
    gap: 1rem;
}

.kanban-hero[b-u4sfsu66hk],
.panel[b-u4sfsu66hk] {
    background: white;
    border: 1px solid #e7eaf0;
    border-radius: 22px;
    padding: 1.2rem;
    box-shadow: 0 14px 32px rgba(15, 23, 42, .045);
}

.kanban-hero[b-u4sfsu66hk] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 1rem;
}

    .kanban-hero h1[b-u4sfsu66hk] {
        margin: 0;
        color: #101828;
        font-weight: 950;
    }

    .kanban-hero p[b-u4sfsu66hk] {
        margin: .35rem 0 0;
        color: #667085;
        font-weight: 700;
    }

.kanban-actions[b-u4sfsu66hk] {
    display: flex;
    align-items: center;
    gap: .7rem;
    flex-wrap: wrap;
}

.kanban-search[b-u4sfsu66hk] {
    min-width: 320px;
    border: 1px solid #d0d5dd;
    border-radius: 14px;
    padding: .75rem .9rem;
    outline: none;
    font-weight: 800;
}

.btn-primary[b-u4sfsu66hk] {
    border: none;
    border-radius: 14px;
    background: #153e75;
    color: white;
    padding: .75rem 1rem;
    font-weight: 900;
    cursor: pointer;
}

.kanban-message[b-u4sfsu66hk] {
    border-radius: 16px;
    padding: .85rem 1rem;
    font-weight: 900;
}

    .kanban-message.error[b-u4sfsu66hk] {
        background: #fee2e2;
        color: #991b1b;
        border: 1px solid #fecaca;
    }

.kanban-board[b-u4sfsu66hk] {
    display: grid;
    grid-template-columns: repeat(5, minmax(290px, 1fr));
    gap: 1rem;
    align-items: flex-start;
    overflow-x: auto;
    padding-bottom: .5rem;
}

.kanban-column[b-u4sfsu66hk] {
    background: #f8fafc;
    border: 1px solid #e7eaf0;
    border-radius: 22px;
    min-height: 520px;
    padding: .85rem;
}

.kanban-column-head[b-u4sfsu66hk] {
    background: white;
    border: 1px solid #e7eaf0;
    border-radius: 18px;
    padding: .85rem;
    margin-bottom: .85rem;
}

    .kanban-column-head h3[b-u4sfsu66hk] {
        margin: 0;
        color: #101828;
        font-weight: 950;
    }

    .kanban-column-head span[b-u4sfsu66hk] {
        display: block;
        margin-top: .15rem;
        color: #667085;
        font-weight: 800;
    }

.kanban-list[b-u4sfsu66hk] {
    display: flex;
    flex-direction: column;
    gap: .75rem;
}

.kanban-empty[b-u4sfsu66hk] {
    border: 1px dashed #cbd5e1;
    color: #667085;
    background: white;
    border-radius: 16px;
    padding: 1rem;
    text-align: center;
    font-weight: 900;
}

.kanban-card[b-u4sfsu66hk] {
    background: white;
    border: 1px solid #e7eaf0;
    border-left: 5px solid #153e75;
    border-radius: 18px;
    padding: .85rem;
    box-shadow: 0 10px 24px rgba(15, 23, 42, .045);
}

    .kanban-card.sla-danger[b-u4sfsu66hk] {
        border-left-color: #dc2626;
    }

    .kanban-card.sla-warning[b-u4sfsu66hk] {
        border-left-color: #f97316;
    }

.kanban-card-top[b-u4sfsu66hk] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: .5rem;
    margin-bottom: .55rem;
}

.ticket-code[b-u4sfsu66hk] {
    background: #eef2ff;
    color: #3730a3;
    border-radius: 999px;
    padding: .25rem .55rem;
    font-size: .72rem;
    font-weight: 950;
}

.kanban-card h4[b-u4sfsu66hk] {
    margin: 0 0 .65rem;
    color: #101828;
    font-weight: 950;
    line-height: 1.25;
}

.kanban-meta[b-u4sfsu66hk] {
    display: flex;
    flex-direction: column;
    gap: .25rem;
    color: #667085;
    font-size: .78rem;
    font-weight: 800;
}

    .kanban-meta strong[b-u4sfsu66hk] {
        color: #344054;
    }

.kanban-ai[b-u4sfsu66hk] {
    display: flex;
    align-items: center;
    gap: .45rem;
    margin-top: .65rem;
    flex-wrap: wrap;
}

    .kanban-ai small[b-u4sfsu66hk] {
        color: #667085;
        font-weight: 900;
    }

.ai-pill[b-u4sfsu66hk],
.priority-pill[b-u4sfsu66hk],
.sla-pill[b-u4sfsu66hk] {
    display: inline-flex;
    align-items: center;
    border-radius: 999px;
    padding: .28rem .55rem;
    font-size: .72rem;
    font-weight: 950;
    white-space: nowrap;
}

    .ai-pill.auto[b-u4sfsu66hk] {
        background: #dcfce7;
        color: #166534;
    }

    .ai-pill.suggest[b-u4sfsu66hk] {
        background: #fff7ed;
        color: #9a3412;
    }

    .priority-pill.critical[b-u4sfsu66hk],
    .priority-pill.high[b-u4sfsu66hk] {
        background: #fee2e2;
        color: #991b1b;
    }

    .priority-pill.medium[b-u4sfsu66hk] {
        background: #fef3c7;
        color: #92400e;
    }

    .priority-pill.low[b-u4sfsu66hk] {
        background: #dcfce7;
        color: #166534;
    }

    .priority-pill.normal[b-u4sfsu66hk] {
        background: #eef2ff;
        color: #3730a3;
    }

.kanban-sla[b-u4sfsu66hk] {
    margin-top: .65rem;
}

.sla-pill.danger[b-u4sfsu66hk] {
    background: #fee2e2;
    color: #991b1b;
}

.sla-pill.warning[b-u4sfsu66hk] {
    background: #ffedd5;
    color: #9a3412;
}

.sla-pill.ok[b-u4sfsu66hk] {
    background: #ecfdf3;
    color: #166534;
}

.kanban-card-footer[b-u4sfsu66hk] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: .75rem;
    margin-top: .85rem;
    border-top: 1px solid #e7eaf0;
    padding-top: .7rem;
}

    .kanban-card-footer small[b-u4sfsu66hk] {
        color: #667085;
        font-weight: 800;
    }

.btn-view[b-u4sfsu66hk] {
    border: none;
    background: #153e75;
    color: white;
    border-radius: 12px;
    padding: .45rem .7rem;
    font-weight: 900;
    cursor: pointer;
}

@media (max-width: 1400px) {
    .kanban-board[b-u4sfsu66hk] {
        grid-template-columns: repeat(5, minmax(270px, 1fr));
    }
}

@media (max-width: 900px) {
    .kanban-hero[b-u4sfsu66hk] {
        flex-direction: column;
        align-items: stretch;
    }

    .kanban-actions[b-u4sfsu66hk] {
        flex-direction: column;
        align-items: stretch;
    }

        .kanban-search[b-u4sfsu66hk],
        .kanban-actions button[b-u4sfsu66hk] {
            width: 100%;
            min-width: unset;
        }

    .kanban-board[b-u4sfsu66hk] {
        display: flex;
        overflow-x: auto;
    }

    .kanban-column[b-u4sfsu66hk] {
        min-width: 310px;
    }
}

.kanban-column.drag-over[b-u4sfsu66hk] {
    border-color: #153e75;
    background: #eef4ff;
    box-shadow: inset 0 0 0 3px rgba(21, 62, 117, .12);
}

.drop-hint[b-u4sfsu66hk] {
    display: inline-flex;
    border-radius: 999px;
    padding: .28rem .55rem;
    background: #153e75;
    color: white;
    font-size: .72rem;
    font-weight: 950;
}

.kanban-card[b-u4sfsu66hk] {
    cursor: grab;
    user-select: none;
}

    .kanban-card:active[b-u4sfsu66hk] {
        cursor: grabbing;
    }

    .kanban-card[draggable="true"]:hover[b-u4sfsu66hk] {
        transform: translateY(-2px);
        box-shadow: 0 16px 34px rgba(15, 23, 42, .10);
    }

.kanban-column.drag-over .kanban-empty[b-u4sfsu66hk] {
    border-color: #153e75;
    color: #153e75;
    background: white;
}
/* _content/PelsaServiceDesk/Components/Pages/Tickets/MisTickets.razor.rz.scp.css */
.my-tickets-page[b-kx3vgc7ae4] {
    display: flex;
    flex-direction: column;
    gap: 1rem;
}

.my-tickets-hero[b-kx3vgc7ae4] {
    background: white;
    border: 1px solid #e7eaf0;
    border-radius: 24px;
    padding: 1.4rem;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    box-shadow: 0 18px 45px rgba(15, 23, 42, .06);
}

.portal-eyebrow[b-kx3vgc7ae4] {
    display: block;
    color: #1f4fd8;
    font-size: .72rem;
    font-weight: 950;
    letter-spacing: .09em;
}

.my-tickets-hero h1[b-kx3vgc7ae4] {
    margin: .25rem 0 0;
    color: #101828;
    font-size: 1.85rem;
    font-weight: 950;
}

.my-tickets-hero p[b-kx3vgc7ae4] {
    margin: .35rem 0 0;
    color: #667085;
}

.btn-primary-ticket[b-kx3vgc7ae4],
.btn-secondary-ticket[b-kx3vgc7ae4] {
    border: none;
    border-radius: 14px;
    padding: .8rem 1rem;
    font-weight: 900;
    cursor: pointer;
    white-space: nowrap;
}

.btn-primary-ticket[b-kx3vgc7ae4] {
    background: #1f4fd8;
    color: white;
    box-shadow: 0 10px 24px rgba(31, 79, 216, .22);
}

.btn-secondary-ticket[b-kx3vgc7ae4] {
    background: #eef2ff;
    color: #3730a3;
}

.ticket-kpi-grid[b-kx3vgc7ae4] {
    display: grid;
    grid-template-columns: repeat(5, minmax(0, 1fr));
    gap: .85rem;
}

.ticket-kpi[b-kx3vgc7ae4] {
    background: white;
    border: 1px solid #e7eaf0;
    border-radius: 20px;
    padding: 1rem;
    text-align: left;
    cursor: pointer;
    transition: .15s ease;
    box-shadow: 0 12px 28px rgba(15, 23, 42, .04);
}

.ticket-kpi:hover[b-kx3vgc7ae4] {
    transform: translateY(-2px);
    border-color: #b9c8ee;
}

.ticket-kpi span[b-kx3vgc7ae4] {
    display: block;
    color: #667085;
    font-size: .85rem;
    font-weight: 800;
}

.ticket-kpi strong[b-kx3vgc7ae4] {
    display: block;
    margin-top: .4rem;
    font-size: 1.8rem;
    color: #101828;
}

.ticket-kpi.active[b-kx3vgc7ae4] {
    border-color: #1f4fd8;
    background: #eef4ff;
}

.tickets-filter-card[b-kx3vgc7ae4] {
    background: white;
    border: 1px solid #e7eaf0;
    border-radius: 20px;
    padding: 1rem;
    display: grid;
    grid-template-columns: 1fr 250px;
    gap: .85rem;
    box-shadow: 0 12px 28px rgba(15, 23, 42, .04);
}

.form-group label[b-kx3vgc7ae4] {
    display: block;
    margin-bottom: .35rem;
    font-weight: 900;
    color: #101828;
}

.form-control[b-kx3vgc7ae4] {
    width: 100%;
    border: 1px solid #d0d5dd;
    border-radius: 13px;
    padding: .75rem .85rem;
    outline: none;
    background: white;
}

.form-control:focus[b-kx3vgc7ae4] {
    border-color: #1f4fd8;
    box-shadow: 0 0 0 3px rgba(31, 79, 216, .12);
}

.tickets-card-list[b-kx3vgc7ae4] {
    display: flex;
    flex-direction: column;
    gap: .85rem;
}

.ticket-user-card[b-kx3vgc7ae4] {
    background: white;
    border: 1px solid #e7eaf0;
    border-radius: 22px;
    padding: 1rem;
    display: grid;
    grid-template-columns: 1fr auto;
    gap: 1rem;
    align-items: center;
    box-shadow: 0 14px 32px rgba(15, 23, 42, .045);
}

.ticket-card-top[b-kx3vgc7ae4] {
    display: flex;
    align-items: center;
    gap: .55rem;
    flex-wrap: wrap;
}

.ticket-code-chip[b-kx3vgc7ae4],
.ticket-status[b-kx3vgc7ae4],
.survey-pending-chip[b-kx3vgc7ae4],
.survey-done-chip[b-kx3vgc7ae4],
.reopen-chip[b-kx3vgc7ae4] {
    border-radius: 999px;
    padding: .28rem .6rem;
    font-weight: 900;
    font-size: .78rem;
}

.ticket-code-chip[b-kx3vgc7ae4] { background: #eef2ff; color: #3730a3; }
.status-final[b-kx3vgc7ae4] { background: #dcfce7; color: #166534; }
.status-danger[b-kx3vgc7ae4] { background: #fee2e2; color: #991b1b; }
.status-pending[b-kx3vgc7ae4] { background: #fef3c7; color: #92400e; }
.status-assigned[b-kx3vgc7ae4] { background: #dbeafe; color: #1e40af; }
.status-process[b-kx3vgc7ae4] { background: #eef2ff; color: #3730a3; }
.status-reopened[b-kx3vgc7ae4] { background: #f3e8ff; color: #6b21a8; }
.status-neutral[b-kx3vgc7ae4] { background: #f3f4f6; color: #374151; }
.survey-pending-chip[b-kx3vgc7ae4] { background: #fff7ed; color: #9a3412; }
.survey-done-chip[b-kx3vgc7ae4] { background: #fef9c3; color: #854d0e; letter-spacing: .04em; }
.reopen-chip[b-kx3vgc7ae4] { background: #f3e8ff; color: #6b21a8; }

.ticket-user-card h3[b-kx3vgc7ae4] {
    margin: .65rem 0 .45rem;
    color: #101828;
    font-size: 1.15rem;
    font-weight: 900;
}

.ticket-meta[b-kx3vgc7ae4] {
    display: flex;
    gap: .65rem;
    flex-wrap: wrap;
    color: #667085;
    font-weight: 700;
    font-size: .88rem;
}

.ticket-progress-row[b-kx3vgc7ae4] {
    margin-top: .85rem;
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: .75rem;
}

.ticket-progress-row div[b-kx3vgc7ae4] {
    background: #f8fafc;
    border: 1px solid #e7eaf0;
    border-radius: 14px;
    padding: .7rem;
}

.ticket-progress-row small[b-kx3vgc7ae4] {
    display: block;
    color: #667085;
    font-weight: 800;
    margin-bottom: .25rem;
}

.ticket-progress-row strong[b-kx3vgc7ae4] { color: #101828; }
.sla-ok[b-kx3vgc7ae4], .experience-ok[b-kx3vgc7ae4] { color: #166534 !important; }
.sla-warning[b-kx3vgc7ae4], .experience-pending[b-kx3vgc7ae4] { color: #92400e !important; }
.sla-danger[b-kx3vgc7ae4], .experience-danger[b-kx3vgc7ae4] { color: #991b1b !important; }

.empty-tickets[b-kx3vgc7ae4],
.tickets-loading[b-kx3vgc7ae4] {
    background: white;
    border: 1px solid #e7eaf0;
    border-radius: 22px;
    padding: 2rem;
    text-align: center;
    color: #667085;
    box-shadow: 0 14px 32px rgba(15, 23, 42, .045);
}

.empty-icon[b-kx3vgc7ae4] {
    font-size: 2.4rem;
    margin-bottom: .5rem;
}

.empty-tickets h3[b-kx3vgc7ae4] {
    margin: 0;
    color: #101828;
}

.empty-tickets p[b-kx3vgc7ae4] {
    margin: .4rem 0 1rem;
}

@media (max-width: 1100px) {
    .ticket-kpi-grid[b-kx3vgc7ae4] {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }
}

@media (max-width: 900px) {
    .my-tickets-hero[b-kx3vgc7ae4],
    .ticket-user-card[b-kx3vgc7ae4] {
        grid-template-columns: 1fr;
        flex-direction: column;
        align-items: stretch;
    }

    .ticket-kpi-grid[b-kx3vgc7ae4] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .tickets-filter-card[b-kx3vgc7ae4] {
        grid-template-columns: 1fr;
    }

    .ticket-card-actions[b-kx3vgc7ae4],
    .ticket-card-actions button[b-kx3vgc7ae4] {
        width: 100%;
    }

    .ticket-progress-row[b-kx3vgc7ae4] {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 520px) {
    .ticket-kpi-grid[b-kx3vgc7ae4] {
        grid-template-columns: 1fr;
    }

    .my-tickets-hero h1[b-kx3vgc7ae4] {
        font-size: 1.45rem;
    }
}
/* _content/PelsaServiceDesk/Components/Pages/Tickets/NuevoTicket.razor.rz.scp.css */
.ticket-wizard-page[b-zie404if1i] {
    display: flex;
    flex-direction: column;
    gap: 1rem;
}

.wizard-hero[b-zie404if1i] {
    background: white;
    border: 1px solid #e7eaf0;
    border-radius: 24px;
    padding: 1.4rem;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    box-shadow: 0 18px 45px rgba(15, 23, 42, .06);
}

    .wizard-hero h1[b-zie404if1i] {
        margin: 0;
        color: #101828;
        font-size: 1.85rem;
        font-weight: 900;
    }

    .wizard-hero p[b-zie404if1i] {
        margin: .35rem 0 0;
        color: #667085;
    }

.btn-primary-ticket[b-zie404if1i],
.btn-secondary-ticket[b-zie404if1i] {
    border: none;
    border-radius: 14px;
    padding: .8rem 1rem;
    font-weight: 900;
    cursor: pointer;
}

.btn-primary-ticket[b-zie404if1i] {
    background: #1f4fd8;
    color: white;
    box-shadow: 0 10px 24px rgba(31, 79, 216, .22);
}

.btn-secondary-ticket[b-zie404if1i] {
    background: #eef2ff;
    color: #3730a3;
}

    .btn-primary-ticket:disabled[b-zie404if1i],
    .btn-secondary-ticket:disabled[b-zie404if1i] {
        opacity: .65;
        cursor: not-allowed;
    }

.wizard-steps[b-zie404if1i] {
    display: grid;
    grid-template-columns: repeat(5, minmax(0, 1fr));
    gap: .75rem;
}

.wizard-step[b-zie404if1i] {
    border: 1px solid #e7eaf0;
    background: white;
    border-radius: 18px;
    padding: .85rem;
    cursor: pointer;
    display: flex;
    align-items: center;
    gap: .65rem;
    text-align: left;
    box-shadow: 0 12px 28px rgba(15, 23, 42, .04);
}

    .wizard-step span[b-zie404if1i] {
        width: 32px;
        height: 32px;
        border-radius: 999px;
        display: grid;
        place-items: center;
        background: #f3f4f6;
        color: #344054;
        font-weight: 900;
    }

    .wizard-step strong[b-zie404if1i] {
        color: #344054;
        font-size: .9rem;
    }

    .wizard-step.active[b-zie404if1i] {
        border-color: #1f4fd8;
        background: #eef4ff;
    }

        .wizard-step.active span[b-zie404if1i] {
            background: #1f4fd8;
            color: white;
        }

        .wizard-step.active strong[b-zie404if1i] {
            color: #1f4fd8;
        }

    .wizard-step.completed span[b-zie404if1i] {
        background: #dcfce7;
        color: #166534;
    }

.wizard-card[b-zie404if1i] {
    background: white;
    border: 1px solid #e7eaf0;
    border-radius: 24px;
    padding: 1.4rem;
    box-shadow: 0 18px 45px rgba(15, 23, 42, .06);
}

.wizard-section[b-zie404if1i] {
    display: flex;
    flex-direction: column;
    gap: 1rem;
}

.wizard-badge[b-zie404if1i] {
    background: #eef2ff;
    color: #3730a3;
    border-radius: 999px;
    padding: .3rem .65rem;
    font-size: .8rem;
    font-weight: 900;
    width: fit-content;
}

.wizard-section h2[b-zie404if1i] {
    margin: 0;
    color: #101828;
    font-size: 1.6rem;
    font-weight: 900;
}

.wizard-section p[b-zie404if1i] {
    margin: 0;
    color: #667085;
}

.form-group label[b-zie404if1i] {
    display: block;
    margin-bottom: .35rem;
    font-weight: 900;
    color: #101828;
}

.form-control[b-zie404if1i] {
    width: 100%;
    border: 1px solid #d0d5dd;
    border-radius: 14px;
    padding: .8rem .9rem;
    outline: none;
}

    .form-control:focus[b-zie404if1i] {
        border-color: #1f4fd8;
        box-shadow: 0 0 0 3px rgba(31, 79, 216, .12);
    }

.textarea-lg[b-zie404if1i] {
    min-height: 180px;
    resize: vertical;
}

.form-grid-2[b-zie404if1i] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 1rem;
}

.wizard-tip[b-zie404if1i] {
    background: #f8fafc;
    border: 1px solid #e7eaf0;
    border-radius: 16px;
    padding: .9rem;
    display: flex;
    flex-direction: column;
    gap: .2rem;
}

    .wizard-tip strong[b-zie404if1i] {
        color: #153e75;
        font-weight: 900;
    }

    .wizard-tip span[b-zie404if1i] {
        color: #667085;
    }

.priority-grid[b-zie404if1i] {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: .85rem;
}

.priority-option[b-zie404if1i] {
    border: 1px solid #e7eaf0;
    background: #fff;
    border-radius: 18px;
    padding: 1rem;
    text-align: left;
    cursor: pointer;
    display: flex;
    flex-direction: column;
    gap: .4rem;
}

    .priority-option span[b-zie404if1i] {
        font-size: 1.6rem;
    }

    .priority-option strong[b-zie404if1i] {
        color: #101828;
        font-size: 1rem;
    }

    .priority-option small[b-zie404if1i] {
        color: #667085;
        line-height: 1.35;
    }

    .priority-option.active[b-zie404if1i] {
        border-color: #1f4fd8;
        background: #eef4ff;
        box-shadow: 0 0 0 3px rgba(31, 79, 216, .12);
    }

.upload-box[b-zie404if1i] {
    border: 2px dashed #b9c7ff;
    background: #f8faff;
    border-radius: 18px;
    padding: 1.5rem;
    display: flex;
    flex-direction: column;
    gap: .45rem;
    align-items: center;
    justify-content: center;
    text-align: center;
}

    .upload-box input[b-zie404if1i] {
        max-width: 100%;
    }

    .upload-box span[b-zie404if1i] {
        color: #153e75;
        font-weight: 900;
    }

    .upload-box small[b-zie404if1i] {
        color: #667085;
    }

.wizard-attachments[b-zie404if1i] {
    display: flex;
    flex-direction: column;
    gap: .55rem;
}

.wizard-attachment[b-zie404if1i] {
    border: 1px solid #e7eaf0;
    background: #f8fafc;
    border-radius: 14px;
    padding: .75rem;
    display: flex;
    justify-content: space-between;
    gap: .7rem;
}

    .wizard-attachment span[b-zie404if1i] {
        font-weight: 800;
        color: #101828;
        overflow-wrap: anywhere;
    }

    .wizard-attachment small[b-zie404if1i] {
        color: #667085;
    }

.confirm-grid[b-zie404if1i] {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: .85rem;
}

    .confirm-grid div[b-zie404if1i],
    .confirm-description[b-zie404if1i] {
        background: #f8fafc;
        border: 1px solid #e7eaf0;
        border-radius: 16px;
        padding: .9rem;
    }

        .confirm-grid span[b-zie404if1i],
        .confirm-description span[b-zie404if1i] {
            display: block;
            color: #667085;
            font-weight: 800;
            font-size: .85rem;
            margin-bottom: .25rem;
        }

    .confirm-grid strong[b-zie404if1i] {
        color: #101828;
    }

.confirm-description p[b-zie404if1i] {
    color: #344054;
    margin: .35rem 0 0;
    white-space: pre-wrap;
}

.wizard-actions[b-zie404if1i] {
    margin-top: 1.25rem;
    border-top: 1px solid #e7eaf0;
    padding-top: 1rem;
    display: flex;
    justify-content: space-between;
    gap: .75rem;
}

.wizard-alert[b-zie404if1i] {
    border-radius: 16px;
    padding: 1rem;
    font-weight: 800;
}

    .wizard-alert.danger[b-zie404if1i] {
        background: #fee2e2;
        color: #991b1b;
        border: 1px solid #fecaca;
    }

    .wizard-alert.success[b-zie404if1i] {
        background: #dcfce7;
        color: #166534;
        border: 1px solid #bbf7d0;
    }

@media (max-width: 1000px) {
    .wizard-steps[b-zie404if1i] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .priority-grid[b-zie404if1i],
    .confirm-grid[b-zie404if1i],
    .form-grid-2[b-zie404if1i] {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 650px) {
    .wizard-hero[b-zie404if1i] {
        flex-direction: column;
        align-items: stretch;
    }

    .wizard-steps[b-zie404if1i] {
        grid-template-columns: 1fr;
    }

    .wizard-actions[b-zie404if1i] {
        flex-direction: column;
    }

        .wizard-actions button[b-zie404if1i] {
            width: 100%;
        }

    .wizard-hero h1[b-zie404if1i] {
        font-size: 1.45rem;
    }
}
p[b-zie404if1i]
/* _content/PelsaServiceDesk/Components/Pages/Tickets/TicketDetalle.razor.rz.scp.css */
.readonly-banner[b-1uuddxzdpe] {
    background: #fffbeb;
    color: #92400e;
    border: 1px solid #fde68a;
    border-radius: 14px;
    padding: .85rem 1rem;
    margin-bottom: 1rem;
    display: flex;
    flex-direction: column;
    gap: .2rem;
}

    .readonly-banner strong[b-1uuddxzdpe] {
        font-weight: 900;
    }

    .readonly-banner span[b-1uuddxzdpe] {
        font-size: .86rem;
    }


.ticket-message-body[b-1uuddxzdpe] {
    color: #344054;
    line-height: 1.55;
    font-size: .95rem;
    overflow-wrap: anywhere;
}

    .ticket-message-body p[b-1uuddxzdpe] {
        margin: 0 0 .65rem;
    }

    .ticket-message-body img[b-1uuddxzdpe] {
        max-width: 100%;
        height: auto;
        border-radius: 12px;
        border: 1px solid #e7eaf0;
        margin: .5rem 0;
    }

    .ticket-message-body table[b-1uuddxzdpe] {
        max-width: 100%;
        border-collapse: collapse;
        margin: .75rem 0;
    }

    .ticket-message-body td[b-1uuddxzdpe],
    .ticket-message-body th[b-1uuddxzdpe] {
        border: 1px solid #e7eaf0;
        padding: .45rem .6rem;
    }

    .ticket-message-body a[b-1uuddxzdpe] {
        color: #1f4fd8;
        font-weight: 700;
    }

.rich-editor-wrapper[b-1uuddxzdpe] {
    border: 1px solid #d0d5dd;
    border-radius: 16px;
    overflow: hidden;
    background: white;
}

    .rich-editor-wrapper .ql-toolbar[b-1uuddxzdpe] {
        border: none;
        border-bottom: 1px solid #e7eaf0;
        background: #f8fafc;
    }

    .rich-editor-wrapper .ql-container[b-1uuddxzdpe] {
        border: none;
        min-height: 180px;
        font-family: inherit;
    }

.rich-editor[b-1uuddxzdpe] {
    min-height: 180px;
}

.rich-editor-wrapper .ql-editor[b-1uuddxzdpe] {
    min-height: 180px;
    font-size: .95rem;
    color: #344054;
    line-height: 1.55;
}

    .rich-editor-wrapper .ql-editor img[b-1uuddxzdpe] {
        max-width: 100%;
        border-radius: 12px;
        border: 1px solid #e7eaf0;
        margin: .5rem 0;
    }

.rich-editor-wrapper .ql-toolbar button[b-1uuddxzdpe] {
    border-radius: 8px;
}

    .rich-editor-wrapper .ql-toolbar button:hover[b-1uuddxzdpe] {
        background: #eef2ff;
    }

.rich-editor-wrapper .ql-toolbar .ql-active[b-1uuddxzdpe] {
    color: #1f4fd8;
}

.reply-start[b-1uuddxzdpe] {
    margin-top: 1.5rem;
    padding-top: 1rem;
    border-top: 1px solid #e7eaf0;
    display: flex;
    justify-content: flex-end;
}

.reply-header[b-1uuddxzdpe] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
}

.small-btn[b-1uuddxzdpe] {
    padding: .55rem .85rem;
    border-radius: 10px;
    font-size: .85rem;
}

.message-attachments[b-1uuddxzdpe] {
    margin-top: .8rem;
    display: flex;
    flex-direction: column;
    gap: .55rem;
}

.message-attachment[b-1uuddxzdpe] {
    border: 1px solid #e7eaf0;
    background: #f8fafc;
    border-radius: 14px;
    padding: .75rem;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: .75rem;
}

.message-attachment-info[b-1uuddxzdpe] {
    display: flex;
    flex-direction: column;
    gap: .2rem;
    min-width: 0;
}

    .message-attachment-info span[b-1uuddxzdpe] {
        font-weight: 800;
        color: #101828;
        overflow-wrap: anywhere;
    }

    .message-attachment-info small[b-1uuddxzdpe] {
        color: #667085;
    }

.message-attachment-actions[b-1uuddxzdpe] {
    display: flex;
    gap: .45rem;
    flex-wrap: wrap;
    justify-content: flex-end;
}

.mini-action-btn[b-1uuddxzdpe] {
    border: none;
    text-decoration: none;
    background: #eef2ff;
    color: #3730a3;
    border-radius: 10px;
    padding: .45rem .7rem;
    font-weight: 900;
    cursor: pointer;
    font-size: .82rem;
}

    .mini-action-btn:hover[b-1uuddxzdpe] {
        background: #dbe4ff;
    }

.attachment-preview-modal[b-1uuddxzdpe] {
    max-width: 920px;
    width: min(920px, calc(100vw - 2rem));
}

.attachment-preview-image[b-1uuddxzdpe] {
    max-width: 100%;
    max-height: 70vh;
    object-fit: contain;
    display: block;
    margin: auto;
    border-radius: 14px;
    border: 1px solid #e7eaf0;
}

.attachment-preview-pdf[b-1uuddxzdpe] {
    width: 100%;
    height: 70vh;
    border: 1px solid #e7eaf0;
    border-radius: 14px;
    background: white;
}

@media (max-width: 700px) {
    .message-attachment[b-1uuddxzdpe] {
        align-items: flex-start;
        flex-direction: column;
    }

    .message-attachment-actions[b-1uuddxzdpe] {
        justify-content: flex-start;
    }
}

.portal-user-actions[b-1uuddxzdpe] {
    margin-top: 1.3rem;
    border-top: 1px solid #e7eaf0;
    padding-top: 1.2rem;
}

    .portal-user-actions h3[b-1uuddxzdpe] {
        margin: 0 0 .85rem;
        color: #101828;
        font-weight: 900;
    }

.rating-box[b-1uuddxzdpe],
.rating-saved[b-1uuddxzdpe],
.reopen-box[b-1uuddxzdpe] {
    border: 1px solid #e7eaf0;
    background: #f8fafc;
    border-radius: 18px;
    padding: 1rem;
    margin-top: .9rem;
}

.rating-buttons[b-1uuddxzdpe] {
    display: flex;
    flex-wrap: wrap;
    gap: .5rem;
    margin: .5rem 0 1rem;
}

.rating-btn[b-1uuddxzdpe] {
    border: 1px solid #d0d5dd;
    background: white;
    color: #344054;
    border-radius: 12px;
    padding: .55rem .75rem;
    font-weight: 900;
    cursor: pointer;
}

    .rating-btn.active[b-1uuddxzdpe] {
        background: #153e75;
        color: white;
        border-color: #153e75;
    }

.rating-saved[b-1uuddxzdpe] {
    display: flex;
    flex-direction: column;
    gap: .35rem;
}

    .rating-saved strong[b-1uuddxzdpe] {
        color: #153e75;
    }

.reopen-box h4[b-1uuddxzdpe] {
    margin: 0;
    color: #101828;
    font-weight: 900;
}

.reopen-box p[b-1uuddxzdpe] {
    margin: .35rem 0 .85rem;
}


.workflow-warning[b-1uuddxzdpe] {
    background: #fff7ed;
    border: 1px solid #fed7aa;
    color: #9a3412;
    border-radius: 14px;
    padding: .75rem;
    margin: .75rem 0;
    display: flex;
    flex-direction: column;
    gap: .2rem;
}

    .workflow-warning strong[b-1uuddxzdpe] {
        font-weight: 900;
    }

    .workflow-warning span[b-1uuddxzdpe] {
        font-size: .85rem;
        line-height: 1.35;
    }

.comment-required[b-1uuddxzdpe] {
    border-color: #f97316 !important;
    background: #fff7ed !important;
    box-shadow: 0 0 0 3px rgba(249, 115, 22, .12);
}

.state-ready-btn[b-1uuddxzdpe] {
    background: #153e75 !important;
    color: white !important;
    cursor: pointer !important;
    box-shadow: 0 10px 24px rgba(21, 62, 117, .22);
}

.state-disabled-btn[b-1uuddxzdpe] {
    background: #e5e7eb !important;
    color: #667085 !important;
    cursor: not-allowed !important;
    opacity: .85;
}


.portal-conversation[b-1uuddxzdpe] {
    display: flex;
    flex-direction: column;
    gap: 1rem;
}

.portal-message[b-1uuddxzdpe] {
    display: flex;
    gap: .75rem;
    align-items: flex-start;
}

.portal-message-mine[b-1uuddxzdpe] {
    flex-direction: row-reverse;
}

.portal-message-avatar[b-1uuddxzdpe] {
    width: 38px;
    height: 38px;
    border-radius: 999px;
    display: grid;
    place-items: center;
    background: #eef2ff;
    border: 1px solid #dbe4ff;
    flex: 0 0 auto;
}

.portal-message-mine .portal-message-avatar[b-1uuddxzdpe] {
    background: #dcfce7;
    border-color: #bbf7d0;
}

.portal-message-bubble[b-1uuddxzdpe] {
    width: min(760px, 100%);
    background: #ffffff;
    border: 1px solid #e7eaf0;
    border-radius: 18px;
    padding: 1rem;
    box-shadow: 0 10px 24px rgba(15, 23, 42, .04);
}

.portal-message-mine .portal-message-bubble[b-1uuddxzdpe] {
    background: #f0fdf4;
    border-color: #bbf7d0;
}

.portal-message-support .portal-message-bubble[b-1uuddxzdpe] {
    background: #f8faff;
    border-color: #dbe4ff;
}

.portal-message-internal .portal-message-bubble[b-1uuddxzdpe] {
    background: #fff7ed;
    border-color: #fed7aa;
}

.portal-message-head[b-1uuddxzdpe] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: .75rem;
    margin-bottom: .65rem;
}

    .portal-message-head strong[b-1uuddxzdpe] {
        display: block;
        color: #101828;
        font-weight: 900;
    }

    .portal-message-head span[b-1uuddxzdpe] {
        display: inline-block;
        margin-top: .15rem;
        color: #667085;
        font-size: .8rem;
        font-weight: 800;
    }

    .portal-message-head small[b-1uuddxzdpe] {
        color: #667085;
        white-space: nowrap;
        font-size: .78rem;
    }

.portal-message-mine .portal-message-head[b-1uuddxzdpe] {
    text-align: right;
}

@media (max-width: 700px) {
    .portal-message[b-1uuddxzdpe],
    .portal-message-mine[b-1uuddxzdpe] {
        flex-direction: column;
    }

        .portal-message-mine .portal-message-head[b-1uuddxzdpe] {
            text-align: left;
        }

    .portal-message-bubble[b-1uuddxzdpe] {
        width: 100%;
    }

    .portal-message-head[b-1uuddxzdpe] {
        flex-direction: column;
        gap: .25rem;
    }
}

.user-ticket-summary[b-1uuddxzdpe] {
    display: flex;
    flex-direction: column;
    gap: 1rem;
}

.user-ticket-status-card[b-1uuddxzdpe] {
    background: linear-gradient(135deg, #eef4ff, #ffffff);
    border: 1px solid #dbe4ff;
    border-radius: 22px;
    padding: 1.2rem;
    display: flex;
    gap: 1rem;
    align-items: flex-start;
}

.user-ticket-icon[b-1uuddxzdpe] {
    width: 58px;
    height: 58px;
    border-radius: 18px;
    background: #1f4fd8;
    color: white;
    display: grid;
    place-items: center;
    font-size: 1.8rem;
    flex: 0 0 auto;
    box-shadow: 0 12px 28px rgba(31, 79, 216, .22);
}

.user-ticket-status-content[b-1uuddxzdpe] {
    flex: 1;
    min-width: 0;
}

    .user-ticket-status-content h3[b-1uuddxzdpe] {
        margin: .45rem 0 .35rem;
        color: #101828;
        font-size: 1.45rem;
        font-weight: 900;
    }

    .user-ticket-status-content p[b-1uuddxzdpe] {
        margin: 0 0 1rem;
        color: #475467;
        line-height: 1.45;
    }

.user-progress[b-1uuddxzdpe] {
    width: 100%;
    height: 12px;
    background: #e5e7eb;
    border-radius: 999px;
    overflow: hidden;
}

.user-progress-bar[b-1uuddxzdpe] {
    height: 100%;
    background: linear-gradient(90deg, #1f4fd8, #22c55e);
    border-radius: 999px;
    transition: width .25s ease;
}

.user-progress-labels[b-1uuddxzdpe] {
    margin-top: .45rem;
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: .35rem;
    font-size: .72rem;
    color: #667085;
    font-weight: 800;
}

.user-ticket-info-grid[b-1uuddxzdpe] {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: .85rem;
}

.user-info-card[b-1uuddxzdpe] {
    background: #ffffff;
    border: 1px solid #e7eaf0;
    border-radius: 18px;
    padding: .95rem;
    box-shadow: 0 10px 24px rgba(15, 23, 42, .04);
}

    .user-info-card span[b-1uuddxzdpe] {
        display: block;
        color: #667085;
        font-weight: 800;
        font-size: .82rem;
        margin-bottom: .35rem;
    }

    .user-info-card strong[b-1uuddxzdpe] {
        color: #101828;
        font-weight: 900;
        overflow-wrap: anywhere;
    }

.user-sla-ok[b-1uuddxzdpe] {
    color: #166534 !important;
}

.user-sla-warning[b-1uuddxzdpe] {
    color: #92400e !important;
}

.user-sla-danger[b-1uuddxzdpe] {
    color: #991b1b !important;
}

.user-sla-neutral[b-1uuddxzdpe] {
    color: #475467 !important;
}

.user-description-card[b-1uuddxzdpe] {
    background: #f8fafc;
    border: 1px solid #e7eaf0;
    border-radius: 20px;
    padding: 1rem;
}

    .user-description-card h3[b-1uuddxzdpe] {
        margin: 0 0 .5rem;
        color: #101828;
        font-weight: 900;
    }

    .user-description-card p[b-1uuddxzdpe] {
        margin: 0;
        color: #344054;
        line-height: 1.55;
        white-space: pre-wrap;
    }

.user-next-action[b-1uuddxzdpe] {
    background: #fff7ed;
    border: 1px solid #fed7aa;
    border-radius: 20px;
    padding: 1rem;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
}

    .user-next-action strong[b-1uuddxzdpe] {
        display: block;
        color: #9a3412;
        font-weight: 900;
    }

    .user-next-action span[b-1uuddxzdpe] {
        display: block;
        color: #9a3412;
        margin-top: .2rem;
    }

@media (max-width: 1100px) {
    .user-ticket-info-grid[b-1uuddxzdpe] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 700px) {
    .user-ticket-status-card[b-1uuddxzdpe] {
        flex-direction: column;
    }

    .user-ticket-info-grid[b-1uuddxzdpe] {
        grid-template-columns: 1fr;
    }

    .user-next-action[b-1uuddxzdpe] {
        flex-direction: column;
        align-items: stretch;
    }

        .user-next-action button[b-1uuddxzdpe] {
            width: 100%;
        }

    .user-progress-labels[b-1uuddxzdpe] {
        font-size: .65rem;
    }
}

.user-reply-main-btn[b-1uuddxzdpe] {
    font-size: .95rem;
    padding: .85rem 1.1rem;
    border-radius: 15px;
    box-shadow: 0 12px 28px rgba(31, 79, 216, .24);
}

.user-reply-start[b-1uuddxzdpe] {
    background: linear-gradient(135deg, #eef4ff, #ffffff);
    border: 1px solid #dbe4ff;
    border-radius: 20px;
    padding: 1rem;
    align-items: center;
    justify-content: space-between;
}

    .user-reply-start strong[b-1uuddxzdpe] {
        display: block;
        color: #101828;
        font-weight: 900;
        font-size: 1rem;
    }

    .user-reply-start span[b-1uuddxzdpe] {
        display: block;
        margin-top: .25rem;
        color: #667085;
        line-height: 1.35;
    }

.reply-helper-text[b-1uuddxzdpe] {
    margin: .25rem 0 0;
    color: #667085;
    font-size: .88rem;
    line-height: 1.35;
}

.user-send-reply-btn[b-1uuddxzdpe] {
    min-width: 170px;
}

@media (max-width: 700px) {
    .user-reply-start[b-1uuddxzdpe] {
        flex-direction: column;
        align-items: stretch;
    }

        .user-reply-start button[b-1uuddxzdpe],
        .user-reply-main-btn[b-1uuddxzdpe],
        .user-send-reply-btn[b-1uuddxzdpe] {
            width: 100%;
        }

    .reply-header[b-1uuddxzdpe] {
        flex-direction: column;
        align-items: stretch;
    }

        .reply-header .small-btn[b-1uuddxzdpe] {
            width: 100%;
        }
}

.reply-upload-box[b-1uuddxzdpe] {
    border: 2px dashed #b9c7ff;
    background: linear-gradient(135deg, #f8faff, #ffffff);
    border-radius: 18px;
    padding: 1rem;
    display: flex;
    align-items: center;
    gap: 1rem;
    transition: .15s ease;
}

    .reply-upload-box:hover[b-1uuddxzdpe] {
        border-color: #1f4fd8;
        background: #eef4ff;
    }

    .reply-upload-box input[type="file"][b-1uuddxzdpe] {
        max-width: 230px;
    }

.reply-upload-text[b-1uuddxzdpe] {
    display: flex;
    flex-direction: column;
    gap: .2rem;
}

    .reply-upload-text strong[b-1uuddxzdpe] {
        color: #153e75;
        font-weight: 900;
    }

    .reply-upload-text span[b-1uuddxzdpe] {
        color: #475467;
        font-size: .9rem;
        line-height: 1.35;
    }

    .reply-upload-text small[b-1uuddxzdpe] {
        color: #667085;
        font-size: .8rem;
    }

.reply-selected-files[b-1uuddxzdpe] {
    margin-top: .8rem;
    border: 1px solid #e7eaf0;
    border-radius: 18px;
    overflow: hidden;
    background: #ffffff;
}

.reply-selected-head[b-1uuddxzdpe] {
    background: #f8fafc;
    border-bottom: 1px solid #e7eaf0;
    padding: .75rem .9rem;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: .75rem;
}

    .reply-selected-head strong[b-1uuddxzdpe] {
        color: #101828;
        font-weight: 900;
    }

    .reply-selected-head span[b-1uuddxzdpe] {
        color: #667085;
        font-size: .85rem;
        font-weight: 800;
    }

.reply-selected-file[b-1uuddxzdpe] {
    padding: .75rem .9rem;
    border-bottom: 1px solid #f0f2f5;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: .75rem;
}

    .reply-selected-file:last-child[b-1uuddxzdpe] {
        border-bottom: none;
    }

    .reply-selected-file div[b-1uuddxzdpe] {
        min-width: 0;
    }

    .reply-selected-file span[b-1uuddxzdpe] {
        display: block;
        color: #101828;
        font-weight: 800;
        overflow-wrap: anywhere;
    }

    .reply-selected-file small[b-1uuddxzdpe] {
        display: block;
        margin-top: .15rem;
        color: #667085;
    }

.remove-file-btn[b-1uuddxzdpe] {
    border: none;
    background: #fee2e2;
    color: #991b1b;
    border-radius: 10px;
    padding: .45rem .65rem;
    font-weight: 900;
    cursor: pointer;
    font-size: .8rem;
}

    .remove-file-btn:hover[b-1uuddxzdpe] {
        background: #fecaca;
    }

@media (max-width: 700px) {
    .reply-upload-box[b-1uuddxzdpe] {
        flex-direction: column;
        align-items: stretch;
    }

        .reply-upload-box input[type="file"][b-1uuddxzdpe] {
            max-width: 100%;
            width: 100%;
        }

    .reply-selected-head[b-1uuddxzdpe],
    .reply-selected-file[b-1uuddxzdpe] {
        flex-direction: column;
        align-items: flex-start;
    }

    .remove-file-btn[b-1uuddxzdpe] {
        width: 100%;
    }
}

.sla-user-panel[b-1uuddxzdpe] {
    display: flex;
    flex-direction: column;
    gap: 1rem;
}

.sla-user-main-card[b-1uuddxzdpe] {
    background: linear-gradient(135deg, #eef4ff, #ffffff);
    border: 1px solid #dbe4ff;
    border-radius: 22px;
    padding: 1.2rem;
    display: flex;
    gap: 1rem;
    align-items: flex-start;
}

.sla-user-icon[b-1uuddxzdpe] {
    width: 58px;
    height: 58px;
    border-radius: 18px;
    background: #1f4fd8;
    color: white;
    display: grid;
    place-items: center;
    font-size: 1.8rem;
    flex: 0 0 auto;
    box-shadow: 0 12px 28px rgba(31, 79, 216, .22);
}

.sla-user-content[b-1uuddxzdpe] {
    flex: 1;
    min-width: 0;
}

    .sla-user-content h3[b-1uuddxzdpe] {
        margin: .45rem 0 .35rem;
        color: #101828;
        font-size: 1.45rem;
        font-weight: 900;
    }

    .sla-user-content p[b-1uuddxzdpe] {
        margin: 0 0 1rem;
        color: #475467;
        line-height: 1.45;
    }

.sla-user-progress[b-1uuddxzdpe] {
    width: 100%;
    height: 12px;
    background: #e5e7eb;
    border-radius: 999px;
    overflow: hidden;
}

.sla-user-bar-ok[b-1uuddxzdpe],
.sla-user-bar-warning[b-1uuddxzdpe],
.sla-user-bar-danger[b-1uuddxzdpe],
.sla-user-bar-neutral[b-1uuddxzdpe] {
    height: 100%;
    border-radius: 999px;
    transition: width .25s ease;
}

.sla-user-bar-ok[b-1uuddxzdpe] {
    background: linear-gradient(90deg, #1f4fd8, #22c55e);
}

.sla-user-bar-warning[b-1uuddxzdpe] {
    background: linear-gradient(90deg, #f59e0b, #f97316);
}

.sla-user-bar-danger[b-1uuddxzdpe] {
    background: linear-gradient(90deg, #dc2626, #991b1b);
}

.sla-user-bar-neutral[b-1uuddxzdpe] {
    background: #98a2b3;
}

.sla-user-progress-footer[b-1uuddxzdpe] {
    margin-top: .5rem;
    display: flex;
    justify-content: space-between;
    gap: .75rem;
    color: #667085;
    font-weight: 800;
    font-size: .8rem;
}

.sla-user-grid[b-1uuddxzdpe] {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: .85rem;
}

.sla-user-info[b-1uuddxzdpe] {
    background: white;
    border: 1px solid #e7eaf0;
    border-radius: 18px;
    padding: .95rem;
    box-shadow: 0 10px 24px rgba(15, 23, 42, .04);
}

    .sla-user-info span[b-1uuddxzdpe] {
        display: block;
        color: #667085;
        font-weight: 800;
        font-size: .82rem;
        margin-bottom: .35rem;
    }

    .sla-user-info strong[b-1uuddxzdpe] {
        color: #101828;
        font-weight: 900;
        overflow-wrap: anywhere;
    }

.sla-user-note[b-1uuddxzdpe] {
    background: #fff7ed;
    border: 1px solid #fed7aa;
    border-radius: 18px;
    padding: 1rem;
    display: flex;
    flex-direction: column;
    gap: .25rem;
}

    .sla-user-note strong[b-1uuddxzdpe] {
        color: #9a3412;
        font-weight: 900;
    }

    .sla-user-note span[b-1uuddxzdpe] {
        color: #9a3412;
        line-height: 1.4;
    }

@media (max-width: 1000px) {
    .sla-user-grid[b-1uuddxzdpe] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 700px) {
    .sla-user-main-card[b-1uuddxzdpe] {
        flex-direction: column;
    }

    .sla-user-grid[b-1uuddxzdpe] {
        grid-template-columns: 1fr;
    }

    .sla-user-progress-footer[b-1uuddxzdpe] {
        flex-direction: column;
        gap: .25rem;
    }
}

.user-tech-card[b-1uuddxzdpe] {
    background: #ffffff;
    border: 1px solid #e7eaf0;
    border-radius: 22px;
    padding: 1rem;
    display: grid;
    grid-template-columns: auto 1fr auto;
    gap: 1rem;
    align-items: center;
    box-shadow: 0 12px 28px rgba(15, 23, 42, .045);
}

.user-tech-avatar[b-1uuddxzdpe] {
    width: 58px;
    height: 58px;
    border-radius: 999px;
    background: linear-gradient(135deg, #153e75, #1f4fd8);
    color: white;
    display: grid;
    place-items: center;
    font-size: 1.45rem;
    font-weight: 900;
    box-shadow: 0 12px 28px rgba(21, 62, 117, .22);
}

    .user-tech-avatar span[b-1uuddxzdpe] {
        font-size: 1.45rem;
    }

.user-tech-content[b-1uuddxzdpe] {
    min-width: 0;
}

    .user-tech-content > span[b-1uuddxzdpe] {
        display: block;
        color: #667085;
        font-weight: 900;
        font-size: .8rem;
        margin-bottom: .2rem;
    }

    .user-tech-content h3[b-1uuddxzdpe] {
        margin: 0;
        color: #101828;
        font-size: 1.15rem;
        font-weight: 900;
    }

    .user-tech-content p[b-1uuddxzdpe] {
        margin: .25rem 0 .75rem;
        color: #475467;
        line-height: 1.4;
    }

.user-tech-meta[b-1uuddxzdpe] {
    display: flex;
    flex-wrap: wrap;
    gap: .6rem;
}

    .user-tech-meta div[b-1uuddxzdpe] {
        background: #f8fafc;
        border: 1px solid #e7eaf0;
        border-radius: 14px;
        padding: .55rem .7rem;
        min-width: 150px;
    }

    .user-tech-meta small[b-1uuddxzdpe] {
        display: block;
        color: #667085;
        font-weight: 800;
        margin-bottom: .15rem;
    }

    .user-tech-meta strong[b-1uuddxzdpe] {
        display: block;
        color: #101828;
        font-weight: 900;
        overflow-wrap: anywhere;
    }

.user-tech-btn[b-1uuddxzdpe] {
    white-space: nowrap;
}

@media (max-width: 850px) {
    .user-tech-card[b-1uuddxzdpe] {
        grid-template-columns: 1fr;
        text-align: left;
    }

    .user-tech-avatar[b-1uuddxzdpe] {
        width: 52px;
        height: 52px;
    }

    .user-tech-btn[b-1uuddxzdpe] {
        width: 100%;
    }

    .user-tech-meta[b-1uuddxzdpe] {
        flex-direction: column;
    }

        .user-tech-meta div[b-1uuddxzdpe] {
            min-width: 0;
        }
}

.user-state-timeline[b-1uuddxzdpe] {
    margin-top: 1rem;
    display: grid;
    grid-template-columns: auto 1fr auto 1fr auto 1fr auto 1fr auto;
    align-items: start;
    gap: .55rem;
}

.state-step[b-1uuddxzdpe] {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: .25rem;
    text-align: center;
    min-width: 72px;
}

.state-dot[b-1uuddxzdpe] {
    width: 34px;
    height: 34px;
    border-radius: 999px;
    display: grid;
    place-items: center;
    background: #e5e7eb;
    color: #667085;
    font-weight: 900;
    border: 2px solid #d0d5dd;
}

.state-step strong[b-1uuddxzdpe] {
    color: #667085;
    font-size: .78rem;
    font-weight: 900;
}

.state-step span[b-1uuddxzdpe] {
    color: #98a2b3;
    font-size: .68rem;
    font-weight: 700;
    line-height: 1.25;
    max-width: 90px;
}

.state-step.completed .state-dot[b-1uuddxzdpe] {
    background: #dcfce7;
    color: #166534;
    border-color: #86efac;
}

.state-step.completed strong[b-1uuddxzdpe] {
    color: #166534;
}

.state-step.active .state-dot[b-1uuddxzdpe] {
    background: #1f4fd8;
    color: white;
    border-color: #1f4fd8;
    box-shadow: 0 0 0 5px rgba(31, 79, 216, .13);
}

.state-step.active strong[b-1uuddxzdpe] {
    color: #1f4fd8;
}

.state-step.active span[b-1uuddxzdpe] {
    color: #475467;
}

.state-line[b-1uuddxzdpe] {
    height: 4px;
    background: #e5e7eb;
    border-radius: 999px;
    margin-top: 15px;
}

    .state-line.completed[b-1uuddxzdpe] {
        background: linear-gradient(90deg, #1f4fd8, #22c55e);
    }

@media (max-width: 900px) {
    .user-state-timeline[b-1uuddxzdpe] {
        grid-template-columns: 1fr;
        gap: .65rem;
    }

    .state-line[b-1uuddxzdpe] {
        width: 4px;
        height: 20px;
        margin: 0 auto;
    }

    .state-step[b-1uuddxzdpe] {
        background: #f8fafc;
        border: 1px solid #e7eaf0;
        border-radius: 16px;
        padding: .75rem;
        align-items: flex-start;
        text-align: left;
    }

        .state-step span[b-1uuddxzdpe] {
            max-width: none;
        }

    .state-dot[b-1uuddxzdpe] {
        margin-bottom: .2rem;
    }
}


.user-reopen-card[b-1uuddxzdpe] {
    background: #fff7ed;
    border: 1px solid #fed7aa;
    border-radius: 20px;
    padding: 1rem;
    display: flex;
    flex-direction: column;
    gap: .85rem;
}

    .user-reopen-card.compact[b-1uuddxzdpe] {
        margin-bottom: 1rem;
    }

.user-reopen-head[b-1uuddxzdpe] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
}

    .user-reopen-head strong[b-1uuddxzdpe] {
        display: block;
        color: #9a3412;
        font-weight: 900;
    }

    .user-reopen-head span[b-1uuddxzdpe] {
        display: block;
        color: #9a3412;
        margin-top: .2rem;
        line-height: 1.35;
    }

.user-reopen-btn[b-1uuddxzdpe] {
    white-space: nowrap;
}

.user-reopen-form[b-1uuddxzdpe] {
    background: white;
    border: 1px solid #fed7aa;
    border-radius: 16px;
    padding: .9rem;
}

    .user-reopen-form textarea[b-1uuddxzdpe] {
        min-height: 110px;
    }

.user-reopen-actions[b-1uuddxzdpe] {
    display: flex;
    justify-content: flex-end;
    gap: .75rem;
    margin-top: .85rem;
}

.user-reopen-message[b-1uuddxzdpe] {
    background: white;
    border: 1px solid #fed7aa;
    color: #9a3412;
    border-radius: 14px;
    padding: .75rem;
    font-weight: 800;
}

@media (max-width: 700px) {
    .user-reopen-head[b-1uuddxzdpe] {
        flex-direction: column;
        align-items: stretch;
    }

    .user-reopen-actions[b-1uuddxzdpe] {
        flex-direction: column;
    }

        .user-reopen-actions button[b-1uuddxzdpe],
        .user-reopen-btn[b-1uuddxzdpe] {
            width: 100%;
        }
}

.user-rating-card[b-1uuddxzdpe] {
    background: #f8fafc;
    border: 1px solid #e7eaf0;
    border-radius: 20px;
    padding: 1rem;
    display: flex;
    flex-direction: column;
    gap: .85rem;
}

    .user-rating-card.compact[b-1uuddxzdpe] {
        margin-bottom: 1rem;
    }

.user-rating-head[b-1uuddxzdpe] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
}

    .user-rating-head strong[b-1uuddxzdpe] {
        display: block;
        color: #101828;
        font-weight: 900;
    }

    .user-rating-head span[b-1uuddxzdpe] {
        display: block;
        color: #667085;
        margin-top: .2rem;
        line-height: 1.35;
    }

.user-rating-btn[b-1uuddxzdpe] {
    white-space: nowrap;
}

.user-rating-message[b-1uuddxzdpe] {
    background: #ecfdf3;
    border: 1px solid #bbf7d0;
    color: #166534;
    border-radius: 14px;
    padding: .75rem;
    font-weight: 800;
}

.user-rating-form[b-1uuddxzdpe] {
    background: white;
    border: 1px solid #e7eaf0;
    border-radius: 16px;
    padding: .9rem;
}

.rating-user-buttons[b-1uuddxzdpe] {
    display: flex;
    flex-wrap: wrap;
    gap: .5rem;
}

.rating-user-btn[b-1uuddxzdpe] {
    border: 1px solid #e7eaf0;
    background: white;
    color: #667085;
    border-radius: 14px;
    padding: .65rem .85rem;
    font-weight: 900;
    cursor: pointer;
    display: flex;
    align-items: center;
    gap: .35rem;
}

    .rating-user-btn span[b-1uuddxzdpe] {
        color: #f59e0b;
    }

    .rating-user-btn.active[b-1uuddxzdpe] {
        background: #fff7ed;
        border-color: #f59e0b;
        color: #92400e;
        box-shadow: 0 0 0 3px rgba(245, 158, 11, .14);
    }

.rating-text[b-1uuddxzdpe] {
    margin-top: .5rem;
    color: #92400e;
    font-weight: 900;
}

.rating-check[b-1uuddxzdpe] {
    margin: .85rem 0;
}

.user-rating-actions[b-1uuddxzdpe] {
    display: flex;
    justify-content: flex-end;
    gap: .75rem;
    margin-top: .85rem;
}

.user-rating-saved[b-1uuddxzdpe] {
    background: white;
    border: 1px solid #e7eaf0;
    border-radius: 16px;
    padding: .9rem;
    display: flex;
    gap: .9rem;
    align-items: flex-start;
}

.rating-stars[b-1uuddxzdpe] {
    white-space: nowrap;
    font-size: 1.25rem;
}

.star-on[b-1uuddxzdpe] {
    color: #f59e0b;
}

.star-off[b-1uuddxzdpe] {
    color: #d0d5dd;
}

.user-rating-saved strong[b-1uuddxzdpe] {
    display: block;
    color: #101828;
    font-weight: 900;
}

.user-rating-saved span[b-1uuddxzdpe] {
    display: block;
    color: #667085;
    margin-top: .2rem;
}

.user-rating-saved p[b-1uuddxzdpe] {
    color: #344054;
    margin: .45rem 0 0;
    line-height: 1.45;
}

@media (max-width: 700px) {
    .user-rating-head[b-1uuddxzdpe] {
        flex-direction: column;
        align-items: stretch;
    }

    .user-rating-actions[b-1uuddxzdpe] {
        flex-direction: column;
    }

        .user-rating-actions button[b-1uuddxzdpe],
        .user-rating-btn[b-1uuddxzdpe] {
            width: 100%;
        }

    .user-rating-saved[b-1uuddxzdpe] {
        flex-direction: column;
    }

    .rating-user-buttons[b-1uuddxzdpe] {
        display: grid;
        grid-template-columns: repeat(5, minmax(0, 1fr));
    }

    .rating-user-btn[b-1uuddxzdpe] {
        justify-content: center;
        padding: .65rem .4rem;
    }
}

.rich-editor-wrapper[b-1uuddxzdpe] {
    border: 1px solid #d0d5dd;
    border-radius: 16px;
    overflow: hidden;
    background: #ffffff;
}

    .rich-editor-wrapper .ql-toolbar[b-1uuddxzdpe] {
        background: #f8fafc;
        border: none !important;
        border-bottom: 1px solid #e7eaf0 !important;
        padding: .65rem;
    }

    .rich-editor-wrapper .ql-container[b-1uuddxzdpe] {
        border: none !important;
        font-size: .95rem;
    }

    .rich-editor-wrapper .ql-editor[b-1uuddxzdpe] {
        min-height: 160px;
        max-height: 320px;
        overflow-y: auto;
        line-height: 1.55;
        color: #101828;
    }

        .rich-editor-wrapper .ql-editor.ql-blank[b-1uuddxzdpe]::before {
            color: #98a2b3;
            font-style: normal;
        }

.reply-box[b-1uuddxzdpe] {
    background: #ffffff;
    border: 1px solid #e7eaf0;
    border-radius: 20px;
    padding: 1rem;
    margin-top: 1rem;
}

.reply-header[b-1uuddxzdpe] {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    gap: .75rem;
    margin-bottom: .85rem;
}

    .reply-header h3[b-1uuddxzdpe] {
        margin: 0;
        color: #101828;
        font-weight: 900;
    }

.reply-helper-text[b-1uuddxzdpe] {
    margin: .25rem 0 0;
    color: #667085;
    font-size: .88rem;
}

.auto-assign-card[b-1uuddxzdpe] {
    background: #f8fafc;
    border: 1px solid #e7eaf0;
    border-radius: 20px;
    padding: 1rem;
    margin-top: 1rem;
    box-shadow: 0 10px 24px rgba(15, 23, 42, .04);
}

.auto-assign-head[b-1uuddxzdpe] {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    gap: .75rem;
    margin-bottom: .85rem;
}

.auto-assign-label[b-1uuddxzdpe] {
    display: block;
    color: #667085;
    font-size: .78rem;
    font-weight: 900;
    text-transform: uppercase;
    letter-spacing: .04em;
}

.auto-assign-head h3[b-1uuddxzdpe] {
    margin: .15rem 0 0;
    color: #101828;
    font-weight: 900;
}

.auto-assign-badge[b-1uuddxzdpe] {
    border-radius: 999px;
    padding: .35rem .65rem;
    font-size: .75rem;
    font-weight: 900;
    white-space: nowrap;
}

    .auto-assign-badge.auto[b-1uuddxzdpe] {
        background: #dcfce7;
        color: #166534;
    }

    .auto-assign-badge.suggest[b-1uuddxzdpe] {
        background: #fff7ed;
        color: #9a3412;
    }

.auto-assign-grid[b-1uuddxzdpe] {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: .75rem;
}

    .auto-assign-grid div[b-1uuddxzdpe] {
        background: white;
        border: 1px solid #e7eaf0;
        border-radius: 14px;
        padding: .75rem;
    }

    .auto-assign-grid span[b-1uuddxzdpe] {
        display: block;
        color: #667085;
        font-size: .78rem;
        font-weight: 800;
    }

    .auto-assign-grid strong[b-1uuddxzdpe] {
        display: block;
        color: #101828;
        font-weight: 900;
        margin-top: .15rem;
    }

.auto-assign-motive[b-1uuddxzdpe] {
    margin-top: .85rem;
    background: #eef4ff;
    color: #1e3a8a;
    border: 1px solid #bfdbfe;
    border-radius: 14px;
    padding: .75rem;
    font-weight: 800;
    line-height: 1.4;
}

@media (max-width: 800px) {
    .auto-assign-grid[b-1uuddxzdpe] {
        grid-template-columns: 1fr;
    }

    .auto-assign-head[b-1uuddxzdpe] {
        flex-direction: column;
    }
}

.auto-assign-actions[b-1uuddxzdpe] {
    display: flex;
    justify-content: flex-end;
    gap: .65rem;
    margin-top: .9rem;
    flex-wrap: wrap;
}

.auto-assign-message[b-1uuddxzdpe] {
    margin-top: .85rem;
    border-radius: 14px;
    padding: .75rem .85rem;
    font-weight: 900;
    line-height: 1.35;
}

    .auto-assign-message.success[b-1uuddxzdpe] {
        background: #dcfce7;
        border: 1px solid #bbf7d0;
        color: #166534;
    }

    .auto-assign-message.error[b-1uuddxzdpe] {
        background: #fee2e2;
        border: 1px solid #fecaca;
        color: #991b1b;
    }

@media (max-width: 800px) {
    .auto-assign-actions[b-1uuddxzdpe] {
        flex-direction: column;
    }

        .auto-assign-actions button[b-1uuddxzdpe] {
            width: 100%;
        }
}

.ai-card p[b-1uuddxzdpe] {
    color: #667085;
    font-weight: 700;
    line-height: 1.4;
}

.ai-result[b-1uuddxzdpe] {
    display: flex;
    flex-direction: column;
    gap: .75rem;
    margin-top: .9rem;
}

    .ai-result div[b-1uuddxzdpe] {
        background: #f8fafc;
        border: 1px solid #e7eaf0;
        border-radius: 14px;
        padding: .75rem;
    }

    .ai-result span[b-1uuddxzdpe] {
        display: block;
        color: #153e75;
        font-size: .75rem;
        font-weight: 950;
        text-transform: uppercase;
        margin-bottom: .35rem;
    }

    .ai-result p[b-1uuddxzdpe] {
        margin: 0;
        color: #344054;
        font-weight: 700;
        line-height: 1.45;
        white-space: pre-wrap;
    }

.ai-tags[b-1uuddxzdpe] {
    display: flex;
    flex-direction: column;
    gap: .4rem;
}

    .ai-tags span[b-1uuddxzdpe] {
        margin: 0;
        text-transform: none;
        color: #344054;
    }

.ai-error[b-1uuddxzdpe] {
    background: #fee2e2;
    border: 1px solid #fecaca;
    color: #991b1b;
    border-radius: 14px;
    padding: .75rem;
    margin: .7rem 0;
    font-weight: 900;
}


.ai-meta[b-1uuddxzdpe] {
    background: #eef2ff !important;
    border-color: #c7d2fe !important;
}

    .ai-meta span[b-1uuddxzdpe] {
        color: #3730a3 !important;
    }

    .ai-meta strong[b-1uuddxzdpe] {
        display: block;
        color: #101828;
        font-weight: 950;
    }

    .ai-meta small[b-1uuddxzdpe] {
        display: block;
        margin-top: .2rem;
        color: #667085;
        font-weight: 800;
    }

.ai-history[b-1uuddxzdpe] {
    display: flex;
    flex-direction: column;
    gap: .45rem;
    margin-top: .9rem;
}

    .ai-history > span[b-1uuddxzdpe] {
        color: #153e75;
        font-size: .75rem;
        font-weight: 950;
        text-transform: uppercase;
    }

.ai-history-item[b-1uuddxzdpe] {
    border: 1px solid #e7eaf0;
    background: #f8fafc;
    border-radius: 12px;
    padding: .55rem .65rem;
    text-align: left;
    cursor: pointer;
}

    .ai-history-item:hover[b-1uuddxzdpe] {
        background: #eef2ff;
        border-color: #c7d2fe;
    }

    .ai-history-item strong[b-1uuddxzdpe] {
        display: block;
        color: #101828;
        font-weight: 950;
    }

    .ai-history-item small[b-1uuddxzdpe] {
        display: block;
        color: #667085;
        font-weight: 800;
        margin-top: .15rem;
    }

.ai-response-actions[b-1uuddxzdpe] {
    display: flex;
    gap: .5rem;
    flex-wrap: wrap;
    margin-top: .7rem;
}

.ai-mini-btn[b-1uuddxzdpe] {
    border: none;
    border-radius: 999px;
    background: #eef2ff;
    color: #3730a3;
    padding: .45rem .75rem;
    font-size: .78rem;
    font-weight: 900;
    cursor: pointer;
}

    .ai-mini-btn:hover[b-1uuddxzdpe] {
        background: #c7d2fe;
    }

    .ai-mini-btn.primary[b-1uuddxzdpe] {
        background: #153e75;
        color: white;
    }

        .ai-mini-btn.primary:hover[b-1uuddxzdpe] {
            background: #0f2f59;
        }



.ai-apply-box[b-1uuddxzdpe] {
    margin-top: .75rem;
    display: flex;
    flex-direction: column;
    gap: .55rem;
}

.ai-apply-message[b-1uuddxzdpe] {
    background: #eef2ff;
    border: 1px solid #c7d2fe;
    color: #3730a3;
    border-radius: 12px;
    padding: .55rem .7rem;
    font-weight: 900;
    font-size: .82rem;
}

.kb-from-ticket-card p[b-1uuddxzdpe] {
    color: #667085;
    font-weight: 700;
    line-height: 1.4;
}

.kb-ticket-modal[b-1uuddxzdpe] {
    width: min(780px, 100%);
    max-height: 90vh;
    overflow: auto;
    background: white;
    border-radius: 24px;
    padding: 1.2rem;
    box-shadow: 0 24px 70px rgba(15, 23, 42, .25);
}

.kb-ticket-modal-header[b-1uuddxzdpe] {
    display: flex;
    justify-content: space-between;
    gap: 1rem;
    align-items: flex-start;
    margin-bottom: 1rem;
}

    .kb-ticket-modal-header span[b-1uuddxzdpe] {
        display: block;
        color: #153e75;
        font-size: .78rem;
        font-weight: 950;
        text-transform: uppercase;
    }

    .kb-ticket-modal-header h3[b-1uuddxzdpe] {
        margin: .2rem 0 0;
        color: #101828;
        font-weight: 950;
    }

.form-row[b-1uuddxzdpe] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: .75rem;
}

.textarea-sm[b-1uuddxzdpe] {
    min-height: 70px;
}

.textarea-md[b-1uuddxzdpe] {
    min-height: 120px;
}

.textarea-lg[b-1uuddxzdpe] {
    min-height: 170px;
}

.check-grid[b-1uuddxzdpe] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: .75rem;
    margin-top: .6rem;
}

.check-card[b-1uuddxzdpe] {
    border: 1px solid #e7eaf0;
    background: #f8fafc;
    border-radius: 16px;
    padding: .85rem;
    display: flex;
    align-items: flex-start;
    gap: .7rem;
    cursor: pointer;
}

    .check-card input[b-1uuddxzdpe] {
        margin-top: .25rem;
    }

    .check-card strong[b-1uuddxzdpe] {
        display: block;
        color: #101828;
        font-weight: 950;
    }

    .check-card small[b-1uuddxzdpe] {
        display: block;
        color: #667085;
        font-weight: 700;
        margin-top: .15rem;
    }

.modal-actions[b-1uuddxzdpe] {
    display: flex;
    justify-content: flex-end;
    gap: .7rem;
    margin-top: 1rem;
}

@media (max-width: 700px) {
    .form-row[b-1uuddxzdpe],
    .check-grid[b-1uuddxzdpe] {
        grid-template-columns: 1fr;
    }

    .modal-actions[b-1uuddxzdpe] {
        flex-direction: column;
    }
}


.ticket-chat-panel[b-1uuddxzdpe] {
    display: flex;
    flex-direction: column;
    gap: 1rem;
}

.ticket-chat-head[b-1uuddxzdpe] {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    gap: 1rem;
}

    .ticket-chat-head h3[b-1uuddxzdpe] {
        margin: 0;
        color: #101828;
        font-weight: 950;
    }

    .ticket-chat-head p[b-1uuddxzdpe] {
        margin: .25rem 0 0;
        color: #667085;
        font-weight: 700;
    }

.chat-status[b-1uuddxzdpe] {
    border-radius: 999px;
    padding: .35rem .65rem;
    font-size: .78rem;
    font-weight: 950;
    white-space: nowrap;
}

    .chat-status.online[b-1uuddxzdpe] {
        background: #dcfce7;
        color: #166534;
    }

    .chat-status.offline[b-1uuddxzdpe] {
        background: #fee2e2;
        color: #991b1b;
    }

.ticket-chat-list[b-1uuddxzdpe] {
    border: 1px solid #e7eaf0;
    background: #f8fafc;
    border-radius: 18px;
    padding: 1rem;
    height: 430px;
    overflow-y: auto;
    display: flex;
    flex-direction: column;
    gap: .75rem;
}

.chat-empty[b-1uuddxzdpe] {
    border: 1px dashed #d0d5dd;
    border-radius: 16px;
    background: white;
    color: #667085;
    padding: 1rem;
    text-align: center;
    font-weight: 900;
}

.ticket-chat-message[b-1uuddxzdpe] {
    display: flex;
    gap: .65rem;
    align-items: flex-start;
    max-width: 78%;
}

    .ticket-chat-message.mine[b-1uuddxzdpe] {
        margin-left: auto;
        flex-direction: row-reverse;
    }

.chat-avatar[b-1uuddxzdpe] {
    width: 36px;
    height: 36px;
    border-radius: 999px;
    background: #153e75;
    color: white;
    display: grid;
    place-items: center;
    font-weight: 950;
    flex-shrink: 0;
}

.ticket-chat-message.mine .chat-avatar[b-1uuddxzdpe] {
    background: #facc15;
    color: #101828;
}

.chat-bubble[b-1uuddxzdpe] {
    background: white;
    border: 1px solid #e7eaf0;
    border-radius: 18px;
    padding: .75rem;
    box-shadow: 0 10px 24px rgba(15, 23, 42, .045);
}

.ticket-chat-message.mine .chat-bubble[b-1uuddxzdpe] {
    background: #eef2ff;
    border-color: #c7d2fe;
}

.chat-message-head[b-1uuddxzdpe] {
    display: flex;
    justify-content: space-between;
    gap: .7rem;
    margin-bottom: .35rem;
}

    .chat-message-head strong[b-1uuddxzdpe] {
        color: #101828;
        font-weight: 950;
    }

    .chat-message-head small[b-1uuddxzdpe] {
        color: #667085;
        font-weight: 750;
        white-space: nowrap;
    }

.chat-bubble p[b-1uuddxzdpe] {
    margin: 0;
    color: #344054;
    font-weight: 750;
    line-height: 1.4;
    white-space: pre-wrap;
}

.ticket-chat-compose[b-1uuddxzdpe] {
    display: grid;
    grid-template-columns: 1fr auto;
    gap: .75rem;
    align-items: stretch;
}

.chat-input[b-1uuddxzdpe] {
    min-height: 74px;
    resize: vertical;
}

@media (max-width: 760px) {
    .ticket-chat-head[b-1uuddxzdpe],
    .ticket-chat-compose[b-1uuddxzdpe] {
        grid-template-columns: 1fr;
        display: flex;
        flex-direction: column;
    }

    .ticket-chat-message[b-1uuddxzdpe],
    .ticket-chat-message.mine[b-1uuddxzdpe] {
        max-width: 100%;
    }
}



.presence-small-dot.online[b-1uuddxzdpe] {
    background: #16a34a;
}

.presence-small-dot.busy[b-1uuddxzdpe] {
    background: #dc2626;
}

.presence-small-dot.away[b-1uuddxzdpe] {
    background: #f59e0b;
}

.presence-small-dot.offline[b-1uuddxzdpe] {
    background: #94a3b8;
}


.tab-counter[b-1uuddxzdpe] {
    min-width: 20px;
    height: 20px;
    padding: 0 .4rem;
    border-radius: 999px;
    background: #dc2626;
    color: white;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-size: .72rem;
    font-weight: 950;
    margin-left: .35rem;
}

.chat-team-panel[b-1uuddxzdpe] {
    background: #f8fafc;
    border: 1px solid #e7eaf0;
    border-radius: 20px;
    padding: 1rem;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, .8);
}

.chat-team-header[b-1uuddxzdpe] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 1rem;
    margin-bottom: .85rem;
}

    .chat-team-header strong[b-1uuddxzdpe] {
        display: block;
        color: #101828;
        font-weight: 950;
        font-size: .95rem;
    }

    .chat-team-header span[b-1uuddxzdpe] {
        display: block;
        color: #667085;
        font-weight: 800;
        font-size: .8rem;
        margin-top: .15rem;
    }

.chat-team-pill[b-1uuddxzdpe] {
    border-radius: 999px;
    background: white;
    border: 1px solid #e7eaf0;
    color: #344054 !important;
    padding: .4rem .7rem;
    font-size: .75rem !important;
    font-weight: 950 !important;
    white-space: nowrap;
}

.chat-team-grid[b-1uuddxzdpe] {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(230px, 1fr));
    gap: .65rem;
}

.tech-presence-card[b-1uuddxzdpe] {
    min-height: 62px;
    background: white;
    border: 1px solid #e7eaf0;
    border-radius: 16px;
    padding: .65rem;
    display: grid;
    grid-template-columns: 40px 1fr;
    align-items: center;
    gap: .65rem;
    box-shadow: 0 10px 24px rgba(15, 23, 42, .045);
}

    .tech-presence-card.assigned[b-1uuddxzdpe] {
        border-color: #153e75;
        box-shadow: 0 12px 30px rgba(21, 62, 117, .12);
    }

    .tech-presence-card.online[b-1uuddxzdpe] {
        background: linear-gradient(180deg, #ffffff 0%, #f0fdf4 100%);
    }

    .tech-presence-card.busy[b-1uuddxzdpe] {
        background: linear-gradient(180deg, #ffffff 0%, #fef2f2 100%);
    }

    .tech-presence-card.away[b-1uuddxzdpe] {
        background: linear-gradient(180deg, #ffffff 0%, #fffbeb 100%);
    }

    .tech-presence-card.offline[b-1uuddxzdpe] {
        opacity: .72;
    }

.tech-avatar-small[b-1uuddxzdpe] {
    width: 40px;
    height: 40px;
    border-radius: 999px;
    background: #153e75;
    color: white;
    display: grid;
    place-items: center;
    font-weight: 950;
    font-size: .85rem;
}

.tech-presence-card.online .tech-avatar-small[b-1uuddxzdpe] {
    background: #16a34a;
}

.tech-presence-card.busy .tech-avatar-small[b-1uuddxzdpe] {
    background: #dc2626;
}

.tech-presence-card.away .tech-avatar-small[b-1uuddxzdpe] {
    background: #f59e0b;
    color: #101828;
}

.tech-presence-card.offline .tech-avatar-small[b-1uuddxzdpe] {
    background: #94a3b8;
}

.tech-presence-info[b-1uuddxzdpe] {
    min-width: 0;
}

    .tech-presence-info strong[b-1uuddxzdpe] {
        display: block;
        color: #101828;
        font-weight: 950;
        font-size: .88rem;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
    }

    .tech-presence-info span[b-1uuddxzdpe] {
        display: inline-flex;
        align-items: center;
        gap: .35rem;
        color: #667085;
        font-weight: 850;
        font-size: .78rem;
        margin-top: .2rem;
    }

.presence-small-dot[b-1uuddxzdpe] {
    width: 9px;
    height: 9px;
    border-radius: 999px;
    display: inline-block;
    flex-shrink: 0;
}

    .presence-small-dot.online[b-1uuddxzdpe] {
        background: #16a34a;
    }

    .presence-small-dot.busy[b-1uuddxzdpe] {
        background: #dc2626;
    }

    .presence-small-dot.away[b-1uuddxzdpe] {
        background: #f59e0b;
    }

    .presence-small-dot.offline[b-1uuddxzdpe] {
        background: #94a3b8;
    }

@media (max-width: 760px) {
    .chat-team-header[b-1uuddxzdpe] {
        align-items: flex-start;
        flex-direction: column;
    }

    .chat-team-grid[b-1uuddxzdpe] {
        grid-template-columns: 1fr;
    }
}
/* Adjuntos enterprise agrupados por mensaje */
.attachment-panel-head[b-1uuddxzdpe] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 1rem;
    margin-bottom: 1rem;
}

    .attachment-panel-head h3[b-1uuddxzdpe] {
        margin: 0;
    }

    .attachment-panel-head p[b-1uuddxzdpe] {
        margin: .3rem 0 0;
        color: #667085;
    }

.attachment-total-badge[b-1uuddxzdpe] {
    flex: 0 0 auto;
    padding: .45rem .7rem;
    border-radius: 999px;
    background: #eef2ff;
    color: #3730a3;
    font-size: .82rem;
    font-weight: 900;
}

.attachment-empty-state[b-1uuddxzdpe] {
    min-height: 180px;
    border: 1px dashed #cfd6e4;
    border-radius: 18px;
    background: #f8fafc;
    padding: 1.5rem;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    text-align: center;
    gap: .4rem;
}

    .attachment-empty-state > span[b-1uuddxzdpe] {
        font-size: 2.25rem;
    }

    .attachment-empty-state strong[b-1uuddxzdpe] {
        color: #101828;
    }

    .attachment-empty-state small[b-1uuddxzdpe] {
        max-width: 620px;
        color: #667085;
    }

.attachment-message-group + .attachment-message-group[b-1uuddxzdpe] {
    margin-top: 1.2rem;
    padding-top: 1.2rem;
    border-top: 1px solid #e7eaf0;
}

.attachment-group-head[b-1uuddxzdpe] {
    margin-bottom: .75rem;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
}

    .attachment-group-head > div[b-1uuddxzdpe] {
        min-width: 0;
        display: flex;
        flex-direction: column;
        gap: .2rem;
    }

    .attachment-group-head strong[b-1uuddxzdpe] {
        color: #101828;
        font-weight: 900;
    }

    .attachment-group-head small[b-1uuddxzdpe],
    .attachment-group-head > span[b-1uuddxzdpe] {
        color: #667085;
        font-size: .82rem;
    }

.attachment-enterprise-grid[b-1uuddxzdpe] {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(225px, 1fr));
    gap: .8rem;
}

.attachment-enterprise-card[b-1uuddxzdpe] {
    overflow: hidden;
    border: 1px solid #e7eaf0;
    border-radius: 16px;
    background: #fff;
    box-shadow: 0 8px 24px rgba(16, 24, 40, .05);
}

.attachment-card-visual[b-1uuddxzdpe] {
    width: 100%;
    height: 145px;
    border: 0;
    border-bottom: 1px solid #e7eaf0;
    background: #f8fafc;
    display: grid;
    place-items: center;
    cursor: pointer;
    overflow: hidden;
}

    .attachment-card-visual:disabled[b-1uuddxzdpe] {
        cursor: default;
    }

    .attachment-card-visual > span[b-1uuddxzdpe] {
        font-size: 3rem;
    }

    .attachment-card-visual img[b-1uuddxzdpe] {
        width: 100%;
        height: 100%;
        object-fit: contain;
        background: #fff;
    }

.attachment-card-content[b-1uuddxzdpe] {
    padding: .8rem;
    display: flex;
    flex-direction: column;
    gap: .28rem;
}

    .attachment-card-content > strong[b-1uuddxzdpe] {
        color: #101828;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }

    .attachment-card-content > small[b-1uuddxzdpe] {
        color: #667085;
        overflow-wrap: anywhere;
    }

.attachment-card-actions[b-1uuddxzdpe] {
    margin-top: .35rem;
    display: flex;
    gap: .45rem;
    flex-wrap: wrap;
}

@media (max-width: 700px) {
    .attachment-panel-head[b-1uuddxzdpe],
    .attachment-group-head[b-1uuddxzdpe] {
        align-items: flex-start;
        flex-direction: column;
    }

    .attachment-enterprise-grid[b-1uuddxzdpe] {
        grid-template-columns: 1fr;
    }
}

/* =========================================================
   CONTENCION REAL DEL HTML DINAMICO DE CORREOS
   Importante: este archivo usa CSS aislado de Blazor.
   Por eso se utiliza ::deep para alcanzar el HTML generado
   mediante MarkupString.
   ========================================================= */

.portal-conversation[b-1uuddxzdpe],
.portal-message[b-1uuddxzdpe],
.portal-message-bubble[b-1uuddxzdpe],
.ticket-message-body[b-1uuddxzdpe] {
    width: 100%;
    min-width: 0 !important;
    max-width: 100% !important;
    box-sizing: border-box;
}

.portal-conversation[b-1uuddxzdpe],
.portal-message-bubble[b-1uuddxzdpe] {
    overflow-x: hidden !important;
}

.ticket-message-body[b-1uuddxzdpe] {
    display: block;
    overflow: hidden !important;
    overflow-wrap: anywhere !important;
    word-break: break-word !important;
}

    /* Imágenes insertadas dentro del HTML dinámico */
    .ticket-message-body[b-1uuddxzdpe]  img,
    .portal-conversation[b-1uuddxzdpe]  img {
        display: block !important;
        width: 100% !important;
        min-width: 0 !important;
        max-width: 100% !important;
        height: auto !important;
        max-height: none !important;
        object-fit: contain !important;
        object-position: left top !important;
        box-sizing: border-box !important;
        margin: .65rem 0 !important;
        border-radius: 10px;
    }

        /* Neutraliza width/height y estilos inline heredados de Outlook, Word o Quill */
        .ticket-message-body[b-1uuddxzdpe]  img[width],
        .ticket-message-body[b-1uuddxzdpe]  img[height],
        .ticket-message-body[b-1uuddxzdpe]  img[style],
        .portal-conversation[b-1uuddxzdpe]  img[width],
        .portal-conversation[b-1uuddxzdpe]  img[height],
        .portal-conversation[b-1uuddxzdpe]  img[style] {
            width: 100% !important;
            min-width: 0 !important;
            max-width: 100% !important;
            height: auto !important;
        }

    /* Contenedores internos con anchos fijos */
    .ticket-message-body[b-1uuddxzdpe]  div,
    .ticket-message-body[b-1uuddxzdpe]  section,
    .ticket-message-body[b-1uuddxzdpe]  article,
    .ticket-message-body[b-1uuddxzdpe]  figure,
    .ticket-message-body[b-1uuddxzdpe]  p,
    .ticket-message-body[b-1uuddxzdpe]  span {
        min-width: 0 !important;
        max-width: 100% !important;
        box-sizing: border-box !important;
    }

    /* Tablas de correos */
    .ticket-message-body[b-1uuddxzdpe]  table,
    .portal-conversation[b-1uuddxzdpe]  table {
        width: 100% !important;
        min-width: 0 !important;
        max-width: 100% !important;
        table-layout: fixed !important;
        border-collapse: collapse !important;
        box-sizing: border-box !important;
    }

    .ticket-message-body[b-1uuddxzdpe]  tbody,
    .ticket-message-body[b-1uuddxzdpe]  thead,
    .ticket-message-body[b-1uuddxzdpe]  tr,
    .ticket-message-body[b-1uuddxzdpe]  td,
    .ticket-message-body[b-1uuddxzdpe]  th {
        min-width: 0 !important;
        max-width: 100% !important;
        box-sizing: border-box !important;
    }

    .ticket-message-body[b-1uuddxzdpe]  td,
    .ticket-message-body[b-1uuddxzdpe]  th {
        overflow-wrap: anywhere !important;
        word-break: break-word !important;
    }

    /* Bloques técnicos y enlaces largos */
    .ticket-message-body[b-1uuddxzdpe]  pre,
    .ticket-message-body[b-1uuddxzdpe]  code {
        max-width: 100% !important;
        overflow-x: auto !important;
        white-space: pre-wrap !important;
        word-break: break-word !important;
    }

    .ticket-message-body[b-1uuddxzdpe]  a {
        max-width: 100% !important;
        overflow-wrap: anywhere !important;
        word-break: break-all !important;
    }


/* Cierre directo para tickets que no corresponden a soporte */
.quick-close-zone[b-1uuddxzdpe] {
    margin-top: 1rem;
    padding-top: 1rem;
    border-top: 1px solid #e7eaf0;
    display: grid;
    gap: .7rem;
}

.quick-close-copy[b-1uuddxzdpe] {
    display: grid;
    gap: .2rem;
}

.quick-close-copy strong[b-1uuddxzdpe] {
    color: #7f1d1d;
    font-size: .82rem;
    font-weight: 900;
}

.quick-close-copy span[b-1uuddxzdpe] {
    color: #667085;
    font-size: .76rem;
    line-height: 1.35;
}

.btn-close-no-alert[b-1uuddxzdpe] {
    border: 1px solid #fecaca;
    background: #fff1f2;
    color: #991b1b;
    border-radius: 12px;
    min-height: 42px;
    padding: .65rem .85rem;
    font-weight: 900;
    cursor: pointer;
    transition: .15s ease;
}

.btn-close-no-alert:hover[b-1uuddxzdpe] {
    background: #fee2e2;
    border-color: #fca5a5;
}

.reply-email-options[b-1uuddxzdpe] {
    display: grid;
    gap: .65rem;
    padding: .8rem;
    margin-bottom: .9rem;
    border: 1px solid #dbe5f3;
    border-radius: 12px;
    background: #f8fafc;
}

.reply-mode-selector[b-1uuddxzdpe] {
    display: flex;
    flex-wrap: wrap;
    gap: .5rem;
}

.reply-mode-btn[b-1uuddxzdpe] {
    border: 1px solid #cbd5e1;
    border-radius: 10px;
    background: #fff;
    color: #334155;
    padding: .55rem .8rem;
    font-weight: 800;
    cursor: pointer;
    transition: .15s ease;
}

.reply-mode-btn:hover[b-1uuddxzdpe] {
    border-color: #1f467f;
    color: #173b70;
}

.reply-mode-btn.active[b-1uuddxzdpe] {
    border-color: #173b70;
    background: #173b70;
    color: #fff;
    box-shadow: 0 5px 14px rgba(23, 59, 112, .18);
}

.reply-recipients-summary[b-1uuddxzdpe] {
    display: grid;
    gap: .3rem;
    color: #475569;
    font-size: .82rem;
}

.reply-recipients-summary > div[b-1uuddxzdpe] {
    display: flex;
    gap: .35rem;
    min-width: 0;
}

.reply-recipients-summary strong[b-1uuddxzdpe] {
    flex: 0 0 auto;
    color: #1e293b;
}

.reply-recipients-summary span[b-1uuddxzdpe] {
    overflow-wrap: anywhere;
}

html[data-theme="dark"] .reply-email-options[b-1uuddxzdpe] {
    border-color: #334155;
    background: #111827;
}

html[data-theme="dark"] .reply-mode-btn[b-1uuddxzdpe] {
    border-color: #475569;
    background: #1e293b;
    color: #e2e8f0;
}

html[data-theme="dark"] .reply-mode-btn.active[b-1uuddxzdpe] {
    border-color: #7aa2e3;
    background: #244f8f;
    color: #fff;
}

html[data-theme="dark"] .reply-recipients-summary[b-1uuddxzdpe],
html[data-theme="dark"] .reply-recipients-summary strong[b-1uuddxzdpe] {
    color: #cbd5e1;
}
/* _content/PelsaServiceDesk/Components/Shared/ChatEnLinea.razor.rz.scp.css */
.global-chat-widget[b-aobn9tdait] {
    position: relative;
}

.global-chat-btn[b-aobn9tdait] {
    width: 48px;
    height: 48px;
    border-radius: 16px;
    border: 1px solid #e7eaf0;
    background: white;
    display: grid;
    place-items: center;
    position: relative;
    cursor: pointer;
    box-shadow: 0 10px 24px rgba(15, 23, 42, .06);
}

    .global-chat-btn span[b-aobn9tdait] {
        font-size: 1.1rem;
    }

    .global-chat-btn strong[b-aobn9tdait] {
        position: absolute;
        top: -8px;
        right: -8px;
        min-width: 22px;
        height: 22px;
        border-radius: 999px;
        background: #dc2626;
        color: white;
        font-size: .72rem;
        display: grid;
        place-items: center;
        font-weight: 950;
    }

.global-chat-backdrop[b-aobn9tdait] {
    position: fixed;
    inset: 0;
    background: rgba(15, 23, 42, .35);
    z-index: 6000;
    display: flex;
    justify-content: flex-end;
    align-items: flex-start;
    padding: 5.5rem 1.2rem 1.2rem;
}

.global-chat-modal[b-aobn9tdait] {
    width: min(860px, 100%);
    height: min(720px, calc(100vh - 7rem));
    background: white;
    border-radius: 24px;
    box-shadow: 0 28px 80px rgba(15, 23, 42, .28);
    display: flex;
    flex-direction: column;
    overflow: hidden;
}

.global-chat-header[b-aobn9tdait] {
    padding: 1rem 1.15rem;
    border-bottom: 1px solid #e7eaf0;
    display: flex;
    justify-content: space-between;
    gap: 1rem;
    align-items: flex-start;
}

    .global-chat-header span[b-aobn9tdait] {
        display: block;
        color: #667085;
        font-weight: 800;
        font-size: .8rem;
    }

    .global-chat-header h3[b-aobn9tdait] {
        margin: .15rem 0 0;
        color: #101828;
        font-weight: 950;
    }

.global-chat-close[b-aobn9tdait] {
    border: none;
    background: #f8fafc;
    width: 34px;
    height: 34px;
    border-radius: 999px;
    font-size: 1.25rem;
    cursor: pointer;
    color: #344054;
}

.global-chat-alert[b-aobn9tdait] {
    margin: .75rem 1rem 0;
    background: #fef2f2;
    border: 1px solid #fecaca;
    color: #991b1b;
    border-radius: 14px;
    padding: .65rem .8rem;
    font-weight: 850;
}

.global-chat-tech-layout[b-aobn9tdait] {
    flex: 1;
    min-height: 0;
    display: grid;
    grid-template-columns: 280px 1fr;
}

.global-chat-sessions[b-aobn9tdait] {
    border-right: 1px solid #e7eaf0;
    background: #f8fafc;
    padding: .85rem;
    overflow-y: auto;
}

.global-chat-section-title[b-aobn9tdait] {
    color: #344054;
    font-weight: 950;
    font-size: .85rem;
    margin-bottom: .7rem;
}

.global-chat-session[b-aobn9tdait] {
    width: 100%;
    border: 1px solid #e7eaf0;
    background: white;
    border-radius: 16px;
    padding: .75rem;
    text-align: left;
    cursor: pointer;
    margin-bottom: .6rem;
    display: block;
}

    .global-chat-session.active[b-aobn9tdait] {
        border-color: #153e75;
        box-shadow: 0 12px 30px rgba(21, 62, 117, .13);
    }

    .global-chat-session.pending[b-aobn9tdait] {
        border-color: #f59e0b;
    }

    .global-chat-session strong[b-aobn9tdait] {
        display: block;
        color: #101828;
        font-weight: 950;
    }

    .global-chat-session span[b-aobn9tdait] {
        display: block;
        color: #667085;
        font-size: .76rem;
        font-weight: 800;
        margin-top: .2rem;
    }

    .global-chat-session small[b-aobn9tdait] {
        display: block;
        color: #344054;
        font-weight: 700;
        margin-top: .45rem;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
    }

.global-chat-conversation[b-aobn9tdait],
.global-chat-user-layout[b-aobn9tdait] {
    flex: 1;
    min-height: 0;
    display: flex;
    flex-direction: column;
}

.global-chat-start[b-aobn9tdait] {
    padding: 1.2rem;
}

    .global-chat-start h4[b-aobn9tdait] {
        margin: 0;
        color: #101828;
        font-weight: 950;
        font-size: 1.25rem;
    }

    .global-chat-start p[b-aobn9tdait] {
        color: #667085;
        font-weight: 750;
    }

.global-chat-textarea[b-aobn9tdait] {
    width: 100%;
    min-height: 150px;
    border: 1px solid #d0d5dd;
    border-radius: 16px;
    padding: .9rem;
    resize: vertical;
    font-weight: 750;
}

.global-chat-primary[b-aobn9tdait] {
    margin-top: .8rem;
    border: none;
    background: #153e75;
    color: white;
    border-radius: 14px;
    padding: .8rem 1rem;
    font-weight: 950;
    cursor: pointer;
}

.global-chat-box[b-aobn9tdait] {
    flex: 1;
    min-height: 0;
    display: flex;
    flex-direction: column;
}

.global-chat-current-head[b-aobn9tdait] {
    border-bottom: 1px solid #e7eaf0;
    padding: .85rem 1rem;
    display: flex;
    justify-content: space-between;
    gap: 1rem;
    align-items: center;
}

    .global-chat-current-head strong[b-aobn9tdait] {
        display: block;
        color: #101828;
        font-weight: 950;
    }

    .global-chat-current-head span[b-aobn9tdait] {
        display: block;
        color: #667085;
        font-weight: 800;
        font-size: .8rem;
        margin-top: .15rem;
    }

.global-chat-take[b-aobn9tdait] {
    border: none;
    background: #f59e0b;
    color: #101828;
    border-radius: 999px;
    padding: .55rem .85rem;
    font-weight: 950;
    cursor: pointer;
}

.global-chat-messages[b-aobn9tdait] {
    flex: 1;
    min-height: 0;
    overflow-y: auto;
    padding: 1rem;
    background: #f8fafc;
    display: flex;
    flex-direction: column;
    gap: .7rem;
}

.global-chat-empty[b-aobn9tdait] {
    border: 1px dashed #d0d5dd;
    border-radius: 16px;
    background: white;
    color: #667085;
    padding: 1rem;
    text-align: center;
    font-weight: 900;
}

.global-chat-message[b-aobn9tdait] {
    display: flex;
    gap: .6rem;
    max-width: 78%;
}

    .global-chat-message.mine[b-aobn9tdait] {
        margin-left: auto;
        flex-direction: row-reverse;
    }

    .global-chat-message.system[b-aobn9tdait] {
        margin: 0 auto;
        max-width: 90%;
    }

.global-chat-avatar[b-aobn9tdait] {
    width: 34px;
    height: 34px;
    border-radius: 999px;
    background: #153e75;
    color: white;
    display: grid;
    place-items: center;
    font-weight: 950;
    flex-shrink: 0;
}

.global-chat-message.mine .global-chat-avatar[b-aobn9tdait] {
    background: #facc15;
    color: #101828;
}

.global-chat-message.system .global-chat-avatar[b-aobn9tdait] {
    display: none;
}

.global-chat-bubble[b-aobn9tdait] {
    background: white;
    border: 1px solid #e7eaf0;
    border-radius: 18px;
    padding: .7rem .8rem;
    box-shadow: 0 10px 24px rgba(15, 23, 42, .04);
}

.global-chat-message.mine .global-chat-bubble[b-aobn9tdait] {
    background: #eef2ff;
    border-color: #c7d2fe;
}

.global-chat-message.system .global-chat-bubble[b-aobn9tdait] {
    background: #fffbeb;
    border-color: #fde68a;
    text-align: center;
}

.global-chat-msg-head[b-aobn9tdait] {
    display: flex;
    justify-content: space-between;
    gap: .8rem;
    margin-bottom: .35rem;
}

    .global-chat-msg-head strong[b-aobn9tdait] {
        color: #101828;
        font-weight: 950;
    }

    .global-chat-msg-head small[b-aobn9tdait] {
        color: #667085;
        font-weight: 750;
        white-space: nowrap;
    }

.global-chat-bubble p[b-aobn9tdait] {
    margin: 0;
    color: #344054;
    white-space: pre-wrap;
    font-weight: 750;
    line-height: 1.4;
}

.global-chat-compose[b-aobn9tdait] {
    border-top: 1px solid #e7eaf0;
    padding: .85rem;
    display: grid;
    grid-template-columns: 1fr auto;
    gap: .65rem;
    background: white;
}

.global-chat-input[b-aobn9tdait] {
    min-height: 58px;
    border: 1px solid #d0d5dd;
    border-radius: 14px;
    padding: .75rem;
    resize: vertical;
}

.global-chat-send[b-aobn9tdait] {
    border: none;
    background: #153e75;
    color: white;
    border-radius: 14px;
    padding: 0 1rem;
    font-weight: 950;
    cursor: pointer;
}

@media (max-width: 780px) {
    .global-chat-backdrop[b-aobn9tdait] {
        padding: 4.5rem .6rem .6rem;
    }

    .global-chat-modal[b-aobn9tdait] {
        height: calc(100vh - 5rem);
    }

    .global-chat-tech-layout[b-aobn9tdait] {
        grid-template-columns: 1fr;
    }

    .global-chat-sessions[b-aobn9tdait] {
        max-height: 190px;
        border-right: none;
        border-bottom: 1px solid #e7eaf0;
    }

    .global-chat-compose[b-aobn9tdait] {
        grid-template-columns: 1fr;
    }

    .global-chat-message[b-aobn9tdait] {
        max-width: 100%;
    }
}


.global-chat-menu-item[b-aobn9tdait] {
    width: 100%;
    border: none;
    background: transparent;
    border-radius: 18px;
    padding: .85rem;
    display: grid;
    grid-template-columns: 44px 1fr auto;
    align-items: center;
    gap: .75rem;
    cursor: pointer;
    text-align: left;
}

    .global-chat-menu-item:hover[b-aobn9tdait] {
        background: #f8fafc;
    }

.global-chat-menu-icon[b-aobn9tdait] {
    width: 44px;
    height: 44px;
    border-radius: 16px;
    background: #eef2ff;
    display: grid;
    place-items: center;
    font-size: 1.15rem;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, .8);
}

.global-chat-menu-text[b-aobn9tdait] {
    min-width: 0;
}

    .global-chat-menu-text strong[b-aobn9tdait] {
        display: block;
        color: #101828;
        font-weight: 950;
        font-size: .95rem;
    }

    .global-chat-menu-text span[b-aobn9tdait] {
        display: block;
        color: #667085;
        font-weight: 800;
        font-size: .78rem;
        margin-top: .15rem;
    }

.global-chat-menu-item em[b-aobn9tdait] {
    min-width: 22px;
    height: 22px;
    border-radius: 999px;
    background: #dc2626;
    color: white;
    display: grid;
    place-items: center;
    font-size: .72rem;
    font-style: normal;
    font-weight: 950;
}

.global-chat-head-actions[b-aobn9tdait] {
    display: flex;
    gap: .45rem;
    align-items: center;
    flex-wrap: wrap;
    justify-content: flex-end;
}

.global-chat-convert[b-aobn9tdait] {
    border: none;
    background: #153e75;
    color: white;
    border-radius: 999px;
    padding: .55rem .85rem;
    font-weight: 950;
    cursor: pointer;
    white-space: nowrap;
}

    .global-chat-convert:disabled[b-aobn9tdait] {
        opacity: .65;
        cursor: not-allowed;
    }

.global-chat-open-ticket[b-aobn9tdait] {
    border: none;
    background: #16a34a;
    color: white;
    border-radius: 999px;
    padding: .55rem .85rem;
    font-weight: 950;
    cursor: pointer;
    white-space: nowrap;
}

@media (max-width: 780px) {
    .global-chat-current-head[b-aobn9tdait] {
        align-items: flex-start;
        flex-direction: column;
    }

    .global-chat-head-actions[b-aobn9tdait] {
        justify-content: flex-start;
    }
}

.global-chat-start-pro[b-aobn9tdait] {
    padding: 1.2rem;
    display: flex;
    flex-direction: column;
    gap: 1rem;
    max-width: 760px;
}

.global-chat-start-card[b-aobn9tdait] {
    border: 1px solid #e7eaf0;
    background: linear-gradient(135deg, #ffffff 0%, #f8fafc 100%);
    border-radius: 22px;
    padding: 1rem;
    display: grid;
    grid-template-columns: 58px 1fr;
    gap: .9rem;
    align-items: flex-start;
    box-shadow: 0 14px 36px rgba(15, 23, 42, .06);
}

.global-chat-start-icon[b-aobn9tdait] {
    width: 58px;
    height: 58px;
    border-radius: 20px;
    background: #eef2ff;
    color: #153e75;
    display: grid;
    place-items: center;
    font-size: 1.5rem;
}

.global-chat-start-content[b-aobn9tdait] {
    min-width: 0;
}

.global-chat-kicker[b-aobn9tdait] {
    display: inline-flex;
    border-radius: 999px;
    background: #dcfce7;
    color: #166534;
    padding: .25rem .55rem;
    font-size: .74rem;
    font-weight: 950;
    margin-bottom: .35rem;
}

.global-chat-start-content h4[b-aobn9tdait] {
    margin: 0;
    color: #101828;
    font-size: 1.35rem;
    font-weight: 950;
}

.global-chat-start-content p[b-aobn9tdait] {
    margin: .35rem 0 0;
    color: #667085;
    line-height: 1.45;
    font-weight: 750;
}

.global-chat-help-grid[b-aobn9tdait] {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: .75rem;
}

.global-chat-help-item[b-aobn9tdait] {
    border: 1px solid #e7eaf0;
    background: #ffffff;
    border-radius: 18px;
    padding: .85rem;
    box-shadow: 0 10px 24px rgba(15, 23, 42, .04);
}

    .global-chat-help-item strong[b-aobn9tdait] {
        display: block;
        color: #101828;
        font-weight: 950;
        font-size: .9rem;
    }

    .global-chat-help-item span[b-aobn9tdait] {
        display: block;
        color: #667085;
        font-weight: 750;
        font-size: .78rem;
        line-height: 1.35;
        margin-top: .25rem;
    }

.global-chat-form-card[b-aobn9tdait] {
    border: 1px solid #dbe3ef;
    background: #ffffff;
    border-radius: 22px;
    padding: 1rem;
    box-shadow: 0 16px 42px rgba(15, 23, 42, .07);
}

    .global-chat-form-card label[b-aobn9tdait] {
        display: block;
        color: #101828;
        font-weight: 950;
        margin-bottom: .5rem;
    }

    .global-chat-form-card .global-chat-textarea[b-aobn9tdait] {
        width: 100%;
        min-height: 150px;
        border: 1px solid #cbd5e1;
        border-radius: 18px;
        padding: .9rem 1rem;
        resize: vertical;
        color: #101828;
        font-weight: 750;
        outline: none;
    }

        .global-chat-form-card .global-chat-textarea:focus[b-aobn9tdait] {
            border-color: #153e75;
            box-shadow: 0 0 0 4px rgba(21, 62, 117, .12);
        }

.global-chat-start-actions[b-aobn9tdait] {
    display: flex;
    align-items: center;
    gap: .85rem;
    margin-top: .85rem;
    flex-wrap: wrap;
}

    .global-chat-start-actions .global-chat-primary[b-aobn9tdait] {
        margin-top: 0;
        min-width: 150px;
        border-radius: 16px;
    }

    .global-chat-start-actions small[b-aobn9tdait] {
        color: #667085;
        font-weight: 750;
    }

@media (max-width: 850px) {
    .global-chat-help-grid[b-aobn9tdait] {
        grid-template-columns: 1fr;
    }

    .global-chat-start-card[b-aobn9tdait] {
        grid-template-columns: 1fr;
    }
}


.global-chat-toast[b-aobn9tdait] {
    position: fixed;
    right: 1.4rem;
    bottom: 1.4rem;
    width: min(380px, calc(100vw - 2rem));
    background: white;
    border: 1px solid #dbe3ef;
    border-left: 6px solid #153e75;
    border-radius: 20px;
    padding: .9rem;
    box-shadow: 0 24px 70px rgba(15, 23, 42, .22);
    z-index: 8000;
    display: grid;
    grid-template-columns: 46px 1fr auto;
    gap: .75rem;
    align-items: center;
    animation: chatToastIn-b-aobn9tdait .22s ease-out;
}

@keyframes chatToastIn-b-aobn9tdait {
    from {
        opacity: 0;
        transform: translateY(18px) scale(.98);
    }

    to {
        opacity: 1;
        transform: translateY(0) scale(1);
    }
}

.global-chat-toast-icon[b-aobn9tdait] {
    width: 46px;
    height: 46px;
    border-radius: 16px;
    background: #eef2ff;
    display: grid;
    place-items: center;
    font-size: 1.3rem;
}

.global-chat-toast-content[b-aobn9tdait] {
    min-width: 0;
}

    .global-chat-toast-content strong[b-aobn9tdait] {
        display: block;
        color: #101828;
        font-weight: 950;
        font-size: .95rem;
    }

    .global-chat-toast-content span[b-aobn9tdait] {
        display: block;
        color: #667085;
        font-weight: 800;
        font-size: .8rem;
        margin-top: .15rem;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
    }

.global-chat-toast-actions[b-aobn9tdait] {
    display: flex;
    align-items: center;
    gap: .35rem;
}

.toast-open-btn[b-aobn9tdait] {
    border: none;
    background: #153e75;
    color: white;
    border-radius: 999px;
    padding: .5rem .75rem;
    font-weight: 950;
    cursor: pointer;
}

.toast-close-btn[b-aobn9tdait] {
    border: none;
    background: #f1f5f9;
    color: #344054;
    width: 30px;
    height: 30px;
    border-radius: 999px;
    cursor: pointer;
    font-size: 1.1rem;
    font-weight: 900;
}

.toast-open-btn:hover[b-aobn9tdait] {
    background: #0f2f59;
}

.toast-close-btn:hover[b-aobn9tdait] {
    background: #e2e8f0;
}

@media (max-width: 760px) {
    .global-chat-toast[b-aobn9tdait] {
        right: .75rem;
        bottom: .75rem;
        grid-template-columns: 40px 1fr;
    }

    .global-chat-toast-actions[b-aobn9tdait] {
        grid-column: 1 / -1;
        justify-content: flex-end;
    }
}
.global-chat-realtime[b-aobn9tdait] {
    display: inline-flex;
    align-items: center;
    gap: .4rem;
    margin-top: .35rem;
    font-size: .72rem;
    font-weight: 850;
    color: #667085;
}

.global-chat-realtime > span[b-aobn9tdait] {
    width: 8px;
    height: 8px;
    border-radius: 999px;
    display: inline-block;
}

.global-chat-realtime.connected > span[b-aobn9tdait] {
    background: #16a34a;
}

.global-chat-realtime.reconnecting > span[b-aobn9tdait] {
    background: #f59e0b;
    animation: chatRealtimePulse-b-aobn9tdait 1.1s infinite ease-in-out;
}

.global-chat-realtime.disconnected > span[b-aobn9tdait] {
    background: #dc2626;
}

.global-chat-send:disabled[b-aobn9tdait] {
    opacity: .6;
    cursor: not-allowed;
}

@keyframes chatRealtimePulse-b-aobn9tdait {
    0%, 100% { opacity: .45; transform: scale(.9); }
    50% { opacity: 1; transform: scale(1.15); }
}

/* =========================================================
   CHAT ENTERPRISE 2026-08-10
   ========================================================= */
.global-chat-session-tabs[b-aobn9tdait] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 6px;
    padding: 8px;
    border-bottom: 1px solid #e7eaf0;
    background: #fff;
    position: sticky;
    top: 0;
    z-index: 2;
}

.global-chat-session-tabs button[b-aobn9tdait] {
    border: 1px solid #dce4ef;
    background: #f8fafc;
    color: #526174;
    border-radius: 10px;
    padding: .58rem .65rem;
    font-weight: 900;
    cursor: pointer;
}

.global-chat-session-tabs button.active[b-aobn9tdait] {
    background: #123563;
    color: #fff;
    border-color: #123563;
}

.global-chat-session-tabs button span[b-aobn9tdait] {
    display: inline-grid;
    place-items: center;
    min-width: 20px;
    height: 20px;
    margin-left: 4px;
    border-radius: 999px;
    background: rgba(255,255,255,.2);
    font-size: .68rem;
}

.global-chat-session-row[b-aobn9tdait] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: .5rem;
}

.global-chat-state-pill[b-aobn9tdait] {
    flex: 0 0 auto;
    padding: .2rem .42rem;
    border-radius: 999px;
    background: #fff4cc;
    color: #8a5b00;
    font-size: .6rem;
    font-weight: 950;
    text-transform: uppercase;
}

.global-chat-state-pill.final[b-aobn9tdait] {
    background: #e6f6ed;
    color: #16643c;
}

.global-chat-session.history em[b-aobn9tdait] {
    display: block;
    margin-top: .35rem;
    color: #7b8798;
    font-style: normal;
    font-size: .68rem;
}

.global-chat-resolve[b-aobn9tdait] {
    border: 0;
    background: #15803d;
    color: white;
    border-radius: 999px;
    padding: .55rem .8rem;
    font-weight: 950;
    cursor: pointer;
}

.global-chat-resolve:hover[b-aobn9tdait] {
    background: #116632;
}

.global-chat-head-actions[b-aobn9tdait] {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: .45rem;
    flex-wrap: wrap;
}

.global-chat-transfer-select[b-aobn9tdait],
.global-chat-close-reason[b-aobn9tdait] {
    min-height: 36px;
    max-width: 190px;
    border: 1px solid #cbd5e1;
    border-radius: 999px;
    padding: .45rem .7rem;
    background: var(--app-surface, #fff);
    color: var(--app-text, #1f2937);
    font-size: .78rem;
}

.global-chat-transfer[b-aobn9tdait] {
    border: none;
    border-radius: 999px;
    padding: .55rem .85rem;
    background: #7c3aed;
    color: #fff;
    font-weight: 900;
    cursor: pointer;
}

.global-chat-transfer:disabled[b-aobn9tdait] {
    opacity: .55;
    cursor: not-allowed;
}

.global-chat-attachments[b-aobn9tdait] {
    display: grid;
    gap: .45rem;
    margin-top: .6rem;
}

.global-chat-image-link[b-aobn9tdait] {
    display: block;
    width: min(460px, 100%);
    border-radius: 12px;
    overflow: hidden;
    border: 1px solid #dce4ee;
    background: #fff;
}

.global-chat-image-link img[b-aobn9tdait] {
    display: block;
    width: 100%;
    max-width: 100%;
    height: auto;
    object-fit: contain;
}

.global-chat-file[b-aobn9tdait] {
    display: inline-flex;
    align-items: center;
    gap: .35rem;
    width: fit-content;
    max-width: 100%;
    padding: .5rem .65rem;
    border: 1px solid #dce4ee;
    border-radius: 10px;
    background: #fff;
    color: #173c70;
    text-decoration: none;
    font-size: .75rem;
    font-weight: 850;
}

.global-chat-compose[b-aobn9tdait] {
    grid-template-columns: minmax(0, 1fr) auto auto !important;
    align-items: end;
}

.global-chat-file-input[b-aobn9tdait] {
    max-width: 175px;
    font-size: .7rem;
}

.global-chat-file-input[b-aobn9tdait]::file-selector-button {
    border: 0;
    border-radius: 10px;
    padding: .55rem .7rem;
    background: #edf2f8;
    color: #173c70;
    font-weight: 900;
    cursor: pointer;
}

.global-chat-modal[b-aobn9tdait] {
    width: min(1120px, calc(100vw - 36px)) !important;
}

.global-chat-tech-layout[b-aobn9tdait] {
    grid-template-columns: 330px minmax(0, 1fr) !important;
}

.global-chat-sessions[b-aobn9tdait] {
    min-width: 0;
    overflow-y: auto;
}

.global-chat-conversation[b-aobn9tdait] {
    min-width: 0;
}

@media (max-width: 860px) {
    .global-chat-tech-layout[b-aobn9tdait] {
        grid-template-columns: 1fr !important;
    }

    .global-chat-sessions[b-aobn9tdait] {
        max-height: 260px;
        border-right: 0;
        border-bottom: 1px solid #e7eaf0;
    }

    .global-chat-compose[b-aobn9tdait] {
        grid-template-columns: 1fr auto !important;
    }

    .global-chat-file-input[b-aobn9tdait] {
        grid-column: 1 / -1;
        max-width: 100%;
    }
}
.global-chat-closed-banner[b-aobn9tdait] {
    display: grid;
    gap: .2rem;
    padding: .85rem 1rem;
    border-top: 1px solid #dce4ee;
    background: #f2f7f4;
    color: #24543b;
}
.global-chat-closed-banner strong[b-aobn9tdait] { font-weight: 950; }
.global-chat-closed-banner span[b-aobn9tdait] { font-size: .78rem; color: #5d7567; }

/* =========================================================
   CONVERSACIÓN: los elementos internos provienen de un
   RenderFragment y necesitan ::deep para recibir CSS aislado.
   ========================================================= */
.global-chat-modal.user-mode[b-aobn9tdait] {
    width: min(920px, calc(100vw - 36px)) !important;
    height: min(700px, calc(100vh - 7rem));
}

.global-chat-modal[b-aobn9tdait] {
    border: 1px solid light-dark(rgba(255, 255, 255, .75), #2b3a50);
    background: light-dark(#fff, #0f172a);
    color: light-dark(#172033, #e5edf8);
    box-shadow: 0 32px 90px rgba(7, 18, 36, .3);
}

.global-chat-header[b-aobn9tdait] {
    border-bottom-color: light-dark(#e5ebf2, #263449);
    background: light-dark(#fff, #111c2e);
}

.global-chat-header h3[b-aobn9tdait] {
    color: light-dark(#101828, #f4f7fb);
}

.global-chat-header > div > span[b-aobn9tdait],
.global-chat-realtime[b-aobn9tdait] {
    color: light-dark(#667085, #a7b5c8);
}

.global-chat-close[b-aobn9tdait] {
    background: light-dark(#f3f6fa, #1a2940);
    color: light-dark(#344054, #cbd6e5);
    transition: background .18s ease, transform .18s ease;
}

.global-chat-close:hover[b-aobn9tdait] {
    background: light-dark(#e8edf4, #263852);
    transform: rotate(3deg);
}

.global-chat-sessions[b-aobn9tdait] {
    border-right-color: light-dark(#e5ebf2, #263449);
    background: light-dark(#f5f8fc, #0d1726);
}

.global-chat-session-tabs[b-aobn9tdait] {
    border-bottom-color: light-dark(#e5ebf2, #263449);
    background: light-dark(#fff, #111c2e);
}

.global-chat-session-tabs button[b-aobn9tdait] {
    border-color: light-dark(#dce4ef, #34455d);
    background: light-dark(#f8fafc, #17243a);
    color: light-dark(#526174, #b4c0d0);
}

.global-chat-session[b-aobn9tdait] {
    border-color: light-dark(#e2e8f0, #2b3a50);
    background: light-dark(#fff, #142136);
}

.global-chat-session strong[b-aobn9tdait],
.global-chat-section-title[b-aobn9tdait] {
    color: light-dark(#101828, #eef3f9);
}

.global-chat-session span[b-aobn9tdait],
.global-chat-session small[b-aobn9tdait],
.global-chat-session.history em[b-aobn9tdait] {
    color: light-dark(#667085, #9eacc0);
}

.global-chat-empty[b-aobn9tdait] {
    border-color: light-dark(#d0d5dd, #3a4a61);
    background: light-dark(#fff, #142136);
    color: light-dark(#667085, #a9b5c6);
}

[b-aobn9tdait] .global-chat-box {
    flex: 1;
    min-width: 0;
    min-height: 0;
    display: flex;
    flex-direction: column;
    overflow: hidden;
    background: light-dark(#ffffff, #0f172a);
    color: light-dark(#172033, #e5edf8);
}

[b-aobn9tdait] .global-chat-current-head {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    padding: 1rem 1.15rem;
    border-bottom: 1px solid light-dark(#e4eaf2, #263449);
    background: light-dark(#ffffff, #111c2e);
    box-shadow: 0 1px 0 rgba(15, 23, 42, .02);
}

[b-aobn9tdait] .global-chat-current-head > div:first-child {
    min-width: 180px;
}

[b-aobn9tdait] .global-chat-current-head strong {
    display: block;
    color: light-dark(#14213a, #f5f8fc);
    font-size: .98rem;
    font-weight: 950;
    letter-spacing: .015em;
}

[b-aobn9tdait] .global-chat-current-head span {
    display: inline-flex;
    align-items: center;
    margin-top: .35rem;
    padding: .25rem .55rem;
    border-radius: 999px;
    background: light-dark(#edf4ff, #182b47);
    color: light-dark(#34577f, #b9cbe2);
    font-size: .7rem;
    font-weight: 850;
}

[b-aobn9tdait] .global-chat-head-actions {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    flex-wrap: wrap;
    gap: .45rem;
}

[b-aobn9tdait] .global-chat-origin {
    display: grid;
    gap: .12rem;
    margin-top: .45rem;
    color: light-dark(#334155, #d8e5f5);
}

[b-aobn9tdait] .global-chat-origin b { font-size: .8rem; }

[b-aobn9tdait] .global-chat-origin small {
    color: light-dark(#64748b, #9fb3cc);
    font-size: .68rem;
    overflow-wrap: anywhere;
}

[b-aobn9tdait] .global-chat-head-actions button,
[b-aobn9tdait] .global-chat-head-actions select,
[b-aobn9tdait] .global-chat-head-actions input {
    min-height: 36px;
    border-radius: 10px;
    font-size: .74rem;
    transition: border-color .18s ease, box-shadow .18s ease, transform .18s ease;
}

[b-aobn9tdait] .global-chat-head-actions button {
    border: 0;
    padding: .5rem .75rem;
    color: #fff;
    font-weight: 900;
    white-space: nowrap;
    box-shadow: 0 5px 14px rgba(15, 23, 42, .1);
}

[b-aobn9tdait] .global-chat-head-actions button:not(:disabled):hover {
    transform: translateY(-1px);
    filter: brightness(.96);
}

[b-aobn9tdait] .global-chat-head-actions button:disabled {
    opacity: .5;
    cursor: not-allowed;
    box-shadow: none;
}

[b-aobn9tdait] .global-chat-take {
    background: #d89b12;
}

[b-aobn9tdait] .global-chat-transfer {
    background: #6d4bd1;
}

[b-aobn9tdait] .global-chat-resolve {
    background: #16804a;
}

[b-aobn9tdait] .global-chat-convert {
    background: #17467e;
}

[b-aobn9tdait] .global-chat-open-ticket {
    background: #087a61;
}

[b-aobn9tdait] .global-chat-transfer-select,
[b-aobn9tdait] .global-chat-close-reason {
    max-width: 180px;
    border: 1px solid light-dark(#cbd5e1, #3a4a61);
    padding: .45rem .65rem;
    background: light-dark(#fff, #152238);
    color: light-dark(#24324a, #e4ebf5);
    outline: none;
}

[b-aobn9tdait] .global-chat-close-reason {
    width: 165px;
}

[b-aobn9tdait] .global-chat-transfer-select:focus,
[b-aobn9tdait] .global-chat-close-reason:focus,
[b-aobn9tdait] .global-chat-input:focus {
    border-color: #3567a8;
    box-shadow: 0 0 0 3px rgba(53, 103, 168, .14);
}

[b-aobn9tdait] .global-chat-messages {
    flex: 1;
    min-height: 0;
    overflow-y: auto;
    display: flex;
    flex-direction: column;
    gap: .85rem;
    padding: 1.25rem;
    background:
        radial-gradient(circle at 15% 10%, rgba(32, 92, 158, .045), transparent 28%),
        light-dark(#f5f8fc, #0c1422);
    scrollbar-width: thin;
    scrollbar-color: light-dark(#cbd5e1, #334155) transparent;
}

[b-aobn9tdait] .global-chat-message {
    display: flex;
    align-items: flex-end;
    gap: .55rem;
    width: fit-content;
    max-width: min(76%, 680px);
}

[b-aobn9tdait] .global-chat-message.mine {
    align-self: flex-end;
    flex-direction: row-reverse;
}

[b-aobn9tdait] .global-chat-message.system {
    align-self: center;
    max-width: min(88%, 720px);
}

[b-aobn9tdait] .global-chat-avatar {
    width: 34px;
    height: 34px;
    flex: 0 0 34px;
    display: grid;
    place-items: center;
    border-radius: 50%;
    background: #173f70;
    color: #fff;
    font-size: .72rem;
    font-weight: 950;
    box-shadow: 0 4px 12px rgba(15, 23, 42, .12);
}

[b-aobn9tdait] .global-chat-message.mine .global-chat-avatar {
    background: #e8b51d;
    color: #1b2738;
}

[b-aobn9tdait] .global-chat-message.system .global-chat-avatar {
    display: none;
}

[b-aobn9tdait] .global-chat-bubble {
    min-width: 150px;
    padding: .72rem .82rem;
    border: 1px solid light-dark(#dde5ef, #2b3a51);
    border-radius: 16px 16px 16px 5px;
    background: light-dark(#fff, #162236);
    box-shadow: 0 8px 22px rgba(15, 23, 42, .055);
}

[b-aobn9tdait] .global-chat-message.mine .global-chat-bubble {
    border-color: light-dark(#c9d9f5, #31537c);
    border-radius: 16px 16px 5px 16px;
    background: light-dark(#eaf2ff, #173456);
}

[b-aobn9tdait] .global-chat-message.system .global-chat-bubble {
    padding: .65rem .9rem;
    border-color: light-dark(#f1d88b, #665624);
    border-radius: 13px;
    background: light-dark(#fffaf0, #2a2518);
    text-align: center;
    box-shadow: none;
}

[b-aobn9tdait] .global-chat-msg-head {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    margin-bottom: .35rem;
}

[b-aobn9tdait] .global-chat-msg-head strong {
    color: light-dark(#17233a, #f1f5fb);
    font-size: .75rem;
    font-weight: 950;
}

[b-aobn9tdait] .global-chat-msg-head small {
    color: light-dark(#8390a5, #8fa0b7);
    font-size: .66rem;
    font-weight: 750;
    white-space: nowrap;
}

[b-aobn9tdait] .global-chat-bubble p {
    margin: 0;
    color: light-dark(#334155, #d8e2ef);
    font-size: .84rem;
    font-weight: 650;
    line-height: 1.48;
    white-space: pre-wrap;
    overflow-wrap: anywhere;
}

[b-aobn9tdait] .global-chat-attachments {
    display: grid;
    gap: .45rem;
    margin-top: .65rem;
}

[b-aobn9tdait] .global-chat-image-link {
    display: block;
    width: min(420px, 100%);
    overflow: hidden;
    border: 1px solid light-dark(#d8e1ec, #35445b);
    border-radius: 12px;
    background: light-dark(#fff, #111c2c);
}

[b-aobn9tdait] .global-chat-image-link img {
    display: block;
    width: 100%;
    max-height: 320px;
    object-fit: contain;
}

[b-aobn9tdait] .global-chat-file {
    display: inline-flex;
    align-items: center;
    width: fit-content;
    max-width: 100%;
    padding: .5rem .65rem;
    border: 1px solid light-dark(#d8e1ec, #35445b);
    border-radius: 10px;
    background: light-dark(#f8fafc, #111c2c);
    color: light-dark(#17467e, #9dc7f4);
    font-size: .72rem;
    font-weight: 850;
    text-decoration: none;
}

[b-aobn9tdait] .global-chat-compose {
    display: grid;
    grid-template-columns: minmax(0, 1fr) 175px 96px;
    align-items: end;
    gap: .65rem;
    padding: .85rem 1rem 1rem;
    border-top: 1px solid light-dark(#e1e8f0, #263449);
    background: light-dark(#fff, #111c2e);
}

[b-aobn9tdait] .global-chat-input {
    width: 100%;
    min-height: 64px;
    max-height: 150px;
    border: 1px solid light-dark(#cbd5e1, #3a4a61);
    border-radius: 13px;
    padding: .75rem .85rem;
    resize: none;
    outline: none;
    background: light-dark(#f9fbfd, #0f1a2b);
    color: light-dark(#1f2c42, #ecf2f9);
    font-size: .82rem;
    line-height: 1.45;
}

[b-aobn9tdait] .global-chat-input::placeholder {
    color: light-dark(#8793a6, #8292aa);
}

[b-aobn9tdait] .global-chat-file-input {
    width: 175px;
    overflow: hidden;
    color: light-dark(#6c788b, #9caabd);
    font-size: .67rem;
}

[b-aobn9tdait] .global-chat-file-input::file-selector-button {
    margin-right: .4rem;
    border: 1px solid light-dark(#d7e0eb, #3a4a61);
    border-radius: 10px;
    padding: .58rem .68rem;
    background: light-dark(#eef3f8, #1a2940);
    color: light-dark(#274d78, #c9d9ec);
    font-size: .7rem;
    font-weight: 900;
    cursor: pointer;
}

[b-aobn9tdait] .global-chat-send {
    min-height: 42px;
    border: 0;
    border-radius: 11px;
    padding: .65rem .9rem;
    background: linear-gradient(135deg, #173f70, #205894);
    color: #fff;
    font-size: .78rem;
    font-weight: 950;
    box-shadow: 0 7px 18px rgba(23, 63, 112, .2);
}

[b-aobn9tdait] .global-chat-send:disabled {
    opacity: .5;
    cursor: not-allowed;
    box-shadow: none;
}

[b-aobn9tdait] .global-chat-closed-banner {
    display: grid;
    gap: .2rem;
    padding: .85rem 1rem;
    border-top: 1px solid light-dark(#d8e5dc, #2d4738);
    background: light-dark(#f0f8f3, #14271d);
    color: light-dark(#24543b, #a9d8bb);
}

[b-aobn9tdait] .global-chat-closed-banner strong {
    font-weight: 950;
}

[b-aobn9tdait] .global-chat-closed-banner span {
    color: light-dark(#5d7567, #91b29e);
    font-size: .75rem;
}

@media (max-width: 900px) {
    [b-aobn9tdait] .global-chat-current-head {
        align-items: flex-start;
        flex-direction: column;
    }

    [b-aobn9tdait] .global-chat-head-actions {
        width: 100%;
        justify-content: flex-start;
    }

    [b-aobn9tdait] .global-chat-compose {
        grid-template-columns: minmax(0, 1fr) auto;
    }

    [b-aobn9tdait] .global-chat-file-input {
        grid-column: 1;
        width: min(220px, 100%);
    }

    [b-aobn9tdait] .global-chat-send {
        grid-column: 2;
    }
}

@media (max-width: 600px) {
    .global-chat-modal.user-mode[b-aobn9tdait] {
        width: 100% !important;
        height: calc(100vh - 5rem);
    }

    [b-aobn9tdait] .global-chat-message,
    [b-aobn9tdait] .global-chat-message.system {
        max-width: 94%;
    }

    [b-aobn9tdait] .global-chat-current-head {
        padding: .8rem;
    }

    [b-aobn9tdait] .global-chat-messages {
        padding: .8rem;
    }

    [b-aobn9tdait] .global-chat-compose {
        grid-template-columns: 1fr;
        padding: .75rem;
    }

    [b-aobn9tdait] .global-chat-file-input,
    [b-aobn9tdait] .global-chat-send {
        grid-column: 1;
        width: 100%;
    }

    [b-aobn9tdait] .global-chat-head-actions input,
    [b-aobn9tdait] .global-chat-head-actions select {
        width: 100%;
        max-width: none;
    }
}


/* Chat menu stabilization */
.global-chat-menu-item[b-aobn9tdait] {
    color: inherit;
    text-decoration: none;
    white-space: normal !important;
}
.global-chat-menu-text[b-aobn9tdait],
.global-chat-menu-text strong[b-aobn9tdait],
.global-chat-menu-text span[b-aobn9tdait] {
    white-space: normal !important;
    overflow-wrap: anywhere;
}
.global-chat-backdrop[b-aobn9tdait] { z-index: 10000 !important; }
.global-chat-modal[b-aobn9tdait] {
    max-width: calc(100vw - 32px) !important;
    max-height: calc(100vh - 96px) !important;
}
/* _content/PelsaServiceDesk/Components/Shared/DashboardChartCard.razor.rz.scp.css */
.chart-card[b-b0vhhcc3t9] {
    background: white;
    border: 1px solid #e7eaf0;
    border-radius: 22px;
    padding: 1rem;
    box-shadow: 0 10px 26px rgba(15, 23, 42, .06);
    min-height: 360px;
    overflow: hidden;
}

.chart-card-header[b-b0vhhcc3t9] {
    margin-bottom: .75rem;
}

    .chart-card-header h3[b-b0vhhcc3t9] {
        margin: 0;
        color: #101828;
        font-size: 1.05rem;
        font-weight: 950;
        letter-spacing: -.02em;
    }

    .chart-card-header span[b-b0vhhcc3t9] {
        color: #667085;
        font-size: .82rem;
    }

.chart-empty[b-b0vhhcc3t9] {
    background: #f8fafc;
    border: 1px dashed #cbd5e1;
    border-radius: 16px;
    padding: 1rem;
    text-align: center;
    color: #667085;
    font-size: .85rem;
}

@media (max-width: 700px) {
    .chart-card[b-b0vhhcc3t9] {
        border-radius: 18px;
        padding: .85rem;
        min-height: auto;
        overflow: hidden;
    }

    .chart-card-header h3[b-b0vhhcc3t9] {
        font-size: 1rem;
    }

    .chart-card-header span[b-b0vhhcc3t9] {
        font-size: .8rem;
    }

    .chart-card[b-b0vhhcc3t9]  .apexcharts-canvas,
    .chart-card[b-b0vhhcc3t9]  svg {
        max-width: 100% !important;
    }

    .chart-card[b-b0vhhcc3t9]  .apexcharts-legend {
        max-width: 100% !important;
        overflow: hidden;
        flex-wrap: wrap;
    }
}
/* _content/PelsaServiceDesk/Components/Shared/DashboardSerieCard.razor.rz.scp.css */
.serie-card[b-gd1208qir9] {
    background: white;
    border: 1px solid #e7eaf0;
    border-radius: 22px;
    padding: 1rem;
    box-shadow: 0 10px 26px rgba(15, 23, 42, .06);
}

.serie-card-header[b-gd1208qir9] {
    margin-bottom: 1rem;
}

    .serie-card-header h3[b-gd1208qir9] {
        margin: 0;
        color: #101828;
        font-size: 1.05rem;
        font-weight: 950;
        letter-spacing: -.02em;
    }

    .serie-card-header span[b-gd1208qir9] {
        color: #667085;
        font-size: .82rem;
    }

.serie-empty[b-gd1208qir9] {
    background: #f8fafc;
    border: 1px dashed #cbd5e1;
    border-radius: 16px;
    padding: 1rem;
    text-align: center;
    color: #667085;
    font-size: .85rem;
}

.serie-list[b-gd1208qir9] {
    display: flex;
    flex-direction: column;
    gap: .85rem;
}

.serie-line[b-gd1208qir9] {
    display: flex;
    justify-content: space-between;
    gap: .75rem;
    font-size: .86rem;
}

    .serie-line span[b-gd1208qir9] {
        color: #334155;
        font-weight: 850;
    }

    .serie-line strong[b-gd1208qir9] {
        color: #101828;
        font-weight: 950;
    }

.serie-bar[b-gd1208qir9] {
    height: 10px;
    background: #eef2ff;
    border-radius: 999px;
    overflow: hidden;
    margin-top: .35rem;
}

.serie-bar-fill[b-gd1208qir9] {
    height: 100%;
    background: linear-gradient(90deg, #1f4fd8, #5667ff);
    border-radius: 999px;
}
/* _content/PelsaServiceDesk/Components/Shared/PermisoPaginaGuard.razor.rz.scp.css */
.permission-loading[b-fp55zyvn8q],
.permission-denied[b-fp55zyvn8q] {
    background: white;
    border: 1px solid #e7eaf0;
    border-radius: 20px;
    padding: 1.25rem;
    box-shadow: 0 10px 26px rgba(15, 23, 42, .06);
    color: #667085;
    text-align: center;
}

.permission-denied[b-fp55zyvn8q] {
    background: #fff7ed;
    border-color: #fed7aa;
    color: #9a3412;
    display: flex;
    flex-direction: column;
    gap: .25rem;
}

    .permission-denied strong[b-fp55zyvn8q] {
        color: #9a3412;
        font-weight: 950;
    }
/* _content/PelsaServiceDesk/Components/Shared/PresenciaUsuario.razor.rz.scp.css */
.presence-widget[b-vfapyhu4da] {
    position: relative;
}

.presence-btn[b-vfapyhu4da] {
    border: 1px solid #e7eaf0;
    background: white;
    border-radius: 999px;
    padding: .45rem .75rem;
    display: inline-flex;
    align-items: center;
    gap: .45rem;
    cursor: pointer;
    font-weight: 900;
    color: #344054;
}

.presence-dot[b-vfapyhu4da],
.dot[b-vfapyhu4da] {
    width: 9px;
    height: 9px;
    border-radius: 999px;
    display: inline-block;
}

    .presence-btn.online .presence-dot[b-vfapyhu4da],
    .dot.online[b-vfapyhu4da] {
        background: #16a34a;
    }

    .presence-btn.busy .presence-dot[b-vfapyhu4da],
    .dot.busy[b-vfapyhu4da] {
        background: #dc2626;
    }

    .presence-btn.away .presence-dot[b-vfapyhu4da],
    .dot.away[b-vfapyhu4da] {
        background: #f59e0b;
    }

.presence-btn.offline .presence-dot[b-vfapyhu4da] {
    background: #94a3b8;
}

.presence-menu[b-vfapyhu4da] {
    position: absolute;
    right: 0;
    top: calc(100% + .4rem);
    width: 180px;
    background: white;
    border: 1px solid #e7eaf0;
    border-radius: 16px;
    box-shadow: 0 20px 45px rgba(15, 23, 42, .16);
    padding: .4rem;
    z-index: 4000;
}

    .presence-menu button[b-vfapyhu4da] {
        width: 100%;
        border: none;
        background: transparent;
        border-radius: 12px;
        padding: .65rem .75rem;
        display: flex;
        align-items: center;
        gap: .55rem;
        cursor: pointer;
        font-weight: 850;
        color: #344054;
        text-align: left;
    }

        .presence-menu button:hover[b-vfapyhu4da] {
            background: #f8fafc;
        }

.presence-link-state[b-vfapyhu4da] {
    width: 8px;
    height: 8px;
    border-radius: 999px;
    display: inline-block;
    flex-shrink: 0;
}

.presence-link-state.connected[b-vfapyhu4da] {
    background: #16a34a;
}

.presence-link-state.reconnecting[b-vfapyhu4da] {
    background: #f59e0b;
    animation: presencePulse-b-vfapyhu4da 1.1s infinite ease-in-out;
}

.presence-link-state.disconnected[b-vfapyhu4da] {
    background: #dc2626;
}

.presence-connection-row[b-vfapyhu4da] {
    display: flex;
    align-items: center;
    gap: .45rem;
    padding: .5rem .65rem;
    margin-bottom: .25rem;
    border-bottom: 1px solid #eef2f6;
    color: #667085;
}

.presence-connection-row small[b-vfapyhu4da] {
    font-weight: 800;
}

@keyframes presencePulse-b-vfapyhu4da {
    0%, 100% { opacity: .45; transform: scale(.9); }
    50% { opacity: 1; transform: scale(1.15); }
}
/* _content/PelsaServiceDesk/Components/Shared/TecnicosConectadosTop.razor.rz.scp.css */
.online-tech-wrap[b-gkv7260ggl]{position:relative}.online-tech-btn[b-gkv7260ggl]{height:42px;min-width:62px;border:1px solid #e5e7eb;background:#fff;border-radius:14px;cursor:pointer;color:#0f2f5f}.online-tech-dropdown[b-gkv7260ggl]{position:absolute;right:0;top:calc(100% + .55rem);width:340px;max-height:430px;overflow:auto;background:#fff;border:1px solid #e5e7eb;border-radius:16px;box-shadow:0 18px 45px rgba(15,23,42,.16);padding:.6rem;z-index:150}.online-tech-header[b-gkv7260ggl]{display:flex;align-items:center;justify-content:space-between;padding:.55rem}.online-tech-header button[b-gkv7260ggl]{border:0;background:#eef2ff;color:#3730a3;border-radius:9px;padding:.4rem .55rem;font-weight:800;cursor:pointer}.online-tech-row[b-gkv7260ggl]{display:grid;grid-template-columns:38px 1fr 12px;gap:.7rem;align-items:center;padding:.65rem;border-radius:12px}.online-tech-row:hover[b-gkv7260ggl]{background:#f8fafc}.tech-avatar[b-gkv7260ggl]{width:36px;height:36px;border-radius:11px;background:#0f2f5f;color:#fff;display:grid;place-items:center;font-weight:900}.online-tech-row strong[b-gkv7260ggl],.online-tech-row small[b-gkv7260ggl]{display:block}.online-tech-row small[b-gkv7260ggl]{color:#667085;margin-top:.15rem}.tech-dot[b-gkv7260ggl]{width:10px;height:10px;border-radius:50%;background:#94a3b8}.tech-dot.online[b-gkv7260ggl]{background:#16a34a}.tech-dot.ocupado[b-gkv7260ggl]{background:#dc2626}.tech-dot.ausente[b-gkv7260ggl]{background:#f59e0b}.online-tech-empty[b-gkv7260ggl]{padding:1rem;text-align:center;color:#667085}@media(max-width:700px){.online-tech-dropdown[b-gkv7260ggl]{right:-120px;width:310px}}

.online-tech-dismiss[b-gkv7260ggl]{position:fixed;left:0;right:0;top:86px;bottom:0;border:0;background:transparent;z-index:140;cursor:default}.online-tech-dropdown[b-gkv7260ggl]{z-index:160;max-width:calc(100vw - 24px)}