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

main[b-jbzh5vyxz1] {
    flex: 1;
}

/* SIDEBAR (azul dashboard) */
.sidebar[b-jbzh5vyxz1] {
   
    background: linear-gradient(180deg, #1f3c6e 0%, #2d4f7c 55%, #1f3c6e 100%);
}

/* TOP BAR (azul dashboard) */
.top-row[b-jbzh5vyxz1] {
    background: linear-gradient(90deg, #1f3c6e 0%, #2d4f7c 100%);
    border-bottom: 1px solid rgba(255,255,255,0.12);
    justify-content: flex-end;
    height: 3.5rem;
    display: flex;
    align-items: center;
    color: #fff;
}

    /* Links / botones del top-row */
    .top-row[b-jbzh5vyxz1]  a,
    .top-row[b-jbzh5vyxz1]  .btn-link {
        white-space: nowrap;
        margin-left: 1.5rem;
        text-decoration: none;
        color: rgba(255,255,255,0.90);
        transition: color .15s ease;
    }

        .top-row[b-jbzh5vyxz1]  a:hover,
        .top-row[b-jbzh5vyxz1]  .btn-link:hover {
            text-decoration: none;
            color: #ffffff;
        }

        .top-row[b-jbzh5vyxz1]  a:first-child {
            overflow: hidden;
            text-overflow: ellipsis;
        }
/* Unificar alturas */
.top-row[b-jbzh5vyxz1] {
    height: 3.5rem;
}

/* Línea vertical perfecta entre sidebar y contenido (solo desktop) */
@media (min-width: 641px) {
    .sidebar[b-jbzh5vyxz1] {
        width: 230px;
        flex: 0 0 230px;
    }

    /* Quita borde duplicado del top-row del contenido si ya lo dibuja el NavMenu */
    main .top-row[b-jbzh5vyxz1] {
        border-bottom: 0 !important;
    }
}
/* Responsive: móvil */
@media (max-width: 640.98px) {
    .top-row[b-jbzh5vyxz1] {
        justify-content: space-between;
    }

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

/* Desktop */
@media (min-width: 641px) {
    .page[b-jbzh5vyxz1] {
        flex-direction: row;
    }

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

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

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

    .top-row[b-jbzh5vyxz1],
    article[b-jbzh5vyxz1] {
        padding-left: 2rem !important;
        padding-right: 1.5rem !important;
    }
}
/* ===== FIX: contenido no se esconda detrás de top-row (solo desktop) ===== */
@media (min-width: 641px) {

    /* Asegura que main se calcule bien a la derecha */
    main[b-jbzh5vyxz1] {
        flex: 1;
        min-width: 0; /* evita overflow raro */
        position: relative;
        z-index: 0; /* queda detrás del top-row, pero visible */
    }

    /* Asegura que top-row siempre esté por encima */
    .top-row[b-jbzh5vyxz1] {
        z-index: 10; /* sube el z-index */
    }

    /* Compensa altura de la top-row para que el contenido no quede debajo */
    article.content[b-jbzh5vyxz1] {
        padding-top: 1.25rem; /* “respira” bajo la barra */
        margin-top: 0; /* por si algún estilo anterior mete margin */
    }

    /* Si tu top-row está sticky y se superpone, esto lo corrige 100% */
    main > article[b-jbzh5vyxz1] {
        padding-top: 1.25rem;
    }
}
/* /Layout/NavMenu.razor.rz.scp.css */
:root[b-ny2atfnnzk] {
    --sidebar-w: 230px;
}

/* Asegura que el wrapper del menú siempre mida lo mismo */
.sidebar-wrapper[b-ny2atfnnzk] {
    width: var(--sidebar-w) !important;
    max-width: var(--sidebar-w) !important;
}

/* El bloque azul del menú NO debe crecer */
.sidebar-modern[b-ny2atfnnzk] {
    width: 100% !important;
    max-width: 100% !important;
    overflow-x: hidden; /* evita que algo se salga */
}

/* LA BARRA DEL LOGO: forzar ancho del sidebar */
.topbar-modern[b-ny2atfnnzk] {
    width: var(--sidebar-w) !important;
    max-width: var(--sidebar-w) !important;
    overflow: hidden;
    box-sizing: border-box;
}

    /* Evita que el container-fluid se “desborde” */
    .topbar-modern .container-fluid[b-ny2atfnnzk] {
        width: 100% !important;
        max-width: 100% !important;
        padding-left: .75rem;
        padding-right: .75rem;
    }

/* Logo: que no empuje al ancho */
.topbar-logo img[b-ny2atfnnzk] {
    max-width: 100%;
    height: 36px;
    width: auto;
    display: block;
}

/* ===== SIDEBAR MODERNO ===== */
.sidebar-modern[b-ny2atfnnzk] {
    height: calc(100vh - 3.5rem);
    overflow-y: auto;
    background-color: #213F70 !important;
    padding-top: 1rem;
}

/* ===== GRUPOS ===== */
.sidebar-heading[b-ny2atfnnzk] {
    font-size: .75rem;
    letter-spacing: .08em;
    text-transform: uppercase;
    color: rgba(255,255,255,.45);
    margin: 1.2rem 0 .5rem .75rem;
    font-weight: 600;
}

/* ===== LINKS PRINCIPALES ===== */
.sidebar-link[b-ny2atfnnzk] {
    color: rgba(255,255,255,.88) !important;
    border-radius: 12px;
    padding: .75rem 1rem;
    margin: .25rem 0;
    transition: all .15s ease;
    font-weight: 500;
}

    /* Hover */
    .sidebar-link:hover[b-ny2atfnnzk] {
        background: rgba(255,255,255,.08);
        transform: translateX(3px);
        color: #fff !important;
    }

/* Activo nivel 1 */
.nav-link.active.sidebar-link[b-ny2atfnnzk] {
    background: rgba(119,162,59,.18);
    border-left: 4px solid #77a23b;
    color: #fff !important;
    font-weight: 600;
}

/* ===== SUBMENU ===== */
.submenu[b-ny2atfnnzk] {
    margin-left: .8rem;
    padding-left: .6rem;
    border-left: 1px solid rgba(255,255,255,.08);
    margin-bottom: .5rem;
}

/* Links nivel 3 */
.submenu-link[b-ny2atfnnzk] {
    color: rgba(255,255,255,.75) !important;
    padding: .55rem .9rem;
    border-radius: 8px;
    font-size: .9rem;
    margin: .15rem 0;
    transition: all .15s ease;
}

    /* Hover nivel 3 */
    .submenu-link:hover[b-ny2atfnnzk] {
        background: rgba(255,255,255,.08);
        transform: translateX(4px);
        color: #fff !important;
    }

    /* Activo nivel 3 */
    .submenu-link.active[b-ny2atfnnzk] {
        background: rgba(119,162,59,.25);
        border-left: 3px solid #77a23b;
        color: #fff !important;
        font-weight: 600;
    }

/* Flecha */
.chev[b-ny2atfnnzk] {
    font-size: .8rem;
    transition: transform .2s ease;
    opacity: .6;
}

    .chev.rotate[b-ny2atfnnzk] {
        transform: rotate(90deg);
        opacity: 1;
    }

/* Usuario */
.sidebar-user[b-ny2atfnnzk] {
    border-top: 1px solid rgba(255,255,255,.08);
}

.sidebar-logout[b-ny2atfnnzk] {
    color: rgba(255,255,255,.75);
    text-decoration: none;
    font-size: .9rem;
}

    .sidebar-logout:hover[b-ny2atfnnzk] {
        color: #fff;
    }
/* === FORZAR BLANCO EN TODO LINK DEL SIDEBAR (Blazor CSS isolation) === */
.sidebar-modern[b-ny2atfnnzk]  a,
.sidebar-modern[b-ny2atfnnzk]  .nav-link,
.sidebar-modern[b-ny2atfnnzk]  .submenu-link {
    color: rgba(255,255,255,.92) !important;
}

    /* Hover */
    .sidebar-modern[b-ny2atfnnzk]  a:hover,
    .sidebar-modern[b-ny2atfnnzk]  .nav-link:hover,
    .sidebar-modern[b-ny2atfnnzk]  .submenu-link:hover {
        color: #fff !important;
    }

    /* Activo (NavLink agrega .active) */
    .sidebar-modern[b-ny2atfnnzk]  a.active,
    .sidebar-modern[b-ny2atfnnzk]  .nav-link.active,
    .sidebar-modern[b-ny2atfnnzk]  .submenu-link.active {
        color: #fff !important;
    }
    /* ============================= */
    /* LINK ACTIVO - VERDE BZ SOFT  */
    /* ============================= */

    .sidebar-modern[b-ny2atfnnzk]  .nav-link.active,
    .sidebar-modern[b-ny2atfnnzk]  .submenu-link.active {
        background-color: #77a23b !important;
        color: #ffffff !important;
        border-radius: 8px;
        font-weight: 600;
        box-shadow: 0 4px 12px rgba(119,162,59,.35);
        position: relative;
    }

        /* Hover del activo */
        .sidebar-modern[b-ny2atfnnzk]  .nav-link.active:hover,
        .sidebar-modern[b-ny2atfnnzk]  .submenu-link.active:hover {
            background-color: #6b9433 !important;
        }
/* ===== TOPBAR ===== */
.topbar-modern[b-ny2atfnnzk] {
    background-color: #213F70 !important;
    border-bottom: 1px solid rgba(255,255,255,.08);
}

.topbar-toggler[b-ny2atfnnzk] {
    position: absolute;
    right: 12px;
    top: 50%;
    transform: translateY(-50%);
}

/* ===== OVERLAY móvil ===== */
.sidebar-overlay[b-ny2atfnnzk] {
    position: fixed;
    inset: 3.5rem 0 0 0; /* debajo de la topbar */
    background: rgba(0,0,0,.35);
    z-index: 998;
}

/* ===== WRAPPER del sidebar ===== */
.sidebar-wrapper[b-ny2atfnnzk] {
    width: 290px;
    height: calc(100vh - 3.5rem);
    top: 3.5rem;
    left: 0;
}

.sidebar-user[b-ny2atfnnzk] {
    border-top: 1px solid rgba(255,255,255,0.08);
    padding-top: 1rem;
    padding-bottom: 1rem;
}

.user-card[b-ny2atfnnzk] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 0.9rem;
    text-align: center;
}

.user-logo-circle[b-ny2atfnnzk] {
    width: 60px;
    height: 60px;
    border-radius: 50%;
    background: #f1f1f1;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 14px;
}

.user-company-logo[b-ny2atfnnzk] {
    width: 100%;
    height: auto;
    object-fit: contain;
}

.user-name[b-ny2atfnnzk] {
    color: #ffffff;
    font-weight: 600;
    font-size: 0.95rem;
    line-height: 1.2;
    word-break: break-word;
    max-width: 100%;
}

.sidebar-logout[b-ny2atfnnzk] {
    color: #ffffff;
    text-decoration: none;
    font-size: 0.95rem;
    display: inline-flex;
    align-items: center;
    gap: 0.4rem;
    opacity: 0.95;
}

    .sidebar-logout:hover[b-ny2atfnnzk] {
        color: #ffffff;
        opacity: 1;
        text-decoration: underline;
    }

/* ===== MÓVIL: drawer ===== */
@media (max-width: 767.98px) {
    .sidebar-wrapper[b-ny2atfnnzk] {
        position: fixed;
        z-index: 999;
        transition: transform .22s ease;
        box-shadow: 10px 0 25px rgba(0,0,0,.25);
    }

        .sidebar-wrapper.is-closed[b-ny2atfnnzk] {
            transform: translateX(-105%);
        }

        .sidebar-wrapper.is-open[b-ny2atfnnzk] {
            transform: translateX(0);
        }
}

/* ===== DESKTOP: siempre visible ===== */
@media (min-width: 768px) {
    .sidebar-wrapper[b-ny2atfnnzk] {
        position: sticky;
        transform: none !important;
        z-index: auto;
        box-shadow: none;
    }
}
/* /Pages/Chat/Consulta/Consulta.razor.rz.scp.css */
.ticket-chat-layout[b-62znrddqun] {
    display: grid;
    grid-template-columns: 360px 1fr;
    gap: 1rem;
    min-height: calc(100vh - 120px);
}

.ticket-start-panel[b-62znrddqun],
.ticket-chat-panel[b-62znrddqun] {
    display: flex;
}

.panel-card[b-62znrddqun],
.chat-card[b-62znrddqun] {
    width: 100%;
    background: #fff;
    border-radius: 18px;
    box-shadow: 0 8px 24px rgba(0,0,0,0.08);
    padding: 1rem;
}

    .panel-card h3[b-62znrddqun],
    .chat-header h4[b-62znrddqun] {
        margin-bottom: .25rem;
        color: #213F70;
        font-weight: 700;
    }

.subtitle[b-62znrddqun] {
    color: #6c757d;
    margin-bottom: 1rem;
}

.form-group[b-62znrddqun] {
    margin-bottom: 1rem;
}

.chat-card[b-62znrddqun] {
    display: flex;
    flex-direction: column;
    height: 100%;
}

.chat-header[b-62znrddqun] {
    border-bottom: 1px solid #e9ecef;
    padding-bottom: .75rem;
    margin-bottom: 1rem;
}

.chat-body[b-62znrddqun] {
    flex: 1;
    overflow-y: auto;
    padding: .5rem 0;
    min-height: 620px;
    background: #f7f8fa;
    border-radius: 14px;
    padding: 1rem;
}

.chat-empty[b-62znrddqun] {
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    color: #8a8f98;
    text-align: center;
}

.message-row[b-62znrddqun] {
    display: flex;
    margin-bottom: .75rem;
}

    .message-row.mine[b-62znrddqun] {
        justify-content: flex-end;
    }

    .message-row.other[b-62znrddqun] {
        justify-content: flex-start;
    }

.message-bubble[b-62znrddqun] {
    max-width: 70%;
    padding: .75rem 1rem;
    border-radius: 16px;
    background: #e9f5e1;
    box-shadow: 0 2px 6px rgba(0,0,0,0.05);
}

.message-row.other .message-bubble[b-62znrddqun] {
    background: #ffffff;
}

.message-text[b-62znrddqun] {
    color: #212529;
    white-space: pre-wrap;
}

.message-time[b-62znrddqun] {
    font-size: 12px;
    color: #7a7a7a;
    text-align: right;
    margin-top: .35rem;
}

.chat-footer[b-62znrddqun] {
    border-top: 1px solid #e9ecef;
    padding-top: 1rem;
    margin-top: 1rem;
    display: flex;
    gap: .75rem;
    align-items: flex-end;
}

    .chat-footer .form-control[b-62znrddqun] {
        flex: 1;
    }
.sla-bell[b-62znrddqun] {
    position: relative;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 26px;
    height: 26px;
    border-radius: 999px;
    background: #fff7ed;
    border: 1px solid rgba(245,158,11,.25);
    color: #9a3412;
}

.sla-bell-badge[b-62znrddqun] {
    position: absolute;
    top: -6px;
    right: -6px;
    min-width: 18px;
    height: 18px;
    padding: 0 5px;
    border-radius: 999px;
    background: #dc3545;
    color: white;
    font-size: 11px;
    font-weight: 800;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}
@media (max-width: 991px) {
    .ticket-chat-layout[b-62znrddqun] {
        grid-template-columns: 1fr;
    }
}

.ticket-chat-layout[b-62znrddqun] {
    display: flex;
    gap: 20px;
}

.ticket-start-panel[b-62znrddqun] {
    width: 320px;
}

.ticket-chat-panel[b-62znrddqun] {
    flex: 1;
}

/* SOLO EN CELULAR */
@media (max-width: 768px) {

    .mobile-hidden[b-62znrddqun] {
        display: none;
    }

    .ticket-chat-layout[b-62znrddqun] {
        flex-direction: column;
    }

    .ticket-start-panel[b-62znrddqun] {
        width: 100%;
    }
}
/* /Pages/Chat/Index.razor.rz.scp.css */
.ticket-chat-layout[b-bwagmy5ccl] {
    display: grid;
    grid-template-columns: 360px 1fr;
    gap: 1rem;
    min-height: calc(100vh - 120px);
}

.ticket-start-panel[b-bwagmy5ccl],
.ticket-chat-panel[b-bwagmy5ccl] {
    display: flex;
}

.panel-card[b-bwagmy5ccl],
.chat-card[b-bwagmy5ccl] {
    width: 100%;
    background: #fff;
    border-radius: 18px;
    box-shadow: 0 8px 24px rgba(0,0,0,0.08);
    padding: 1rem;
}

    .panel-card h3[b-bwagmy5ccl],
    .chat-header h4[b-bwagmy5ccl] {
        margin-bottom: .25rem;
        color: #213F70;
        font-weight: 700;
    }

.subtitle[b-bwagmy5ccl] {
    color: #6c757d;
    margin-bottom: 1rem;
}

.form-group[b-bwagmy5ccl] {
    margin-bottom: 1rem;
}

.chat-card[b-bwagmy5ccl] {
    display: flex;
    flex-direction: column;
    height: 100%;
}

.chat-header[b-bwagmy5ccl] {
    border-bottom: 1px solid #e9ecef;
    padding-bottom: .75rem;
    margin-bottom: 1rem;
}

.chat-body[b-bwagmy5ccl] {
    flex: 1;
    overflow-y: auto;
    padding: .5rem 0;
    min-height: 620px;
    background: #f7f8fa;
    border-radius: 14px;
    padding: 1rem;
}

.chat-empty[b-bwagmy5ccl] {
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    color: #8a8f98;
    text-align: center;
}

.message-row[b-bwagmy5ccl] {
    display: flex;
    margin-bottom: .75rem;
}

    .message-row.mine[b-bwagmy5ccl] {
        justify-content: flex-end;
    }

    .message-row.other[b-bwagmy5ccl] {
        justify-content: flex-start;
    }

.message-bubble[b-bwagmy5ccl] {
    max-width: 70%;
    padding: .75rem 1rem;
    border-radius: 16px;
    background: #e9f5e1;
    box-shadow: 0 2px 6px rgba(0,0,0,0.05);
}

.message-row.other .message-bubble[b-bwagmy5ccl] {
    background: #ffffff;
}

.message-text[b-bwagmy5ccl] {
    color: #212529;
    white-space: pre-wrap;
}

.message-time[b-bwagmy5ccl] {
    font-size: 12px;
    color: #7a7a7a;
    text-align: right;
    margin-top: .35rem;
}

.chat-footer[b-bwagmy5ccl] {
    border-top: 1px solid #e9ecef;
    padding-top: 1rem;
    margin-top: 1rem;
    display: flex;
    gap: .75rem;
    align-items: flex-end;
}

    .chat-footer .form-control[b-bwagmy5ccl] {
        flex: 1;
    }

@media (max-width: 991px) {
    .ticket-chat-layout[b-bwagmy5ccl] {
        grid-template-columns: 1fr;
    }
}

.ticket-chat-layout[b-bwagmy5ccl] {
    display: flex;
    gap: 20px;
}

.ticket-start-panel[b-bwagmy5ccl] {
    width: 320px;
}

.ticket-chat-panel[b-bwagmy5ccl] {
    flex: 1;
}

/* SOLO EN CELULAR */
@media (max-width: 768px) {

    .mobile-hidden[b-bwagmy5ccl] {
        display: none;
    }

    .ticket-chat-layout[b-bwagmy5ccl] {
        flex-direction: column;
    }

    .ticket-start-panel[b-bwagmy5ccl] {
        width: 100%;
    }
}
/* /Pages/ChatGeneral/Chat.razor.rz.scp.css */
.chat-body[b-jd4x8g320t] {
    height: 420px;
    overflow-y: auto;
    padding: 15px;
    background: #f7f7f7;
}

.chat-row[b-jd4x8g320t] {
    display: flex;
    margin-bottom: 12px;
}

    .chat-row.tecnico[b-jd4x8g320t] {
        justify-content: flex-end;
    }

    .chat-row.cliente[b-jd4x8g320t] {
        justify-content: flex-start;
    }

.chat-bubble[b-jd4x8g320t] {
    max-width: 70%;
    padding: 10px 12px;
    border-radius: 12px;
    box-shadow: 0 2px 8px rgba(0,0,0,0.08);
}

.chat-row.tecnico .chat-bubble[b-jd4x8g320t] {
    background: #e8f6ee;
}

.chat-row.cliente .chat-bubble[b-jd4x8g320t] {
    background: white;
}

.chat-meta[b-jd4x8g320t] {
    font-size: 12px;
    color: #6c757d;
    margin-bottom: 3px;
}

.chat-user[b-jd4x8g320t] {
    font-weight: 600;
}

.chat-text[b-jd4x8g320t] {
    font-size: 14px;
}

.chat-adjunto[b-jd4x8g320t] {
    margin-top: 6px;
}

.chat-img[b-jd4x8g320t] {
    max-width: 220px;
    border-radius: 8px;
    cursor: pointer;
    box-shadow: 0 2px 6px rgba(0,0,0,0.15);
}

.chat-file[b-jd4x8g320t] {
    display: inline-block;
    margin-top: 5px;
    font-size: 13px;
}
/* /Pages/ChatGeneral/Index.razor.rz.scp.css */
:deep(.chat-body)[b-jamfbrfod6] {
    height: 420px;
    overflow-y: auto;
    padding: 15px;
    background: #f7f7f7;
}

:deep(.chat-row)[b-jamfbrfod6] {
    display: flex;
    margin-bottom: 12px;
}

:deep(.chat-row.tecnico)[b-jamfbrfod6] {
    justify-content: flex-end;
}

:deep(.chat-row.cliente)[b-jamfbrfod6] {
    justify-content: flex-start;
}

:deep(.chat-bubble)[b-jamfbrfod6] {
    max-width: 70%;
    padding: 10px 12px;
    border-radius: 12px;
    box-shadow: 0 2px 8px rgba(0,0,0,0.08);
}

:deep(.chat-row.tecnico .chat-bubble)[b-jamfbrfod6] {
    background: #e8f6ee;
}

:deep(.chat-row.cliente .chat-bubble)[b-jamfbrfod6] {
    background: white;
}

:deep(.chat-meta)[b-jamfbrfod6] {
    font-size: 12px;
    color: #6c757d;
    margin-bottom: 3px;
}

:deep(.chat-user)[b-jamfbrfod6] {
    font-weight: 600;
}

:deep(.chat-text)[b-jamfbrfod6] {
    font-size: 14px;
}

:deep(.chat-adjunto)[b-jamfbrfod6] {
    margin-top: 6px;
}

:deep(.chat-img)[b-jamfbrfod6] {
    max-width: 220px;
    border-radius: 8px;
    cursor: pointer;
    box-shadow: 0 2px 6px rgba(0,0,0,0.15);
}

:deep(.chat-file)[b-jamfbrfod6] {
    display: inline-block;
    margin-top: 5px;
    font-size: 13px;
}

:deep(.ticket-chat-layout)[b-jamfbrfod6] {
    display: grid;
    grid-template-columns: 360px 1fr;
    gap: 1rem;
    min-height: calc(100vh - 120px);
}

:deep(.ticket-start-panel)[b-jamfbrfod6],
:deep(.ticket-chat-panel)[b-jamfbrfod6] {
    display: flex;
}

:deep(.panel-card)[b-jamfbrfod6],
:deep(.chat-card)[b-jamfbrfod6] {
    width: 100%;
    background: #fff;
    border-radius: 18px;
    box-shadow: 0 8px 24px rgba(0,0,0,0.08);
    padding: 1rem;
}

:deep(.panel-card h3)[b-jamfbrfod6],
:deep(.chat-header h4)[b-jamfbrfod6] {
    margin-bottom: .25rem;
    color: #213F70;
    font-weight: 700;
}

:deep(.subtitle)[b-jamfbrfod6] {
    color: #6c757d;
    margin-bottom: 1rem;
}

:deep(.form-group)[b-jamfbrfod6] {
    margin-bottom: 1rem;
}

:deep(.chat-card)[b-jamfbrfod6] {
    display: flex;
    flex-direction: column;
    height: 100%;
}

:deep(.chat-header)[b-jamfbrfod6] {
    border-bottom: 1px solid #e9ecef;
    padding-bottom: .75rem;
    margin-bottom: 1rem;
}

:deep(.chat-body)[b-jamfbrfod6] {
    flex: 1;
    overflow-y: auto;
    min-height: 620px;
    background: #f7f8fa;
    border-radius: 14px;
    padding: 1rem;
}

:deep(.chat-empty)[b-jamfbrfod6] {
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    color: #8a8f98;
    text-align: center;
}

:deep(.message-row)[b-jamfbrfod6] {
    display: flex;
    margin-bottom: .75rem;
}

:deep(.message-row.mine)[b-jamfbrfod6] {
    justify-content: flex-end;
}

:deep(.message-row.other)[b-jamfbrfod6] {
    justify-content: flex-start;
}

:deep(.message-bubble)[b-jamfbrfod6] {
    max-width: 70%;
    padding: .75rem 1rem;
    border-radius: 16px;
    background: #e9f5e1;
    box-shadow: 0 2px 6px rgba(0,0,0,0.05);
}

:deep(.message-row.other .message-bubble)[b-jamfbrfod6] {
    background: #ffffff;
}

:deep(.message-text)[b-jamfbrfod6] {
    color: #212529;
    white-space: pre-wrap;
}

:deep(.message-time)[b-jamfbrfod6] {
    font-size: 12px;
    color: #7a7a7a;
    text-align: right;
    margin-top: .35rem;
}

:deep(.chat-footer)[b-jamfbrfod6] {
    border-top: 1px solid #e9ecef;
    padding-top: 1rem;
    margin-top: 1rem;
    display: flex;
    gap: .75rem;
    align-items: flex-end;
}

:deep(.chat-footer .form-control)[b-jamfbrfod6] {
    flex: 1;
}

/* TABLET */
@media (max-width: 991px) {
    :deep(.ticket-chat-layout)[b-jamfbrfod6] {
        grid-template-columns: 1fr;
    }
}

/* LAYOUT FLEX (sobrescribe grid si aplica) */
:deep(.ticket-chat-layout)[b-jamfbrfod6] {
    display: flex;
    gap: 20px;
}

:deep(.ticket-start-panel)[b-jamfbrfod6] {
    width: 320px;
}

:deep(.ticket-chat-panel)[b-jamfbrfod6] {
    flex: 1;
}

/* CELULAR */
@media (max-width: 768px) {

    :deep(.mobile-hidden)[b-jamfbrfod6] {
        display: none;
    }

    :deep(.ticket-chat-layout)[b-jamfbrfod6] {
        flex-direction: column;
    }

    :deep(.ticket-start-panel)[b-jamfbrfod6] {
        width: 100%;
    }
}
/* /Pages/Jornada/Index.razor.rz.scp.css */
.jornada-card[b-f8j2ab1y5k] {
    border-radius: 16px;
    overflow: hidden;
    border: 1px solid rgba(0,0,0,.08);
}

.jornada-header[b-f8j2ab1y5k] {
    background: #f8f6ff;
    font-size: 1.1rem;
    padding: 1rem 1.25rem;
}

.icon-circle[b-f8j2ab1y5k] {
    width: 34px;
    height: 34px;
    border-radius: 50%;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-size: 16px;
    font-weight: bold;
}

.icon-success[b-f8j2ab1y5k] {
    background: #e8f6ee;
    color: #198754;
}

.icon-danger[b-f8j2ab1y5k] {
    background: #fdecef;
    color: #dc3545;
}

.hora-principal[b-f8j2ab1y5k] {
    font-size: 2.3rem;
    font-weight: 300;
    color: #24324a;
    margin-bottom: 1rem;
}

.btn-jornada[b-f8j2ab1y5k] {
    width: 100%;
    font-weight: 700;
    border-radius: 10px;
    padding: .8rem 1rem;
}

.estadisticas-box[b-f8j2ab1y5k] {
    background: #fff;
    border-left: 3px solid #e9ecef;
    padding-left: 1rem;
    margin-top: .5rem;
}
/* /Pages/Jornada/Turno.razor.rz.scp.css */
.turno-page[b-ogaysw405h] {
    padding: 1rem;
}

.turno-section[b-ogaysw405h] {
    background: transparent;
}

.turno-section__header[b-ogaysw405h] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 1rem;
    padding: .25rem .25rem 0 .25rem;
}

.turno-section__title[b-ogaysw405h] {
    margin: 0;
    font-weight: 800;
    color: #1f2d3d;
}

.turno-section__count[b-ogaysw405h] {
    font-size: .9rem;
    color: #6c757d;
    font-weight: 600;
}

.turno-card[b-ogaysw405h] {
    display: flex;
    gap: 1.5rem;
    align-items: center;
    background: #fff;
    border: 1px solid rgba(0,0,0,.08);
    border-radius: 18px;
    padding: 1.5rem;
    box-shadow: 0 6px 18px rgba(0,0,0,.05);
    min-height: 220px;
}

.turno-card--lider[b-ogaysw405h] {
    min-height: 280px;
}

.turno-card__photo-wrap[b-ogaysw405h] {
    flex: 0 0 220px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.turno-card__photo-wrap--small[b-ogaysw405h] {
    flex: 0 0 120px;
}

.turno-card__photo[b-ogaysw405h] {
    width: 210px;
    height: 210px;
    border-radius: 50%;
    object-fit: cover;
    border: 6px solid #f5f7fb;
    box-shadow: 0 4px 16px rgba(0,0,0,.08);
    background: #f8f9fa;
}

.turno-card__photo--small[b-ogaysw405h] {
    width: 100px;
    height: 100px;
    border-width: 4px;
}

.turno-card__body[b-ogaysw405h] {
    flex: 1;
    min-width: 0;
}

.turno-card__top[b-ogaysw405h] {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    gap: 1rem;
    margin-bottom: 1.2rem;
}

.turno-card__role[b-ogaysw405h] {
    font-size: .9rem;
    color: #6c757d;
    font-weight: 600;
    margin-bottom: .15rem;
}

.turno-card__name[b-ogaysw405h] {
    font-size: 2rem;
    font-weight: 800;
    color: #1f2d3d;
    line-height: 1.1;
}

.turno-card__name--small[b-ogaysw405h] {
    font-size: 1.35rem;
}

.turno-card__badge--blue[b-ogaysw405h] {
    background-color: #e9f2ff;
    color: #0d6efd;
    border: 1px solid #cfe2ff;
    font-weight: 600;
}

.turno-card__badge[b-ogaysw405h] {
    padding: .45rem .9rem;
    border-radius: 999px;
    font-weight: 700;
    font-size: .9rem;
    white-space: nowrap;
}

.turno-card__badge--lider[b-ogaysw405h] {
    background: #eef6ff;
    color: #275dad;
    border: 1px solid rgba(39,93,173,.15);
}

.turno-card__badge--ok[b-ogaysw405h] {
    background: #ecfdf5;
    color: #198754;
    border: 1px solid rgba(25,135,84,.18);
}

.turno-card__badge--off[b-ogaysw405h] {
    background: #f8f9fa;
    color: #6c757d;
    border: 1px solid rgba(108,117,125,.2);
}

.turno-card__info-grid[b-ogaysw405h] {
    display: grid;
    grid-template-columns: repeat(2, minmax(220px, 1fr));
    gap: 1rem 2rem;
}

.turno-card__info-item[b-ogaysw405h] {
    background: #fafbfc;
    border-radius: 14px;
    padding: .85rem 1rem;
    border: 1px solid rgba(0,0,0,.05);
}

.turno-card__label[b-ogaysw405h] {
    font-size: .85rem;
    font-weight: 700;
    color: #6c757d;
    margin-bottom: .25rem;
}

.turno-card__value[b-ogaysw405h] {
    font-size: 1.1rem;
    font-weight: 600;
    color: #1f2d3d;
    word-break: break-word;
}

.turno-card__status[b-ogaysw405h] {
    font-size: 1.7rem;
    font-weight: 300;
    line-height: 1.1;
}

.turno-ok[b-ogaysw405h] {
    color: #39a845;
}

.turno-off[b-ogaysw405h] {
    color: #dc3545;
}

@media (max-width: 992px) {
    .turno-card[b-ogaysw405h],
    .turno-card--lider[b-ogaysw405h] {
        flex-direction: column;
        text-align: center;
        min-height: auto;
    }

    .turno-card__top[b-ogaysw405h] {
        flex-direction: column;
        align-items: center;
    }

    .turno-card__info-grid[b-ogaysw405h] {
        grid-template-columns: 1fr;
    }

    .turno-card__photo-wrap[b-ogaysw405h],
    .turno-card__photo-wrap--small[b-ogaysw405h] {
        flex: initial;
    }
}
/* /Pages/Login/Index.razor.rz.scp.css */
/* Botón INGRESAR */
.ingresar-btn[b-72i5kvmszp] {
    width: 100%;
    background-color: #7FA24A;
    border: 2px solid #7FA24A;
    color: white;
    border-radius: 40px;
    padding: 8px 0;
    font-weight: 700;
}

    .ingresar-btn:hover[b-72i5kvmszp] {
        background-color: white;
        color: black;
    }
/* Botón Microsoft */
.microsoft-btn[b-72i5kvmszp] {
    width: 100%;
    background-color: #1E2A52;
    color: white;
    border: 2px solid #D62828;
    border-radius: 40px;
    padding: 6px 0;
    font-weight: 700;
}

    .microsoft-btn:hover[b-72i5kvmszp] {
        background-color: white;
        color: black;
    }
/* Logo Microsoft */
.microsoft-logo[b-72i5kvmszp] {
    height: 35px;
}
/* /Pages/Login/RecuperarPass.razor.rz.scp.css */
.ingresar-btn[b-jwi796ldik] {
    width: 100%;
    background-color: #7FA24A;
    border: 2px solid #7FA24A;
    color: white;
    border-radius: 40px;
    padding: 8px 0;
    font-weight: 700;
}

    .ingresar-btn:hover[b-jwi796ldik] {
        background-color: white;
        color: black;
    }

.regresar-btn[b-jwi796ldik] {
    width: 100%;
    background-color: red;
    border: 2px solid red;
    color: white;
    border-radius: 40px;
    padding: 8px 0;
    font-weight: 700;
}

    .regresar-btn:hover[b-jwi796ldik] {
        background-color: white;
        color: black;
    }
/* /Pages/Reporte/CentroControl/ConsultaTik.razor.rz.scp.css */
.dashboard-wrapper[b-n66ybxkzql] {
    padding: 1rem;
    background: #f5f7fb;
}

.tickets-panel[b-n66ybxkzql] {
    display: grid;
    grid-template-columns: repeat(5, 1fr);
    gap: 1rem;
    margin-bottom: 1.25rem;
}

.ticket-card[b-n66ybxkzql] {
    border-radius: 18px;
    padding: 1.2rem 1.2rem 1rem;
    box-shadow: 0 8px 24px rgba(19, 35, 67, 0.08);
    border: 1px solid rgba(0,0,0,0.04);
    min-height: 168px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    transition: all .2s ease-in-out;
}

    .ticket-card:hover[b-n66ybxkzql] {
        transform: translateY(-3px);
        box-shadow: 0 12px 28px rgba(19, 35, 67, 0.12);
    }

.ticket-card-top[b-n66ybxkzql] {
    display: flex;
    align-items: flex-start;
    gap: .85rem;
}

.ticket-icon[b-n66ybxkzql] {
    width: 48px;
    height: 48px;
    min-width: 48px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1.2rem;
    background: rgba(255,255,255,.35);
}

.ticket-meta[b-n66ybxkzql] {
    display: flex;
    flex-direction: column;
}

.ticket-title[b-n66ybxkzql] {
    font-size: 1.5rem;
    font-weight: 700;
    color: #1d2433;
    line-height: 1.1;
}

.ticket-subtitle[b-n66ybxkzql] {
    font-size: .92rem;
    color: #6b7280;
    margin-top: .25rem;
}

.ticket-value[b-n66ybxkzql] {
    font-size: 3rem;
    font-weight: 800;
    line-height: 1;
    color: #2b2147;
    margin-top: .8rem;
}

.ticket-card-footer[b-n66ybxkzql] {
    margin-top: 1rem;
}

.quick-btn[b-n66ybxkzql] {
    border: none;
    border-radius: 10px;
    background: #1f3b7a;
    color: #fff;
    font-weight: 600;
    font-size: .92rem;
    padding: .65rem 1rem;
    transition: all .2s ease;
}

    .quick-btn:hover[b-n66ybxkzql] {
        background: #2f4f9d;
    }

.sla-riesgo[b-n66ybxkzql] {
    background: linear-gradient(135deg, #e16a8c, #d65a7f);
}

.por-vencer[b-n66ybxkzql] {
    background: linear-gradient(135deg, #f3ede9, #efe6e1);
}

.atendiendo[b-n66ybxkzql] {
    background: linear-gradient(135deg, #ece8fa, #e3def8);
}

.sin-asignar[b-n66ybxkzql] {
    background: linear-gradient(135deg, #f3eee6, #ede5d9);
}

.resueltos[b-n66ybxkzql] {
    background: linear-gradient(135deg, #e5f4e8, #def0e1);
}

.dashboard-grid[b-n66ybxkzql] {
    display: grid;
    grid-template-columns: 2.2fr 1fr;
    gap: 1rem;
}

.panel-card[b-n66ybxkzql] {
    background: #fff;
    border-radius: 18px;
    border: 1px solid #e8edf5;
    box-shadow: 0 8px 24px rgba(19, 35, 67, 0.06);
    overflow: hidden;
}

.panel-card-header[b-n66ybxkzql] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 1rem 1.25rem;
    border-bottom: 1px solid #eef2f7;
    background: #fbfcfe;
}

.panel-title[b-n66ybxkzql] {
    margin: 0;
    font-size: 1.1rem;
    font-weight: 700;
    color: #1f2937;
}

.panel-subtitle[b-n66ybxkzql] {
    font-size: .88rem;
    color: #7b8794;
}

.panel-badge[b-n66ybxkzql] {
    min-width: 36px;
    height: 36px;
    border-radius: 50%;
    background: #1f3b7a;
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 700;
}

.ticket-grid-card[b-n66ybxkzql] {
    padding-bottom: .75rem;
}

.ticket-table[b-n66ybxkzql] {
    margin-bottom: 0;
}

    .ticket-table thead th[b-n66ybxkzql] {
        background: #384a86;
        color: #fff;
        font-weight: 700;
        font-size: .92rem;
        border-color: #d8dfea;
        padding: .9rem .75rem;
        vertical-align: middle;
    }

    .ticket-table tbody td[b-n66ybxkzql] {
        padding: .85rem .75rem;
        border-color: #edf1f7;
        vertical-align: middle;
        color: #273142;
    }

    .ticket-table tbody tr:hover[b-n66ybxkzql] {
        background: #f8fbff;
    }

.ticket-subject[b-n66ybxkzql] {
    max-width: 280px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.priority-badge[b-n66ybxkzql] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 78px;
    padding: .35rem .75rem;
    border-radius: 999px;
    font-size: .85rem;
    font-weight: 700;
}

.priority-high[b-n66ybxkzql] {
    background: #fde9ec;
    color: #b42318;
}

.priority-medium[b-n66ybxkzql] {
    background: #fff1dc;
    color: #b26b00;
}

.priority-low[b-n66ybxkzql] {
    background: #e7f6ea;
    color: #16794d;
}

.pill-select[b-n66ybxkzql] {
    border-radius: 999px;
    font-size: .9rem;
    min-width: 130px;
    border: 1px solid #dbe3ef;
}

.btn-action-view[b-n66ybxkzql] {
    border: none;
    background: #eef4ff;
    color: #224a9a;
    font-weight: 600;
    border-radius: 10px;
    padding: .45rem .8rem;
}

.table-footer[b-n66ybxkzql] {
    display: flex;
    justify-content: flex-end;
    padding: 1rem 1rem .25rem;
}

.custom-pagination .page-link[b-n66ybxkzql] {
    border-radius: 10px !important;
    margin: 0 .15rem;
    border: 1px solid #dde5f0;
    color: #334155;
    font-weight: 600;
}

.custom-pagination .page-item.active .page-link[b-n66ybxkzql] {
    background: #384a86;
    border-color: #384a86;
    color: #fff;
}

.tech-panel[b-n66ybxkzql] {
    min-height: 100%;
}

.tech-list[b-n66ybxkzql] {
    padding: 1rem;
    display: flex;
    flex-direction: column;
    gap: .85rem;
}

.tech-item[b-n66ybxkzql] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: .85rem;
    border: 1px solid #edf1f7;
    border-radius: 14px;
    background: #fbfcfe;
    transition: all .2s ease;
}

    .tech-item:hover[b-n66ybxkzql] {
        background: #f7faff;
        border-color: #dbe6fb;
    }

.tech-user[b-n66ybxkzql] {
    display: flex;
    align-items: center;
    gap: .8rem;
}

.tech-avatar[b-n66ybxkzql] {
    width: 42px;
    height: 42px;
    border-radius: 50%;
    background: #384a86;
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 700;
    font-size: 1rem;
}

.tech-info[b-n66ybxkzql] {
    display: flex;
    flex-direction: column;
}

.tech-name[b-n66ybxkzql] {
    font-weight: 700;
    color: #1f2937;
    font-size: .95rem;
}

.tech-role[b-n66ybxkzql] {
    font-size: .82rem;
    color: #7b8794;
}

.tech-load[b-n66ybxkzql] {
    text-align: right;
}

.tech-count[b-n66ybxkzql] {
    display: block;
    font-size: 1.25rem;
    font-weight: 800;
    color: #1f3b7a;
    line-height: 1;
}

.tech-label[b-n66ybxkzql] {
    font-size: .78rem;
    color: #7b8794;
}

.empty-tech[b-n66ybxkzql] {
    min-height: 180px;
    display: flex;
    flex-direction: column;
    gap: .6rem;
    align-items: center;
    justify-content: center;
    color: #94a3b8;
    text-align: center;
}

    .empty-tech i[b-n66ybxkzql] {
        font-size: 2rem;
    }
.ticket-badge[b-n66ybxkzql] {
    display: inline-flex;
    align-items: center;
    padding: .4rem .75rem;
    border-radius: 999px;
    font-weight: 700;
    font-size: .85rem;
    white-space: nowrap;
}

.ticket-badge--pri[b-n66ybxkzql] {
    background: #eef2ff;
    border: 1px solid rgba(13,110,253,.15);
    color: #1e3a8a;
}
.ticket-badge--ok[b-n66ybxkzql] {
    background: #ecfdf5;
    color: #065f46;
}

.ticket-badge--warning[b-n66ybxkzql] {
    background: #fff7ed;
    color: #9a3412;
}

.ticket-badge--danger[b-n66ybxkzql] {
    background: #fef2f2;
    color: #991b1b;
}

@media (max-width: 1400px) {
    .tickets-panel[b-n66ybxkzql] {
        grid-template-columns: repeat(3, 1fr);
    }
}

@media (max-width: 992px) {
    .dashboard-grid[b-n66ybxkzql] {
        grid-template-columns: 1fr;
    }

    .tickets-panel[b-n66ybxkzql] {
        grid-template-columns: repeat(2, 1fr);
    }
}

@media (max-width: 576px) {
    .tickets-panel[b-n66ybxkzql] {
        grid-template-columns: 1fr;
    }

    .ticket-value[b-n66ybxkzql] {
        font-size: 2.4rem;
    }
}
/* /Pages/Reporte/CentroControl/Index.razor.rz.scp.css */
/* /Pages/Reporte/Ejecutivo/Cabecera.razor.rz.scp.css */
.dashboard-header-wrapper[b-aahyocskoe] {
    padding: 14px;
    background: #f5f7fb;
    border-radius: 16px;
}

.dashboard-filter-box[b-aahyocskoe] {
    background: #ffffff;
    border-radius: 16px;
    padding: 14px 18px;
    box-shadow: 0 2px 10px rgba(15, 23, 42, 0.06);
    margin-bottom: 12px;
}

.filter-top[b-aahyocskoe] {
    display: flex;
    align-items: center;
    gap: 18px;
    flex-wrap: wrap;
    margin-bottom: 12px;
}

.filter-title[b-aahyocskoe] {
    font-size: 16px;
    font-weight: 700;
    color: #243b6b;
    min-width: 180px;
}

.quick-filters[b-aahyocskoe] {
    display: flex;
    gap: 0;
    flex-wrap: wrap;
    border: 1px solid #cfd6e4;
    border-radius: 12px;
    overflow: hidden;
}

.quick-btn[b-aahyocskoe] {
    border: none;
    background: #f8fafc;
    color: #44506a;
    padding: 10px 18px;
    font-size: 14px;
    font-weight: 600;
    border-right: 1px solid #d9e0ec;
    transition: 0.2s ease;
}

    .quick-btn:last-child[b-aahyocskoe] {
        border-right: none;
    }

    .quick-btn:hover[b-aahyocskoe] {
        background: #eaf0fb;
    }

    .quick-btn.active[b-aahyocskoe] {
        background: #244a86;
        color: #ffffff;
    }

.filter-row[b-aahyocskoe] {
    display: flex;
    align-items: end;
    gap: 14px;
    flex-wrap: wrap;
}

.filter-group[b-aahyocskoe] {
    display: flex;
    align-items: center;
    gap: 8px;
}

    .filter-group label[b-aahyocskoe] {
        margin: 0;
        font-size: 14px;
        font-weight: 600;
        color: #3d4b63;
        white-space: nowrap;
    }

.date-group .custom-date[b-aahyocskoe],
.select-group .custom-select[b-aahyocskoe] {
    min-width: 180px;
    height: 42px;
    border-radius: 10px;
    border: 1px solid #d6dce8;
    box-shadow: none;
}

.action-group[b-aahyocskoe] {
    margin-left: 6px;
}

.btn-apply[b-aahyocskoe] {
    background: #76b82a;
    color: #ffffff;
    border: none;
    border-radius: 10px;
    height: 42px;
    padding: 0 22px;
    font-weight: 700;
}

    .btn-apply:hover[b-aahyocskoe] {
        background: #689f24;
        color: #ffffff;
    }

.dashboard-kpis[b-aahyocskoe] {
    display: grid;
    grid-template-columns: 260px 1fr 1fr 2fr;
    gap: 12px;
}

.kpi-card[b-aahyocskoe] {
    background: #ffffff;
    border-radius: 14px;
    padding: 18px 20px;
    box-shadow: 0 2px 10px rgba(15, 23, 42, 0.06);
    display: flex;
    align-items: center;
    gap: 14px;
    min-height: 105px;
}

.kpi-card-primary[b-aahyocskoe] {
    background: linear-gradient(135deg, #1b4c8f, #244a86);
    color: #ffffff;
}

    .kpi-card-primary .kpi-title[b-aahyocskoe],
    .kpi-card-primary .kpi-value[b-aahyocskoe],
    .kpi-card-primary .kpi-subtitle[b-aahyocskoe] {
        color: #ffffff;
    }

.kpi-icon[b-aahyocskoe] {
    width: 44px;
    height: 44px;
    min-width: 44px;
    border-radius: 12px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 22px;
    background: rgba(255,255,255,0.18);
    color: #ffffff;
}

    .kpi-icon.blue[b-aahyocskoe] {
        background: #eaf2ff;
        color: #2f80ed;
    }

    .kpi-icon.green[b-aahyocskoe] {
        background: #edf9e8;
        color: #74c52d;
    }

    .kpi-icon.orange[b-aahyocskoe] {
        background: #fff4eb;
        color: #ff6b35;
    }

    .kpi-icon.red[b-aahyocskoe] {
        background: #fff0eb;
        color: #ff6138;
    }

    .kpi-icon.lime[b-aahyocskoe] {
        background: #eef9e8;
        color: #7bc043;
    }

.kpi-content[b-aahyocskoe] {
    display: flex;
    flex-direction: column;
    line-height: 1.15;
}

.kpi-title[b-aahyocskoe] {
    font-size: 15px;
    font-weight: 700;
    color: #2d3c55;
    margin-bottom: 8px;
}

.kpi-value[b-aahyocskoe] {
    font-size: 18px;
    font-weight: 800;
    color: #1f2d4d;
}

.kpi-subtitle[b-aahyocskoe] {
    font-size: 14px;
    color: #6a768d;
    margin-top: 4px;
}

    .kpi-subtitle.strong[b-aahyocskoe] {
        color: #3f4d63;
        font-weight: 500;
    }

.kpi-split[b-aahyocskoe] {
    display: flex;
    width: 100%;
    height: 100%;
    align-items: center;
}

.kpi-mini[b-aahyocskoe] {
    flex: 1;
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 0 12px;
}

.kpi-divider[b-aahyocskoe] {
    width: 1px;
    height: 58px;
    background: #e3e8f0;
}

@media (max-width: 1200px) {
    .dashboard-kpis[b-aahyocskoe] {
        grid-template-columns: 1fr 1fr;
    }
}

@media (max-width: 768px) {
    .dashboard-kpis[b-aahyocskoe] {
        grid-template-columns: 1fr;
    }

    .filter-row[b-aahyocskoe] {
        flex-direction: column;
        align-items: stretch;
    }

    .filter-group[b-aahyocskoe] {
        width: 100%;
    }

    .date-group .custom-date[b-aahyocskoe],
    .select-group .custom-select[b-aahyocskoe] {
        width: 100%;
        min-width: unset;
    }

    .action-group[b-aahyocskoe] {
        margin-left: 0;
    }

    .btn-apply[b-aahyocskoe] {
        width: 100%;
    }

    .kpi-split[b-aahyocskoe] {
        flex-direction: column;
        align-items: stretch;
        gap: 12px;
    }

    .kpi-divider[b-aahyocskoe] {
        width: 100%;
        height: 1px;
    }
}
/* /Pages/Reporte/Ejecutivo/Index.razor.rz.scp.css */
.dashboard-header-wrapper[b-w7x97gv578] {
    padding: 14px;
    background: #f5f7fb;
    border-radius: 16px;
}

.dashboard-filter-box[b-w7x97gv578] {
    background: #ffffff;
    border-radius: 16px;
    padding: 14px 18px;
    box-shadow: 0 2px 10px rgba(15, 23, 42, 0.06);
    margin-bottom: 12px;
}

.filter-top[b-w7x97gv578] {
    display: flex;
    align-items: center;
    gap: 18px;
    flex-wrap: wrap;
    margin-bottom: 12px;
}

.filter-title[b-w7x97gv578] {
    font-size: 16px;
    font-weight: 700;
    color: #243b6b;
    min-width: 180px;
}

.quick-filters[b-w7x97gv578] {
    display: flex;
    gap: 0;
    flex-wrap: wrap;
    border: 1px solid #cfd6e4;
    border-radius: 12px;
    overflow: hidden;
}

.quick-btn[b-w7x97gv578] {
    border: none;
    background: #f8fafc;
    color: #44506a;
    padding: 10px 18px;
    font-size: 14px;
    font-weight: 600;
    border-right: 1px solid #d9e0ec;
    transition: 0.2s ease;
}

    .quick-btn:last-child[b-w7x97gv578] {
        border-right: none;
    }

    .quick-btn:hover[b-w7x97gv578] {
        background: #eaf0fb;
    }

    .quick-btn.active[b-w7x97gv578] {
        background: #244a86;
        color: #ffffff;
    }

.filter-row[b-w7x97gv578] {
    display: flex;
    align-items: end;
    gap: 14px;
    flex-wrap: wrap;
}

.filter-group[b-w7x97gv578] {
    display: flex;
    align-items: center;
    gap: 8px;
}

    .filter-group label[b-w7x97gv578] {
        margin: 0;
        font-size: 14px;
        font-weight: 600;
        color: #3d4b63;
        white-space: nowrap;
    }

.date-group .custom-date[b-w7x97gv578],
.select-group .custom-select[b-w7x97gv578] {
    min-width: 180px;
    height: 42px;
    border-radius: 10px;
    border: 1px solid #d6dce8;
    box-shadow: none;
}

.action-group[b-w7x97gv578] {
    margin-left: 6px;
}

.btn-apply[b-w7x97gv578] {
    background: #76b82a;
    color: #ffffff;
    border: none;
    border-radius: 10px;
    height: 42px;
    padding: 0 22px;
    font-weight: 700;
}

    .btn-apply:hover[b-w7x97gv578] {
        background: #689f24;
        color: #ffffff;
    }

.dashboard-kpis[b-w7x97gv578] {
    display: grid;
    grid-template-columns: 260px 1fr 1fr 2fr;
    gap: 12px;
}

.kpi-card[b-w7x97gv578] {
    background: #ffffff;
    border-radius: 14px;
    padding: 18px 20px;
    box-shadow: 0 2px 10px rgba(15, 23, 42, 0.06);
    display: flex;
    align-items: center;
    gap: 14px;
    min-height: 105px;
}

.kpi-card-primary[b-w7x97gv578] {
    background: linear-gradient(135deg, #1b4c8f, #244a86);
    color: #ffffff;
}

    .kpi-card-primary .kpi-title[b-w7x97gv578],
    .kpi-card-primary .kpi-value[b-w7x97gv578],
    .kpi-card-primary .kpi-subtitle[b-w7x97gv578] {
        color: #ffffff;
    }

.kpi-icon[b-w7x97gv578] {
    width: 44px;
    height: 44px;
    min-width: 44px;
    border-radius: 12px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 22px;
    background: rgba(255,255,255,0.18);
    color: #ffffff;
}

    .kpi-icon.blue[b-w7x97gv578] {
        background: #eaf2ff;
        color: #2f80ed;
    }

    .kpi-icon.green[b-w7x97gv578] {
        background: #edf9e8;
        color: #74c52d;
    }

    .kpi-icon.orange[b-w7x97gv578] {
        background: #fff4eb;
        color: #ff6b35;
    }

    .kpi-icon.red[b-w7x97gv578] {
        background: #fff0eb;
        color: #ff6138;
    }

    .kpi-icon.lime[b-w7x97gv578] {
        background: #eef9e8;
        color: #7bc043;
    }

.kpi-content[b-w7x97gv578] {
    display: flex;
    flex-direction: column;
    line-height: 1.15;
}

.kpi-title[b-w7x97gv578] {
    font-size: 15px;
    font-weight: 700;
    color: #2d3c55;
    margin-bottom: 8px;
}

.kpi-value[b-w7x97gv578] {
    font-size: 18px;
    font-weight: 800;
    color: #1f2d4d;
}

.kpi-subtitle[b-w7x97gv578] {
    font-size: 14px;
    color: #6a768d;
    margin-top: 4px;
}

    .kpi-subtitle.strong[b-w7x97gv578] {
        color: #3f4d63;
        font-weight: 500;
    }

.kpi-split[b-w7x97gv578] {
    display: flex;
    width: 100%;
    height: 100%;
    align-items: center;
}

.kpi-mini[b-w7x97gv578] {
    flex: 1;
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 0 12px;
}

.kpi-divider[b-w7x97gv578] {
    width: 1px;
    height: 58px;
    background: #e3e8f0;
}

@media (max-width: 1200px) {
    .dashboard-kpis[b-w7x97gv578] {
        grid-template-columns: 1fr 1fr;
    }
}

@media (max-width: 768px) {
    .dashboard-kpis[b-w7x97gv578] {
        grid-template-columns: 1fr;
    }

    .filter-row[b-w7x97gv578] {
        flex-direction: column;
        align-items: stretch;
    }

    .filter-group[b-w7x97gv578] {
        width: 100%;
    }

    .date-group .custom-date[b-w7x97gv578],
    .select-group .custom-select[b-w7x97gv578] {
        width: 100%;
        min-width: unset;
    }

    .action-group[b-w7x97gv578] {
        margin-left: 0;
    }

    .btn-apply[b-w7x97gv578] {
        width: 100%;
    }

    .kpi-split[b-w7x97gv578] {
        flex-direction: column;
        align-items: stretch;
        gap: 12px;
    }

    .kpi-divider[b-w7x97gv578] {
        width: 100%;
        height: 1px;
    }
}
.chart-box[b-w7x97gv578] {
    position: relative;
    width: 100%;
    overflow: hidden;
}

    .chart-box canvas[b-w7x97gv578] {
        width: 100% !important;
        height: 100% !important;
        display: block;
    }

.chart-plataforma[b-w7x97gv578] {
    height: 280px;
}

.chart-canal[b-w7x97gv578] {
    height: 120px;
}

.chart-linea[b-w7x97gv578] {
    height: 180px;
}

.chart-polar[b-w7x97gv578] {
    height: 220px;
}
/* /Pages/Ticket/Chat.razor.rz.scp.css */
.chat-body[b-l92lodfzry] {
    height: 420px;
    overflow-y: auto;
    padding: 15px;
    background: #f7f7f7;
}

.chat-row[b-l92lodfzry] {
    display: flex;
    margin-bottom: 12px;
}

    .chat-row.tecnico[b-l92lodfzry] {
        justify-content: flex-end;
    }

    .chat-row.cliente[b-l92lodfzry] {
        justify-content: flex-start;
    }

.chat-bubble[b-l92lodfzry] {
    max-width: 70%;
    padding: 10px 12px;
    border-radius: 12px;
    box-shadow: 0 2px 8px rgba(0,0,0,0.08);
}

.chat-row.tecnico .chat-bubble[b-l92lodfzry] {
    background: #e8f6ee;
}

.chat-row.cliente .chat-bubble[b-l92lodfzry] {
    background: white;
}

.chat-meta[b-l92lodfzry] {
    font-size: 12px;
    color: #6c757d;
    margin-bottom: 3px;
}

.chat-user[b-l92lodfzry] {
    font-weight: 600;
}

.chat-text[b-l92lodfzry] {
    font-size: 14px;
}
.chat-adjunto[b-l92lodfzry] {
    margin-top: 6px;
}

.chat-img[b-l92lodfzry] {
    max-width: 220px;
    border-radius: 8px;
    cursor: pointer;
    box-shadow: 0 2px 6px rgba(0,0,0,0.15);
}

.chat-file[b-l92lodfzry] {
    display: inline-block;
    margin-top: 5px;
    font-size: 13px;
}
/* /Pages/Ticket/Detalle.razor.rz.scp.css */
.ticket-shell[b-236r4rxc91] {
    border-radius: 10px;
    overflow: hidden;
}

.ticket-topbar[b-236r4rxc91] {
    padding: .75rem 1rem;
    background: #f7f8fb;
    border-bottom: 1px solid rgba(0,0,0,.08);
}

.ticket-title[b-236r4rxc91] {
    font-size: .95rem;
    color: #1f2937;
}

.client-chip[b-236r4rxc91] {
    background: #e11d48;
    color: #fff;
    font-weight: 800;
    padding: .35rem .7rem;
    border-radius: 999px;
    font-size: .85rem;
}

.form-label[b-236r4rxc91] {
    font-size: .85rem;
    color: #6b7280;
    margin-bottom: .25rem;
}

.pill-select[b-236r4rxc91],
.pill-value[b-236r4rxc91] {
    border-radius: 999px !important;
    height: 36px;
}

.pill-value[b-236r4rxc91] {
    display: flex;
    align-items: center;
    padding: 0 .9rem;
    border: 1px solid rgba(0,0,0,.12);
    background: #fff;
    font-weight: 700;
    color: #374151;
}

.pill-select--state[b-236r4rxc91] {
    min-width: 240px;
}

.timer-ico[b-236r4rxc91] {
    font-size: 1.1rem;
    color: #6b7280;
}

.timer-text[b-236r4rxc91] {
    font-weight: 800;
    color: #374151;
}

.icon-btn[b-236r4rxc91] {
    border-radius: 999px;
    width: 38px;
    height: 32px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border: 1px solid rgba(0,0,0,.10);
}

.ticket-tabs .nav-link[b-236r4rxc91] {
    color: #6b7280;
    font-weight: 700;
}

    .ticket-tabs .nav-link.active[b-236r4rxc91] {
        color: #111827;
        border-bottom: 2px solid #22c55e;
    }

.comments-title[b-236r4rxc91] {
    font-weight: 900;
    color: #374151;
}

.avatar[b-236r4rxc91] {
    width: 42px;
    height: 42px;
    border-radius: 999px;
    object-fit: cover;
    border: 1px solid rgba(0,0,0,.08);
}

.comment-user[b-236r4rxc91] {
    font-weight: 900;
    color: #2563eb;
}

.comment-text[b-236r4rxc91] {
    color: #374151;
    margin-top: .25rem;
}

.comment-time[b-236r4rxc91] {
    color: #9ca3af;
    font-size: .8rem;
}

.btn-send[b-236r4rxc91] {
    min-width: 110px;
    border-radius: 10px;
    font-weight: 800;
}
.icon-btn:disabled[b-236r4rxc91] {
    opacity: 0.4;
    cursor: not-allowed;
}
/* /Pages/Ticket/Escalado/Escalado.razor.rz.scp.css */
.sla-list[b-pv0icu66ln] {
    display: flex;
    flex-direction: column;
    gap: .75rem;
}

.sla-item[b-pv0icu66ln] {
    background: #fff;
    border-radius: 12px;
    padding: 1rem;
    box-shadow: 0 4px 14px rgba(0,0,0,.05);
    transition: .2s ease;
    border-left: 5px solid transparent;
}

    .sla-item:hover[b-pv0icu66ln] {
        transform: translateY(-2px);
    }

.border-ok[b-pv0icu66ln] {
    border-left-color: #198754;
}

.border-warning[b-pv0icu66ln] {
    border-left-color: #f59e0b;
}

.border-danger[b-pv0icu66ln] {
    border-left-color: #dc3545;
}

.sla-row[b-pv0icu66ln] {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    gap: .75rem;
}

.sla-main[b-pv0icu66ln] {
    min-width: 0;
    flex: 1 1 auto;
}

.sla-title[b-pv0icu66ln] {
    display: flex;
    align-items: baseline;
    gap: .5rem;
    flex-wrap: wrap;
}

.sla-platform[b-pv0icu66ln] {
    font-weight: 800;
    font-size: 1.1rem;
}

.sla-number[b-pv0icu66ln] {
    color: #6c757d;
    font-weight: 600;
    font-size: .9rem;
}

.sla-subject[b-pv0icu66ln] {
    margin-top: .45rem;
    color: #212529;
    font-size: .95rem;
    line-height: 1.25;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.sla-submeta[b-pv0icu66ln] {
    margin-top: .5rem;
    display: flex;
    flex-wrap: wrap;
    gap: .5rem;
    color: #6c757d;
    font-size: .85rem;
    font-weight: 600;
}

.sla-elapsed[b-pv0icu66ln],
.sla-state[b-pv0icu66ln] {
    display: inline-flex;
    align-items: center;
    gap: .35rem;
    padding: .2rem .55rem;
    border-radius: 999px;
    background: rgba(0,0,0,.03);
    border: 1px solid rgba(0,0,0,.06);
}

.sla-badges[b-pv0icu66ln] {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    gap: .45rem;
    flex: 0 0 auto;
}

.ticket-badge[b-pv0icu66ln] {
    display: inline-flex;
    align-items: center;
    padding: .4rem .75rem;
    border-radius: 999px;
    font-weight: 700;
    font-size: .85rem;
    white-space: nowrap;
}

.ticket-badge--pri[b-pv0icu66ln] {
    background: #eef2ff;
    border: 1px solid rgba(13,110,253,.15);
    color: #1e3a8a;
}

.ticket-badge--ok[b-pv0icu66ln] {
    background: #ecfdf5;
    color: #065f46;
}

.ticket-badge--warning[b-pv0icu66ln] {
    background: #fff7ed;
    color: #9a3412;
}

.ticket-badge--danger[b-pv0icu66ln] {
    background: #fef2f2;
    color: #991b1b;
}

.sla-btn[b-pv0icu66ln] {
    width: 100%;
    background: #198754;
    color: white;
    border: none;
    border-radius: 10px;
    font-weight: 700;
    transition: .2s ease;
    margin-top: .75rem;
}

    .sla-btn:hover[b-pv0icu66ln] {
        background: #157347;
    }

.sla-header[b-pv0icu66ln] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: .75rem;
}

.sla-title[b-pv0icu66ln] {
    display: flex;
    align-items: baseline;
    gap: .5rem;
    flex-wrap: wrap;
}

.sla-header-right[b-pv0icu66ln] {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: .5rem;
    flex: 0 0 auto;
    flex-wrap: wrap;
}

.sla-pill[b-pv0icu66ln] {
    display: inline-flex;
    align-items: center;
    gap: .35rem;
    padding: .25rem .6rem;
    border-radius: 999px;
    font-weight: 700;
    font-size: .85rem;
    white-space: nowrap;
    border: 1px solid rgba(0,0,0,.06);
    background: rgba(0,0,0,.03);
}

.sla-pill--prio[b-pv0icu66ln] {
    background: #eef2ff;
    border: 1px solid rgba(13,110,253,.15);
    color: #1e3a8a;
}

.sla-pill--elapsed[b-pv0icu66ln] {
    background: #f8f9fa;
    border: 1px solid rgba(0,0,0,.08);
    color: #6c757d;
}

.sla-bell[b-pv0icu66ln] {
    position: relative;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 26px;
    height: 26px;
    border-radius: 999px;
    background: #fff7ed;
    border: 1px solid rgba(245,158,11,.25);
    color: #9a3412;
}

.sla-bell-badge[b-pv0icu66ln] {
    position: absolute;
    top: -6px;
    right: -6px;
    min-width: 18px;
    height: 18px;
    padding: 0 5px;
    border-radius: 999px;
    background: #dc3545;
    color: white;
    font-size: 11px;
    font-weight: 800;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

@media (max-width: 420px) {
    .sla-row[b-pv0icu66ln] {
        flex-direction: column;
    }

    .sla-badges[b-pv0icu66ln] {
        flex-direction: row;
        align-items: center;
    }
}
/* /Pages/Ticket/Index.razor.rz.scp.css */
.panel-nuevos-fixed[b-pccd6ci33r] {
    min-height: 260px;
    max-height: 260px;
    overflow-y: auto;
}
.panel-nuevos[b-pccd6ci33r] {
    height: 450px; /* altura fija */
    overflow-y: auto; /* scroll vertical */
}
.panel-slaRiesgo[b-pccd6ci33r] {
    height: 450px; /* altura fija */
    overflow-y: auto; /* scroll vertical */
}
.panel-misTickets[b-pccd6ci33r] {
    height: 350px; /* altura fija */
    overflow-y: auto; /* scroll vertical */
}
.filtros-header[b-pccd6ci33r] {
    cursor: pointer;
    user-select: none;
}

    .filtros-header:hover[b-pccd6ci33r] {
        background-color: #f8f9fa;
    }

.filtros-icon[b-pccd6ci33r] {
    font-size: 14px;
    color: #6c757d;
}
/* /Pages/Ticket/MisTickets.razor.rz.scp.css */
.sla-list[b-ue0cqzn409] {
    display: flex;
    flex-direction: column;
    gap: .75rem;
}

.sla-item[b-ue0cqzn409] {
    background: #fff;
    border-radius: 12px;
    padding: 1rem;
    box-shadow: 0 4px 14px rgba(0,0,0,.05);
    transition: .2s ease;
    border-left: 5px solid transparent;
}

    .sla-item:hover[b-ue0cqzn409] {
        transform: translateY(-2px);
    }

.border-ok[b-ue0cqzn409] {
    border-left-color: #198754;
}

.border-warning[b-ue0cqzn409] {
    border-left-color: #f59e0b;
}

.border-danger[b-ue0cqzn409] {
    border-left-color: #dc3545;
}

.sla-row[b-ue0cqzn409] {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    gap: .75rem;
}

.sla-main[b-ue0cqzn409] {
    min-width: 0;
    flex: 1 1 auto;
}

.sla-title[b-ue0cqzn409] {
    display: flex;
    align-items: baseline;
    gap: .5rem;
    flex-wrap: wrap;
}

.sla-platform[b-ue0cqzn409] {
    font-weight: 800;
    font-size: 1.1rem;
}

.sla-number[b-ue0cqzn409] {
    color: #6c757d;
    font-weight: 600;
    font-size: .9rem;
}

.sla-subject[b-ue0cqzn409] {
    margin-top: .45rem;
    color: #212529;
    font-size: .95rem;
    line-height: 1.25;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.sla-submeta[b-ue0cqzn409] {
    margin-top: .5rem;
    display: flex;
    flex-wrap: wrap;
    gap: .5rem;
    color: #6c757d;
    font-size: .85rem;
    font-weight: 600;
}

.sla-elapsed[b-ue0cqzn409],
.sla-state[b-ue0cqzn409] {
    display: inline-flex;
    align-items: center;
    gap: .35rem;
    padding: .2rem .55rem;
    border-radius: 999px;
    background: rgba(0,0,0,.03);
    border: 1px solid rgba(0,0,0,.06);
}

.sla-badges[b-ue0cqzn409] {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    gap: .45rem;
    flex: 0 0 auto;
}

.ticket-badge[b-ue0cqzn409] {
    display: inline-flex;
    align-items: center;
    padding: .4rem .75rem;
    border-radius: 999px;
    font-weight: 700;
    font-size: .85rem;
    white-space: nowrap;
}

.ticket-badge--pri[b-ue0cqzn409] {
    background: #eef2ff;
    border: 1px solid rgba(13,110,253,.15);
    color: #1e3a8a;
}

.ticket-badge--ok[b-ue0cqzn409] {
    background: #ecfdf5;
    color: #065f46;
}

.ticket-badge--warning[b-ue0cqzn409] {
    background: #fff7ed;
    color: #9a3412;
}

.ticket-badge--danger[b-ue0cqzn409] {
    background: #fef2f2;
    color: #991b1b;
}

.sla-btn[b-ue0cqzn409] {
    width: 100%;
    background: #198754;
    color: white;
    border: none;
    border-radius: 10px;
    font-weight: 700;
    transition: .2s ease;
    margin-top: .75rem;
}

    .sla-btn:hover[b-ue0cqzn409] {
        background: #157347;
    }

.sla-header[b-ue0cqzn409] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: .75rem;
}

.sla-title[b-ue0cqzn409] {
    display: flex;
    align-items: baseline;
    gap: .5rem;
    flex-wrap: wrap;
}

.sla-header-right[b-ue0cqzn409] {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: .5rem;
    flex: 0 0 auto;
    flex-wrap: wrap;
}

.sla-pill[b-ue0cqzn409] {
    display: inline-flex;
    align-items: center;
    gap: .35rem;
    padding: .25rem .6rem;
    border-radius: 999px;
    font-weight: 700;
    font-size: .85rem;
    white-space: nowrap;
    border: 1px solid rgba(0,0,0,.06);
    background: rgba(0,0,0,.03);
}

.sla-pill--prio[b-ue0cqzn409] {
    background: #eef2ff;
    border: 1px solid rgba(13,110,253,.15);
    color: #1e3a8a;
}

.sla-pill--elapsed[b-ue0cqzn409] {
    background: #f8f9fa;
    border: 1px solid rgba(0,0,0,.08);
    color: #6c757d;
}
.sla-bell[b-ue0cqzn409] {
    position: relative;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 26px;
    height: 26px;
    border-radius: 999px;
    background: #fff7ed;
    border: 1px solid rgba(245,158,11,.25);
    color: #9a3412;
}

.sla-bell-badge[b-ue0cqzn409] {
    position: absolute;
    top: -6px;
    right: -6px;
    min-width: 18px;
    height: 18px;
    padding: 0 5px;
    border-radius: 999px;
    background: #dc3545;
    color: white;
    font-size: 11px;
    font-weight: 800;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}
@media (max-width: 420px) {
    .sla-row[b-ue0cqzn409] {
        flex-direction: column;
    }

    .sla-badges[b-ue0cqzn409] {
        flex-direction: row;
        align-items: center;
    }
}
/* /Pages/Ticket/PanNuevos.razor.rz.scp.css */
.ticket-carditem[b-hoy25igqu2] {
    background: #fff;
    border-radius: 12px;
    padding: 1rem;
    margin-bottom: 1rem;
    box-shadow: 0 4px 14px rgba(0,0,0,.05);
    transition: .2s ease;
    border-left: 5px solid transparent;
}

    .ticket-carditem:hover[b-hoy25igqu2] {
        transform: translateY(-2px);
    }

/* Borde según urgencia */
.border-ok[b-hoy25igqu2] {
    border-left-color: #198754;
}

.border-warning[b-hoy25igqu2] {
    border-left-color: #f59e0b;
}

.border-danger[b-hoy25igqu2] {
    border-left-color: #dc3545;
}

.ticket-header[b-hoy25igqu2] {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
}

.ticket-platform[b-hoy25igqu2] {
    font-weight: 800;
    font-size: 1.1rem;
}

.ticket-number[b-hoy25igqu2] {
    color: #6c757d;
    font-weight: 600;
    font-size: .9rem;
}

.ticket-sla[b-hoy25igqu2] {
    padding: .4rem .75rem;
    border-radius: 999px;
    font-weight: 700;
    font-size: .85rem;
    white-space: nowrap;
}
.sla-pill[b-hoy25igqu2] {
    display: inline-flex;
    align-items: center;
    gap: .35rem;
    padding: .25rem .6rem;
    border-radius: 999px;
    font-weight: 700;
    font-size: .85rem;
    white-space: nowrap;
    border: 1px solid rgba(0,0,0,.06);
    background: rgba(0,0,0,.03);
}

.sla-pill--prio[b-hoy25igqu2] {
    background: #eef2ff;
    border: 1px solid rgba(13,110,253,.15);
    color: #1e3a8a;
}
    /* SLA colores */
    .ticket-sla.ticket-badge--ok[b-hoy25igqu2] {
        background: #ecfdf5;
        color: #065f46;
    }

    .ticket-sla.ticket-badge--warning[b-hoy25igqu2] {
        background: #fff7ed;
        color: #9a3412;
    }

    .ticket-sla.ticket-badge--danger[b-hoy25igqu2] {
        background: #fef2f2;
        color: #991b1b;
    }

.ticket-subject[b-hoy25igqu2] {
    margin: .6rem 0 1rem 0;
    color: #212529;
    font-size: .95rem;
}

.btn-ticket-tomar[b-hoy25igqu2] {
    width: 100%;
    background: #198754;
    color: white;
    border: none;
    padding: .65rem;
    border-radius: 10px;
    font-weight: 700;
    transition: .2s ease;
}

    .btn-ticket-tomar:hover[b-hoy25igqu2] {
        background: #157347;
    }
/* /Pages/Ticket/SlaRiesgo.razor.rz.scp.css */
.sla-list[b-tkfygwkrbc] {
    display: flex;
    flex-direction: column;
    gap: .75rem;
}

.sla-item[b-tkfygwkrbc] {
    background: #fff;
    border-radius: 12px;
    padding: 1rem;
    box-shadow: 0 4px 14px rgba(0,0,0,.05);
    transition: .2s ease;
    border-left: 5px solid transparent;
}

    .sla-item:hover[b-tkfygwkrbc] {
        transform: translateY(-2px);
    }

.border-ok[b-tkfygwkrbc] {
    border-left-color: #198754;
}

.border-warning[b-tkfygwkrbc] {
    border-left-color: #f59e0b;
}

.border-danger[b-tkfygwkrbc] {
    border-left-color: #dc3545;
}

.sla-row[b-tkfygwkrbc] {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    gap: .75rem;
}

.sla-main[b-tkfygwkrbc] {
    min-width: 0;
    flex: 1 1 auto;
}

.sla-title[b-tkfygwkrbc] {
    display: flex;
    align-items: baseline;
    gap: .5rem;
    flex-wrap: wrap;
}

.sla-platform[b-tkfygwkrbc] {
    font-weight: 800;
    font-size: 1.1rem;
}

.sla-number[b-tkfygwkrbc] {
    color: #6c757d;
    font-weight: 600;
    font-size: .9rem;
}

.sla-subject[b-tkfygwkrbc] {
    margin-top: .45rem;
    color: #212529;
    font-size: .95rem;
    line-height: 1.25;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.sla-submeta[b-tkfygwkrbc] {
    margin-top: .5rem;
    display: flex;
    flex-wrap: wrap;
    gap: .5rem;
    color: #6c757d;
    font-size: .85rem;
    font-weight: 600;
}

.sla-elapsed[b-tkfygwkrbc],
.sla-state[b-tkfygwkrbc] {
    display: inline-flex;
    align-items: center;
    gap: .35rem;
    padding: .2rem .55rem;
    border-radius: 999px;
    background: rgba(0,0,0,.03);
    border: 1px solid rgba(0,0,0,.06);
}

.sla-badges[b-tkfygwkrbc] {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    gap: .45rem;
    flex: 0 0 auto;
}

.ticket-badge[b-tkfygwkrbc] {
    display: inline-flex;
    align-items: center;
    padding: .4rem .75rem;
    border-radius: 999px;
    font-weight: 700;
    font-size: .85rem;
    white-space: nowrap;
}

.ticket-badge--pri[b-tkfygwkrbc] {
    background: #eef2ff;
    border: 1px solid rgba(13,110,253,.15);
    color: #1e3a8a;
}

.ticket-badge--ok[b-tkfygwkrbc] {
    background: #ecfdf5;
    color: #065f46;
}

.ticket-badge--warning[b-tkfygwkrbc] {
    background: #fff7ed;
    color: #9a3412;
}

.ticket-badge--danger[b-tkfygwkrbc] {
    background: #fef2f2;
    color: #991b1b;
}

.sla-btn[b-tkfygwkrbc] {
    width: 100%;
    background: #198754;
    color: white;
    border: none;
    border-radius: 10px;
    font-weight: 700;
    transition: .2s ease;
    margin-top: .75rem;
}

    .sla-btn:hover[b-tkfygwkrbc] {
        background: #157347;
    }
.sla-header[b-tkfygwkrbc] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: .75rem;
}

.sla-title[b-tkfygwkrbc] {
    display: flex;
    align-items: baseline;
    gap: .5rem;
    flex-wrap: wrap;
}

.sla-header-right[b-tkfygwkrbc] {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: .5rem;
    flex: 0 0 auto;
    flex-wrap: wrap;
}

.sla-pill[b-tkfygwkrbc] {
    display: inline-flex;
    align-items: center;
    gap: .35rem;
    padding: .25rem .6rem;
    border-radius: 999px;
    font-weight: 700;
    font-size: .85rem;
    white-space: nowrap;
    border: 1px solid rgba(0,0,0,.06);
    background: rgba(0,0,0,.03);
}

.sla-pill--prio[b-tkfygwkrbc] {
    background: #eef2ff;
    border: 1px solid rgba(13,110,253,.15);
    color: #1e3a8a;
}

.sla-pill--elapsed[b-tkfygwkrbc] {
    background: #f8f9fa;
    border: 1px solid rgba(0,0,0,.08);
    color: #6c757d;
}
.sla-bell[b-tkfygwkrbc] {
    position: relative;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 26px;
    height: 26px;
    border-radius: 999px;
    background: #fff7ed;
    border: 1px solid rgba(245,158,11,.25);
    color: #9a3412;
}

.sla-bell-badge[b-tkfygwkrbc] {
    position: absolute;
    top: -6px;
    right: -6px;
    min-width: 18px;
    height: 18px;
    padding: 0 5px;
    border-radius: 999px;
    background: #dc3545;
    color: white;
    font-size: 11px;
    font-weight: 800;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}
@media (max-width: 420px) {
    .sla-row[b-tkfygwkrbc] {
        flex-direction: column;
    }

    .sla-badges[b-tkfygwkrbc] {
        flex-direction: row;
        align-items: center;
    }
}