/* _content/PortailSAV.App/Components/Layout/MainLayout.razor.rz.scp.css */
/* =========================================================
   LAYOUT PRINCIPAL
   Structure : sidebar (gauche, sticky) + colonne droite
   ========================================================= */

.page[b-ty1a5c0u1i] {
    position: relative;
    display: flex;
    flex-direction: column;
    min-height: 100vh;
    background: #f5f7fb;
}

main[b-ty1a5c0u1i] {
    flex: 1;
    min-width: 0;
    padding: 1.5rem 2rem;
    background: #f5f7fb;
}

/* =========================================================
   SIDEBAR
   ========================================================= */
.sidebar[b-ty1a5c0u1i] {
    /* Suppression de l'ancien gradient violet */
    background: #ffffff !important;
    background-image: none !important;
    /* Séparation visuelle subtile côté contenu */
    border-right: 1px solid rgba(17, 24, 39, 0.08);
    /* Pas d'ombre : la bordure suffit et évite la double ligne avec le header */
    box-shadow: none;
}

/* =========================================================
   TOP ROW (header interne au layout, au-dessus du contenu)
   ========================================================= */
.top-row[b-ty1a5c0u1i] {
    background-color: #ffffff;
    border-bottom: 1px solid rgba(17, 24, 39, 0.08);
    justify-content: flex-end;
    height: 64px;
    display: flex;
    align-items: center;
    padding: 0 1.5rem;
    /* Colle au sommet pour les pages scrollables */
    position: sticky;
    top: 0;
    z-index: 10;
}

    .top-row[b-ty1a5c0u1i]  a,
    .top-row[b-ty1a5c0u1i]  .btn-link {
        white-space: nowrap;
        margin-left: 1.5rem;
        text-decoration: none;
        color: rgba(17, 24, 39, 0.7);
        font-size: 0.875rem;
    }

        .top-row[b-ty1a5c0u1i]  a:hover,
        .top-row[b-ty1a5c0u1i]  .btn-link:hover {
            color: rgba(17, 24, 39, 1);
            text-decoration: none;
        }

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

/* =========================================================
   RESPONSIVE
   ========================================================= */
@media (max-width: 640.98px) {
    .top-row[b-ty1a5c0u1i] {
        justify-content: space-between;
        padding: 0 1rem;
        height: 56px;
    }

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

@media (min-width: 641px) {
    .page[b-ty1a5c0u1i] {
        flex-direction: row;
        align-items: stretch;
    }

    .sidebar[b-ty1a5c0u1i] {
        width: 256px;
        height: 100vh;
        min-height: 100dvh;
        position: sticky;
        top: 0;
        flex-shrink: 0;
        display: flex;
        flex-direction: column;
        /* La bordure droite de la sidebar doit être visuellement
           continue avec la bordure basse du header → même couleur */
        border-right: 1px solid rgba(17, 24, 39, 0.08);
    }

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

    /* On retire le padding inline sur article pour le contrôler dans main */
    .top-row[b-ty1a5c0u1i], article[b-ty1a5c0u1i] {
        padding-left: 0 !important;
        padding-right: 0 !important;
    }
}

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


/* =========================================================
   HEADER GLOBAL (top-header / app-header)
   Meme hauteur que .top-row (64px) => jonction propre
   ========================================================= */
.top-header[b-ty1a5c0u1i],
.app-header[b-ty1a5c0u1i] {
    height: 64px;
    display: grid !important;
    grid-template-columns: auto minmax(0, 1fr) auto;
    align-items: center;
    gap: 0.85rem;
    padding: 0 1.5rem;
    border-bottom: 1px solid rgba(17, 24, 39, 0.08);
    box-shadow: none;
    position: sticky;
    top: 0;
    z-index: 20;
}

.top-header__spacer[b-ty1a5c0u1i] {
    flex: 1;
}

.top-header__slot[b-ty1a5c0u1i] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    min-width: 0;
}

.top-header__slot--start[b-ty1a5c0u1i],
.top-header__slot--end[b-ty1a5c0u1i] {
    min-width: 0;
    flex-shrink: 0;
}

.top-header__slot--center[b-ty1a5c0u1i] {
    min-width: 0;
    justify-content: center;
    padding: 0 0.5rem;
}

.top-header__slot--start[b-ty1a5c0u1i] {
    justify-content: flex-start;
}

.top-header__slot--end[b-ty1a5c0u1i] {
    justify-content: flex-end;
}

.top-header__slot--center[b-ty1a5c0u1i]  .cp-root {
    width: 100%;
    display: flex;
    justify-content: center;
}

.top-header__slot--center[b-ty1a5c0u1i]  .cp-trigger {
    width: min(100%, 40rem);
}

/* =========================================================
   USER MENU
   ========================================================= */
.user-menu[b-ty1a5c0u1i] {
    position: relative;
    display: flex;
    align-items: center;
}

.user-menu__btn[b-ty1a5c0u1i] {
    background: transparent;
    border: none;
    cursor: pointer;
    padding: 6px;
    border-radius: 999px;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: background 120ms ease;
}

    .user-menu__btn:hover[b-ty1a5c0u1i] {
        background: rgba(17, 24, 39, 0.06);
    }

    .user-menu__btn:focus-visible[b-ty1a5c0u1i] {
        outline: none;
        box-shadow: 0 0 0 3px rgba(var(--brand-primary-rgb), 0.2);
    }

.user-menu__icon[b-ty1a5c0u1i] {
    width: 22px;
    height: 22px;
    display: block;
    color: rgba(17, 24, 39, 0.65);
}

.user-menu__dropdown[b-ty1a5c0u1i] {
    position: absolute;
    right: 0;
    top: calc(100% + 10px);
    background: #ffffff;
    border: 1px solid rgba(17, 24, 39, 0.08);
    border-radius: 12px;
    box-shadow: 0 8px 24px rgba(17, 24, 39, 0.10);
    padding: 6px;
    min-width: 190px;
    z-index: 100;
}

.user-menu__item[b-ty1a5c0u1i] {
    display: block;
    padding: 9px 12px;
    border-radius: 8px;
    text-decoration: none;
    color: rgba(17, 24, 39, 0.85);
    font-size: 0.875rem;
    transition: background 100ms ease;
}

    .user-menu__item:hover[b-ty1a5c0u1i] {
        background: rgba(17, 24, 39, 0.05);
        color: rgba(17, 24, 39, 1);
    }

.top-header[b-ty1a5c0u1i] {
    border-radius: 14px 14px 14px 14px;
    /* La bordure basse devient inutile avec le radius */
    border-bottom: none;
    /* Légère ombre pour compenser */
    box-shadow: 0 2px 8px rgba(17, 24, 39, 0.07);
    margin: 0 0.75rem; /* petit retrait latéral pour que le radius soit visible */
}

.dark .top-header[b-ty1a5c0u1i] {
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.25);
}

/* Harmonisation UI 2026-03-27 */
.page[b-ty1a5c0u1i] {
    background:
        radial-gradient(circle at top, rgba(var(--brand-primary-rgb), 0.08), transparent 32%),
        radial-gradient(circle at right top, rgba(var(--brand-secondary-rgb), 0.08), transparent 24%),
        var(--brand-surface);
}

main[b-ty1a5c0u1i] {
    padding: 1.25rem 1.5rem 2rem;
    background: transparent;
}

.top-header[b-ty1a5c0u1i],
.app-header[b-ty1a5c0u1i] {
    background: rgba(255, 255, 255, 0.9);
    border: 1px solid rgba(15, 23, 42, 0.08);
    box-shadow: 0 18px 40px rgba(15, 23, 42, 0.08);
    backdrop-filter: blur(18px);
}

html.cp-open .top-header[b-ty1a5c0u1i],
html.cp-open .app-header[b-ty1a5c0u1i] {
    -webkit-backdrop-filter: none;
    backdrop-filter: none;
}

.top-header[b-ty1a5c0u1i] {
    margin: 0 0.25rem 1rem;
    border-radius: 20px;
}

.dark .top-header[b-ty1a5c0u1i],
.dark .app-header[b-ty1a5c0u1i] {
    background: rgba(20, 26, 38, 0.86);
    border-color: rgba(255, 255, 255, 0.1);
    box-shadow: 0 18px 40px rgba(0, 0, 0, 0.32);
}

@media (max-width: 900px) {
    main[b-ty1a5c0u1i] {
        padding: 1rem 0.95rem 1.5rem;
        overflow-x: clip;
    }
}

@media (max-width: 640.98px) {
    main[b-ty1a5c0u1i] {
        padding: 0.75rem 0.5rem 1.25rem;
    }

    .top-header[b-ty1a5c0u1i] {
        margin-inline: 0;
        border-radius: 0;
        border-left: none;
        border-right: none;
        padding: 0.6rem 0.75rem;
        gap: 0.5rem;
        height: auto;
    }

    .top-header__slot--center[b-ty1a5c0u1i] {
        padding: 0;
    }

    .top-header__slot--center[b-ty1a5c0u1i]  .cp-trigger {
        width: 100%;
    }
}

@media (max-width: 640.98px) {
    .page[b-ty1a5c0u1i] {
        flex-direction: column;
        min-height: 100dvh;
    }

    .sidebar[b-ty1a5c0u1i] {
        width: 100%;
        height: auto;
        position: relative;
        top: auto;
        border-right: none;
        border-bottom: 1px solid rgba(15, 23, 42, 0.12);
    }

    .top-header__slot--end[b-ty1a5c0u1i]  .ps-user-email {
        display: none !important;
    }
}
/* _content/PortailSAV.App/Components/Layout/NavMenu.razor.rz.scp.css */
/* =========================================================
   NAVBAR TOGGLER (mobile)
   ========================================================= */
.navbar-toggler[b-cjz0xuxdel] {
    appearance: none;
    cursor: pointer;
    width: 3.5rem;
    height: 2.5rem;
    color: rgba(17, 24, 39, 0.85);
    position: absolute;
    top: 50%;
    right: 1rem;
    transform: translateY(-50%);
    border: 1px solid rgba(17, 24, 39, 0.10);
    border-radius: 8px;
    background: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%2817, 24, 39, 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 transparent;
    transition: background-color 120ms ease;
}

    .navbar-toggler:checked[b-cjz0xuxdel] {
        background-color: rgba(17, 24, 39, 0.06);
    }

/* =========================================================
   TOP ROW (zone logo/titre de la sidebar)
   Meme hauteur que le header principal (64px) => jonction parfaite
   ========================================================= */
.top-row[b-cjz0xuxdel] {
    height: 64px;
    display: flex;
    align-items: center;
    padding: 0 1.25rem;
    background: #ffffff;
    border-bottom: 1px solid rgba(17, 24, 39, 0.08);
    position: relative;
}

.top-row .container-fluid[b-cjz0xuxdel] {
    display: flex;
    align-items: center;
    min-width: 0;
    padding-right: 4.25rem;
}

/* =========================================================
   BRAND
   ========================================================= */
.navbar-brand[b-cjz0xuxdel] {
    display: block;
    min-width: 0;
    max-width: 100%;
    font-size: 0.95rem;
    font-weight: 600;
    color: rgba(17, 24, 39, 0.90);
    letter-spacing: -0.01em;
    text-decoration: none;
    overflow: hidden;
    text-overflow: revert-layer;
    white-space: nowrap;
}

    .navbar-brand:hover[b-cjz0xuxdel] {
        color: rgba(17, 24, 39, 1);
        text-decoration: none;
    }

/* =========================================================
   ICONES
   ========================================================= */
.bi[b-cjz0xuxdel] {
    display: inline-block;
    position: relative;
    width: 1.15rem;
    height: 1.15rem;
    margin-right: 0.6rem;
    top: -1px;
    background-size: cover;
    opacity: 0.65;
    flex-shrink: 0;
}

/* =========================================================
   ITEMS DE NAVIGATION
   ========================================================= */
.nav-item[b-cjz0xuxdel] {
    font-size: 0.875rem;
    padding: 0 0.75rem 0.25rem;
}

    .nav-item:first-of-type[b-cjz0xuxdel] {
        padding-top: 0.75rem;
    }

    .nav-item:last-of-type[b-cjz0xuxdel] {
        padding-bottom: 0.75rem;
    }

    .nav-item[b-cjz0xuxdel]  .nav-link {
        color: rgba(17, 24, 39, 0.65);
        background: none;
        border: none;
        border-radius: 10px;
        height: 42px;
        display: flex;
        align-items: center;
        padding: 0 0.875rem;
        width: 100%;
        font-weight: 450;
        transition: background 120ms ease, color 120ms ease;
    }

    .nav-item[b-cjz0xuxdel]  a.active {
        background-color: rgba(var(--brand-primary-rgb), 0.09);
        color: var(--primary);
        font-weight: 550;
    }

        .nav-item[b-cjz0xuxdel]  a.active .bi {
            opacity: 1;
        }

    .nav-item[b-cjz0xuxdel]  .nav-link:hover {
        background-color: rgba(17, 24, 39, 0.05);
        color: rgba(17, 24, 39, 0.90);
    }

        .nav-item[b-cjz0xuxdel]  .nav-link:hover .bi {
            opacity: 0.85;
        }

/* =========================================================
   SECTION LABEL (grouper les items, optionnel)
   ========================================================= */
.nav-section-label[b-cjz0xuxdel] {
    padding: 1rem 1.75rem 0.35rem;
    font-size: 0.7rem;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.08em;
    color: rgba(17, 24, 39, 0.35);
}

/* =========================================================
   SCROLLABLE (mobile collapse)
   ========================================================= */
.nav-scrollable[b-cjz0xuxdel] {
    display: none;
    --ps-signature-size: 0.72rem;
    --ps-brand-header-height: 104px;
}

.navbar-toggler:checked ~ .nav-scrollable[b-cjz0xuxdel] {
    display: flex;
    flex-direction: column;
}

/* =========================================================
   DESKTOP
   ========================================================= */
@media (min-width: 641px) {
    .navbar-toggler[b-cjz0xuxdel] {
        display: none;
    }

    .nav-scrollable[b-cjz0xuxdel] {
        display: flex !important;
        flex-direction: column;
        flex: 1 1 auto;
        min-height: 0;
        height: auto;
        overflow-y: auto;
        padding-top: 0.5rem;
        padding-bottom: max(1rem, env(safe-area-inset-bottom));
        position: relative;
    }
}

@media (max-width: 640px) {
    .top-row[b-cjz0xuxdel] {
        min-height: 72px;
        height: auto;
        padding: 0.65rem 3.75rem 0.65rem 0.85rem;
        align-items: center;
    }

        .top-row .container-fluid[b-cjz0xuxdel] {
            width: 100%;
            padding-right: 0;
            align-items: center;
        }

    .navbar-brand[b-cjz0xuxdel] {
        font-size: 0.88rem;
        line-height: 1.25;
        white-space: normal;
        word-break: break-word;
        max-width: 100%;
    }

    .navbar-toggler[b-cjz0xuxdel] {
        top: 36px;
        right: 0.75rem;
        transform: translateY(-50%);
    }

    .nav-scrollable[b-cjz0xuxdel] {
        display: none;
        height: auto !important;
        min-height: 0 !important;
        --ps-signature-size: 0.65rem;
        --ps-brand-header-height: 72px;
    }

    .navbar-toggler:checked ~ .nav-scrollable[b-cjz0xuxdel] {
        display: flex;
        flex-direction: column;
        max-height: calc(100dvh - var(--ps-brand-header-height));
        overflow-y: auto;
        overscroll-behavior: contain;
        padding-bottom: max(1rem, env(safe-area-inset-bottom));
    }

    .nav-scrollable > nav[b-cjz0xuxdel] {
        overflow: visible;
    }

    .nav-theme-toggle[b-cjz0xuxdel] {
        position: static;
        margin-top: 0.5rem;
        padding: 0 0.5rem 0.75rem;
        width: 100%;
    }

    .ps-sidebar-bottom[b-cjz0xuxdel] {
        padding: 0 0.5rem 0.75rem;
        text-align: center;
    }

    .ps-signature[b-cjz0xuxdel] {
        margin-top: 0.5rem;
        font-size: var(--ps-signature-size);
    }
}

/* =========================================================
   RESET : neutraliser les styles "navbar-dark" du template Blazor
   ========================================================= */
:host[b-cjz0xuxdel], .navbar[b-cjz0xuxdel], .top-row[b-cjz0xuxdel] {
    background: #ffffff !important;
    background-image: none !important;
}

.nav-item[b-cjz0xuxdel]  .nav-link {
    color: rgba(17, 24, 39, 0.65) !important;
}

.nav-item[b-cjz0xuxdel]  a.active {
    background: rgba(var(--brand-primary-rgb), 0.09) !important;
    color: var(--primary) !important;
}

/* Conteneur collé en bas — absolu sur desktop, statique sur mobile */
.nav-theme-toggle[b-cjz0xuxdel] {
    position: absolute;
    bottom: 1.25rem;
    left: 0;
    right: 0;
    padding: 0 0.75rem;
}

@media (max-width: 640px) {
    .nav-theme-toggle[b-cjz0xuxdel] {
        position: static;
        margin-top: 0.5rem;
        padding: 0 0.75rem 1rem;
    }
}

/* Bouton : même style visuel qu'un nav-link */
.theme-toggle-btn[b-cjz0xuxdel] {
    width: 100%;
    display: flex;
    align-items: center;
    gap: 0.6rem;
    padding: 0 0.875rem;
    height: 42px;
    border: none;
    border-radius: 10px;
    background: transparent;
    color: rgba(17, 24, 39, 0.65);
    font-size: 0.875rem;
    cursor: pointer;
    transition: background 120ms ease, color 120ms ease;
    text-align: left;
}

    .theme-toggle-btn:hover[b-cjz0xuxdel] {
        background: rgba(17, 24, 39, 0.05);
        color: rgba(17, 24, 39, 0.90);
    }

/* Dark : couleurs inversées */
.dark .theme-toggle-btn[b-cjz0xuxdel] {
    color: rgba(236, 238, 242, 0.65);
}

    .dark .theme-toggle-btn:hover[b-cjz0xuxdel] {
        background: rgba(255, 255, 255, 0.06);
        color: rgba(236, 238, 242, 0.95);
    }

/* Icône SVG inline (même taille que .bi) */
.nav-link-icon-svg[b-cjz0xuxdel] {
    width: 1.15rem;
    height: 1.15rem;
    flex-shrink: 0;
    opacity: 0.65;
}

.theme-toggle-btn:hover .nav-link-icon-svg[b-cjz0xuxdel] {
    opacity: 0.9;
}

/* Harmonisation UI 2026-03-27 */
.top-row[b-cjz0xuxdel] {
    background:
        radial-gradient(circle at left top, rgba(var(--brand-primary-rgb), 0.12), transparent 44%),
        linear-gradient(180deg, rgba(255, 255, 255, 0.98), rgba(248, 250, 252, 0.94));
    border-bottom: 1px solid rgba(15, 23, 42, 0.08);
}

.navbar-brand[b-cjz0xuxdel] {
    font-size: 0.95rem;
    font-weight: 700;
    color: rgba(15, 23, 42, 0.92);
    letter-spacing: -0.02em;
}

.nav-item[b-cjz0xuxdel]  .nav-link {
    min-height: 46px;
    padding: 0.5rem 0.95rem;
    border-radius: 16px;
    color: rgba(15, 23, 42, 0.68) !important;
    font-weight: 600;
    transition: background 120ms ease, color 120ms ease, box-shadow 120ms ease, transform 120ms ease;
}

.nav-item[b-cjz0xuxdel]  a.active {
    background: linear-gradient(135deg, rgba(var(--brand-primary-rgb), 0.16), rgba(var(--brand-secondary-rgb), 0.08)) !important;
    color: var(--primary-dark) !important;
    font-weight: 700;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.7);
}

.nav-item[b-cjz0xuxdel]  .nav-link:hover {
    background-color: rgba(15, 23, 42, 0.05);
    color: rgba(15, 23, 42, 0.94) !important;
    transform: translateY(-1px);
}

.theme-toggle-btn[b-cjz0xuxdel] {
    min-height: 46px;
    padding: 0.6rem 0.875rem;
    border: 1px solid rgba(15, 23, 42, 0.08);
    border-radius: 16px;
    background: rgba(255, 255, 255, 0.7);
    color: rgba(15, 23, 42, 0.68);
    transition: background 120ms ease, color 120ms ease, border-color 120ms ease;
}

    .theme-toggle-btn:hover[b-cjz0xuxdel] {
        background: rgba(255, 255, 255, 0.96);
        color: rgba(15, 23, 42, 0.94);
        border-color: rgba(var(--brand-primary-rgb), 0.16);
    }

.ps-signature[b-cjz0xuxdel] {
    font-size: var(--ps-signature-size);
    opacity: 0.82;
    margin-top: 10px;
    color: rgba(15, 23, 42, 0.55);
    text-align: center;
    white-space: normal;
    overflow: visible;
    text-overflow: unset;
    line-height: 1.35;
}

.ps-app-version[b-cjz0xuxdel] {
    font-size: calc(var(--ps-signature-size) - 2pt);
    opacity: 0.82;
    color: rgba(15, 23, 42, 0.5);
    text-align: center;
    line-height: 1.2;
    font-weight: 800;
    margin-top: 0.15rem;
}

.dark .top-row[b-cjz0xuxdel] {
    background:
        radial-gradient(circle at left top, rgba(var(--brand-primary-rgb), 0.18), transparent 44%),
        linear-gradient(180deg, rgba(20, 26, 38, 0.98), rgba(11, 13, 19, 0.94));
}

.dark .theme-toggle-btn[b-cjz0xuxdel] {
    border-color: rgba(255, 255, 255, 0.12);
    background: rgba(255, 255, 255, 0.04);
}

.dark .ps-signature[b-cjz0xuxdel] {
    color: rgba(236, 238, 242, 0.55);
}

.dark .ps-app-version[b-cjz0xuxdel] {
    color: rgba(236, 238, 242, 0.48);
}

/* bloc bas de sidebar centré */
.ps-sidebar-bottom[b-cjz0xuxdel] {
    flex: 0 0 auto;
    margin-top: auto;
    padding: 0 0.75rem max(14px, calc(14px + env(safe-area-inset-bottom)));
    display: flex;
    flex-direction: column;
    align-items: center;
}

/* Refresh header marque */
.top-row[b-cjz0xuxdel] {
    min-height: 104px;
    height: auto;
    padding: 1rem 1rem 0.95rem;
    background: linear-gradient(180deg, rgba(255, 255, 255, 0.98), rgba(246, 248, 252, 0.96));
    border-bottom: 1px solid rgba(15, 23, 42, 0.08);
}

.top-row .container-fluid[b-cjz0xuxdel] {
    display: flex;
    align-items: center;
    min-width: 0;
    padding: 0;
}

.navbar-brand[b-cjz0xuxdel] {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr);
    align-items: center;
    column-gap: 1rem;
    width: 100%;
    min-width: 0;
    color: rgba(15, 23, 42, 0.92);
    text-decoration: none;
}

.navbar-brand:hover[b-cjz0xuxdel] {
    color: rgba(15, 23, 42, 1);
    text-decoration: none;
}

.brand-mark[b-cjz0xuxdel] {
    width: 4.8rem;
    height: 4.8rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 1.2rem;
    background: linear-gradient(135deg, rgba(var(--brand-primary-rgb), 0.18), rgba(var(--brand-secondary-rgb), 0.16));
    color: var(--primary-dark);
    font-size: 1.15rem;
    font-weight: 800;
    letter-spacing: 0.08em;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.8);
    flex-shrink: 0;
    overflow: hidden;
}

.brand-mark--logo[b-cjz0xuxdel] {
    padding: 0.12rem;
    background: rgba(255, 255, 255, 0.94);
    border: 1px solid rgba(15, 23, 42, 0.08);
    box-shadow:
        0 12px 28px rgba(15, 23, 42, 0.08),
        inset 0 1px 0 rgba(255, 255, 255, 0.92);
}

.brand-logo[b-cjz0xuxdel] {
    width: 100%;
    height: 100%;
    display: block;
    object-fit: contain;
}

.brand-copy[b-cjz0xuxdel] {
    min-width: 0;
    display: flex;
    flex-direction: column;
    gap: 0.18rem;
}

.brand-eyebrow[b-cjz0xuxdel] {
    display: block;
    font-size: 0.64rem;
    font-weight: 700;
    letter-spacing: 0.14em;
    text-transform: uppercase;
    color: rgba(15, 23, 42, 0.68);
    line-height: 1.1;
}

.brand-title[b-cjz0xuxdel] {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    font-size: 1.1rem;
    font-weight: 800;
    line-height: 1.04;
    letter-spacing: -0.03em;
    color: rgba(15, 23, 42, 0.96);
    overflow-wrap: anywhere;
    text-wrap: balance;
}

@media (min-width: 641px) {
    .top-row[b-cjz0xuxdel] {
        height: 104px;
        min-height: 104px;
        padding-top: 0;
        padding-bottom: 0;
        padding-right: 1rem;
        padding-left: 1rem;
        align-items: center;
    }

    .top-row .container-fluid[b-cjz0xuxdel] {
        height: 100%;
        align-items: center;
    }
}

@media (max-width: 640px) {
    .top-row[b-cjz0xuxdel] {
        min-height: 72px;
        padding: 0.65rem 3.75rem 0.65rem 0.85rem;
    }

    .brand-mark[b-cjz0xuxdel] {
        width: 2.8rem;
        height: 2.8rem;
        border-radius: 0.8rem;
    }

    .brand-mark--logo[b-cjz0xuxdel] {
        padding: 0.08rem;
    }

    .brand-title[b-cjz0xuxdel] {
        font-size: 0.88rem;
        -webkit-line-clamp: 1;
    }
}

.dark .top-row[b-cjz0xuxdel] {
    background: linear-gradient(180deg, rgba(20, 26, 38, 0.98), rgba(11, 13, 19, 0.95));
}

.dark .brand-mark[b-cjz0xuxdel] {
    background: linear-gradient(135deg, rgba(var(--brand-primary-rgb), 0.3), rgba(var(--brand-secondary-rgb), 0.2));
    color: rgba(255, 255, 255, 0.96);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.08);
}

.dark .brand-mark--logo[b-cjz0xuxdel] {
    background: rgba(255, 255, 255, 0.96);
    border-color: rgba(255, 255, 255, 0.14);
    box-shadow:
        0 10px 24px rgba(0, 0, 0, 0.22),
        inset 0 1px 0 rgba(255, 255, 255, 0.96);
}

.dark .brand-eyebrow[b-cjz0xuxdel] {
    color: rgba(236, 238, 242, 0.54);
}

.dark .brand-title[b-cjz0xuxdel],
.dark .navbar-brand[b-cjz0xuxdel] {
    color: rgba(248, 250, 252, 0.96);
}

@media (max-width: 640.98px) {
    .navbar-toggler[b-cjz0xuxdel] {
        display: block;
        top: 36px;
        right: 0.75rem;
        transform: translateY(-50%);
        width: 2.75rem;
        height: 2.75rem;
        border-radius: 12px;
    }

    .top-row[b-cjz0xuxdel] {
        min-height: 72px;
        height: auto;
        padding: 0.65rem 3.75rem 0.65rem 0.85rem;
        align-items: center;
        position: relative;
    }

    .top-row .container-fluid[b-cjz0xuxdel] {
        width: 100%;
        padding-right: 0;
        align-items: center;
    }

    .navbar-brand[b-cjz0xuxdel] {
        column-gap: 0.65rem;
    }

    .brand-mark[b-cjz0xuxdel] {
        width: 2.8rem;
        height: 2.8rem;
        border-radius: 0.8rem;
        font-size: 0.85rem;
    }

    .brand-mark--logo[b-cjz0xuxdel] {
        padding: 0.08rem;
    }

    .brand-copy[b-cjz0xuxdel] {
        gap: 0.1rem;
    }

    .brand-eyebrow[b-cjz0xuxdel] {
        font-size: 0.56rem;
        letter-spacing: 0.1em;
    }

    .brand-title[b-cjz0xuxdel] {
        font-size: 0.88rem;
        -webkit-line-clamp: 1;
        letter-spacing: -0.02em;
    }

    .nav-scrollable[b-cjz0xuxdel] {
        display: none !important;
        height: auto !important;
        min-height: 0 !important;
        --ps-signature-size: 0.65rem;
        --ps-brand-header-height: 72px;
    }

    .navbar-toggler:checked ~ .nav-scrollable[b-cjz0xuxdel] {
        display: flex !important;
        flex-direction: column;
        max-height: calc(100dvh - var(--ps-brand-header-height));
        overflow-y: auto;
        overscroll-behavior: contain;
        padding-bottom: max(1rem, env(safe-area-inset-bottom));
    }

    .nav-item[b-cjz0xuxdel] {
        padding: 0 0.5rem 0.2rem;
    }

    .nav-item:first-of-type[b-cjz0xuxdel] {
        padding-top: 0.5rem;
    }

    .nav-theme-toggle[b-cjz0xuxdel] {
        position: static;
        margin-top: 0.5rem;
        padding: 0 0.5rem 0.75rem;
    }

    .ps-sidebar-bottom[b-cjz0xuxdel] {
        padding: 0 0.5rem 0.75rem;
    }
}

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

    .nav-scrollable[b-cjz0xuxdel] {
        display: flex !important;
        flex-direction: column;
        flex: 1 1 auto;
        min-height: 0;
        height: auto;
        overflow-y: auto;
        padding-top: 0.5rem;
        padding-bottom: max(1rem, env(safe-area-inset-bottom));
        position: relative;
    }
}
/* _content/PortailSAV.App/Components/Layout/ReconnectModal.razor.rz.scp.css */
.components-reconnect-first-attempt-visible[b-gg08lxxelc],
.components-reconnect-repeated-attempt-visible[b-gg08lxxelc],
.components-reconnect-failed-visible[b-gg08lxxelc],
.components-pause-visible[b-gg08lxxelc],
.components-resume-failed-visible[b-gg08lxxelc],
.components-rejoining-animation[b-gg08lxxelc] {
    display: none;
}

#components-reconnect-modal.components-reconnect-show .components-reconnect-first-attempt-visible[b-gg08lxxelc],
#components-reconnect-modal.components-reconnect-show .components-rejoining-animation[b-gg08lxxelc],
#components-reconnect-modal.components-reconnect-paused .components-pause-visible[b-gg08lxxelc],
#components-reconnect-modal.components-reconnect-resume-failed .components-resume-failed-visible[b-gg08lxxelc],
#components-reconnect-modal.components-reconnect-retrying[b-gg08lxxelc],
#components-reconnect-modal.components-reconnect-retrying .components-reconnect-repeated-attempt-visible[b-gg08lxxelc],
#components-reconnect-modal.components-reconnect-retrying .components-rejoining-animation[b-gg08lxxelc],
#components-reconnect-modal.components-reconnect-failed[b-gg08lxxelc],
#components-reconnect-modal.components-reconnect-failed .components-reconnect-failed-visible[b-gg08lxxelc] {
    display: block;
}


#components-reconnect-modal[b-gg08lxxelc] {
    background-color: white;
    width: 20rem;
    margin: 20vh auto;
    padding: 2rem;
    border: 0;
    border-radius: 0.5rem;
    box-shadow: 0 3px 6px 2px rgba(0, 0, 0, 0.3);
    opacity: 0;
    transition: display 0.5s allow-discrete, overlay 0.5s allow-discrete;
    animation: components-reconnect-modal-fadeOutOpacity-b-gg08lxxelc 0.5s both;
    &[open]

{
    animation: components-reconnect-modal-slideUp-b-gg08lxxelc 1.5s cubic-bezier(.05, .89, .25, 1.02) 0.3s, components-reconnect-modal-fadeInOpacity-b-gg08lxxelc 0.5s ease-in-out 0.3s;
    animation-fill-mode: both;
}

}

#components-reconnect-modal[b-gg08lxxelc]::backdrop {
    background-color: rgba(0, 0, 0, 0.4);
    animation: components-reconnect-modal-fadeInOpacity-b-gg08lxxelc 0.5s ease-in-out;
    opacity: 1;
}

@keyframes components-reconnect-modal-slideUp-b-gg08lxxelc {
    0% {
        transform: translateY(30px) scale(0.95);
    }

    100% {
        transform: translateY(0);
    }
}

@keyframes components-reconnect-modal-fadeInOpacity-b-gg08lxxelc {
    0% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

@keyframes components-reconnect-modal-fadeOutOpacity-b-gg08lxxelc {
    0% {
        opacity: 1;
    }

    100% {
        opacity: 0;
    }
}

.components-reconnect-container[b-gg08lxxelc] {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 1rem;
}

#components-reconnect-modal p[b-gg08lxxelc] {
    margin: 0;
    text-align: center;
}

#components-reconnect-modal button[b-gg08lxxelc] {
    border: 0;
    background-color: #6b9ed2;
    color: white;
    padding: 4px 24px;
    border-radius: 4px;
}

    #components-reconnect-modal button:hover[b-gg08lxxelc] {
        background-color: #3b6ea2;
    }

    #components-reconnect-modal button:active[b-gg08lxxelc] {
        background-color: #6b9ed2;
    }

.components-rejoining-animation[b-gg08lxxelc] {
    position: relative;
    width: 80px;
    height: 80px;
}

    .components-rejoining-animation div[b-gg08lxxelc] {
        position: absolute;
        border: 3px solid #0087ff;
        opacity: 1;
        border-radius: 50%;
        animation: components-rejoining-animation-b-gg08lxxelc 1.5s cubic-bezier(0, 0.2, 0.8, 1) infinite;
    }

        .components-rejoining-animation div:nth-child(2)[b-gg08lxxelc] {
            animation-delay: -0.5s;
        }

@keyframes components-rejoining-animation-b-gg08lxxelc {
    0% {
        top: 40px;
        left: 40px;
        width: 0;
        height: 0;
        opacity: 0;
    }

    4.9% {
        top: 40px;
        left: 40px;
        width: 0;
        height: 0;
        opacity: 0;
    }

    5% {
        top: 40px;
        left: 40px;
        width: 0;
        height: 0;
        opacity: 1;
    }

    100% {
        top: 0px;
        left: 0px;
        width: 80px;
        height: 80px;
        opacity: 0;
    }
}
/* _content/PortailSAV.App/Components/Pages/Changelog.razor.rz.scp.css */
.changelog-shell[b-jyfidleqjy] {
    display: grid;
    gap: 1rem;
}

.changelog-entry[b-jyfidleqjy] {
    padding: 1rem 1.1rem;
    border-radius: 16px;
    background: rgba(255, 255, 255, 0.74);
    border: 1px solid rgba(15, 23, 42, 0.08);
    box-shadow: 0 12px 28px rgba(15, 23, 42, 0.08);
}

.changelog-entry__header[b-jyfidleqjy] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 0.65rem;
}

.changelog-entry__badge[b-jyfidleqjy] {
    display: inline-flex;
    align-items: center;
    border-radius: 999px;
    padding: 0.2rem 0.65rem;
    font-size: 0.82rem;
    font-weight: 600;
    letter-spacing: 0.02em;
    color: var(--primary);
    background: rgba(var(--brand-primary-rgb), 0.14);
}

.changelog-entry__list[b-jyfidleqjy] {
    margin: 0;
    padding-left: 1.15rem;
    display: grid;
    gap: 0.4rem;
}

.changelog-entry__list li[b-jyfidleqjy] {
    color: var(--text);
    line-height: 1.45;
}

@media (max-width: 640px) {
    .changelog-entry[b-jyfidleqjy] {
        border-radius: 14px;
        padding: 0.9rem;
    }
}

html.dark .changelog-entry[b-jyfidleqjy] {
    background: rgba(20, 26, 38, 0.82);
    border-color: rgba(255, 255, 255, 0.08);
    box-shadow: 0 12px 30px rgba(0, 0, 0, 0.28);
}
/* _content/PortailSAV.App/Components/Pages/Client/Tickets/Detail.razor.rz.scp.css */
.ticket-detail-page[b-ybddm9i2bs] {
    display: grid;
    gap: 1.5rem;
    position: relative;
    background: linear-gradient(135deg, rgba(79, 70, 229, 0.03) 0%, rgba(16, 185, 129, 0.02) 100%);
    border-radius: 8px;
    padding: 0.5rem;
    width: 100%;
    min-width: 0;
}

.ticket-detail-grid[b-ybddm9i2bs],
.ticket-hero[b-ybddm9i2bs],
.ticket-hero__content[b-ybddm9i2bs],
.ticket-hero__summary-row[b-ybddm9i2bs],
.ticket-hero__actions[b-ybddm9i2bs],
.ticket-detail-main[b-ybddm9i2bs],
.ticket-detail-side[b-ybddm9i2bs],
.ticket-panel[b-ybddm9i2bs],
.ticket-side-card[b-ybddm9i2bs] {
    min-width: 0;
}

.ticket-hero[b-ybddm9i2bs] {
    position: relative;
    display: flex;
    align-items: center;
    gap: 1.25rem;
    padding: 1.6rem;
    border: 1px solid rgba(15, 23, 42, 0.08);
    border-radius: 30px;
    background:
        radial-gradient(circle at top left, rgba(79, 70, 229, 0.14), transparent 34%),
        radial-gradient(circle at right 20%, rgba(6, 182, 212, 0.11), transparent 26%),
        linear-gradient(145deg, rgba(255, 255, 255, 0.98), rgba(248, 250, 252, 0.96));
    box-shadow: 0 24px 70px rgba(15, 23, 42, 0.09);
}

.ticket-hero--client-detail[b-ybddm9i2bs] {
    display: flex;
    align-items: center;
    gap: 1.25rem;
    flex-wrap: nowrap;
}

.ticket-hero__content[b-ybddm9i2bs],
.ticket-hero__stats[b-ybddm9i2bs] {
    position: relative;
    z-index: 1;
}

.ticket-hero__content[b-ybddm9i2bs] {
    display: grid;
    gap: 1.1rem;
    flex: 0 1 auto;
}

.ticket-hero__content--client[b-ybddm9i2bs] {
    width: 100%;
    flex: 1 1 auto;
    gap: 1rem;
}

.ticket-hero__topline[b-ybddm9i2bs] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 1rem;
}

.ticket-hero__summary-row[b-ybddm9i2bs] {
    display: flex;
    align-items: stretch;
    justify-content: flex-end;
    gap: 0.75rem;
    min-width: 0;
}

.ticket-hero-metric[b-ybddm9i2bs] {
    display: flex;
    align-items: flex-start;
    gap: 0.65rem;
    min-width: 10.5rem;
    max-width: 13rem;
    padding: 0.7rem 0.8rem;
    border: 1px solid rgba(15, 23, 42, 0.08);
    border-radius: 20px;
    background: rgba(255, 255, 255, 0.9);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.55);
}

.ticket-hero-metric__icon[b-ybddm9i2bs] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 1.7rem;
    height: 1.7rem;
    border-radius: 12px;
    background: rgba(79, 70, 229, 0.1);
    color: var(--primary);
    font-size: 0.82rem;
    flex: 0 0 auto;
}

.ticket-hero-metric__text[b-ybddm9i2bs] {
    display: grid;
    gap: 0.15rem;
    min-width: 0;
}

.ticket-hero-metric__label[b-ybddm9i2bs] {
    font-size: 0.68rem;
    font-weight: 700;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    color: var(--muted);
}

.ticket-hero-metric__value[b-ybddm9i2bs] {
    font-size: 0.95rem;
    font-weight: 700;
    line-height: 1.3;
    overflow-wrap: anywhere;
    word-break: break-word;
}

.ticket-hero__bottomline[b-ybddm9i2bs] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    flex-wrap: wrap;
}

.ticket-hero__bottomline .ticket-hero__actions[b-ybddm9i2bs] {
    margin-left: auto;
}

.ticket-hero__eyebrow[b-ybddm9i2bs],
.ticket-panel__eyebrow[b-ybddm9i2bs],
.ticket-side-card__eyebrow[b-ybddm9i2bs] {
    font-size: 0.72rem;
    font-weight: 700;
    letter-spacing: 0.16em;
    text-transform: uppercase;
    color: var(--muted);
}

.ticket-hero__topbar[b-ybddm9i2bs],
.ticket-hero__eyebrow-group[b-ybddm9i2bs],
.ticket-hero__actions[b-ybddm9i2bs] {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    flex-wrap: wrap;
}

.ticket-hero__topbar[b-ybddm9i2bs] {
    justify-content: space-between;
    align-items: flex-start;
}

.ticket-hero__actions[b-ybddm9i2bs] {
    flex: 0 0 auto;
}

.ticket-hero__actions .btn[b-ybddm9i2bs] {
    min-height: 2.85rem;
    padding-inline: 1.1rem;
    border-radius: 14px;
    box-shadow: 0 12px 28px rgba(15, 23, 42, 0.06);
}

.ticket-hero__heading[b-ybddm9i2bs] {
    display: grid;
    gap: 0.55rem;
}

.ticket-hero__page-title[b-ybddm9i2bs] {
    margin: 0;
    font-size: clamp(1.8rem, 3vw, 2.6rem);
    line-height: 1.06;
    letter-spacing: -0.03em;
}

.ticket-hero__subtitle[b-ybddm9i2bs] {
    margin: 0;
    max-width: 56rem;
    color: var(--muted);
    font-size: 0.98rem;
    line-height: 1.65;
}

.ticket-hero__chips[b-ybddm9i2bs] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.75rem;
}

.ticket-tone[b-ybddm9i2bs] {
    display: inline-flex;
    align-items: center;
    gap: 0.55rem;
    min-height: 2.6rem;
    padding: 0.45rem 0.95rem;
    border: 1px solid rgba(15, 23, 42, 0.08);
    border-radius: 999px;
    background: rgba(255, 255, 255, 0.9);
    box-shadow: 0 10px 28px rgba(15, 23, 42, 0.06);
    font-weight: 700;
    color: var(--text);
    min-width: 0;
    overflow-wrap: anywhere;
}

.ticket-tone__label[b-ybddm9i2bs] {
    color: var(--muted);
    font-size: 0.78rem;
    font-weight: 600;
}

.ticket-tone--status-open[b-ybddm9i2bs],
.ticket-tone--priority-normal[b-ybddm9i2bs] {
    background: rgba(79, 70, 229, 0.1);
    color: #4138b6;
    border-color: rgba(79, 70, 229, 0.12);
}

.ticket-tone--status-progress[b-ybddm9i2bs] {
    background: rgba(6, 182, 212, 0.12);
    color: #0f7490;
    border-color: rgba(6, 182, 212, 0.16);
}

.ticket-tone--status-waiting[b-ybddm9i2bs],
.ticket-tone--priority-high[b-ybddm9i2bs] {
    background: rgba(245, 158, 11, 0.14);
    color: #9a5a06;
    border-color: rgba(245, 158, 11, 0.2);
}

.ticket-tone--status-closed[b-ybddm9i2bs],
.ticket-tone--priority-low[b-ybddm9i2bs] {
    background: rgba(15, 23, 42, 0.08);
    color: #334155;
    border-color: rgba(15, 23, 42, 0.1);
}

.ticket-hero__stats[b-ybddm9i2bs] {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 0.85rem;
    align-self: stretch;
}

.ticket-stat[b-ybddm9i2bs] {
    display: grid;
    gap: 0.45rem;
    padding: 0.75rem 0.85rem;
    border: 1px solid rgba(15, 23, 42, 0.08);
    border-radius: 20px;
    background: rgba(255, 255, 255, 0.88);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.55);
    flex: 1;
    min-width: 90px;
}

.ticket-hero__stats-inline .ticket-stat[b-ybddm9i2bs] {
    padding: 0.6rem 0.7rem;
}

.ticket-stat__icon[b-ybddm9i2bs] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 2rem;
    height: 2rem;
    border-radius: 14px;
    background: rgba(79, 70, 229, 0.1);
    color: var(--primary);
    font-size: 0.9rem;
}

.ticket-hero__stats-inline .ticket-stat__icon[b-ybddm9i2bs] {
    width: 1.6rem;
    height: 1.6rem;
    font-size: 0.8rem;
}

.ticket-stat__label[b-ybddm9i2bs] {
    font-size: 0.7rem;
    font-weight: 700;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    color: var(--muted);
}

.ticket-hero__stats-inline .ticket-stat__label[b-ybddm9i2bs] {
    font-size: 0.65rem;
}

.ticket-stat__value[b-ybddm9i2bs] {
    font-size: 0.95rem;
    font-weight: 700;
    line-height: 1.35;
    color: var(--text);
    min-width: 0;
    overflow-wrap: anywhere;
    word-break: break-word;
}

.ticket-hero__stats-inline .ticket-stat__value[b-ybddm9i2bs] {
    font-size: 0.85rem;
}

.ticket-detail-grid[b-ybddm9i2bs] {
    display: grid;
    grid-template-columns: minmax(0, 1.45fr) minmax(320px, 0.9fr);
    gap: 1.5rem;
    align-items: stretch;
}

.ticket-detail-main[b-ybddm9i2bs] {
    display: grid;
    gap: 1.25rem;
}

.ticket-detail-side[b-ybddm9i2bs] {
    display: flex;
    flex-direction: column;
    gap: 1.25rem;
    overflow: hidden;
}

.ticket-detail-side > .ticket-side-card[b-ybddm9i2bs] {
    flex: 0 0 auto;
}

.ticket-detail-side > .ps-rightpanel[b-ybddm9i2bs] {
    flex: 1 1 auto;
    min-height: 0;
    overflow: hidden;
}

.ticket-panel[b-ybddm9i2bs],
.ticket-side-card[b-ybddm9i2bs] {
    padding: 1.35rem;
    border: 1px solid rgba(15, 23, 42, 0.08);
    border-radius: 26px;
    background: linear-gradient(180deg, rgba(255, 255, 255, 0.99), rgba(248, 250, 252, 0.96));
    box-shadow: 0 18px 50px rgba(15, 23, 42, 0.07);
}

.ticket-panel__header[b-ybddm9i2bs] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 1rem;
    margin-bottom: 1.15rem;
}

.ticket-panel__title[b-ybddm9i2bs],
.ticket-side-card__title[b-ybddm9i2bs] {
    margin: 0.25rem 0 0;
    font-size: 1.15rem;
    line-height: 1.3;
}

.ticket-panel__text[b-ybddm9i2bs],
.ticket-side-card__text[b-ybddm9i2bs] {
    margin: 0;
    max-width: 22rem;
    color: var(--muted);
    line-height: 1.6;
}

.ticket-panel--warning[b-ybddm9i2bs] {
    display: flex;
    align-items: flex-start;
    gap: 1rem;
    background: linear-gradient(180deg, rgba(255, 251, 235, 0.95), rgba(255, 247, 237, 0.98));
    border-color: rgba(245, 158, 11, 0.2);
}

.ticket-panel__icon[b-ybddm9i2bs] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 3rem;
    height: 3rem;
    border-radius: 20px;
    background: rgba(245, 158, 11, 0.15);
    color: #b45309;
    font-size: 1.1rem;
    flex-shrink: 0;
}

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

.ticket-fact[b-ybddm9i2bs] {
    display: grid;
    gap: 0.45rem;
    padding: 1rem;
    border: 1px solid rgba(15, 23, 42, 0.06);
    border-radius: 20px;
    background: rgba(15, 23, 42, 0.02);
}

.ticket-fact--wide[b-ybddm9i2bs] {
    grid-column: 1 / -1;
}

.ticket-fact__label[b-ybddm9i2bs] {
    font-size: 0.76rem;
    font-weight: 700;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    color: var(--muted);
}

.ticket-fact__value[b-ybddm9i2bs] {
    font-size: 0.98rem;
    line-height: 1.55;
    color: var(--text);
    overflow-wrap: anywhere;
    word-break: break-word;
}

.ticket-empty-state[b-ybddm9i2bs] {
    display: grid;
    justify-items: center;
    gap: 0.5rem;
    padding: 2rem 1.25rem;
    border: 1px dashed rgba(15, 23, 42, 0.16);
    border-radius: 22px;
    background: rgba(15, 23, 42, 0.02);
    text-align: center;
}

.ticket-empty-state__icon[b-ybddm9i2bs] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 3rem;
    height: 3rem;
    border-radius: 18px;
    background: rgba(79, 70, 229, 0.1);
    color: var(--primary);
    font-size: 1.2rem;
}

.ticket-attachment-list[b-ybddm9i2bs] {
    display: grid;
    gap: 0.8rem;
}

.ticket-attachment[b-ybddm9i2bs] {
    display: flex;
    align-items: center;
    gap: 0.9rem;
    padding: 0.95rem 1rem;
    border: 1px solid rgba(15, 23, 42, 0.08);
    border-radius: 20px;
    background: rgba(255, 255, 255, 0.92);
    text-decoration: none;
    color: inherit;
    transition: transform 150ms ease, box-shadow 150ms ease, border-color 150ms ease;
}

.ticket-attachment:hover[b-ybddm9i2bs] {
    transform: translateY(-2px);
    border-color: rgba(79, 70, 229, 0.18);
    box-shadow: 0 16px 38px rgba(79, 70, 229, 0.12);
    text-decoration: none;
}

.ticket-attachment__icon[b-ybddm9i2bs] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 2.9rem;
    height: 2.9rem;
    border-radius: 18px;
    background: rgba(79, 70, 229, 0.1);
    color: var(--primary);
    font-size: 1.1rem;
    flex-shrink: 0;
}

.ticket-attachment__content[b-ybddm9i2bs] {
    display: grid;
    gap: 0.15rem;
    min-width: 0;
}

.ticket-attachment__name[b-ybddm9i2bs] {
    font-weight: 700;
    color: var(--text);
    overflow: hidden;
    overflow-wrap: anywhere;
    text-overflow: ellipsis;
}

.ticket-attachment__meta[b-ybddm9i2bs] {
    color: var(--muted);
    font-size: 0.85rem;
}

.ticket-attachment__action[b-ybddm9i2bs] {
    margin-left: auto;
    display: inline-flex;
    align-items: center;
    gap: 0.35rem;
    color: var(--primary);
    font-weight: 700;
    white-space: nowrap;
}

.ticket-side-card[b-ybddm9i2bs] {
    display: grid;
    gap: 0.8rem;
}

.ticket-side-card--accent[b-ybddm9i2bs] {
    overflow: hidden;
    position: relative;
}

.ticket-side-card--accent[b-ybddm9i2bs]::before {
    content: "";
    position: absolute;
    inset: 0;
    opacity: 0.88;
    pointer-events: none;
}

.ticket-side-card--accent > *[b-ybddm9i2bs] {
    position: relative;
    z-index: 1;
}

.ticket-side-card--info[b-ybddm9i2bs]::before {
    background: linear-gradient(135deg, rgba(79, 70, 229, 0.12), transparent 56%);
}

.ticket-side-card--success[b-ybddm9i2bs]::before {
    background: linear-gradient(135deg, rgba(6, 182, 212, 0.14), transparent 56%);
}

.ticket-side-card--warning[b-ybddm9i2bs]::before {
    background: linear-gradient(135deg, rgba(245, 158, 11, 0.16), transparent 60%);
}

.ticket-side-card--neutral[b-ybddm9i2bs]::before {
    background: linear-gradient(135deg, rgba(15, 23, 42, 0.08), transparent 56%);
}

.ticket-side-list[b-ybddm9i2bs] {
    display: grid;
    gap: 0.75rem;
}

.ticket-side-list__item[b-ybddm9i2bs] {
    display: flex;
    align-items: baseline;
    justify-content: space-between;
    gap: 1rem;
    padding-bottom: 0.75rem;
    border-bottom: 1px solid rgba(15, 23, 42, 0.06);
}

.ticket-side-list__item:last-child[b-ybddm9i2bs] {
    padding-bottom: 0;
    border-bottom: 0;
}

.ticket-side-list__item span[b-ybddm9i2bs] {
    color: var(--muted);
}

.ticket-side-list__item strong[b-ybddm9i2bs] {
    font-size: 0.92rem;
    text-align: right;
}

.ticket-inline-status[b-ybddm9i2bs] {
    display: inline-flex;
    align-items: center;
    gap: 0.65rem;
    padding: 0.8rem 1rem;
    border: 1px solid rgba(15, 23, 42, 0.08);
    border-radius: 18px;
    background: rgba(255, 255, 255, 0.9);
    color: var(--muted);
    font-size: 0.9rem;
    font-weight: 600;
}

@media (max-width: 1200px) {
    .ticket-hero--client-detail[b-ybddm9i2bs] {
        flex-wrap: wrap;
    }

    .ticket-hero__summary-row[b-ybddm9i2bs] {
        flex-wrap: wrap;
    }

    .ticket-hero__topline[b-ybddm9i2bs],
    .ticket-hero__bottomline[b-ybddm9i2bs],
    .ticket-hero__summary-row[b-ybddm9i2bs] {
        flex-direction: column;
    }

    .ticket-hero-metric[b-ybddm9i2bs] {
        max-width: none;
    }

    .ticket-detail-grid[b-ybddm9i2bs] {
        grid-template-columns: 1fr;
        align-items: start;
    }

    .ticket-detail-side[b-ybddm9i2bs] {
        overflow: visible;
    }
}

@media (max-width: 900px) {
    .ticket-detail-page[b-ybddm9i2bs] {
        gap: 1rem;
        padding: 0;
    }

    .ticket-hero[b-ybddm9i2bs],
    .ticket-hero--client-detail[b-ybddm9i2bs],
    .ticket-panel[b-ybddm9i2bs],
    .ticket-side-card[b-ybddm9i2bs] {
        flex-direction: column;
        align-items: stretch;
        padding: 1rem;
        border-radius: 22px;
    }

    .ticket-hero__content[b-ybddm9i2bs],
    .ticket-hero__actions[b-ybddm9i2bs] {
        flex: 1 1 100% !important;
    }

    .ticket-hero__topbar[b-ybddm9i2bs],
    .ticket-panel__header[b-ybddm9i2bs],
    .ticket-attachment[b-ybddm9i2bs],
    .ticket-side-list__item[b-ybddm9i2bs] {
        flex-direction: column;
        align-items: flex-start;
    }

    .ticket-hero__summary-row[b-ybddm9i2bs],
    .ticket-hero__topline[b-ybddm9i2bs],
    .ticket-hero__bottomline[b-ybddm9i2bs] {
        flex-direction: column;
    }

    .ticket-hero__topline[b-ybddm9i2bs],
    .ticket-hero__bottomline[b-ybddm9i2bs],
    .ticket-hero__summary-row[b-ybddm9i2bs] {
        align-items: stretch;
    }

    .ticket-hero-metric[b-ybddm9i2bs] {
        max-width: none;
    }

    .ticket-hero__stats[b-ybddm9i2bs] {
        grid-template-columns: repeat(3, minmax(0, 1fr));
        width: 100%;
    }

    .ticket-facts-grid[b-ybddm9i2bs] {
        grid-template-columns: 1fr;
        width: 100%;
    }

    .ticket-hero__actions[b-ybddm9i2bs],
    .ticket-hero__actions .btn[b-ybddm9i2bs] {
        width: 100%;
    }
}

@media (max-width: 768px) {
    .ticket-detail-page[b-ybddm9i2bs] {
        gap: 0.85rem;
        padding: 0;
    }

    .ticket-hero[b-ybddm9i2bs],
    .ticket-hero--client-detail[b-ybddm9i2bs],
    .ticket-panel[b-ybddm9i2bs],
    .ticket-side-card[b-ybddm9i2bs] {
        flex-direction: column;
        align-items: stretch;
        padding: 0.9rem;
        border-radius: 20px;
    }

    .ticket-hero__page-title[b-ybddm9i2bs] {
        font-size: clamp(1.35rem, 5vw, 1.8rem);
    }

    .ticket-hero__subtitle[b-ybddm9i2bs] {
        font-size: 0.9rem;
    }

    .ticket-hero__content[b-ybddm9i2bs],
    .ticket-hero__actions[b-ybddm9i2bs] {
        flex: 1 1 100% !important;
    }

    .ticket-hero__topbar[b-ybddm9i2bs],
    .ticket-hero__actions[b-ybddm9i2bs] {
        align-items: stretch;
    }

    .ticket-hero__summary-row[b-ybddm9i2bs] {
        display: grid;
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .ticket-hero-metric[b-ybddm9i2bs] {
        max-width: none;
        width: 100%;
    }

    .ticket-hero__stats[b-ybddm9i2bs] {
        grid-template-columns: 1fr;
    }

    .ticket-facts-grid[b-ybddm9i2bs] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .ticket-side-list__item[b-ybddm9i2bs],
    .ticket-attachment[b-ybddm9i2bs] {
        min-width: 0;
        width: 100%;
    }

    .ticket-hero__actions[b-ybddm9i2bs] {
        display: grid;
        width: 100%;
    }

    .ticket-hero__actions .btn[b-ybddm9i2bs],
    .ticket-side-list__item strong[b-ybddm9i2bs] {
        width: 100%;
        text-align: left;
    }

    .ticket-hero__chips[b-ybddm9i2bs] {
        gap: 0.45rem;
    }

    .ticket-tone[b-ybddm9i2bs] {
        font-size: 0.85rem;
        padding: 0.35rem 0.7rem;
        min-height: 2.25rem;
    }

    .ticket-panel__header[b-ybddm9i2bs] {
        margin-bottom: 0.85rem;
    }

    .ticket-panel[b-ybddm9i2bs],
    .ticket-side-card[b-ybddm9i2bs] {
        padding: 0.85rem;
    }

    .ticket-attachment[b-ybddm9i2bs] {
        flex-direction: row;
        padding: 0.75rem;
        border-radius: 16px;
        gap: 0.65rem;
    }

    .ticket-attachment__icon[b-ybddm9i2bs] {
        width: 2.4rem;
        height: 2.4rem;
        border-radius: 14px;
    }

    .ticket-attachment__action[b-ybddm9i2bs] {
        font-size: 0.8rem;
    }

    .ticket-empty-state[b-ybddm9i2bs] {
        padding: 1.5rem 1rem;
    }
}

@media (max-width: 640px) {
    .ticket-detail-page[b-ybddm9i2bs] {
        gap: 0.65rem;
    }

    /* Flatten main/side so individual sections can be reordered */
    .ticket-detail-main[b-ybddm9i2bs],
    .ticket-detail-side[b-ybddm9i2bs] {
        display: contents;
    }

    .ticket-detail-grid[b-ybddm9i2bs] {
        display: flex;
        flex-direction: column;
        gap: 0.65rem;
    }

    /* Mobile section ordering: Focus → Progress → panels → Timeline last */
    .ticket-section-focus[b-ybddm9i2bs] { order: 1; }
    .ticket-section-progress[b-ybddm9i2bs] { order: 2; }
    [b-ybddm9i2bs] .ticket-panel--warning { order: 5; }
    [b-ybddm9i2bs] .collapsible-panel { order: 10; }
    .ticket-section-timeline[b-ybddm9i2bs] { order: 99; }

    /* Hero: fully explicit mobile layout (like list page hero) */
    .ticket-hero[b-ybddm9i2bs],
    .ticket-hero--client-detail[b-ybddm9i2bs] {
        display: flex;
        flex-direction: column;
        align-items: stretch;
        padding: 0.75rem;
        border-radius: 16px;
        gap: 0.6rem;
        overflow: hidden;
    }

    .ticket-panel[b-ybddm9i2bs],
    .ticket-side-card[b-ybddm9i2bs] {
        padding: 0.7rem;
        border-radius: 16px;
        gap: 0.55rem;
    }

    .ticket-hero__content[b-ybddm9i2bs],
    .ticket-hero__content--client[b-ybddm9i2bs] {
        width: 100%;
        max-width: 100%;
        gap: 0.6rem;
    }

    .ticket-hero__page-title[b-ybddm9i2bs] {
        font-size: 1.15rem;
    }

    .ticket-hero__subtitle[b-ybddm9i2bs] {
        font-size: 0.82rem;
        line-height: 1.45;
        overflow-wrap: anywhere;
        word-break: break-word;
    }

    .ticket-hero__heading[b-ybddm9i2bs] {
        gap: 0.25rem;
        min-width: 0;
    }

    .ticket-hero__topline[b-ybddm9i2bs],
    .ticket-hero__bottomline[b-ybddm9i2bs] {
        flex-direction: column;
        align-items: stretch;
        gap: 0.5rem;
        width: 100%;
    }

    .ticket-hero__summary-row[b-ybddm9i2bs] {
        display: flex;
        flex-direction: row;
        gap: 0.4rem;
        width: 100%;
    }

    .ticket-hero-metric[b-ybddm9i2bs] {
        flex: 1 1 0;
        min-width: 0;
        padding: 0.4rem 0.5rem;
        border-radius: 12px;
        gap: 0.4rem;
    }

    .ticket-hero-metric__icon[b-ybddm9i2bs] {
        width: 1.4rem;
        height: 1.4rem;
        border-radius: 8px;
        font-size: 0.7rem;
    }

    .ticket-hero-metric__label[b-ybddm9i2bs] {
        font-size: 0.58rem;
        letter-spacing: 0.05em;
    }

    .ticket-hero-metric__value[b-ybddm9i2bs] {
        font-size: 0.82rem;
    }

    .ticket-hero__chips[b-ybddm9i2bs] {
        gap: 0.35rem;
    }

    .ticket-tone[b-ybddm9i2bs] {
        font-size: 0.78rem;
        padding: 0.28rem 0.6rem;
        min-height: 2rem;
        gap: 0.35rem;
    }

    .ticket-tone__label[b-ybddm9i2bs] {
        font-size: 0.68rem;
    }

    .ticket-hero__bottomline .ticket-hero__actions[b-ybddm9i2bs] {
        margin-left: 0;
    }

    .ticket-hero__actions[b-ybddm9i2bs] {
        display: flex;
        flex-direction: row;
        gap: 0.4rem;
        width: 100%;
    }

    .ticket-hero__actions .btn[b-ybddm9i2bs] {
        flex: 1 1 0;
        min-width: 0;
        min-height: 2.4rem;
        padding-inline: 0.65rem;
        border-radius: 12px;
        font-size: 0.8rem;
        justify-content: center;
    }

    .ticket-panel__header[b-ybddm9i2bs] {
        margin-bottom: 0.7rem;
        gap: 0.6rem;
    }

    .ticket-panel__title[b-ybddm9i2bs],
    .ticket-side-card__title[b-ybddm9i2bs] {
        font-size: 1rem;
        margin-top: 0.15rem;
    }

    .ticket-panel__text[b-ybddm9i2bs],
    .ticket-side-card__text[b-ybddm9i2bs] {
        font-size: 0.85rem;
        line-height: 1.5;
    }

    .ticket-panel__eyebrow[b-ybddm9i2bs],
    .ticket-side-card__eyebrow[b-ybddm9i2bs] {
        font-size: 0.65rem;
    }

    .ticket-facts-grid[b-ybddm9i2bs] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 0.4rem;
    }

    .ticket-fact[b-ybddm9i2bs] {
        padding: 0.55rem 0.6rem;
        border-radius: 12px;
        gap: 0.25rem;
    }

    .ticket-fact__label[b-ybddm9i2bs] {
        font-size: 0.62rem;
        letter-spacing: 0.05em;
    }

    .ticket-fact__value[b-ybddm9i2bs] {
        font-size: 0.85rem;
        line-height: 1.35;
    }

    .ticket-attachment[b-ybddm9i2bs] {
        padding: 0.6rem;
        border-radius: 14px;
        gap: 0.55rem;
    }

    .ticket-attachment__icon[b-ybddm9i2bs] {
        width: 2.2rem;
        height: 2.2rem;
        border-radius: 12px;
    }

    .ticket-attachment__name[b-ybddm9i2bs] {
        font-size: 0.88rem;
    }

    .ticket-attachment__meta[b-ybddm9i2bs] {
        font-size: 0.75rem;
    }

    .ticket-empty-state[b-ybddm9i2bs] {
        padding: 1.25rem 0.85rem;
        border-radius: 16px;
    }

    .ticket-side-list__item[b-ybddm9i2bs] {
        padding-bottom: 0.55rem;
        gap: 0.65rem;
    }

    .ticket-side-list__item span[b-ybddm9i2bs] {
        font-size: 0.82rem;
    }

    .ticket-side-list__item strong[b-ybddm9i2bs] {
        font-size: 0.85rem;
    }
}

@media (max-width: 480px) {
    .ticket-hero[b-ybddm9i2bs],
    .ticket-hero--client-detail[b-ybddm9i2bs],
    .ticket-panel[b-ybddm9i2bs],
    .ticket-side-card[b-ybddm9i2bs] {
        border-radius: 14px;
        padding: 0.55rem;
    }

    .ticket-hero__page-title[b-ybddm9i2bs] {
        font-size: 1.05rem;
    }
}

html.dark .ticket-hero[b-ybddm9i2bs],
html.dark .ticket-panel[b-ybddm9i2bs],
html.dark .ticket-side-card[b-ybddm9i2bs],
html.dark .ticket-stat[b-ybddm9i2bs],
html.dark .ticket-hero-metric[b-ybddm9i2bs],
html.dark .ticket-fact[b-ybddm9i2bs],
html.dark .ticket-attachment[b-ybddm9i2bs],
html.dark .ticket-inline-status[b-ybddm9i2bs] {
    border-color: rgba(255, 255, 255, 0.08);
}

html.dark .ticket-hero[b-ybddm9i2bs] {
    background:
        radial-gradient(circle at top left, rgba(123, 121, 255, 0.16), transparent 34%),
        radial-gradient(circle at right 20%, rgba(6, 182, 212, 0.12), transparent 26%),
        linear-gradient(145deg, rgba(20, 26, 38, 0.98), rgba(11, 13, 19, 0.98));
}

html.dark .ticket-panel[b-ybddm9i2bs],
html.dark .ticket-side-card[b-ybddm9i2bs],
html.dark .ticket-stat[b-ybddm9i2bs],
html.dark .ticket-hero-metric[b-ybddm9i2bs],
html.dark .ticket-attachment[b-ybddm9i2bs],
html.dark .ticket-inline-status[b-ybddm9i2bs] {
    background: linear-gradient(180deg, rgba(20, 26, 38, 0.98), rgba(11, 13, 19, 0.98));
}

html.dark .ticket-fact[b-ybddm9i2bs],
html.dark .ticket-empty-state[b-ybddm9i2bs] {
    background: rgba(255, 255, 255, 0.03);
}

html.dark .ticket-tone[b-ybddm9i2bs],
html.dark .ticket-side-list__item[b-ybddm9i2bs] {
    border-color: rgba(255, 255, 255, 0.08);
}

html.dark .ticket-tone[b-ybddm9i2bs] {
    background: rgba(255, 255, 255, 0.05);
}

html.dark .ticket-tone--status-open[b-ybddm9i2bs],
html.dark .ticket-tone--priority-normal[b-ybddm9i2bs] {
    color: #b8b7ff;
}

html.dark .ticket-tone--status-progress[b-ybddm9i2bs] {
    color: #67e8f9;
}

html.dark .ticket-tone--status-waiting[b-ybddm9i2bs],
html.dark .ticket-tone--priority-high[b-ybddm9i2bs] {
    color: #fcd34d;
}

html.dark .ticket-tone--status-closed[b-ybddm9i2bs],
html.dark .ticket-tone--priority-low[b-ybddm9i2bs] {
    color: rgba(238, 242, 255, 0.82);
}

html.dark .ticket-panel--warning[b-ybddm9i2bs] {
    background: linear-gradient(180deg, rgba(120, 53, 15, 0.25), rgba(120, 53, 15, 0.18));
}

.ticket-attachment-uploader[b-ybddm9i2bs] {
    display: grid;
    gap: 0.9rem;
    padding: 1rem;
    border: 1px solid rgba(15, 23, 42, 0.08);
    border-radius: 20px;
    background: rgba(15, 23, 42, 0.02);
}

.ticket-attachment-uploader__actions[b-ybddm9i2bs] {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    flex-wrap: wrap;
}

html.dark .ticket-attachment-uploader[b-ybddm9i2bs] {
    border-color: rgba(255, 255, 255, 0.08);
    background: rgba(255, 255, 255, 0.03);
}

/* The in-panel "Ajouter des fichiers" button is a mobile fallback: the CollapsiblePanel
   header-end slot (where the desktop button lives) is hidden below 641px. */
@media (min-width: 641px) {
    .attachments-mobile-action[b-ybddm9i2bs] {
        display: none !important;
    }
}
/* _content/PortailSAV.App/Components/Pages/Client/Tickets/MyTickets.razor.rz.scp.css */
.ticket-list-page[b-2vq1it80fy] {
    display: grid;
    gap: 1.5rem;
    background: linear-gradient(135deg, rgba(79, 70, 229, 0.03) 0%, rgba(6, 182, 212, 0.02) 100%);
    border-radius: 8px;
    padding: 0.5rem;
}

.ticket-list-hero[b-2vq1it80fy] {
    display: flex;
    align-items: flex-start;
    flex-wrap: wrap;
    gap: 1.25rem;
    padding: 1.55rem;
    border: 1px solid rgba(15, 23, 42, 0.08);
    border-radius: 30px;
    box-shadow: 0 24px 70px rgba(15, 23, 42, 0.09);
}

.ticket-list-hero--client[b-2vq1it80fy] {
    background:
        radial-gradient(circle at top left, rgba(6, 182, 212, 0.12), transparent 34%),
        radial-gradient(circle at right 24%, rgba(79, 70, 229, 0.1), transparent 24%),
        linear-gradient(145deg, rgba(255, 255, 255, 0.99), rgba(248, 250, 252, 0.96));
}

.ticket-list-hero__header[b-2vq1it80fy] {
    flex: 1 1 24rem;
    min-width: min(100%, 24rem);
}

.ticket-list-hero__content[b-2vq1it80fy],
.ticket-list-hero__stats[b-2vq1it80fy] {
    display: grid;
    gap: 1rem;
}

.ticket-list-hero__eyebrow[b-2vq1it80fy],
.ticket-list-shell__eyebrow[b-2vq1it80fy] {
    font-size: 0.72rem;
    font-weight: 700;
    letter-spacing: 0.16em;
    text-transform: uppercase;
    color: var(--muted);
}

.ticket-list-hero__title[b-2vq1it80fy],
.ticket-list-hero__page-title[b-2vq1it80fy] {
    margin: 0;
    font-size: clamp(1.7rem, 3vw, 2.35rem);
    line-height: 1.08;
    letter-spacing: -0.03em;
}

.ticket-list-hero__text[b-2vq1it80fy],
.ticket-list-shell__text[b-2vq1it80fy] {
    margin: 0;
    color: var(--muted);
    line-height: 1.65;
}

.ticket-list-hero__stats[b-2vq1it80fy],
.ticket-list-hero__stats-inline[b-2vq1it80fy] {
    display: flex;
    gap: 0.75rem;
    flex: 999 1 36rem;
    min-width: min(100%, 36rem);
    justify-content: flex-start;
    align-content: stretch;
    flex-wrap: wrap;
}

.ticket-list-stat[b-2vq1it80fy] {
    display: grid;
    align-content: start;
    gap: 0.4rem;
    padding: 1rem;
    border: 1px solid rgba(15, 23, 42, 0.08);
    border-radius: 24px;
    background: rgba(255, 255, 255, 0.88);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.6);
    flex: 1 1 10rem;
    min-width: 10rem;
    min-height: 7rem;
}

.ticket-list-stat__label[b-2vq1it80fy] {
    font-size: 0.74rem;
    font-weight: 700;
    letter-spacing: 0.08em;
    line-height: 1.35;
    text-transform: uppercase;
    color: var(--muted);
    overflow-wrap: anywhere;
}

.ticket-list-stat__value[b-2vq1it80fy] {
    display: block;
    margin-top: auto;
    font-size: 1.6rem;
    line-height: 1.05;
    color: var(--text);
}

.ticket-list-stat__hint[b-2vq1it80fy],
.ticket-list-shell__meta[b-2vq1it80fy] {
    color: var(--muted);
    font-size: 0.88rem;
}

.ticket-list-hero__actions[b-2vq1it80fy] {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    flex-wrap: wrap;
    flex: 0 1 auto;
    margin-left: auto;
    justify-content: flex-end;
}

.ticket-list-hero__actions .btn[b-2vq1it80fy] {
    min-height: 2.85rem;
    padding-inline: 1.1rem;
    border-radius: 14px;
    box-shadow: 0 12px 28px rgba(15, 23, 42, 0.06);
}

.ticket-list-shell[b-2vq1it80fy] {
    border-radius: 30px;
}

.ticket-list-shell__header[b-2vq1it80fy] {
    display: flex;
    justify-content: space-between;
    gap: 1rem;
    margin-bottom: 1.25rem;
}

.ticket-list-shell__title[b-2vq1it80fy] {
    margin: 0.2rem 0 0.35rem;
    font-size: 1.2rem;
}

.ticket-list-inline-state[b-2vq1it80fy] {
    display: inline-flex;
    align-items: center;
    gap: 0.65rem;
    padding: 0.9rem 1rem;
    border: 1px solid rgba(15, 23, 42, 0.08);
    border-radius: 18px;
    background: rgba(255, 255, 255, 0.86);
    color: var(--muted);
    font-weight: 600;
}

.ticket-list-toolbar[b-2vq1it80fy] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 1rem;
    margin-bottom: 1rem;
    padding-bottom: 0.85rem;
    border-bottom: 1px solid rgba(15, 23, 42, 0.08);
}

.ticket-list-toolbar__meta[b-2vq1it80fy] {
    color: var(--muted);
    font-size: 0.82rem;
}

.ticket-list-pagination[b-2vq1it80fy] {
    display: flex;
    justify-content: flex-end;
    gap: 0.75rem;
}

.ticket-list-pagination--bottom[b-2vq1it80fy] {
    margin-top: 1.25rem;
    padding-top: 0.85rem;
    border-top: 1px solid rgba(15, 23, 42, 0.08);
}

@media (max-width: 1100px) {
    .ticket-list-hero__stats-inline[b-2vq1it80fy] {
        width: 100%;
        min-width: 0;
        order: 2;
    }

    .ticket-list-hero__actions[b-2vq1it80fy] {
        width: 100%;
        margin-left: 0;
    }
}

@media (max-width: 640px) {
    .ticket-list-page[b-2vq1it80fy] {
        gap: 0.75rem;
        padding: 0;
    }

    .ticket-list-hero[b-2vq1it80fy],
    .ticket-list-shell[b-2vq1it80fy] {
        border-radius: 18px;
    }

    .ticket-list-hero[b-2vq1it80fy] {
        display: flex;
        flex-direction: column;
        align-items: stretch;
        padding: 0.75rem;
        gap: 0.6rem;
    }

    .ticket-list-hero__header[b-2vq1it80fy] {
        flex: 0 0 auto;
        width: 100%;
    }

    .ticket-list-hero__page-title[b-2vq1it80fy],
    .ticket-list-hero__title[b-2vq1it80fy] {
        font-size: 1.2rem;
        margin: 0;
    }

    .ticket-list-hero__stats-inline[b-2vq1it80fy] {
        display: grid;
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 0.4rem;
        width: 100%;
        flex: none;
    }

    .ticket-list-stat[b-2vq1it80fy] {
        min-width: 0;
        min-height: 0;
        padding: 0.4rem 0.55rem;
        border-radius: 12px;
    }

    .ticket-list-stat__label[b-2vq1it80fy] {
        font-size: 0.6rem;
        letter-spacing: 0.05em;
    }

    .ticket-list-stat__value[b-2vq1it80fy] {
        font-size: 1rem;
    }

    .ticket-list-stat__hint[b-2vq1it80fy] {
        font-size: 0.65rem;
    }

    .ticket-list-shell__header[b-2vq1it80fy],
    .ticket-list-pagination[b-2vq1it80fy] {
        flex-direction: column;
        align-items: stretch;
    }

    .ticket-list-hero__actions[b-2vq1it80fy] {
        display: flex;
        flex-direction: row;
        width: 100%;
        gap: 0.4rem;
    }

    .ticket-list-hero__actions .btn[b-2vq1it80fy] {
        flex: 1 1 0;
        min-height: 2.4rem;
        padding-inline: 0.65rem;
        border-radius: 12px;
        font-size: 0.8rem;
    }

    .ticket-list-toolbar[b-2vq1it80fy] {
        margin-bottom: 0.65rem;
        padding-bottom: 0.55rem;
    }
}

@media (max-width: 480px) {
    .ticket-list-hero[b-2vq1it80fy],
    .ticket-list-shell[b-2vq1it80fy] {
        border-radius: 16px;
    }

    .ticket-list-hero[b-2vq1it80fy] {
        padding: 0.6rem;
        gap: 0.5rem;
    }

    .ticket-list-hero__page-title[b-2vq1it80fy],
    .ticket-list-hero__title[b-2vq1it80fy] {
        font-size: 1.1rem;
    }

    .ticket-list-stat[b-2vq1it80fy] {
        padding: 0.35rem 0.45rem;
    }

    .ticket-list-stat__value[b-2vq1it80fy] {
        font-size: 0.95rem;
    }
}

html.dark .ticket-list-hero[b-2vq1it80fy],
html.dark .ticket-list-stat[b-2vq1it80fy],
html.dark .ticket-list-inline-state[b-2vq1it80fy],
html.dark .ticket-list-toolbar[b-2vq1it80fy],
html.dark .ticket-list-pagination--bottom[b-2vq1it80fy] {
    border-color: rgba(255, 255, 255, 0.1);
}

html.dark .ticket-list-hero--client[b-2vq1it80fy] {
    background:
        radial-gradient(circle at top left, rgba(34, 211, 238, 0.16), transparent 34%),
        radial-gradient(circle at right 24%, rgba(123, 121, 255, 0.14), transparent 24%),
        linear-gradient(145deg, rgba(20, 26, 38, 0.98), rgba(11, 13, 19, 0.98));
}

html.dark .ticket-list-stat[b-2vq1it80fy],
html.dark .ticket-list-inline-state[b-2vq1it80fy] {
    background: rgba(20, 26, 38, 0.94);
}
/* _content/PortailSAV.App/Components/Pages/Internal/Tickets/Detail.razor.rz.scp.css */
.ticket-detail-page[b-hr2x9f5lcd] {
    display: grid;
    gap: 1.5rem;
    position: relative;
    width: 100%;
    min-width: 0;
    padding: 0.5rem;
    border-radius: 8px;
    background: linear-gradient(135deg, rgba(79, 70, 229, 0.03) 0%, rgba(6, 182, 212, 0.025) 100%);
}

.ticket-detail-grid[b-hr2x9f5lcd],
.ticket-hero[b-hr2x9f5lcd],
.ticket-hero__content[b-hr2x9f5lcd],
.ticket-hero__summary-row[b-hr2x9f5lcd],
.ticket-hero__actions[b-hr2x9f5lcd],
.ticket-detail-main[b-hr2x9f5lcd],
.ticket-detail-side[b-hr2x9f5lcd],
.ticket-panel[b-hr2x9f5lcd],
.ticket-side-card[b-hr2x9f5lcd],
.ticket-attachment[b-hr2x9f5lcd],
.ticket-attachment__content[b-hr2x9f5lcd] {
    min-width: 0;
}

.ticket-hero[b-hr2x9f5lcd] {
    display: flex;
    align-items: center;
    gap: 1.25rem;
    padding: 1.6rem;
    border: 1px solid rgba(15, 23, 42, 0.08);
    border-radius: 30px;
    box-shadow: 0 24px 70px rgba(15, 23, 42, 0.09);
}

.ticket-hero--internal-detail[b-hr2x9f5lcd] {
    display: flex;
    align-items: center;
    gap: 1.25rem;
    flex-wrap: nowrap;
    background:
        radial-gradient(circle at top left, rgba(6, 182, 212, 0.14), transparent 32%),
        radial-gradient(circle at right 24%, rgba(79, 70, 229, 0.12), transparent 24%),
        linear-gradient(145deg, rgba(255, 255, 255, 0.99), rgba(248, 250, 252, 0.96));
}

.ticket-hero__content[b-hr2x9f5lcd] {
    display: grid;
    gap: 0.95rem;
    flex: 0 1 auto;
}

.ticket-hero__content--internal[b-hr2x9f5lcd] {
    width: 100%;
    flex: 1 1 auto;
    gap: 1rem;
}

.ticket-hero__topline[b-hr2x9f5lcd] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 1rem;
}

.ticket-hero__summary-row[b-hr2x9f5lcd] {
    display: flex;
    align-items: stretch;
    justify-content: flex-end;
    gap: 0.75rem;
    min-width: 0;
}

.ticket-hero-metric[b-hr2x9f5lcd] {
    display: flex;
    align-items: flex-start;
    gap: 0.65rem;
    min-width: 10.5rem;
    max-width: 13rem;
    padding: 0.7rem 0.8rem;
    border: 1px solid rgba(15, 23, 42, 0.08);
    border-radius: 20px;
    background: rgba(255, 255, 255, 0.9);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.55);
}

.ticket-hero-metric__icon[b-hr2x9f5lcd] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 1.7rem;
    height: 1.7rem;
    border-radius: 12px;
    background: rgba(79, 70, 229, 0.1);
    color: var(--primary);
    font-size: 0.82rem;
    flex: 0 0 auto;
}

.ticket-hero-metric__text[b-hr2x9f5lcd] {
    display: grid;
    gap: 0.15rem;
    min-width: 0;
}

.ticket-hero-metric__label[b-hr2x9f5lcd] {
    font-size: 0.68rem;
    font-weight: 700;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    color: var(--muted);
}

.ticket-hero-metric__value[b-hr2x9f5lcd] {
    font-size: 0.95rem;
    font-weight: 700;
    line-height: 1.3;
    overflow-wrap: anywhere;
    word-break: break-word;
}

.ticket-hero__bottomline[b-hr2x9f5lcd] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    flex-wrap: wrap;
}

.ticket-hero__bottomline .ticket-hero__actions[b-hr2x9f5lcd] {
    margin-left: auto;
}

.ticket-hero__heading[b-hr2x9f5lcd] {
    display: grid;
    gap: 0.55rem;
}

.ticket-hero__page-title[b-hr2x9f5lcd] {
    margin: 0;
    font-size: clamp(1.8rem, 3vw, 2.6rem);
    line-height: 1.06;
    letter-spacing: -0.03em;
}

.ticket-hero__subtitle[b-hr2x9f5lcd] {
    margin: 0;
    color: var(--muted);
    font-size: 0.98rem;
    line-height: 1.65;
}

.ticket-hero__chips[b-hr2x9f5lcd] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.75rem;
}

.ticket-tone[b-hr2x9f5lcd] {
    display: inline-flex;
    align-items: center;
    gap: 0.55rem;
    min-height: 2.6rem;
    min-width: 0;
    padding: 0.45rem 0.95rem;
    overflow-wrap: anywhere;
    border: 1px solid rgba(15, 23, 42, 0.08);
    border-radius: 999px;
    background: rgba(255, 255, 255, 0.92);
    box-shadow: 0 10px 28px rgba(15, 23, 42, 0.06);
    font-weight: 700;
    color: var(--text);
}

.ticket-tone__label[b-hr2x9f5lcd] {
    color: var(--muted);
    font-size: 0.78rem;
    font-weight: 600;
}

.ticket-tone--status-open[b-hr2x9f5lcd],
.ticket-tone--priority-normal[b-hr2x9f5lcd] {
    background: rgba(79, 70, 229, 0.1);
    color: #4138b6;
    border-color: rgba(79, 70, 229, 0.12);
}

.ticket-tone--status-progress[b-hr2x9f5lcd] {
    background: rgba(16, 185, 129, 0.12);
    color: #0f7b5c;
    border-color: rgba(16, 185, 129, 0.16);
}

.ticket-tone--status-waiting[b-hr2x9f5lcd],
.ticket-tone--priority-high[b-hr2x9f5lcd] {
    background: rgba(245, 158, 11, 0.14);
    color: #9a5a06;
    border-color: rgba(245, 158, 11, 0.2);
}

.ticket-tone--status-closed[b-hr2x9f5lcd],
.ticket-tone--priority-low[b-hr2x9f5lcd] {
    background: rgba(15, 23, 42, 0.08);
    color: #334155;
    border-color: rgba(15, 23, 42, 0.1);
}

.ticket-hero__stats-inline[b-hr2x9f5lcd] {
    display: flex;
    flex: 1;
    gap: 0.75rem;
    justify-content: center;
}

.ticket-stat[b-hr2x9f5lcd] {
    display: grid;
    flex: 1;
    gap: 0.45rem;
    min-width: 90px;
    padding: 0.6rem 0.7rem;
    border: 1px solid rgba(15, 23, 42, 0.08);
    border-radius: 20px;
    background: rgba(255, 255, 255, 0.88);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.55);
}

.ticket-stat__icon[b-hr2x9f5lcd] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 1.6rem;
    height: 1.6rem;
    font-size: 0.8rem;
    color: var(--primary);
    background: rgba(79, 70, 229, 0.1);
    border-radius: 14px;
}

.ticket-stat__label[b-hr2x9f5lcd] {
    font-size: 0.65rem;
    font-weight: 700;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    color: var(--muted);
}

.ticket-stat__value[b-hr2x9f5lcd] {
    font-size: 0.85rem;
    font-weight: 700;
    line-height: 1.35;
    color: var(--text);
    overflow-wrap: anywhere;
    word-break: break-word;
}

.ticket-hero__actions[b-hr2x9f5lcd] {
    display: flex;
    flex: 0 0 auto;
    gap: 0.75rem;
    align-items: center;
    flex-wrap: wrap;
}

.ticket-hero__actions .btn[b-hr2x9f5lcd] {
    min-height: 2.85rem;
    padding-inline: 1.1rem;
    border-radius: 14px;
    box-shadow: 0 12px 28px rgba(15, 23, 42, 0.06);
}

.ticket-detail-grid[b-hr2x9f5lcd] {
    display: grid;
    grid-template-columns: minmax(0, 1.45fr) minmax(340px, 0.92fr);
    gap: 1.5rem;
    align-items: start;
}

.ticket-detail-main[b-hr2x9f5lcd],
.ticket-detail-side[b-hr2x9f5lcd],
.ps-rightpanel[b-hr2x9f5lcd] {
    display: grid;
    gap: 1.25rem;
}

.ticket-detail-side[b-hr2x9f5lcd] {
    position: sticky;
    top: 84px;
}

.ticket-panel[b-hr2x9f5lcd],
.ticket-side-card[b-hr2x9f5lcd] {
    padding: 1.35rem;
    border: 1px solid rgba(15, 23, 42, 0.08);
    border-radius: 30px;
    background: linear-gradient(180deg, rgba(255, 255, 255, 0.99), rgba(248, 250, 252, 0.96));
    box-shadow: 0 20px 55px rgba(15, 23, 42, 0.08);
}

.ticket-side-card[b-hr2x9f5lcd] {
    position: relative;
    overflow: hidden;
}

.ticket-side-card--accent[b-hr2x9f5lcd]::before {
    content: "";
    position: absolute;
    inset: 0 auto 0 0;
    width: 4px;
    background: linear-gradient(180deg, rgba(6, 182, 212, 0.9), rgba(79, 70, 229, 0.8));
}

.ticket-side-card--accent > *[b-hr2x9f5lcd] {
    position: relative;
}

.ticket-panel__header[b-hr2x9f5lcd],
.ticket-side-card__header[b-hr2x9f5lcd] {
    display: flex;
    justify-content: space-between;
    gap: 1rem;
    align-items: flex-start;
    margin-bottom: 1rem;
}

.ticket-panel__eyebrow[b-hr2x9f5lcd],
.ticket-side-card__eyebrow[b-hr2x9f5lcd] {
    font-size: 0.72rem;
    font-weight: 700;
    letter-spacing: 0.16em;
    text-transform: uppercase;
    color: var(--muted);
}

.ticket-panel__title[b-hr2x9f5lcd],
.ticket-side-card__title[b-hr2x9f5lcd] {
    margin: 0.3rem 0 0;
    font-size: 1.2rem;
    line-height: 1.2;
}

.ticket-panel__text[b-hr2x9f5lcd],
.ticket-side-card__text[b-hr2x9f5lcd] {
    margin: 0;
    color: var(--muted);
    line-height: 1.65;
}

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

.ticket-fact[b-hr2x9f5lcd] {
    display: grid;
    gap: 0.4rem;
    padding: 1rem;
    border-radius: 22px;
    border: 1px solid rgba(15, 23, 42, 0.08);
    background: rgba(255, 255, 255, 0.82);
}

.ticket-fact--wide[b-hr2x9f5lcd] {
    grid-column: span 2;
}

.ticket-fact__label[b-hr2x9f5lcd] {
    font-size: 0.72rem;
    font-weight: 700;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    color: var(--muted);
}

.ticket-fact__value[b-hr2x9f5lcd] {
    font-size: 1.02rem;
    line-height: 1.4;
    overflow-wrap: anywhere;
}

.ticket-attachment-list[b-hr2x9f5lcd] {
    display: grid;
    gap: 0.85rem;
}

.ticket-attachment[b-hr2x9f5lcd] {
    display: flex;
    align-items: center;
    gap: 0.95rem;
    padding: 1rem 1.05rem;
    color: inherit;
    text-decoration: none;
    border: 1px solid rgba(15, 23, 42, 0.08);
    border-radius: 22px;
    background: rgba(255, 255, 255, 0.88);
    transition: transform 0.18s ease, box-shadow 0.18s ease, border-color 0.18s ease;
}

.ticket-attachment:hover[b-hr2x9f5lcd] {
    transform: translateY(-1px);
    border-color: rgba(79, 70, 229, 0.18);
    box-shadow: 0 16px 34px rgba(15, 23, 42, 0.08);
}

.ticket-attachment__icon[b-hr2x9f5lcd] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 2.5rem;
    height: 2.5rem;
    flex: 0 0 auto;
    border-radius: 16px;
    background: rgba(79, 70, 229, 0.1);
    color: var(--primary);
}

.ticket-attachment__content[b-hr2x9f5lcd] {
    display: grid;
    gap: 0.2rem;
    flex: 1;
}

.ticket-attachment__name[b-hr2x9f5lcd] {
    font-weight: 700;
    overflow-wrap: anywhere;
}

.ticket-attachment__meta[b-hr2x9f5lcd] {
    color: var(--muted);
    font-size: 0.88rem;
}

.ticket-attachment__action[b-hr2x9f5lcd] {
    color: var(--primary);
    font-weight: 700;
    white-space: nowrap;
}

.ticket-empty-state[b-hr2x9f5lcd],
.ticket-inline-status[b-hr2x9f5lcd] {
    display: inline-flex;
    align-items: center;
    gap: 0.75rem;
    padding: 1rem 1.1rem;
    border-radius: 22px;
    border: 1px solid rgba(15, 23, 42, 0.08);
    background: rgba(255, 255, 255, 0.84);
    color: var(--muted);
}

.ticket-empty-state[b-hr2x9f5lcd] {
    display: grid;
    justify-items: start;
}

.ticket-empty-state__icon[b-hr2x9f5lcd] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 2.2rem;
    height: 2.2rem;
    border-radius: 16px;
    background: rgba(79, 70, 229, 0.1);
    color: var(--primary);
}

.ticket-command-card__value[b-hr2x9f5lcd] {
    padding: 0.95rem 1rem;
    border-radius: 22px;
    border: 1px solid rgba(15, 23, 42, 0.08);
    background: rgba(255, 255, 255, 0.84);
}

.ticket-command-card__title[b-hr2x9f5lcd] {
    font-size: 1rem;
    font-weight: 700;
    line-height: 1.45;
    overflow-wrap: anywhere;
}

.ticket-command-card__hint[b-hr2x9f5lcd] {
    color: var(--muted);
    font-size: 0.9rem;
    line-height: 1.6;
}

.ticket-side-card__subsection[b-hr2x9f5lcd] {
    display: grid;
    gap: 0.85rem;
    margin-top: 1rem;
}

.ticket-side-card__subheading[b-hr2x9f5lcd] {
    font-size: 0.72rem;
    font-weight: 700;
    letter-spacing: 0.12em;
    text-transform: uppercase;
    color: var(--muted);
}

.ticket-scroll-top[b-hr2x9f5lcd] {
    position: fixed;
    right: 1.5rem;
    bottom: 1.5rem;
    width: 3rem;
    height: 3rem;
    border: 0;
    border-radius: 999px;
    color: #fff;
    background: linear-gradient(135deg, var(--primary), var(--secondary, var(--primary)));
    box-shadow: 0 18px 40px rgba(15, 23, 42, 0.18);
}

@media (max-width: 1200px) {
    .ticket-hero--internal-detail[b-hr2x9f5lcd] {
        flex-wrap: wrap;
    }

    .ticket-hero__stats-inline[b-hr2x9f5lcd],
    .ticket-hero__actions[b-hr2x9f5lcd] {
        width: 100%;
        justify-content: flex-start;
    }

    .ticket-detail-grid[b-hr2x9f5lcd] {
        grid-template-columns: minmax(0, 1fr);
    }

    .ticket-detail-side[b-hr2x9f5lcd] {
        position: static;
    }
}

@media (max-width: 768px) {
    .ticket-detail-page[b-hr2x9f5lcd] {
        padding: 0;
        gap: 0.85rem;
    }

    .ticket-hero[b-hr2x9f5lcd],
    .ticket-panel[b-hr2x9f5lcd],
    .ticket-side-card[b-hr2x9f5lcd] {
        padding: 0.9rem;
        border-radius: 20px;
    }

    .ticket-hero__page-title[b-hr2x9f5lcd] {
        font-size: clamp(1.35rem, 5vw, 1.8rem);
    }

    .ticket-facts-grid[b-hr2x9f5lcd] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .ticket-fact--wide[b-hr2x9f5lcd] {
        grid-column: span 1;
    }

    .ticket-fact[b-hr2x9f5lcd] {
        padding: 0.75rem;
        border-radius: 16px;
    }

    .ticket-attachment[b-hr2x9f5lcd] {
        align-items: flex-start;
        flex-wrap: wrap;
        padding: 0.75rem;
        border-radius: 16px;
    }

    .ticket-hero__actions[b-hr2x9f5lcd],
    .ticket-hero__actions .btn[b-hr2x9f5lcd] {
        width: 100%;
    }

    .ticket-hero__topbar[b-hr2x9f5lcd],
    .ticket-hero__bottomline[b-hr2x9f5lcd] {
        flex-direction: column;
        align-items: stretch;
    }

    .ticket-hero__chips[b-hr2x9f5lcd] {
        gap: 0.45rem;
    }

    .ticket-tone[b-hr2x9f5lcd] {
        font-size: 0.85rem;
        padding: 0.35rem 0.7rem;
    }

    .ticket-scroll-top[b-hr2x9f5lcd] {
        right: 0.85rem;
        bottom: calc(0.85rem + env(safe-area-inset-bottom, 0px));
    }
}

@media (max-width: 640px) {
    .ticket-detail-page[b-hr2x9f5lcd] {
        gap: 0.65rem;
    }

    /* Flatten main/side so individual sections can be reordered */
    .ticket-detail-main[b-hr2x9f5lcd],
    .ticket-detail-side[b-hr2x9f5lcd] {
        display: contents;
    }

    .ticket-detail-grid[b-hr2x9f5lcd] {
        display: flex;
        flex-direction: column;
        gap: 0.65rem;
    }

    /* Mobile section ordering: Focus → panels → Timeline last */
    .ticket-section-focus[b-hr2x9f5lcd] { order: 1; }
    .ticket-section-timeline[b-hr2x9f5lcd] { order: 99; }

    /* Hero: fully explicit mobile layout */
    .ticket-hero[b-hr2x9f5lcd] {
        display: flex;
        flex-direction: column;
        align-items: stretch;
        padding: 0.75rem;
        border-radius: 16px;
        gap: 0.6rem;
        overflow: hidden;
    }

    .ticket-panel[b-hr2x9f5lcd],
    .ticket-side-card[b-hr2x9f5lcd] {
        padding: 0.7rem;
        border-radius: 16px;
    }

    .ticket-hero__content[b-hr2x9f5lcd] {
        width: 100%;
        max-width: 100%;
    }

    .ticket-hero__page-title[b-hr2x9f5lcd] {
        font-size: 1.15rem;
    }

    .ticket-hero__subtitle[b-hr2x9f5lcd] {
        font-size: 0.82rem;
        line-height: 1.45;
        overflow-wrap: anywhere;
        word-break: break-word;
    }

    .ticket-hero__heading[b-hr2x9f5lcd] {
        min-width: 0;
    }

    .ticket-hero__chips[b-hr2x9f5lcd] {
        gap: 0.35rem;
    }

    .ticket-tone[b-hr2x9f5lcd] {
        font-size: 0.78rem;
        padding: 0.28rem 0.6rem;
        gap: 0.35rem;
    }

    .ticket-tone__label[b-hr2x9f5lcd] {
        font-size: 0.68rem;
    }

    .ticket-hero__stats-inline[b-hr2x9f5lcd] {
        gap: 0.35rem;
    }

    .ticket-hero__actions[b-hr2x9f5lcd] {
        display: flex;
        flex-direction: row;
        gap: 0.4rem;
        width: 100%;
    }

    .ticket-hero__actions .btn[b-hr2x9f5lcd] {
        flex: 1 1 0;
        min-width: 0;
        min-height: 2.4rem;
        padding-inline: 0.65rem;
        border-radius: 12px;
        font-size: 0.8rem;
        justify-content: center;
    }

    .ticket-panel__header[b-hr2x9f5lcd],
    .ticket-side-card__header[b-hr2x9f5lcd] {
        margin-bottom: 0.7rem;
        gap: 0.6rem;
    }

    .ticket-panel__title[b-hr2x9f5lcd],
    .ticket-side-card__title[b-hr2x9f5lcd] {
        font-size: 1rem;
        margin-top: 0.15rem;
    }

    .ticket-panel__text[b-hr2x9f5lcd],
    .ticket-side-card__text[b-hr2x9f5lcd] {
        font-size: 0.85rem;
        line-height: 1.5;
    }

    .ticket-panel__eyebrow[b-hr2x9f5lcd],
    .ticket-side-card__eyebrow[b-hr2x9f5lcd] {
        font-size: 0.65rem;
    }

    .ticket-facts-grid[b-hr2x9f5lcd] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 0.4rem;
    }

    .ticket-fact[b-hr2x9f5lcd] {
        padding: 0.55rem 0.6rem;
        border-radius: 12px;
        gap: 0.25rem;
    }

    .ticket-fact__label[b-hr2x9f5lcd] {
        font-size: 0.62rem;
        letter-spacing: 0.05em;
    }

    .ticket-fact__value[b-hr2x9f5lcd] {
        font-size: 0.85rem;
        line-height: 1.35;
    }

    .ticket-attachment[b-hr2x9f5lcd] {
        padding: 0.6rem;
        border-radius: 14px;
        gap: 0.55rem;
    }

    .ticket-attachment__icon[b-hr2x9f5lcd] {
        width: 2.2rem;
        height: 2.2rem;
        border-radius: 12px;
    }

    .ticket-empty-state[b-hr2x9f5lcd] {
        padding: 1.25rem 0.85rem;
        border-radius: 16px;
    }

    .ticket-stat[b-hr2x9f5lcd] {
        padding: 0.4rem 0.5rem;
        border-radius: 12px;
    }

    .ticket-stat__label[b-hr2x9f5lcd] {
        font-size: 0.58rem;
    }

    .ticket-stat__value[b-hr2x9f5lcd] {
        font-size: 0.78rem;
    }
}

@media (max-width: 480px) {
    .ticket-hero[b-hr2x9f5lcd],
    .ticket-panel[b-hr2x9f5lcd],
    .ticket-side-card[b-hr2x9f5lcd] {
        border-radius: 14px;
        padding: 0.55rem;
    }

    .ticket-hero__page-title[b-hr2x9f5lcd] {
        font-size: 1.05rem;
    }
}

html.dark .ticket-hero[b-hr2x9f5lcd],
html.dark .ticket-panel[b-hr2x9f5lcd],
html.dark .ticket-side-card[b-hr2x9f5lcd],
html.dark .ticket-stat[b-hr2x9f5lcd],
html.dark .ticket-fact[b-hr2x9f5lcd],
html.dark .ticket-attachment[b-hr2x9f5lcd],
html.dark .ticket-empty-state[b-hr2x9f5lcd],
html.dark .ticket-inline-status[b-hr2x9f5lcd],
html.dark .ticket-command-card__value[b-hr2x9f5lcd] {
    border-color: rgba(255, 255, 255, 0.1);
}

html.dark .ticket-hero--internal-detail[b-hr2x9f5lcd],
html.dark .ticket-panel[b-hr2x9f5lcd],
html.dark .ticket-side-card[b-hr2x9f5lcd],
html.dark .ticket-stat[b-hr2x9f5lcd],
html.dark .ticket-fact[b-hr2x9f5lcd],
html.dark .ticket-attachment[b-hr2x9f5lcd],
html.dark .ticket-empty-state[b-hr2x9f5lcd],
html.dark .ticket-inline-status[b-hr2x9f5lcd],
html.dark .ticket-command-card__value[b-hr2x9f5lcd] {
    background: rgba(20, 26, 38, 0.94);
}
/* _content/PortailSAV.App/Components/Pages/Internal/Tickets/TicketsList.razor.rz.scp.css */
.ticket-list-page[b-qfatjgrdz2] {
    display: grid;
    gap: 1.5rem;
    padding: 0.5rem;
    border-radius: 8px;
    background: linear-gradient(135deg, rgba(79, 70, 229, 0.03) 0%, rgba(6, 182, 212, 0.02) 100%);
}

.ticket-list-hero[b-qfatjgrdz2] {
    display: flex;
    align-items: flex-start;
    flex-wrap: wrap;
    gap: 1.25rem;
    padding: 1.55rem;
    border: 1px solid rgba(15, 23, 42, 0.08);
    border-radius: 30px;
    box-shadow: 0 24px 70px rgba(15, 23, 42, 0.09);
}

.ticket-list-hero--internal[b-qfatjgrdz2] {
    background:
        radial-gradient(circle at top left, rgba(6, 182, 212, 0.13), transparent 34%),
        radial-gradient(circle at right 24%, rgba(79, 70, 229, 0.1), transparent 24%),
        linear-gradient(145deg, rgba(255, 255, 255, 0.99), rgba(248, 250, 252, 0.96));
}

.ticket-list-hero__header[b-qfatjgrdz2] {
    flex: 1 1 24rem;
    min-width: min(100%, 24rem);
}

.ticket-list-hero__page-title[b-qfatjgrdz2] {
    margin: 0;
    font-size: clamp(1.7rem, 3vw, 2.35rem);
    line-height: 1.08;
    letter-spacing: -0.03em;
}

.ticket-list-hero__actions[b-qfatjgrdz2] {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    flex-wrap: wrap;
    flex: 0 1 auto;
    margin-left: auto;
    justify-content: flex-end;
}

.ticket-list-hero__actions .btn[b-qfatjgrdz2] {
    min-height: 2.85rem;
    padding-inline: 1.1rem;
    border-radius: 14px;
    box-shadow: 0 12px 28px rgba(15, 23, 42, 0.06);
}

.ticket-list-shell[b-qfatjgrdz2] {
    border-radius: 30px;
}

.ticket-list-inline-state[b-qfatjgrdz2] {
    display: inline-flex;
    align-items: center;
    gap: 0.65rem;
    padding: 0.9rem 1rem;
    border: 1px solid rgba(15, 23, 42, 0.08);
    border-radius: 18px;
    background: rgba(255, 255, 255, 0.86);
    color: var(--muted);
    font-weight: 600;
}

.ticket-list-toolbar[b-qfatjgrdz2],
.ticket-list-pagination[b-qfatjgrdz2] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 0.75rem;
}

.ticket-list-toolbar[b-qfatjgrdz2] {
    margin-bottom: 1rem;
    padding-bottom: 0.85rem;
    border-bottom: 1px solid rgba(15, 23, 42, 0.08);
}

.ticket-list-toolbar__meta[b-qfatjgrdz2] {
    color: var(--muted);
    font-size: 0.92rem;
}

.ticket-list-pagination--top[b-qfatjgrdz2] {
    margin-left: auto;
}

.ticket-list-pagination[b-qfatjgrdz2] {
    justify-content: flex-end;
}

.ticket-list-pagination--bottom[b-qfatjgrdz2] {
    margin-top: 1.25rem;
    padding-top: 0.85rem;
    border-top: 1px solid rgba(15, 23, 42, 0.08);
}

.ticket-scroll-top[b-qfatjgrdz2] {
    position: fixed;
    right: 1.5rem;
    bottom: 1.5rem;
    z-index: 20;
    width: 3rem;
    height: 3rem;
    border: 0;
    border-radius: 999px;
    color: #fff;
    background: linear-gradient(135deg, var(--primary), var(--secondary, var(--primary)));
    box-shadow: 0 18px 40px rgba(15, 23, 42, 0.18);
}

.ticket-scroll-top:hover[b-qfatjgrdz2] {
    transform: translateY(-1px);
    box-shadow: 0 22px 48px rgba(15, 23, 42, 0.22);
}

.ticket-scroll-top:focus-visible[b-qfatjgrdz2] {
    outline: 3px solid rgba(79, 70, 229, 0.22);
    outline-offset: 3px;
}

@media (max-width: 1100px) {
    .ticket-list-hero__actions[b-qfatjgrdz2] {
        width: 100%;
        margin-left: 0;
        justify-content: flex-start;
    }
}

@media (max-width: 640px) {
    .ticket-list-page[b-qfatjgrdz2] {
        padding: 0;
        gap: 0.75rem;
    }

    .ticket-list-hero[b-qfatjgrdz2],
    .ticket-list-shell[b-qfatjgrdz2] {
        border-radius: 18px;
    }

    .ticket-list-hero[b-qfatjgrdz2] {
        display: flex;
        flex-direction: column;
        align-items: stretch;
        padding: 0.75rem;
        gap: 0.6rem;
    }

    .ticket-list-hero__page-title[b-qfatjgrdz2] {
        font-size: 1.2rem;
    }

    .ticket-list-hero__header[b-qfatjgrdz2],
    .ticket-list-hero__actions[b-qfatjgrdz2],
    .ticket-list-pagination[b-qfatjgrdz2],
    .ticket-list-pagination .btn[b-qfatjgrdz2],
    .ticket-list-pagination--top[b-qfatjgrdz2] {
        width: 100%;
    }

    .ticket-list-hero__actions .btn[b-qfatjgrdz2] {
        width: 100%;
        min-height: 2.4rem;
        padding-inline: 0.65rem;
        border-radius: 12px;
        font-size: 0.8rem;
    }

    .ticket-list-toolbar[b-qfatjgrdz2],
    .ticket-list-pagination[b-qfatjgrdz2] {
        flex-direction: column;
        align-items: stretch;
    }

    .ticket-list-toolbar[b-qfatjgrdz2] {
        margin-bottom: 0.65rem;
        padding-bottom: 0.55rem;
    }

    .ticket-scroll-top[b-qfatjgrdz2] {
        right: 0.85rem;
        bottom: calc(0.85rem + env(safe-area-inset-bottom, 0px));
    }
}

@media (max-width: 480px) {
    .ticket-list-hero[b-qfatjgrdz2],
    .ticket-list-shell[b-qfatjgrdz2] {
        border-radius: 16px;
    }

    .ticket-list-hero[b-qfatjgrdz2] {
        padding: 0.6rem;
        gap: 0.5rem;
    }

    .ticket-list-hero__page-title[b-qfatjgrdz2] {
        font-size: 1.1rem;
    }
}

html.dark .ticket-list-hero[b-qfatjgrdz2],
html.dark .ticket-list-inline-state[b-qfatjgrdz2],
html.dark .ticket-list-toolbar[b-qfatjgrdz2],
html.dark .ticket-list-pagination--bottom[b-qfatjgrdz2] {
    border-color: rgba(255, 255, 255, 0.1);
}

html.dark .ticket-list-hero--internal[b-qfatjgrdz2],
html.dark .ticket-list-inline-state[b-qfatjgrdz2] {
    background: rgba(20, 26, 38, 0.94);
}
/* _content/PortailSAV.App/Components/Pages/Support/Dashboard.razor.rz.scp.css */
.dashboard-shell[b-zqwhh7odjs] {
    --dashboard-bg: #f5f7fc;
    --dashboard-surface: #ffffff;
    --dashboard-surface-soft: #f8faff;
    --dashboard-border: #e6ebf5;
    --dashboard-border-strong: #d7dfec;
    --dashboard-text: #1e293b;
    --dashboard-text-soft: #64748b;
    --dashboard-text-faint: #8a94a6;
    --dashboard-shadow: 0 1px 3px rgba(15, 23, 42, 0.04), 0 8px 24px rgba(15, 23, 42, 0.06);
    --dashboard-shadow-soft: 0 4px 12px rgba(15, 23, 42, 0.04);
    --dashboard-shadow-hover: 0 4px 12px rgba(15, 23, 42, 0.08), 0 16px 32px rgba(15, 23, 42, 0.10);
    --dashboard-radius-xl: 22px;
    --dashboard-radius-lg: 18px;
    --dashboard-radius-md: 14px;
    --dashboard-radius-sm: 10px;
    --tone-focus: #6366f1;
    --tone-success: #10b981;
    --tone-alert: #f43f5e;
    --tone-business: #f59e0b;
    --tone-analysis: #8b5cf6;
    --tone-focus-bg: rgba(99, 102, 241, 0.07);
    --tone-success-bg: rgba(16, 185, 129, 0.07);
    --tone-alert-bg: rgba(244, 63, 94, 0.07);
    --tone-business-bg: rgba(245, 158, 11, 0.07);
    --tone-analysis-bg: rgba(139, 92, 246, 0.07);
    display: grid;
    gap: 1.5rem;
    color: var(--dashboard-text);
}

/* Page header */
[b-zqwhh7odjs] .ps-page-header {
    margin-bottom: 1.25rem;
}

[b-zqwhh7odjs] .ps-page-header-content {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    align-items: start;
    gap: 1rem;
}

    [b-zqwhh7odjs] .ps-page-header-content > .me-auto {
        min-width: 0;
    }

[b-zqwhh7odjs] .ps-page-title-row {
    align-items: end;
    gap: 0.9rem;
}

[b-zqwhh7odjs] .ps-page-title-meta {
    display: flex;
    flex-wrap: wrap;
    gap: 0.55rem;
    margin-bottom: 0.15rem;
}

[b-zqwhh7odjs] .ps-page-actions {
    width: auto;
    justify-content: flex-end;
    align-self: start;
}

.dashboard-header-actions[b-zqwhh7odjs] {
    display: grid;
    gap: 0.5rem;
    justify-items: end;
}

.dashboard-header-actions__primary[b-zqwhh7odjs] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.5rem;
    justify-content: flex-end;
}

.dashboard-header-actions__secondary[b-zqwhh7odjs] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.5rem;
    justify-content: flex-end;
}

.dashboard-header-actions__toggle[b-zqwhh7odjs] {
    min-width: 12rem;
}

/* Export split */
.dashboard-export-split[b-zqwhh7odjs] {
    position: relative;
    display: inline-flex;
}

    .dashboard-export-split .btn[b-zqwhh7odjs] {
        min-width: 0;
    }

    .dashboard-export-split > .btn:first-child[b-zqwhh7odjs] {
        min-width: 10rem;
        border-top-right-radius: 0;
        border-bottom-right-radius: 0;
    }

.dashboard-export-split__toggle[b-zqwhh7odjs] {
    width: 2.75rem;
    min-width: 2.75rem;
    border-left: none;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
}

.dashboard-export-menu[b-zqwhh7odjs] {
    position: absolute;
    right: 0;
    top: calc(100% + 0.35rem);
    min-width: 16rem;
    padding: 0.35rem;
    display: grid;
    gap: 0.2rem;
    border-radius: 14px;
    border: 1px solid var(--dashboard-border);
    background: #ffffff;
    box-shadow: 0 14px 32px rgba(15, 23, 42, 0.12);
    z-index: 30;
    backdrop-filter: none;
}

.dashboard-export-menu__item[b-zqwhh7odjs] {
    border: none;
    background: transparent;
    border-radius: 10px;
    text-align: left;
    padding: 0.58rem 0.65rem;
    color: var(--dashboard-text);
    font-weight: 500;
}

    .dashboard-export-menu__item:hover[b-zqwhh7odjs] {
        background: #f3f6fc;
    }

/* Shared cards */
.dashboard-toolbar[b-zqwhh7odjs],
.dashboard-catalog[b-zqwhh7odjs],
.dashboard-inline-info[b-zqwhh7odjs],
.dashboard-insight-card[b-zqwhh7odjs],
.dashboard-widget[b-zqwhh7odjs] {
    background: var(--dashboard-surface);
    border: 1px solid var(--dashboard-border);
    border-radius: var(--dashboard-radius-xl);
    box-shadow: var(--dashboard-shadow);
}

/* Toolbar */
.dashboard-toolbar[b-zqwhh7odjs] {
    display: grid;
    grid-template-columns: repeat(5, minmax(140px, 1fr)) auto;
    gap: 0.9rem;
    padding: 1rem;
    position: sticky;
    top: 5rem;
    z-index: 10;
    background: rgba(255, 255, 255, 0.85);
    backdrop-filter: blur(16px);
    border: 1px solid rgba(230, 235, 245, 0.8);
}

.dashboard-toolbar__group[b-zqwhh7odjs] {
    display: grid;
    gap: 0.35rem;
}

.dashboard-toolbar__label[b-zqwhh7odjs] {
    font-size: 0.74rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.08em;
    color: var(--dashboard-text-soft);
}

.dashboard-toolbar__actions[b-zqwhh7odjs] {
    display: flex;
    align-items: end;
    gap: 0.5rem;
}

.dashboard-toolbar .form-select[b-zqwhh7odjs],
.dashboard-toolbar .btn[b-zqwhh7odjs] {
    min-height: 3rem;
    border-radius: 14px;
}

.dashboard-toolbar .form-select[b-zqwhh7odjs] {
    border-color: var(--dashboard-border);
    background: #fff;
    box-shadow: none;
}

/* Badges */
.dashboard-badge[b-zqwhh7odjs] {
    display: inline-flex;
    align-items: center;
    border-radius: 999px;
    padding: 0.34rem 0.78rem;
    font-size: 0.76rem;
    font-weight: 700;
    letter-spacing: 0.01em;
}

.dashboard-badge--soft[b-zqwhh7odjs] {
    background: #eef4ff;
    color: #3757d6;
}

.dashboard-badge--coverage[b-zqwhh7odjs] {
    background: #ecfdf3;
    color: #0f8a52;
}

/* Catalog */
.dashboard-catalog[b-zqwhh7odjs] {
    padding: 1rem;
}

.dashboard-catalog__header[b-zqwhh7odjs] {
    display: flex;
    align-items: start;
    justify-content: space-between;
    gap: 1rem;
    margin-bottom: 1rem;
}

.dashboard-catalog__title[b-zqwhh7odjs] {
    margin: 0;
    font-size: 1.08rem;
    color: var(--dashboard-text);
}

.dashboard-catalog__subtitle[b-zqwhh7odjs] {
    margin: 0.25rem 0 0;
    color: var(--dashboard-text-soft);
}

.dashboard-catalog__grid[b-zqwhh7odjs] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
    gap: 0.85rem;
}

.dashboard-catalog__item[b-zqwhh7odjs] {
    display: grid;
    gap: 0.3rem;
    padding: 1rem;
    border: 1px solid var(--dashboard-border);
    border-radius: var(--dashboard-radius-lg);
    background: var(--dashboard-surface-soft);
    text-align: left;
    transition: border-color 160ms ease, box-shadow 160ms ease, background-color 160ms ease;
}

    .dashboard-catalog__item:hover[b-zqwhh7odjs] {
        border-color: var(--dashboard-border-strong);
        box-shadow: var(--dashboard-shadow-soft);
        background: #fbfcff;
    }

.dashboard-catalog__eyebrow[b-zqwhh7odjs],
.dashboard-widget__eyebrow[b-zqwhh7odjs],
.dashboard-insight-card__label[b-zqwhh7odjs] {
    font-size: 0.72rem;
    text-transform: uppercase;
    letter-spacing: 0.1em;
    color: var(--dashboard-text-faint);
    font-weight: 700;
}

.dashboard-catalog__name[b-zqwhh7odjs] {
    font-weight: 700;
    color: var(--dashboard-text);
}

.dashboard-catalog__meta[b-zqwhh7odjs],
.dashboard-inline-info[b-zqwhh7odjs],
.dashboard-widget__description[b-zqwhh7odjs],
.dashboard-list__meta[b-zqwhh7odjs],
.dashboard-table__meta[b-zqwhh7odjs] {
    color: var(--dashboard-text-soft);
}

/* Inline info */
.dashboard-inline-info[b-zqwhh7odjs] {
    padding: 0.85rem 1rem;
    border-color: var(--dashboard-border);
    background: var(--dashboard-surface);
}

/* States */
.dashboard-state[b-zqwhh7odjs] {
    min-height: 220px;
    display: grid;
    place-items: center;
    gap: 0.75rem;
    border-radius: 20px;
    border: 1px dashed var(--dashboard-border-strong);
    background: rgba(255, 255, 255, 0.6);
    color: var(--dashboard-text-soft);
    text-align: center;
}

.dashboard-state--error[b-zqwhh7odjs] {
    border-style: solid;
    color: #b91c1c;
}

/* Insight strip */
.dashboard-insight-strip[b-zqwhh7odjs] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 1rem;
}

.dashboard-insight-card[b-zqwhh7odjs] {
    padding: 1.15rem 1.25rem;
    display: grid;
    gap: 0.45rem;
    border-radius: var(--dashboard-radius-xl);
    background: linear-gradient(135deg, rgba(99, 102, 241, 0.06), rgba(139, 92, 246, 0.04));
    border: 1px solid rgba(99, 102, 241, 0.12);
    box-shadow: none;
}

.dashboard-insight-card strong[b-zqwhh7odjs] {
    font-size: 0.95rem;
    line-height: 1.5;
}

/* Grid */
.dashboard-grid-shell[b-zqwhh7odjs] {
    position: relative;
    padding-bottom: 0.15rem;
    overflow-x: auto;
}

.dashboard-grid-shell--pending[b-zqwhh7odjs] {
    visibility: hidden;
}

.dashboard-grid-shell--ready[b-zqwhh7odjs] {
    visibility: visible;
}

.dashboard-grid[b-zqwhh7odjs] {
    position: relative;
    min-height: 780px;
    max-width: 1680px;
    margin: 0 auto;
}

    /* On masque volontairement la grille visuelle pour un rendu plus propre */
    .dashboard-grid[b-zqwhh7odjs]::before {
        display: none;
    }

[b-zqwhh7odjs] .grid-stack-item {
    z-index: 1;
}

[b-zqwhh7odjs] .grid-stack-item-content {
    inset: 0;
    overflow: hidden;
    background: transparent;
}

[b-zqwhh7odjs] .grid-stack-placeholder > .placeholder-content {
    border-radius: 20px;
    border: 1px dashed #bfd2f7;
    background: rgba(59, 130, 246, 0.06);
}

/* Widget */
.dashboard-widget[b-zqwhh7odjs] {
    --widget-accent: var(--dashboard-border);
    position: relative;
    display: grid;
    grid-template-rows: auto 1fr;
    gap: 0.95rem;
    height: 100%;
    min-height: 0;
    padding: 1.2rem 1.2rem 1.1rem;
    overflow: hidden;
    transition: box-shadow 200ms ease, transform 200ms ease;
}

    .dashboard-widget[b-zqwhh7odjs]::before,
    .dashboard-widget[b-zqwhh7odjs]::after {
        display: none;
    }

.dashboard-widget--kpi[b-zqwhh7odjs],
.dashboard-widget--chart[b-zqwhh7odjs],
.dashboard-widget--list[b-zqwhh7odjs],
.dashboard-widget--table[b-zqwhh7odjs] {
    background: var(--dashboard-surface);
}

.dashboard-widget--focus[b-zqwhh7odjs] {
    border-top: 3px solid var(--tone-focus);
}

.dashboard-widget--success[b-zqwhh7odjs] {
    border-top: 3px solid var(--tone-success);
}

.dashboard-widget--alert[b-zqwhh7odjs] {
    border-top: 3px solid var(--tone-alert);
}

.dashboard-widget--business[b-zqwhh7odjs] {
    border-top: 3px solid var(--tone-business);
}

.dashboard-widget--analysis[b-zqwhh7odjs] {
    border-top: 3px solid var(--tone-analysis);
}

.dashboard-widget:hover[b-zqwhh7odjs] {
    box-shadow: var(--dashboard-shadow-hover);
    transform: translateY(-1px);
    transition: box-shadow 200ms ease, transform 200ms ease;
}

.dashboard-widget__header[b-zqwhh7odjs],
.dashboard-widget__body[b-zqwhh7odjs] {
    position: relative;
    z-index: 1;
}

.dashboard-widget__header[b-zqwhh7odjs] {
    display: flex;
    justify-content: space-between;
    gap: 0.4rem;
    align-items: start;
    padding-bottom: 0.75rem;
    border-bottom: 1px solid var(--dashboard-border);
}

.dashboard-widget__heading[b-zqwhh7odjs] {
    display: grid;
    gap: 0.28rem;
    min-width: 0;
}

.dashboard-widget__title[b-zqwhh7odjs] {
    margin: 0;
    font-size: 1rem;
    line-height: 1.28;
    font-weight: 700;
    letter-spacing: -0.01em;
    color: var(--dashboard-text);
    text-wrap: balance;
}

.dashboard-widget__controls[b-zqwhh7odjs] {
    display: flex;
    align-items: start;
    gap: 0.45rem;
    flex-shrink: 0;
}

.dashboard-widget__drag[b-zqwhh7odjs],
.dashboard-widget__remove[b-zqwhh7odjs] {
    display: inline-flex;
    place-items: center;
    align-items: center;
    justify-content: center;
    padding: 0;
    border: 1px solid var(--dashboard-border);
    background: var(--dashboard-surface-soft);
    color: #475569;
    width: 2rem;
    min-width: 2rem;
    height: 2rem;
    border-radius: 10px;
    box-shadow: none;
    transition: border-color 140ms ease, background-color 140ms ease, color 140ms ease;
}

.dashboard-widget__drag[b-zqwhh7odjs] {
    cursor: grab;
    touch-action: none;
}

    .dashboard-widget__drag:active[b-zqwhh7odjs] {
        cursor: grabbing;
    }

    .dashboard-widget__drag > *[b-zqwhh7odjs],
    .dashboard-widget__remove > *[b-zqwhh7odjs] {
        pointer-events: none;
    }

    .dashboard-widget__drag:hover[b-zqwhh7odjs],
    .dashboard-widget__remove:hover[b-zqwhh7odjs] {
        background: #eef3ff;
        border-color: #ccd7ec;
        color: var(--dashboard-text);
    }

.dashboard-widget__remove:hover[b-zqwhh7odjs] {
    color: #be123c;
}

.dashboard-widget__body[b-zqwhh7odjs] {
    min-height: 0;
    display: grid;
    align-content: stretch;
    gap: 0.95rem;
}

.dashboard-widget--chart .dashboard-widget__body[b-zqwhh7odjs] {
    grid-template-rows: minmax(0, 1fr);
    align-content: stretch;
    height: 100%;
}

.dashboard-widget--list .dashboard-widget__body[b-zqwhh7odjs],
.dashboard-widget--table .dashboard-widget__body[b-zqwhh7odjs] {
    grid-template-rows: minmax(0, 1fr);
    height: 100%;
}

.dashboard-widget--kpi .dashboard-widget__body[b-zqwhh7odjs] {
    height: auto;
}

.dashboard-widget__description[b-zqwhh7odjs] {
    margin: 0;
    font-size: 0.9rem;
    line-height: 1.52;
    color: var(--dashboard-text-soft);
    max-width: 56ch;
}

/* Chart frame */
.dashboard-chart-frame[b-zqwhh7odjs] {
    width: 100%;
    justify-self: center;
    align-self: stretch;
    border-radius: 16px;
    padding: 0.75rem;
    background: var(--dashboard-surface-soft);
    border: none;
    box-shadow: inset 0 1px 3px rgba(15, 23, 42, 0.04);
    display: grid;
    align-items: center;
}

.dashboard-chart-frame--line[b-zqwhh7odjs] {
    width: min(100%, 52rem);
}

.dashboard-chart-frame--line-wide[b-zqwhh7odjs] {
    width: min(100%, 60rem);
}

.dashboard-chart-frame--bar[b-zqwhh7odjs] {
    width: min(100%, 30rem);
}

.dashboard-chart-frame--donut[b-zqwhh7odjs] {
    width: 100%;
    gap: 0.25rem;
}

.dashboard-chart-legend-hint[b-zqwhh7odjs] {
    display: block;
    text-align: center;
    font-size: 0.72rem;
    color: var(--dashboard-text-faint);
    letter-spacing: 0.01em;
    padding-bottom: 0.15rem;
}

/* KPI */
.dashboard-kpi[b-zqwhh7odjs] {
    display: grid;
    align-content: start;
    gap: 0.35rem;
    min-height: 0;
    padding: 0;
    overflow: hidden;
}

.dashboard-kpi__icon-ring[b-zqwhh7odjs] {
    width: 2.25rem;
    height: 2.25rem;
    border-radius: 10px;
    display: grid;
    place-items: center;
    font-size: 1rem;
    margin-bottom: 0.15rem;
}

.dashboard-kpi__icon-ring--focus[b-zqwhh7odjs] {
    background: var(--tone-focus-bg);
    color: var(--tone-focus);
}

.dashboard-kpi__icon-ring--success[b-zqwhh7odjs] {
    background: var(--tone-success-bg);
    color: var(--tone-success);
}

.dashboard-kpi__icon-ring--alert[b-zqwhh7odjs] {
    background: var(--tone-alert-bg);
    color: var(--tone-alert);
}

.dashboard-kpi__icon-ring--business[b-zqwhh7odjs] {
    background: var(--tone-business-bg);
    color: var(--tone-business);
}

.dashboard-kpi__icon-ring--analysis[b-zqwhh7odjs] {
    background: var(--tone-analysis-bg);
    color: var(--tone-analysis);
}

.dashboard-kpi__value[b-zqwhh7odjs] {
    font-size: clamp(2rem, 2.8vw, 3rem);
    line-height: 1;
    font-weight: 800;
    letter-spacing: -0.04em;
    background: linear-gradient(135deg, var(--dashboard-text) 60%, var(--dashboard-text-soft));
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.dashboard-kpi__label[b-zqwhh7odjs] {
    font-size: 0.88rem;
    font-weight: 600;
    color: var(--dashboard-text);
    line-height: 1.2;
}

.dashboard-kpi__detail[b-zqwhh7odjs] {
    max-width: 26ch;
    font-size: 0.78rem;
    line-height: 1.35;
    color: var(--dashboard-text-faint);
}

/* Charts */
[b-zqwhh7odjs] .dashboard-chart {
    position: relative;
    width: 100%;
    height: auto;
    min-height: 0;
    aspect-ratio: 2 / 1;
}

.dashboard-chart-frame--line[b-zqwhh7odjs]  .dashboard-chart {
    aspect-ratio: 2.35 / 1;
}

.dashboard-chart-frame--bar[b-zqwhh7odjs]  .dashboard-chart {
    aspect-ratio: 1.8 / 1;
}

.dashboard-chart-frame--donut[b-zqwhh7odjs]  .dashboard-chart {
    aspect-ratio: 1.7 / 1;
    max-width: 38rem;
    margin: 0 auto;
}

[b-zqwhh7odjs] .dashboard-chart canvas {
    display: block;
    max-width: 100%;
}

/* Table / list */
.dashboard-table[b-zqwhh7odjs],
.dashboard-list[b-zqwhh7odjs] {
    display: grid;
    gap: 0.7rem;
    min-height: 0;
    overflow: auto;
    padding-right: 0.2rem;
}

.dashboard-table__row[b-zqwhh7odjs],
.dashboard-list__item[b-zqwhh7odjs] {
    display: flex;
    justify-content: space-between;
    align-items: start;
    gap: 1rem;
    padding: 1rem 1.1rem;
    border-radius: 12px;
    background: var(--dashboard-surface-soft);
    border: none;
    transition: background 160ms ease;
}

.dashboard-table__main[b-zqwhh7odjs],
.dashboard-list__main[b-zqwhh7odjs] {
    display: grid;
    gap: 0.2rem;
    min-width: 0;
}

    .dashboard-table__main strong[b-zqwhh7odjs],
    .dashboard-list__main strong[b-zqwhh7odjs] {
        line-height: 1.2;
        color: var(--dashboard-text);
    }

.dashboard-table__aside[b-zqwhh7odjs] {
    display: grid;
    justify-items: end;
    gap: 0.2rem;
    flex-shrink: 0;
    text-align: right;
    color: var(--dashboard-text-soft);
}

    .dashboard-table__aside strong[b-zqwhh7odjs] {
        color: var(--dashboard-text);
    }

.dashboard-list__item[b-zqwhh7odjs] {
    color: inherit;
    text-decoration: none;
    transition: border-color 140ms ease, box-shadow 140ms ease, background-color 140ms ease;
}

    .dashboard-list__item:hover[b-zqwhh7odjs] {
        background: rgba(99, 102, 241, 0.04);
    }

.dashboard-table__row:hover[b-zqwhh7odjs] {
    background: rgba(99, 102, 241, 0.04);
}

.dashboard-table__row--link[b-zqwhh7odjs] {
    color: inherit;
    text-decoration: none;
    cursor: pointer;
}

    .dashboard-table__row--link:hover[b-zqwhh7odjs] {
        background: rgba(99, 102, 241, 0.08);
    }

.dashboard-list__badge[b-zqwhh7odjs] {
    align-self: start;
    border-radius: 999px;
    padding: 0.28rem 0.65rem;
    background: #eef2ff;
    color: #4456d8;
    font-size: 0.76rem;
    font-weight: 700;
    white-space: nowrap;
}

.dashboard-empty[b-zqwhh7odjs] {
    display: grid;
    place-items: center;
    min-height: 140px;
    border-radius: 16px;
    border: 1px dashed var(--dashboard-border-strong);
    color: var(--dashboard-text-soft);
    text-align: center;
    padding: 1rem;
    background: var(--dashboard-surface-soft);
}

/* Loading */
.dashboard-widget-loading[b-zqwhh7odjs] {
    display: grid;
    align-content: start;
    gap: 0.7rem;
    min-height: 100%;
}

.dashboard-widget-loading--kpi[b-zqwhh7odjs] {
    align-content: space-between;
}

.dashboard-widget-loading--chart[b-zqwhh7odjs],
.dashboard-widget-loading--list[b-zqwhh7odjs] {
    grid-template-rows: minmax(0, 1fr) auto;
}

.dashboard-skeleton[b-zqwhh7odjs] {
    position: relative;
    display: block;
    overflow: hidden;
    border-radius: 999px;
    background: #e8edf5;
}

    .dashboard-skeleton[b-zqwhh7odjs]::after {
        content: "";
        position: absolute;
        inset: 0;
        transform: translateX(-100%);
        background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.75), transparent);
        animation: dashboard-skeleton-shimmer-b-zqwhh7odjs 1.2s ease-in-out infinite;
    }

.dashboard-skeleton--kpi[b-zqwhh7odjs] {
    width: 5.75rem;
    height: 4.25rem;
    border-radius: 1.2rem;
}

.dashboard-skeleton--chart[b-zqwhh7odjs] {
    min-height: 14rem;
    border-radius: 1.2rem;
}

.dashboard-skeleton--row[b-zqwhh7odjs] {
    height: 3.5rem;
    border-radius: 1rem;
}

.dashboard-skeleton--text[b-zqwhh7odjs] {
    height: 0.9rem;
}

.dashboard-skeleton--w-80[b-zqwhh7odjs] {
    width: 80%;
}

.dashboard-skeleton--w-75[b-zqwhh7odjs] {
    width: 75%;
}

.dashboard-skeleton--w-60[b-zqwhh7odjs] {
    width: 60%;
}

.dashboard-skeleton--w-55[b-zqwhh7odjs] {
    width: 55%;
}

.dashboard-skeleton--w-50[b-zqwhh7odjs] {
    width: 50%;
}

.dashboard-skeleton--w-45[b-zqwhh7odjs] {
    width: 45%;
}

/* Edit mode */
.grid-stack.is-editing .dashboard-widget[b-zqwhh7odjs] {
    outline: 1px solid rgba(59, 130, 246, 0.14);
    box-shadow: 0 10px 24px rgba(59, 130, 246, 0.06);
}

[b-zqwhh7odjs] .grid-stack.is-editing .ui-resizable-handle {
    opacity: 1;
    z-index: 3;
}

[b-zqwhh7odjs] .ui-resizable-e,
[b-zqwhh7odjs] .ui-resizable-s,
[b-zqwhh7odjs] .ui-resizable-w,
[b-zqwhh7odjs] .ui-resizable-n {
    opacity: 0.85;
}

[b-zqwhh7odjs] .ui-resizable-se,
[b-zqwhh7odjs] .ui-resizable-sw,
[b-zqwhh7odjs] .ui-resizable-ne,
[b-zqwhh7odjs] .ui-resizable-nw {
    width: 16px;
    height: 16px;
    border-radius: 999px;
    background: #ffffff;
    border: 1px solid #bfd2f7;
    box-shadow: 0 4px 10px rgba(15, 23, 42, 0.12);
}

[b-zqwhh7odjs] .ui-resizable-e,
[b-zqwhh7odjs] .ui-resizable-w {
    width: 10px;
}

[b-zqwhh7odjs] .ui-resizable-n,
[b-zqwhh7odjs] .ui-resizable-s {
    height: 10px;
}

/* Dark mode */
html.dark .dashboard-shell[b-zqwhh7odjs] {
    --dashboard-bg: #0f172a;
    --dashboard-surface: #121826;
    --dashboard-surface-soft: #1a2233;
    --dashboard-border: #364152;
    --dashboard-border-strong: #475569;
    --dashboard-text: #f8fafc;
    --dashboard-text-soft: #94a3b8;
    --dashboard-text-faint: #8b97aa;
    --dashboard-shadow: 0 12px 24px rgba(0, 0, 0, 0.35);
    --dashboard-shadow-soft: 0 8px 18px rgba(0, 0, 0, 0.25);
    --dashboard-shadow-hover: 0 8px 20px rgba(0, 0, 0, 0.4), 0 20px 40px rgba(0, 0, 0, 0.3);
    --tone-focus-bg: rgba(99, 102, 241, 0.12);
    --tone-success-bg: rgba(16, 185, 129, 0.12);
    --tone-alert-bg: rgba(244, 63, 94, 0.12);
    --tone-business-bg: rgba(245, 158, 11, 0.12);
    --tone-analysis-bg: rgba(139, 92, 246, 0.12);
}

html.dark .dashboard-toolbar[b-zqwhh7odjs],
html.dark .dashboard-catalog[b-zqwhh7odjs],
html.dark .dashboard-inline-info[b-zqwhh7odjs],
html.dark .dashboard-insight-card[b-zqwhh7odjs],
html.dark .dashboard-widget[b-zqwhh7odjs] {
    background: var(--dashboard-surface);
    border-color: var(--dashboard-border);
    box-shadow: var(--dashboard-shadow);
}

    html.dark .dashboard-toolbar .form-select[b-zqwhh7odjs] {
        border-color: var(--dashboard-border);
        background: var(--dashboard-surface-soft);
        color: var(--dashboard-text);
    }

html.dark .dashboard-catalog__item[b-zqwhh7odjs],
html.dark .dashboard-table__row[b-zqwhh7odjs],
html.dark .dashboard-list__item[b-zqwhh7odjs],
html.dark .dashboard-empty[b-zqwhh7odjs],
html.dark .dashboard-chart-frame[b-zqwhh7odjs] {
    background: var(--dashboard-surface-soft);
    border-color: var(--dashboard-border);
    box-shadow: none;
}

html.dark .dashboard-table__row:hover[b-zqwhh7odjs],
html.dark .dashboard-list__item:hover[b-zqwhh7odjs] {
    background: rgba(99, 102, 241, 0.08);
}

html.dark .dashboard-widget__title[b-zqwhh7odjs],
html.dark .dashboard-catalog__title[b-zqwhh7odjs],
html.dark .dashboard-catalog__name[b-zqwhh7odjs],
html.dark .dashboard-table__aside strong[b-zqwhh7odjs],
html.dark .dashboard-inline-info[b-zqwhh7odjs],
html.dark .dashboard-insight-card strong[b-zqwhh7odjs],
html.dark .dashboard-table__main strong[b-zqwhh7odjs],
html.dark .dashboard-list__main strong[b-zqwhh7odjs] {
    color: var(--dashboard-text);
}

html.dark .dashboard-kpi__value[b-zqwhh7odjs] {
    background: linear-gradient(135deg, var(--dashboard-text) 60%, var(--dashboard-text-soft));
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
}

html.dark .dashboard-toolbar[b-zqwhh7odjs] {
    background: rgba(18, 24, 38, 0.85);
    border-color: var(--dashboard-border);
}

html.dark .dashboard-insight-card[b-zqwhh7odjs] {
    background: linear-gradient(135deg, rgba(99, 102, 241, 0.1), rgba(139, 92, 246, 0.06));
    border-color: rgba(99, 102, 241, 0.18);
}

html.dark .dashboard-chart-frame[b-zqwhh7odjs] {
    box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.15);
}

html.dark .dashboard-widget__description[b-zqwhh7odjs],
html.dark .dashboard-catalog__subtitle[b-zqwhh7odjs],
html.dark .dashboard-table__meta[b-zqwhh7odjs],
html.dark .dashboard-list__meta[b-zqwhh7odjs],
html.dark .dashboard-kpi__detail[b-zqwhh7odjs],
html.dark .dashboard-empty[b-zqwhh7odjs],
html.dark .dashboard-insight-card__label[b-zqwhh7odjs],
html.dark .dashboard-widget__eyebrow[b-zqwhh7odjs],
html.dark .dashboard-catalog__eyebrow[b-zqwhh7odjs],
html.dark .dashboard-toolbar__label[b-zqwhh7odjs],
html.dark .dashboard-kpi__label[b-zqwhh7odjs] {
    color: var(--dashboard-text-soft);
}

html.dark .dashboard-widget__drag[b-zqwhh7odjs],
html.dark .dashboard-widget__remove[b-zqwhh7odjs] {
    background: var(--dashboard-surface-soft);
    border-color: var(--dashboard-border);
    color: var(--dashboard-text);
}

    html.dark .dashboard-widget__drag:hover[b-zqwhh7odjs],
    html.dark .dashboard-widget__remove:hover[b-zqwhh7odjs] {
        background: #202a40;
        border-color: var(--dashboard-border-strong);
        color: #ffffff;
    }

html.dark .dashboard-export-menu[b-zqwhh7odjs] {
    background: var(--dashboard-surface);
    border-color: var(--dashboard-border);
}

html.dark .dashboard-export-menu__item[b-zqwhh7odjs] {
    color: var(--dashboard-text);
}

    html.dark .dashboard-export-menu__item:hover[b-zqwhh7odjs] {
        background: #1f2937;
        color: #ffffff;
    }

html.dark .dashboard-list__badge[b-zqwhh7odjs] {
    background: rgba(99, 102, 241, 0.2);
    color: #c7d2fe;
}

html.dark .dashboard-skeleton[b-zqwhh7odjs] {
    background: #334155;
}

    html.dark .dashboard-skeleton[b-zqwhh7odjs]::after {
        background: linear-gradient(90deg, transparent, rgba(148, 163, 184, 0.24), transparent);
    }

html.dark .grid-stack.is-editing .dashboard-widget[b-zqwhh7odjs] {
    outline-color: rgba(96, 165, 250, 0.28);
    box-shadow: 0 12px 26px rgba(0, 0, 0, 0.3);
}

html.dark[b-zqwhh7odjs]  .grid-stack-placeholder > .placeholder-content {
    border-color: rgba(96, 165, 250, 0.4);
    background: rgba(59, 130, 246, 0.14);
}

html.dark[b-zqwhh7odjs]  .ui-resizable-se,
html.dark[b-zqwhh7odjs]  .ui-resizable-sw,
html.dark[b-zqwhh7odjs]  .ui-resizable-ne,
html.dark[b-zqwhh7odjs]  .ui-resizable-nw {
    background: #1e293b;
    border-color: #93c5fd;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.3);
}

@keyframes dashboard-skeleton-shimmer-b-zqwhh7odjs {
    from {
        transform: translateX(-100%);
    }

    to {
        transform: translateX(100%);
    }
}

/* Responsive */
@media (max-width: 991.98px) {
    [b-zqwhh7odjs] .ps-page-header-content {
        grid-template-columns: 1fr;
    }

    [b-zqwhh7odjs] .ps-page-actions {
        width: 100%;
        justify-content: flex-start;
    }

    .dashboard-header-actions[b-zqwhh7odjs] {
        justify-content: flex-start;
    }

    .dashboard-toolbar[b-zqwhh7odjs] {
        position: static;
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .dashboard-toolbar__actions[b-zqwhh7odjs],
    .dashboard-insight-strip[b-zqwhh7odjs] {
        grid-template-columns: 1fr;
    }

    .dashboard-insight-strip[b-zqwhh7odjs] {
        display: grid;
    }

    .dashboard-grid[b-zqwhh7odjs] {
        min-height: 0;
    }
}

@media (max-width: 768px) {
    .dashboard-header-actions[b-zqwhh7odjs] {
        width: 100%;
        display: grid;
        grid-template-columns: 1fr;
    }

        .dashboard-header-actions .btn[b-zqwhh7odjs],
        .dashboard-export-split[b-zqwhh7odjs],
        .dashboard-export-split .btn[b-zqwhh7odjs],
        .dashboard-header-actions__toggle[b-zqwhh7odjs] {
            width: 100%;
            min-width: 0;
        }

            .dashboard-export-split > .btn:first-child[b-zqwhh7odjs] {
                border-top-right-radius: 14px;
                border-bottom-right-radius: 14px;
            }

    .dashboard-export-split__toggle[b-zqwhh7odjs] {
        width: 100%;
        border-left: 1px solid var(--dashboard-border);
        border-top-left-radius: 14px;
        border-bottom-left-radius: 14px;
    }

    .dashboard-export-menu[b-zqwhh7odjs] {
        left: 0;
        right: auto;
        width: 100%;
    }

    .dashboard-toolbar__actions[b-zqwhh7odjs] {
        display: grid;
        grid-template-columns: 1fr;
    }

        .dashboard-toolbar__actions .btn[b-zqwhh7odjs],
        .dashboard-toolbar__actions .btn-link[b-zqwhh7odjs] {
            width: 100%;
            text-align: center;
        }

    .dashboard-catalog__grid[b-zqwhh7odjs] {
        grid-template-columns: repeat(auto-fit, minmax(160px, 1fr));
        gap: 0.65rem;
    }

    .dashboard-catalog__item[b-zqwhh7odjs] {
        padding: 0.85rem;
    }
}

@media (max-width: 640px) {
    .dashboard-shell[b-zqwhh7odjs] {
        gap: 1rem;
    }

    [b-zqwhh7odjs] .ps-page-title-row {
        flex-direction: column;
        align-items: flex-start;
        gap: 0.5rem;
    }

    [b-zqwhh7odjs] .ps-page-title-meta {
        display: flex;
        flex-wrap: wrap;
        gap: 0.35rem;
    }

    .dashboard-badge[b-zqwhh7odjs] {
        font-size: 0.7rem;
        padding: 0.25rem 0.6rem;
    }

    .dashboard-header-actions[b-zqwhh7odjs] {
        width: 100%;
        justify-items: stretch;
    }

    .dashboard-header-actions__primary[b-zqwhh7odjs],
    .dashboard-header-actions__secondary[b-zqwhh7odjs] {
        flex-direction: column;
        align-items: stretch;
        width: 100%;
    }

    .dashboard-header-actions__primary .btn[b-zqwhh7odjs],
    .dashboard-header-actions__secondary .btn[b-zqwhh7odjs],
    .dashboard-header-actions__toggle[b-zqwhh7odjs],
    .dashboard-export-split[b-zqwhh7odjs] {
        width: 100%;
        min-width: 0;
    }

    .dashboard-export-split[b-zqwhh7odjs] {
        display: grid;
        grid-template-columns: 1fr auto;
    }

    .dashboard-export-split > .btn:first-child[b-zqwhh7odjs] {
        min-width: 0;
    }

    .dashboard-toolbar[b-zqwhh7odjs] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 0.5rem;
        padding: 0.75rem;
        border-radius: 18px;
    }

    .dashboard-toolbar__label[b-zqwhh7odjs] {
        display: none;
    }

    .dashboard-toolbar__group[b-zqwhh7odjs] {
        gap: 0;
    }

    .dashboard-toolbar .form-select[b-zqwhh7odjs],
    .dashboard-toolbar .btn[b-zqwhh7odjs] {
        min-height: 2.6rem;
        border-radius: 12px;
        font-size: 0.88rem;
    }

    .dashboard-toolbar__actions[b-zqwhh7odjs] {
        grid-column: 1 / -1;
        display: flex;
        align-items: center;
        gap: 0.5rem;
    }

    .dashboard-toolbar__actions .btn[b-zqwhh7odjs] {
        flex: 1;
    }

    .dashboard-toolbar__actions .btn-link[b-zqwhh7odjs] {
        flex: 0 0 auto;
        width: auto;
        text-align: center;
    }

    /* Force GridStack into a single-column vertical stack on mobile */
    .dashboard-grid-shell[b-zqwhh7odjs] {
        overflow-x: hidden;
    }

    .dashboard-grid[b-zqwhh7odjs] {
        width: 100% !important;
        max-width: 100% !important;
        min-height: 0 !important;
        height: auto !important;
        display: flex !important;
        flex-direction: column;
        gap: 0.75rem;
    }

    [b-zqwhh7odjs] .grid-stack-item {
        position: relative !important;
        top: auto !important;
        left: auto !important;
        width: 100% !important;
        height: auto !important;
        margin: 0 !important;
    }

    [b-zqwhh7odjs] .grid-stack-item-content {
        position: relative !important;
        inset: auto !important;
        height: auto !important;
    }

    .dashboard-widget[b-zqwhh7odjs] {
        padding: 0.85rem;
        border-radius: 18px;
        height: auto !important;
    }

    .dashboard-widget__header[b-zqwhh7odjs] {
        padding-bottom: 0.55rem;
        gap: 0.3rem;
    }

    .dashboard-widget__title[b-zqwhh7odjs] {
        font-size: 0.92rem;
    }

    .dashboard-kpi__value[b-zqwhh7odjs] {
        font-size: clamp(1.6rem, 5vw, 2.4rem);
    }

    .dashboard-widget__body[b-zqwhh7odjs] {
        min-height: 0;
        height: auto;
    }

    .dashboard-chart-frame[b-zqwhh7odjs] {
        width: 100%;
    }

    [b-zqwhh7odjs] .dashboard-chart {
        aspect-ratio: 1.6 / 1;
    }

    .dashboard-table__row[b-zqwhh7odjs],
    .dashboard-list__item[b-zqwhh7odjs] {
        flex-direction: column;
        padding: 0.85rem;
        gap: 0.5rem;
    }

    .dashboard-table__aside[b-zqwhh7odjs] {
        justify-items: start;
        text-align: left;
    }

    .dashboard-insight-strip[b-zqwhh7odjs] {
        grid-template-columns: 1fr;
        gap: 0.65rem;
    }

    .dashboard-insight-card[b-zqwhh7odjs] {
        padding: 0.9rem 1rem;
    }

    .dashboard-catalog[b-zqwhh7odjs] {
        padding: 0.85rem;
        border-radius: 18px;
    }

    .dashboard-inline-info[b-zqwhh7odjs] {
        padding: 0.7rem 0.85rem;
        border-radius: 16px;
    }

    /* Chart frames: full width, tighter padding */
    .dashboard-chart-frame[b-zqwhh7odjs] {
        padding: 0.5rem;
    }

    .dashboard-chart-frame--donut[b-zqwhh7odjs]  .dashboard-chart {
        max-width: 16rem;
    }
}
/* _content/PortailSAV.App/Components/Pages/Support/Tickets/Detail.razor.rz.scp.css */
.ticket-detail-page[b-rh53gdwh39] {
    display: grid;
    gap: 1.5rem;
    position: relative;
    background: linear-gradient(135deg, rgba(79, 70, 229, 0.03) 0%, rgba(16, 185, 129, 0.02) 100%);
    border-radius: 8px;
    padding: 0.5rem;
    width: 100%;
    min-width: 0;
}

.ticket-detail-grid[b-rh53gdwh39],
.ticket-hero[b-rh53gdwh39],
.ticket-hero__content[b-rh53gdwh39],
.ticket-hero__stats-inline[b-rh53gdwh39],
.ticket-hero__actions[b-rh53gdwh39],
.ticket-detail-main[b-rh53gdwh39],
.ticket-detail-side[b-rh53gdwh39],
.ticket-panel[b-rh53gdwh39],
.ticket-side-card[b-rh53gdwh39] {
    min-width: 0;
}

.ticket-hero[b-rh53gdwh39] {
    display: flex;
    align-items: center;
    gap: 1.25rem;
    padding: 1.6rem;
    border: 1px solid rgba(15, 23, 42, 0.08);
    border-radius: 30px;
    background: radial-gradient(circle at top left, rgba(79, 70, 229, 0.12), transparent 34%), radial-gradient(circle at right 24%, rgba(16, 185, 129, 0.1), transparent 24%), linear-gradient(145deg, rgba(255, 255, 255, 0.99), rgba(248, 250, 252, 0.96));
    box-shadow: 0 24px 70px rgba(15, 23, 42, 0.09);
}

.ticket-hero--support-detail[b-rh53gdwh39] {
    display: flex;
    align-items: center;
    gap: 1.25rem;
    flex-wrap: nowrap;
}

.ticket-hero--client-detail[b-rh53gdwh39] {
    display: flex;
    align-items: center;
    gap: 1.25rem;
    flex-wrap: nowrap;
}

.ticket-hero__content[b-rh53gdwh39] {
    display: grid;
    gap: 0.95rem;
    flex: 0 1 auto;
}

.ticket-hero__content--support[b-rh53gdwh39] {
    width: 100%;
    flex: 1 1 auto;
    gap: 1rem;
}

.ticket-hero__topline[b-rh53gdwh39] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 1rem;
}

.ticket-hero__summary-row[b-rh53gdwh39] {
    display: flex;
    align-items: stretch;
    justify-content: flex-end;
    gap: 0.75rem;
    min-width: 0;
}

.ticket-hero-metric[b-rh53gdwh39] {
    display: flex;
    align-items: flex-start;
    gap: 0.65rem;
    min-width: 10.5rem;
    max-width: 13rem;
    padding: 0.7rem 0.8rem;
    border: 1px solid rgba(15, 23, 42, 0.08);
    border-radius: 20px;
    background: rgba(255, 255, 255, 0.9);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.55);
}

.ticket-hero-metric__icon[b-rh53gdwh39] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 1.7rem;
    height: 1.7rem;
    border-radius: 12px;
    background: rgba(79, 70, 229, 0.1);
    color: var(--primary);
    font-size: 0.82rem;
    flex: 0 0 auto;
}

.ticket-hero-metric__text[b-rh53gdwh39] {
    display: grid;
    gap: 0.15rem;
    min-width: 0;
}

.ticket-hero-metric__label[b-rh53gdwh39] {
    font-size: 0.68rem;
    font-weight: 700;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    color: var(--muted);
}

.ticket-hero-metric__value[b-rh53gdwh39] {
    font-size: 0.95rem;
    font-weight: 700;
    line-height: 1.3;
    overflow-wrap: anywhere;
    word-break: break-word;
}

.ticket-hero__bottomline[b-rh53gdwh39] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    flex-wrap: wrap;
}

.ticket-hero__stats-inline[b-rh53gdwh39] {
    display: flex;
    gap: 0.75rem;
    flex: 1;
    min-width: 0;
    justify-content: center;
}

.ticket-hero__eyebrow[b-rh53gdwh39],
.ticket-panel__eyebrow[b-rh53gdwh39],
.ticket-side-card__eyebrow[b-rh53gdwh39] {
    font-size: 0.72rem;
    font-weight: 700;
    letter-spacing: 0.16em;
    text-transform: uppercase;
    color: var(--muted);
}

.ticket-hero__topbar[b-rh53gdwh39],
.ticket-hero__eyebrow-group[b-rh53gdwh39],
.ticket-hero__actions[b-rh53gdwh39] {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    flex-wrap: wrap;
}

.ticket-hero__topbar[b-rh53gdwh39] {
    justify-content: space-between;
    align-items: flex-start;
}

.ticket-hero__actions[b-rh53gdwh39] {
    flex: 0 0 auto;
}

.ticket-hero__bottomline .ticket-hero__actions[b-rh53gdwh39] {
    margin-left: auto;
}

    .ticket-hero__actions .btn[b-rh53gdwh39] {
        min-height: 2.85rem;
        padding-inline: 1.1rem;
        border-radius: 14px;
        box-shadow: 0 12px 28px rgba(15, 23, 42, 0.06);
    }

.ticket-hero__heading[b-rh53gdwh39] {
    display: grid;
    gap: 0.55rem;
}

.ticket-hero__page-title[b-rh53gdwh39] {
    margin: 0;
    font-size: clamp(1.8rem, 3vw, 2.6rem);
    line-height: 1.06;
    letter-spacing: -0.03em;
}

.ticket-hero__subtitle[b-rh53gdwh39] {
    margin: 0;
    color: var(--muted);
    font-size: 0.98rem;
    line-height: 1.65;
}

.ticket-hero__chips[b-rh53gdwh39] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.75rem;
}

.ticket-tone[b-rh53gdwh39] {
    display: inline-flex;
    align-items: center;
    gap: 0.55rem;
    min-height: 2.6rem;
    padding: 0.45rem 0.95rem;
    border: 1px solid rgba(15, 23, 42, 0.08);
    border-radius: 999px;
    background: rgba(255, 255, 255, 0.92);
    box-shadow: 0 10px 28px rgba(15, 23, 42, 0.06);
    font-weight: 700;
    color: var(--text);
    min-width: 0;
    overflow-wrap: anywhere;
}

.ticket-tone__label[b-rh53gdwh39] {
    color: var(--muted);
    font-size: 0.78rem;
    font-weight: 600;
}

.ticket-tone--status-open[b-rh53gdwh39],
.ticket-tone--priority-normal[b-rh53gdwh39] {
    background: rgba(79, 70, 229, 0.1);
    color: #4138b6;
    border-color: rgba(79, 70, 229, 0.12);
}

.ticket-tone--status-progress[b-rh53gdwh39] {
    background: rgba(16, 185, 129, 0.12);
    color: #0f7b5c;
    border-color: rgba(16, 185, 129, 0.16);
}

.ticket-tone--status-waiting[b-rh53gdwh39],
.ticket-tone--priority-high[b-rh53gdwh39] {
    background: rgba(245, 158, 11, 0.14);
    color: #9a5a06;
    border-color: rgba(245, 158, 11, 0.2);
}

.ticket-tone--status-closed[b-rh53gdwh39],
.ticket-tone--priority-low[b-rh53gdwh39] {
    background: rgba(15, 23, 42, 0.08);
    color: #334155;
    border-color: rgba(15, 23, 42, 0.1);
}

.ticket-hero__stats[b-rh53gdwh39] {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 0.85rem;
    align-self: stretch;
}

.ticket-stat[b-rh53gdwh39] {
    display: grid;
    gap: 0.45rem;
    padding: 0.75rem 0.85rem;
    border: 1px solid rgba(15, 23, 42, 0.08);
    border-radius: 20px;
    background: rgba(255, 255, 255, 0.88);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.55);
    flex: 1;
    min-width: 90px;
}

.ticket-hero__stats-inline .ticket-stat[b-rh53gdwh39] {
    padding: 0.6rem 0.7rem;
}

.ticket-stat__icon[b-rh53gdwh39] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 2rem;
    height: 2rem;
    border-radius: 14px;
    background: rgba(79, 70, 229, 0.1);
    color: var(--primary);
    font-size: 0.9rem;
}

.ticket-hero__stats-inline .ticket-stat__icon[b-rh53gdwh39] {
    width: 1.6rem;
    height: 1.6rem;
    font-size: 0.8rem;
}

.ticket-stat__label[b-rh53gdwh39] {
    font-size: 0.7rem;
    font-weight: 700;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    color: var(--muted);
}

.ticket-hero__stats-inline .ticket-stat__label[b-rh53gdwh39] {
    font-size: 0.65rem;
}

.ticket-stat__value[b-rh53gdwh39] {
    font-size: 0.95rem;
    font-weight: 700;
    line-height: 1.35;
    color: var(--text);
    min-width: 0;
    overflow-wrap: anywhere;
    word-break: break-word;
}

.ticket-hero__stats-inline .ticket-stat__value[b-rh53gdwh39] {
    font-size: 0.85rem;
}

.ticket-detail-grid[b-rh53gdwh39] {
    display: grid;
    grid-template-columns: minmax(0, 1.45fr) minmax(340px, 0.92fr);
    gap: 1.5rem;
    align-items: stretch;
}

.ticket-detail-main[b-rh53gdwh39] {
    display: grid;
    gap: 1.25rem;
    align-content: start;
}

.ticket-detail-side[b-rh53gdwh39] {
    display: flex;
    flex-direction: column;
    gap: 1.25rem;
    overflow: hidden;
}

.ticket-detail-page--support .ticket-detail-side > .ticket-side-card[b-rh53gdwh39] {
    flex: 0 0 auto;
}

.ticket-detail-page--support .ps-rightpanel--sticky[b-rh53gdwh39] {
    position: static;
    flex: 1 1 auto;
    min-height: 0;
    overflow: hidden;
    display: flex;
    flex-direction: column;
}

.ticket-detail-page--support .ps-rightpanel--sticky .ps-timeline-card[b-rh53gdwh39] {
    display: flex;
    flex-direction: column;
    flex: 1 1 auto;
    min-height: 0;
}

.ticket-detail-page--support .ps-rightpanel--sticky .ps-timeline-body[b-rh53gdwh39] {
    flex: 1 1 auto;
    min-height: 0;
    overflow: hidden;
    display: flex;
    flex-direction: column;
}

.ticket-detail-page--support .ps-rightpanel--sticky .ps-timeline-scroll[b-rh53gdwh39] {
    flex: 1 1 auto;
    min-height: 0;
    overflow-y: auto;
    padding-right: 0.25rem;
}

.ticket-panel[b-rh53gdwh39],
.ticket-side-card[b-rh53gdwh39] {
    padding: 1.35rem;
    border: 1px solid rgba(15, 23, 42, 0.08);
    border-radius: 26px;
    background: linear-gradient(180deg, rgba(255, 255, 255, 0.99), rgba(248, 250, 252, 0.96));
    box-shadow: 0 18px 50px rgba(15, 23, 42, 0.07);
}

.ticket-panel__header[b-rh53gdwh39] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 1rem;
    margin-bottom: 1.15rem;
}

.ticket-panel__title[b-rh53gdwh39],
.ticket-side-card__title[b-rh53gdwh39] {
    margin: 0.25rem 0 0;
    font-size: 1.15rem;
    line-height: 1.3;
}

.ticket-panel__text[b-rh53gdwh39],
.ticket-side-card__text[b-rh53gdwh39] {
    margin: 0;
    max-width: 25rem;
    color: var(--muted);
    line-height: 1.6;
}

.ticket-panel--warning[b-rh53gdwh39] {
    display: flex;
    align-items: flex-start;
    gap: 1rem;
    background: linear-gradient(180deg, rgba(255, 251, 235, 0.95), rgba(255, 247, 237, 0.98));
    border-color: rgba(245, 158, 11, 0.2);
}

.ticket-panel--decision[b-rh53gdwh39] {
    position: relative;
    overflow: hidden;
}

    .ticket-panel--decision[b-rh53gdwh39]::before {
        content: "";
        position: absolute;
        inset: 0;
        opacity: 0.92;
        pointer-events: none;
    }

    .ticket-panel--decision > *[b-rh53gdwh39] {
        position: relative;
        z-index: 1;
    }

.ticket-panel--decision-normal[b-rh53gdwh39]::before {
    background: linear-gradient(135deg, rgba(16, 185, 129, 0.13), transparent 58%);
}

.ticket-panel--decision-high[b-rh53gdwh39]::before {
    background: linear-gradient(135deg, rgba(245, 158, 11, 0.18), transparent 58%);
}

.ticket-panel--decision-warning[b-rh53gdwh39]::before {
    background: linear-gradient(135deg, rgba(248, 113, 113, 0.16), transparent 60%);
}

.ticket-panel__icon[b-rh53gdwh39] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 3rem;
    height: 3rem;
    border-radius: 20px;
    background: rgba(245, 158, 11, 0.15);
    color: #b45309;
    font-size: 1.1rem;
    flex-shrink: 0;
}

.ticket-facts-grid[b-rh53gdwh39],
.ticket-insight-grid[b-rh53gdwh39] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 0.9rem;
}

.ticket-fact[b-rh53gdwh39],
.ticket-insight[b-rh53gdwh39] {
    display: grid;
    gap: 0.45rem;
    padding: 1rem;
    border: 1px solid rgba(15, 23, 42, 0.06);
    border-radius: 20px;
    background: rgba(15, 23, 42, 0.02);
}

.ticket-fact--wide[b-rh53gdwh39] {
    grid-column: 1 / -1;
}

.ticket-decision-head[b-rh53gdwh39] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 1rem;
    margin-bottom: 1.1rem;
}

.ticket-decision-head__content[b-rh53gdwh39] {
    display: grid;
    gap: 0.45rem;
    max-width: 32rem;
}

.ticket-decision-head__title[b-rh53gdwh39] {
    margin: 0;
    font-size: 1.25rem;
    line-height: 1.3;
}

.ticket-decision-head__summary[b-rh53gdwh39] {
    margin: 0;
    color: var(--muted);
    line-height: 1.65;
}

.ticket-decision-pills[b-rh53gdwh39] {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-end;
    gap: 0.75rem;
}

.ticket-decision-pills--mobile-only[b-rh53gdwh39] {
    display: none;
}

@media (max-width: 640px) {
    .ticket-decision-pills--mobile-only[b-rh53gdwh39] {
        display: flex;
    }
}

.ticket-decision-pill[b-rh53gdwh39] {
    display: grid;
    gap: 0.2rem;
    min-width: 10.5rem;
    padding: 0.8rem 0.95rem;
    border: 1px solid rgba(15, 23, 42, 0.08);
    border-radius: 18px;
    background: rgba(255, 255, 255, 0.78);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.45);
}

.ticket-decision-pill__label[b-rh53gdwh39] {
    font-size: 0.72rem;
    font-weight: 700;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    color: var(--muted);
}

.ticket-decision-pill strong[b-rh53gdwh39] {
    font-size: 1rem;
    line-height: 1.35;
}

.ticket-decision-pill--priority-high[b-rh53gdwh39],
.ticket-decision-pill--confidence-medium[b-rh53gdwh39] {
    border-color: rgba(245, 158, 11, 0.18);
    background: rgba(255, 251, 235, 0.86);
    color: #9a5a06;
}

.ticket-decision-pill--priority-normal[b-rh53gdwh39],
.ticket-decision-pill--confidence-high[b-rh53gdwh39] {
    border-color: rgba(16, 185, 129, 0.18);
    background: rgba(236, 253, 245, 0.86);
    color: #0f7b5c;
}

.ticket-decision-pill--confidence-low[b-rh53gdwh39] {
    border-color: rgba(239, 68, 68, 0.16);
    background: rgba(254, 242, 242, 0.88);
    color: #b42318;
}

.ticket-decision-alert[b-rh53gdwh39] {
    display: inline-flex;
    align-items: center;
    gap: 0.65rem;
    margin-bottom: 1rem;
    padding: 0.85rem 1rem;
    border: 1px solid rgba(239, 68, 68, 0.14);
    border-radius: 18px;
    background: rgba(254, 242, 242, 0.92);
    color: #b42318;
    font-weight: 600;
}

.ticket-decision-reasons[b-rh53gdwh39] {
    display: grid;
    gap: 0.8rem;
}

.ticket-decision-reason[b-rh53gdwh39] {
    display: flex;
    align-items: flex-start;
    gap: 0.75rem;
    padding: 0.9rem 0.95rem;
    border: 1px solid rgba(15, 23, 42, 0.06);
    border-radius: 18px;
    background: rgba(255, 255, 255, 0.72);
}

.ticket-decision-reason__icon[b-rh53gdwh39] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 2rem;
    height: 2rem;
    border-radius: 14px;
    background: rgba(79, 70, 229, 0.1);
    color: var(--primary);
    flex-shrink: 0;
}

.ticket-decision-reason__text[b-rh53gdwh39] {
    margin: 0;
    line-height: 1.6;
    color: var(--text);
}

.ticket-fact__label[b-rh53gdwh39],
.ticket-insight__label[b-rh53gdwh39] {
    font-size: 0.76rem;
    font-weight: 700;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    color: var(--muted);
}

.ticket-fact__value[b-rh53gdwh39],
.ticket-insight__value[b-rh53gdwh39] {
    font-size: 0.98rem;
    line-height: 1.55;
    color: var(--text);
    overflow-wrap: anywhere;
    word-break: break-word;
}

.ticket-empty-state[b-rh53gdwh39] {
    display: grid;
    justify-items: center;
    gap: 0.5rem;
    padding: 2rem 1.25rem;
    border: 1px dashed rgba(15, 23, 42, 0.16);
    border-radius: 22px;
    background: rgba(15, 23, 42, 0.02);
    text-align: center;
}

.ticket-empty-state__icon[b-rh53gdwh39] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 3rem;
    height: 3rem;
    border-radius: 18px;
    background: rgba(79, 70, 229, 0.1);
    color: var(--primary);
    font-size: 1.2rem;
}

.ticket-attachment-list[b-rh53gdwh39] {
    display: grid;
    gap: 0.8rem;
}

.ticket-attachment[b-rh53gdwh39] {
    display: flex;
    align-items: center;
    gap: 0.9rem;
    padding: 0.95rem 1rem;
    border: 1px solid rgba(15, 23, 42, 0.08);
    border-radius: 20px;
    background: rgba(255, 255, 255, 0.92);
    text-decoration: none;
    color: inherit;
    transition: transform 150ms ease, box-shadow 150ms ease, border-color 150ms ease;
}

    .ticket-attachment:hover[b-rh53gdwh39] {
        transform: translateY(-2px);
        border-color: rgba(79, 70, 229, 0.18);
        box-shadow: 0 16px 38px rgba(79, 70, 229, 0.12);
        text-decoration: none;
    }

.ticket-attachment__icon[b-rh53gdwh39] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 2.9rem;
    height: 2.9rem;
    border-radius: 18px;
    background: rgba(79, 70, 229, 0.1);
    color: var(--primary);
    font-size: 1.1rem;
    flex-shrink: 0;
}

.ticket-attachment__content[b-rh53gdwh39] {
    display: grid;
    gap: 0.15rem;
    min-width: 0;
}

.ticket-attachment__name[b-rh53gdwh39] {
    font-weight: 700;
    color: var(--text);
    overflow: hidden;
    overflow-wrap: anywhere;
    text-overflow: ellipsis;
}

.ticket-attachment__meta[b-rh53gdwh39] {
    color: var(--muted);
    font-size: 0.85rem;
}

.ticket-attachment__action[b-rh53gdwh39] {
    margin-left: auto;
    display: inline-flex;
    align-items: center;
    gap: 0.35rem;
    color: var(--primary);
    font-weight: 700;
    white-space: nowrap;
}

.ticket-side-card[b-rh53gdwh39] {
    display: grid;
    gap: 0.8rem;
}

.ticket-side-card__header[b-rh53gdwh39] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 1rem;
}

.ticket-side-card__status[b-rh53gdwh39] {
    display: inline-flex;
    align-items: center;
    gap: 0.45rem;
    color: var(--muted);
    font-size: 0.85rem;
    font-weight: 600;
    white-space: nowrap;
}

.ticket-side-card--accent[b-rh53gdwh39] {
    overflow: hidden;
    position: relative;
}

    .ticket-side-card--accent[b-rh53gdwh39]::before {
        content: "";
        position: absolute;
        inset: 0;
        opacity: 0.88;
        pointer-events: none;
    }

    .ticket-side-card--accent > *[b-rh53gdwh39] {
        position: relative;
        z-index: 1;
    }

.ticket-side-card--info[b-rh53gdwh39]::before {
    background: linear-gradient(135deg, rgba(79, 70, 229, 0.12), transparent 56%);
}

.ticket-side-card--success[b-rh53gdwh39]::before {
    background: linear-gradient(135deg, rgba(16, 185, 129, 0.14), transparent 56%);
}

.ticket-side-card--warning[b-rh53gdwh39]::before {
    background: linear-gradient(135deg, rgba(245, 158, 11, 0.16), transparent 60%);
}

.ticket-side-card--neutral[b-rh53gdwh39]::before {
    background: linear-gradient(135deg, rgba(15, 23, 42, 0.08), transparent 56%);
}

.ticket-command-card[b-rh53gdwh39] {
    display: grid;
    gap: 1rem;
    min-width: 0;
}

.ticket-command-card__section[b-rh53gdwh39] {
    display: grid;
    gap: 0.45rem;
    min-width: 0;
}

.ticket-command-card__label[b-rh53gdwh39] {
    font-size: 0.76rem;
    font-weight: 700;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    color: var(--muted);
}

.ticket-command-card__value[b-rh53gdwh39] {
    font-size: 1rem;
    font-weight: 700;
    line-height: 1.5;
    min-width: 0;
    overflow-wrap: anywhere;
    word-break: break-word;
}

/* Badge "source" sur les participants internes (refonte mai 2026, auto-share commercial).
   Petit chip discret rendu à côté du nom pour distinguer les ajouts auto des ajouts manuels.
   Volontairement de petite taille (font-size, padding) pour ne pas dominer la ligne. */
.ticket-participant-badge[b-rh53gdwh39] {
    display: inline-flex;
    align-items: center;
    padding: 0.15rem 0.55rem;
    border-radius: 999px;
    font-size: 0.7rem;
    font-weight: 600;
    letter-spacing: 0.02em;
    line-height: 1.4;
    white-space: nowrap;
}

.ticket-participant-badge--auto[b-rh53gdwh39] {
    background: rgba(var(--brand-primary-rgb), 0.10);
    color: var(--primary);
    border: 1px solid rgba(var(--brand-primary-rgb), 0.25);
}

.ticket-command-card__buttons[b-rh53gdwh39] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 0.75rem;
    width: 100%;
}

    .ticket-command-card__buttons > *[b-rh53gdwh39] {
        min-width: 0;
    }

    .ticket-command-card__buttons .btn[b-rh53gdwh39],
    .ticket-command-card__apply[b-rh53gdwh39] {
        min-width: 0;
        width: 100%;
        max-width: 100%;
        min-height: 3rem;
        border-radius: 16px;
        font-weight: 700;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
    }

.ticket-command-card__transitions[b-rh53gdwh39] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.55rem;
}

.ticket-transition-pill[b-rh53gdwh39] {
    display: inline-flex;
    align-items: center;
    min-height: 2rem;
    padding: 0.3rem 0.75rem;
    border: 1px solid rgba(79, 70, 229, 0.12);
    border-radius: 999px;
    background: rgba(79, 70, 229, 0.08);
    color: var(--primary);
    font-size: 0.82rem;
    font-weight: 700;
}

/* ---------------------------------------------------------------------------------------------
   Groupes de transitions (refonte mai 2026) — remplace la liste plate par 3 sections lisibles :
   Étape suivante (forward), États temporaires (branch), Revenir en arrière (backward collapsible).
   Le terminal n'a qu'un groupe Reopen.
--------------------------------------------------------------------------------------------- */
.ticket-transition-groups[b-rh53gdwh39] {
    display: flex;
    flex-direction: column;
    gap: 0.85rem;
}

.ticket-transition-group[b-rh53gdwh39] {
    display: flex;
    flex-direction: column;
    gap: 0.35rem;
}

.ticket-transition-group__label[b-rh53gdwh39] {
    font-size: 0.72rem;
    font-weight: 700;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    color: var(--muted);
}

.ticket-transition-group__chips[b-rh53gdwh39] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.5rem;
}

/* Variante "button" du pill — interactif, focusable au clavier. Hérite des règles ci-dessus
   puis ajoute les états hover/focus/disabled. Sert pour les 3 groupes. */
.ticket-transition-pill--button[b-rh53gdwh39] {
    cursor: pointer;
    border-width: 1px;
    border-style: solid;
    transition: background 120ms ease, transform 80ms ease, box-shadow 120ms ease;
}

.ticket-transition-pill--button:hover:not(:disabled)[b-rh53gdwh39] {
    transform: translateY(-1px);
}

.ticket-transition-pill--button:focus-visible[b-rh53gdwh39] {
    outline: none;
    box-shadow: 0 0 0 3px rgba(var(--brand-primary-rgb), 0.25);
}

.ticket-transition-pill--button:disabled[b-rh53gdwh39] {
    cursor: not-allowed;
    opacity: 0.55;
}

/* Forward = chips primaires (action recommandée, plus visible). */
.ticket-transition-group--forward .ticket-transition-pill--button[b-rh53gdwh39] {
    border-color: var(--primary);
    background: var(--primary);
    color: var(--brand-on-primary);
}

.ticket-transition-group--forward .ticket-transition-pill--button:hover:not(:disabled)[b-rh53gdwh39] {
    background: var(--brand-primary-strong);
    border-color: var(--brand-primary-strong);
}

/* Branch = chips secondaires (état temporaire, neutre). */
.ticket-transition-group--branch .ticket-transition-pill--button[b-rh53gdwh39] {
    border-color: rgba(var(--brand-primary-rgb), 0.35);
    background: rgba(var(--brand-primary-rgb), 0.08);
    color: var(--primary);
}

.ticket-transition-group--branch .ticket-transition-pill--button:hover:not(:disabled)[b-rh53gdwh39] {
    background: rgba(var(--brand-primary-rgb), 0.16);
}

/* Backward = chips tertiaires (correction discrète, grisée + bordure pointillée). */
.ticket-transition-group--backward .ticket-transition-pill--button[b-rh53gdwh39] {
    border-style: dashed;
    border-color: rgba(15, 23, 42, 0.20);
    background: transparent;
    color: var(--muted);
}

.ticket-transition-group--backward .ticket-transition-pill--button:hover:not(:disabled)[b-rh53gdwh39] {
    background: rgba(15, 23, 42, 0.04);
    color: var(--text);
}

/* Reopen = mêmes codes que Forward (réouverture est l'action attendue depuis un terminal). */
.ticket-transition-group--reopen .ticket-transition-pill--button[b-rh53gdwh39] {
    border-color: var(--primary);
    background: var(--primary);
    color: var(--brand-on-primary);
}

/* Refus = teinte rouge (action terminale négative, méritant un avertissement visuel). */
.ticket-transition-pill--danger[b-rh53gdwh39] {
    border-color: #dc2626 !important;
    background: rgba(220, 38, 38, 0.08) !important;
    color: #991b1b !important;
}

.ticket-transition-pill--danger:hover:not(:disabled)[b-rh53gdwh39] {
    background: rgba(220, 38, 38, 0.16) !important;
}

/* Icône "modale requise" — petit indicateur que le clic ouvre une modale plutôt que d'appliquer
   directement. Place à droite du label, taille discrète. */
.ticket-transition-pill__icon-input[b-rh53gdwh39] {
    margin-left: 0.4rem;
    font-size: 0.7rem;
    opacity: 0.7;
}

/* Toggle "Revenir en arrière" + collapse. Le détail (chips backward) est masqué jusqu'au clic. */
.ticket-transition-backward-toggle[b-rh53gdwh39] {
    display: inline-flex;
    align-items: center;
    gap: 0.35rem;
    padding: 0;
    background: transparent;
    border: 0;
    color: var(--muted);
    font-size: 0.78rem;
    font-weight: 600;
    cursor: pointer;
}

.ticket-transition-backward-toggle:hover[b-rh53gdwh39] {
    color: var(--text);
}

.ticket-transition-backward-toggle__chevron[b-rh53gdwh39] {
    transition: transform 120ms ease;
}

.ticket-transition-backward-toggle[aria-expanded="true"] .ticket-transition-backward-toggle__chevron[b-rh53gdwh39] {
    transform: rotate(90deg);
}

/* Lien discret "Annuler le dernier changement" en pied de section. */
.ticket-revert-link[b-rh53gdwh39] {
    margin-top: 0.5rem;
    display: inline-flex;
    align-items: center;
    gap: 0.35rem;
    padding: 0;
    background: transparent;
    border: 0;
    color: var(--muted);
    font-size: 0.78rem;
    cursor: pointer;
    text-decoration: underline;
    text-underline-offset: 2px;
}

.ticket-revert-link:hover:not(:disabled)[b-rh53gdwh39] {
    color: var(--text);
}

.ticket-revert-link:disabled[b-rh53gdwh39] {
    cursor: not-allowed;
    opacity: 0.4;
    text-decoration: none;
}

/* Les styles de modale (.ps-modal, .ps-modal-backdrop, etc.) ont été déplacés vers wwwroot/app.css
   pour éviter les problèmes de CSS scoped : les modales sont des composants à part (RefusalReasonModal,
   DecoteRateModal) avec leur propre identifiant de scope b-xxxx, et le combinateur ::deep ne traverse
   pas correctement la frontière de composant pour des éléments qui doivent être en position:fixed
   sur la viewport. Voir app.css section "Modale overlay générique". */

.ticket-command-card__hint[b-rh53gdwh39] {
    color: var(--muted);
    line-height: 1.55;
}

.ticket-command-card__error[b-rh53gdwh39] {
    padding: 0.9rem 1rem;
    border: 1px solid rgba(239, 68, 68, 0.16);
    border-radius: 18px;
    background: rgba(239, 68, 68, 0.08);
    color: #b42318;
    font-size: 0.88rem;
    font-weight: 600;
}

.ticket-inline-status[b-rh53gdwh39] {
    display: inline-flex;
    align-items: center;
    gap: 0.65rem;
    padding: 0.8rem 1rem;
    border: 1px solid rgba(15, 23, 42, 0.08);
    border-radius: 18px;
    background: rgba(255, 255, 255, 0.9);
    color: var(--muted);
    font-size: 0.9rem;
    font-weight: 600;
}

.ticket-scroll-top[b-rh53gdwh39] {
    position: fixed;
    right: 1.5rem;
    bottom: 1.5rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 3rem;
    height: 3rem;
    border-radius: 999px;
    border: 1px solid rgba(var(--brand-primary-rgb), 0.18);
    background: rgba(var(--brand-primary-rgb), 0.92);
    color: var(--brand-on-primary);
    box-shadow: 0 18px 36px rgba(15, 23, 42, 0.18);
    text-decoration: none;
    z-index: 40;
    padding: 0;
}

    .ticket-scroll-top:hover[b-rh53gdwh39],
    .ticket-scroll-top:focus-visible[b-rh53gdwh39] {
        color: var(--brand-on-primary);
        background: var(--primary);
        text-decoration: none;
    }

@media (max-width: 1200px) {
    .ticket-hero--support-detail[b-rh53gdwh39],
    .ticket-hero--client-detail[b-rh53gdwh39] {
        flex-wrap: wrap;
    }

    .ticket-hero__stats-inline[b-rh53gdwh39],
    .ticket-hero__summary-row[b-rh53gdwh39] {
        flex: 1 1 100%;
    }

    .ticket-hero__topline[b-rh53gdwh39],
    .ticket-hero__bottomline[b-rh53gdwh39],
    .ticket-hero__summary-row[b-rh53gdwh39] {
        flex-wrap: wrap;
    }

    .ticket-hero-metric[b-rh53gdwh39] {
        flex: 1 1 11rem;
        max-width: none;
    }

    .ticket-detail-grid[b-rh53gdwh39] {
        grid-template-columns: 1fr;
    }

    .ticket-detail-side[b-rh53gdwh39] {
        position: static;
        overflow: visible;
    }
}

@media (max-width: 900px) {
    .ticket-detail-page[b-rh53gdwh39] {
        gap: 1rem;
        padding: 0;
    }

    .ticket-hero[b-rh53gdwh39],
    .ticket-hero--support-detail[b-rh53gdwh39],
    .ticket-hero--client-detail[b-rh53gdwh39],
    .ticket-panel[b-rh53gdwh39],
    .ticket-side-card[b-rh53gdwh39] {
        flex-direction: column;
        align-items: stretch;
        padding: 1rem;
        border-radius: 22px;
    }

    .ticket-hero__content[b-rh53gdwh39],
    .ticket-hero__stats-inline[b-rh53gdwh39],
    .ticket-hero__actions[b-rh53gdwh39] {
        flex: 1 1 100% !important;
    }

    .ticket-hero__summary-row[b-rh53gdwh39],
    .ticket-hero__topline[b-rh53gdwh39],
    .ticket-hero__bottomline[b-rh53gdwh39] {
        width: 100%;
    }

    .ticket-hero__topbar[b-rh53gdwh39],
    .ticket-hero__topline[b-rh53gdwh39],
    .ticket-hero__bottomline[b-rh53gdwh39],
    .ticket-panel__header[b-rh53gdwh39],
    .ticket-side-card__header[b-rh53gdwh39],
    .ticket-decision-head[b-rh53gdwh39],
    .ticket-attachment[b-rh53gdwh39] {
        flex-direction: column;
        align-items: flex-start;
    }

    .ticket-hero__stats-inline[b-rh53gdwh39] {
        display: grid;
        grid-template-columns: repeat(2, minmax(0, 1fr));
        width: 100%;
    }

    .ticket-hero__stats[b-rh53gdwh39],
    .ticket-facts-grid[b-rh53gdwh39],
    .ticket-insight-grid[b-rh53gdwh39],
    .ticket-command-card__buttons[b-rh53gdwh39] {
        grid-template-columns: 1fr;
        width: 100%;
    }

        .ticket-hero__actions[b-rh53gdwh39],
        .ticket-hero__actions .btn[b-rh53gdwh39],
        .ticket-command-card__buttons .btn[b-rh53gdwh39],
        .ticket-command-card__apply[b-rh53gdwh39],
        .ticket-decision-pill[b-rh53gdwh39],
        .ticket-hero-metric[b-rh53gdwh39] {
            width: 100%;
        }
}

@media (max-width: 768px) {
    .ticket-detail-page[b-rh53gdwh39] {
        gap: 0.85rem;
        padding: 0;
    }

    .ticket-hero[b-rh53gdwh39],
    .ticket-hero--support-detail[b-rh53gdwh39],
    .ticket-hero--client-detail[b-rh53gdwh39],
    .ticket-panel[b-rh53gdwh39],
    .ticket-side-card[b-rh53gdwh39] {
        flex-direction: column;
        align-items: stretch;
        padding: 0.9rem;
        border-radius: 20px;
    }

    .ticket-hero__page-title[b-rh53gdwh39] {
        font-size: clamp(1.35rem, 5vw, 1.8rem);
    }

    .ticket-hero__subtitle[b-rh53gdwh39] {
        font-size: 0.9rem;
    }

    .ticket-hero__content[b-rh53gdwh39],
    .ticket-hero__stats-inline[b-rh53gdwh39],
    .ticket-hero__actions[b-rh53gdwh39] {
        flex: 1 1 100% !important;
    }

    .ticket-hero__summary-row[b-rh53gdwh39] {
        display: grid;
        grid-template-columns: repeat(2, minmax(0, 1fr));
        width: 100%;
    }

    .ticket-hero__topbar[b-rh53gdwh39],
    .ticket-hero__topline[b-rh53gdwh39],
    .ticket-hero__bottomline[b-rh53gdwh39],
    .ticket-hero__actions[b-rh53gdwh39] {
        align-items: stretch;
    }

    .ticket-hero__stats-inline[b-rh53gdwh39] {
        display: grid;
        grid-template-columns: repeat(2, minmax(0, 1fr));
        width: 100%;
    }

    .ticket-hero__stats[b-rh53gdwh39] {
        grid-template-columns: 1fr;
    }

    .ticket-facts-grid[b-rh53gdwh39],
    .ticket-insight-grid[b-rh53gdwh39] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .ticket-command-card__buttons[b-rh53gdwh39] {
        grid-template-columns: 1fr;
    }

    .ticket-panel__header[b-rh53gdwh39],
    .ticket-side-card__header[b-rh53gdwh39],
    .ticket-attachment[b-rh53gdwh39],
    .ticket-decision-head[b-rh53gdwh39] {
        flex-direction: column;
        align-items: flex-start;
    }

    .ticket-stat[b-rh53gdwh39],
    .ticket-decision-pill[b-rh53gdwh39] {
        min-width: 0;
        width: 100%;
    }

    .ticket-attachment__action[b-rh53gdwh39] {
        margin-left: 0;
    }

    .ticket-decision-pills[b-rh53gdwh39] {
        justify-content: flex-start;
    }

    .ticket-hero__actions[b-rh53gdwh39] {
        display: grid;
        width: 100%;
    }

        .ticket-hero__bottomline .ticket-hero__actions[b-rh53gdwh39] {
            margin-left: 0;
        }

        .ticket-hero__actions .btn[b-rh53gdwh39],
        .ticket-command-card__buttons .btn[b-rh53gdwh39],
        .ticket-command-card__apply[b-rh53gdwh39] {
            width: 100%;
            justify-content: center;
        }

    .ticket-scroll-top[b-rh53gdwh39] {
        right: 0.85rem;
        bottom: calc(0.85rem + env(safe-area-inset-bottom, 0px));
    }

    .ticket-hero__chips[b-rh53gdwh39] {
        gap: 0.45rem;
    }

    .ticket-tone[b-rh53gdwh39] {
        font-size: 0.85rem;
        padding: 0.35rem 0.7rem;
        min-height: 2.25rem;
    }

    .ticket-hero-metric[b-rh53gdwh39] {
        padding: 0.55rem 0.65rem;
        border-radius: 16px;
    }

    .ticket-command-inline[b-rh53gdwh39] {
        grid-template-columns: 1fr;
    }

    .ticket-command-inline__actions .btn[b-rh53gdwh39],
    .ticket-command-card__apply-inline[b-rh53gdwh39] {
        width: 100%;
    }
}

@media (max-width: 640px) {
    .ticket-detail-page[b-rh53gdwh39] {
        gap: 0.65rem;
    }

    /* Flatten main/side so individual sections can be reordered */
    .ticket-detail-main[b-rh53gdwh39],
    .ticket-detail-side[b-rh53gdwh39] {
        display: contents;
    }

    .ticket-detail-grid[b-rh53gdwh39] {
        display: flex;
        flex-direction: column;
        gap: 0.65rem;
    }

    /* Mobile section ordering: Focus → Progress → Command → Invite → panels → Timeline */
    .ticket-section-focus[b-rh53gdwh39] { order: 1; }
    .ticket-section-progress[b-rh53gdwh39] { order: 2; }
    .ticket-section-command[b-rh53gdwh39] { order: 3; }
    .ticket-section-invite[b-rh53gdwh39] { order: 4; }
    [b-rh53gdwh39] .ticket-panel--warning { order: 5; }
    [b-rh53gdwh39] .collapsible-panel { order: 10; }
    .ticket-section-timeline[b-rh53gdwh39] { order: 99; }

    /* Hero: fully explicit mobile layout (like list page hero) */
    .ticket-hero[b-rh53gdwh39],
    .ticket-hero--support-detail[b-rh53gdwh39],
    .ticket-hero--client-detail[b-rh53gdwh39] {
        display: flex;
        flex-direction: column;
        align-items: stretch;
        padding: 0.75rem;
        border-radius: 16px;
        gap: 0.6rem;
        overflow: hidden;
    }

    .ticket-panel[b-rh53gdwh39],
    .ticket-side-card[b-rh53gdwh39] {
        padding: 0.7rem;
        border-radius: 16px;
        gap: 0.55rem;
    }

    .ticket-hero__content[b-rh53gdwh39],
    .ticket-hero__content--support[b-rh53gdwh39] {
        width: 100%;
        max-width: 100%;
        gap: 0.6rem;
    }

    .ticket-hero__page-title[b-rh53gdwh39] {
        font-size: 1.15rem;
    }

    .ticket-hero__subtitle[b-rh53gdwh39] {
        font-size: 0.82rem;
        line-height: 1.45;
        overflow-wrap: anywhere;
        word-break: break-word;
    }

    .ticket-hero__heading[b-rh53gdwh39] {
        gap: 0.25rem;
        min-width: 0;
    }

    .ticket-hero__topline[b-rh53gdwh39],
    .ticket-hero__bottomline[b-rh53gdwh39] {
        flex-direction: column;
        align-items: stretch;
        gap: 0.5rem;
        width: 100%;
    }

    .ticket-hero__summary-row[b-rh53gdwh39] {
        display: flex;
        flex-direction: row;
        gap: 0.4rem;
        width: 100%;
    }

    .ticket-hero-metric[b-rh53gdwh39] {
        flex: 1 1 0;
        min-width: 0;
        padding: 0.4rem 0.5rem;
        border-radius: 12px;
        gap: 0.4rem;
    }

    .ticket-hero-metric__icon[b-rh53gdwh39] {
        width: 1.4rem;
        height: 1.4rem;
        border-radius: 8px;
        font-size: 0.7rem;
    }

    .ticket-hero-metric__label[b-rh53gdwh39] {
        font-size: 0.58rem;
        letter-spacing: 0.05em;
    }

    .ticket-hero-metric__value[b-rh53gdwh39] {
        font-size: 0.82rem;
    }

    .ticket-hero__chips[b-rh53gdwh39] {
        gap: 0.35rem;
    }

    .ticket-tone[b-rh53gdwh39] {
        font-size: 0.78rem;
        padding: 0.28rem 0.6rem;
        min-height: 2rem;
        gap: 0.35rem;
    }

    .ticket-tone__label[b-rh53gdwh39] {
        font-size: 0.68rem;
    }

    .ticket-hero__bottomline .ticket-hero__actions[b-rh53gdwh39] {
        margin-left: 0;
    }

    .ticket-hero__actions[b-rh53gdwh39] {
        display: flex;
        flex-direction: row;
        gap: 0.4rem;
        width: 100%;
    }

    .ticket-hero__actions .btn[b-rh53gdwh39] {
        flex: 1 1 0;
        min-width: 0;
        min-height: 2.4rem;
        padding-inline: 0.65rem;
        border-radius: 12px;
        font-size: 0.8rem;
        justify-content: center;
    }

    /* Panels compact */
    .ticket-panel__header[b-rh53gdwh39] {
        margin-bottom: 0.7rem;
        gap: 0.6rem;
    }

    .ticket-panel__title[b-rh53gdwh39],
    .ticket-side-card__title[b-rh53gdwh39] {
        font-size: 1rem;
        margin-top: 0.15rem;
    }

    .ticket-panel__text[b-rh53gdwh39],
    .ticket-side-card__text[b-rh53gdwh39] {
        font-size: 0.85rem;
        line-height: 1.5;
    }

    .ticket-panel__eyebrow[b-rh53gdwh39],
    .ticket-side-card__eyebrow[b-rh53gdwh39] {
        font-size: 0.65rem;
    }

    /* Facts & insights: 2 columns compact */
    .ticket-facts-grid[b-rh53gdwh39],
    .ticket-insight-grid[b-rh53gdwh39] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 0.4rem;
    }

    .ticket-fact[b-rh53gdwh39],
    .ticket-insight[b-rh53gdwh39] {
        padding: 0.55rem 0.6rem;
        border-radius: 12px;
        gap: 0.25rem;
    }

    .ticket-fact__label[b-rh53gdwh39],
    .ticket-insight__label[b-rh53gdwh39] {
        font-size: 0.62rem;
        letter-spacing: 0.05em;
    }

    .ticket-fact__value[b-rh53gdwh39],
    .ticket-insight__value[b-rh53gdwh39] {
        font-size: 0.85rem;
        line-height: 1.35;
    }

    /* Decision section compact */
    .ticket-decision-head[b-rh53gdwh39] {
        margin-bottom: 0.7rem;
        gap: 0.6rem;
    }

    .ticket-decision-head__title[b-rh53gdwh39] {
        font-size: 1.05rem;
    }

    .ticket-decision-head__summary[b-rh53gdwh39] {
        font-size: 0.85rem;
        line-height: 1.5;
    }

    .ticket-decision-pill[b-rh53gdwh39] {
        min-width: 0;
        padding: 0.55rem 0.7rem;
        border-radius: 14px;
    }

    .ticket-decision-pill__label[b-rh53gdwh39] {
        font-size: 0.62rem;
    }

    .ticket-decision-pill strong[b-rh53gdwh39] {
        font-size: 0.88rem;
    }

    .ticket-decision-alert[b-rh53gdwh39] {
        padding: 0.6rem 0.75rem;
        border-radius: 14px;
        font-size: 0.82rem;
        margin-bottom: 0.65rem;
    }

    .ticket-decision-reason[b-rh53gdwh39] {
        padding: 0.6rem 0.7rem;
        border-radius: 14px;
        gap: 0.5rem;
    }

    .ticket-decision-reason__icon[b-rh53gdwh39] {
        width: 1.6rem;
        height: 1.6rem;
        border-radius: 10px;
    }

    .ticket-decision-reason__text[b-rh53gdwh39] {
        font-size: 0.85rem;
        line-height: 1.45;
    }

    /* Attachments compact */
    .ticket-attachment[b-rh53gdwh39] {
        padding: 0.6rem;
        border-radius: 14px;
        gap: 0.55rem;
    }

    .ticket-attachment__icon[b-rh53gdwh39] {
        width: 2.2rem;
        height: 2.2rem;
        border-radius: 12px;
        font-size: 0.95rem;
    }

    .ticket-attachment__name[b-rh53gdwh39] {
        font-size: 0.88rem;
    }

    .ticket-attachment__meta[b-rh53gdwh39] {
        font-size: 0.75rem;
    }

    /* Empty state compact */
    .ticket-empty-state[b-rh53gdwh39] {
        padding: 1.25rem 0.85rem;
        border-radius: 16px;
    }

    .ticket-empty-state__icon[b-rh53gdwh39] {
        width: 2.4rem;
        height: 2.4rem;
        border-radius: 14px;
        font-size: 1rem;
    }

    /* Command center compact */
    .ticket-command-card[b-rh53gdwh39] {
        gap: 0.7rem;
    }

    .ticket-command-card__section[b-rh53gdwh39] {
        gap: 0.35rem;
    }

    .ticket-command-card__label[b-rh53gdwh39] {
        font-size: 0.65rem;
    }

    .ticket-command-card__value[b-rh53gdwh39] {
        font-size: 0.88rem;
    }

    .ticket-command-card__buttons .btn[b-rh53gdwh39],
    .ticket-command-card__apply[b-rh53gdwh39] {
        min-height: 2.6rem;
        border-radius: 12px;
        font-size: 0.82rem;
    }

    .ticket-transition-pill[b-rh53gdwh39] {
        font-size: 0.75rem;
        padding: 0.22rem 0.6rem;
        min-height: 1.75rem;
    }

    .ticket-side-card[b-rh53gdwh39] {
        gap: 0.6rem;
    }

    .ticket-side-card__header[b-rh53gdwh39] {
        gap: 0.6rem;
    }
}

@media (max-width: 480px) {
    .ticket-hero[b-rh53gdwh39],
    .ticket-hero--support-detail[b-rh53gdwh39],
    .ticket-hero--client-detail[b-rh53gdwh39],
    .ticket-panel[b-rh53gdwh39],
    .ticket-side-card[b-rh53gdwh39] {
        border-radius: 14px;
        padding: 0.55rem;
    }

    .ticket-hero__page-title[b-rh53gdwh39] {
        font-size: 1.05rem;
    }
}

html.dark .ticket-hero[b-rh53gdwh39],
html.dark .ticket-panel[b-rh53gdwh39],
html.dark .ticket-side-card[b-rh53gdwh39],
html.dark .ticket-stat[b-rh53gdwh39],
html.dark .ticket-fact[b-rh53gdwh39],
html.dark .ticket-insight[b-rh53gdwh39],
html.dark .ticket-attachment[b-rh53gdwh39],
html.dark .ticket-inline-status[b-rh53gdwh39] {
    border-color: rgba(255, 255, 255, 0.08);
}

html.dark .ticket-hero[b-rh53gdwh39] {
    background: radial-gradient(circle at top left, rgba(123, 121, 255, 0.16), transparent 34%), radial-gradient(circle at right 24%, rgba(16, 185, 129, 0.12), transparent 24%), linear-gradient(145deg, rgba(20, 26, 38, 0.98), rgba(11, 13, 19, 0.98));
}

html.dark .ticket-panel[b-rh53gdwh39],
html.dark .ticket-side-card[b-rh53gdwh39],
html.dark .ticket-stat[b-rh53gdwh39],
html.dark .ticket-attachment[b-rh53gdwh39],
html.dark .ticket-inline-status[b-rh53gdwh39] {
    background: linear-gradient(180deg, rgba(20, 26, 38, 0.98), rgba(11, 13, 19, 0.98));
}

html.dark .ticket-fact[b-rh53gdwh39],
html.dark .ticket-insight[b-rh53gdwh39],
html.dark .ticket-empty-state[b-rh53gdwh39] {
    background: rgba(255, 255, 255, 0.03);
}

html.dark .ticket-tone[b-rh53gdwh39],
html.dark .ticket-transition-pill[b-rh53gdwh39] {
    border-color: rgba(255, 255, 255, 0.08);
}

html.dark .ticket-tone[b-rh53gdwh39] {
    background: rgba(255, 255, 255, 0.05);
}

html.dark .ticket-tone--status-open[b-rh53gdwh39],
html.dark .ticket-tone--priority-normal[b-rh53gdwh39],
html.dark .ticket-transition-pill[b-rh53gdwh39] {
    color: #b8b7ff;
}

html.dark .ticket-tone--status-progress[b-rh53gdwh39] {
    color: #6ee7b7;
}

html.dark .ticket-tone--status-waiting[b-rh53gdwh39],
html.dark .ticket-tone--priority-high[b-rh53gdwh39] {
    color: #fcd34d;
}

html.dark .ticket-tone--status-closed[b-rh53gdwh39],
html.dark .ticket-tone--priority-low[b-rh53gdwh39] {
    color: rgba(238, 242, 255, 0.82);
}

html.dark .ticket-panel--warning[b-rh53gdwh39] {
    background: linear-gradient(180deg, rgba(120, 53, 15, 0.25), rgba(120, 53, 15, 0.18));
}

html.dark .ticket-panel--decision-normal[b-rh53gdwh39]::before {
    background: linear-gradient(135deg, rgba(16, 185, 129, 0.18), transparent 58%);
}

html.dark .ticket-panel--decision-high[b-rh53gdwh39]::before {
    background: linear-gradient(135deg, rgba(245, 158, 11, 0.22), transparent 58%);
}

html.dark .ticket-panel--decision-warning[b-rh53gdwh39]::before {
    background: linear-gradient(135deg, rgba(248, 113, 113, 0.22), transparent 60%);
}

html.dark .ticket-decision-pill[b-rh53gdwh39],
html.dark .ticket-decision-reason[b-rh53gdwh39] {
    border-color: rgba(255, 255, 255, 0.08);
    background: rgba(255, 255, 255, 0.05);
}

html.dark .ticket-decision-pill--priority-high[b-rh53gdwh39],
html.dark .ticket-decision-pill--confidence-medium[b-rh53gdwh39] {
    color: #fcd34d;
}

html.dark .ticket-decision-pill--priority-normal[b-rh53gdwh39],
html.dark .ticket-decision-pill--confidence-high[b-rh53gdwh39] {
    color: #6ee7b7;
}

html.dark .ticket-decision-pill--confidence-low[b-rh53gdwh39],
html.dark .ticket-decision-alert[b-rh53gdwh39] {
    color: #fca5a5;
}

html.dark .ticket-decision-alert[b-rh53gdwh39] {
    border-color: rgba(248, 113, 113, 0.22);
    background: rgba(127, 29, 29, 0.28);
}

.ticket-command-block[b-rh53gdwh39] {
    display: grid;
    gap: 0.45rem;
    min-width: 0;
}

.ticket-command-block__label--with-help[b-rh53gdwh39] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    flex-wrap: wrap;
    min-width: 0;
}

.ticket-command-inline[b-rh53gdwh39] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    gap: 0.75rem;
    align-items: center;
    width: 100%;
    min-width: 0;
}

.ticket-command-inline__grow[b-rh53gdwh39] {
    min-width: 0;
}

.ticket-command-inline__actions[b-rh53gdwh39] {
    display: flex;
    gap: 0.75rem;
    flex-wrap: wrap;
    min-width: 0;
}

.ticket-command-inline .form-control[b-rh53gdwh39],
.ticket-command-inline .form-select[b-rh53gdwh39],
.ticket-command-inline__grow > *[b-rh53gdwh39] {
    width: 100%;
    max-width: 100%;
    min-width: 0;
}

.ticket-person-option[b-rh53gdwh39] {
    display: grid;
    gap: 0.22rem;
    min-width: 0;
}

.ticket-person-option__head[b-rh53gdwh39] {
    display: flex;
    align-items: center;
    gap: 0.55rem;
    min-width: 0;
}

.ticket-person-option__name[b-rh53gdwh39] {
    min-width: 0;
    font-weight: 700;
    color: var(--text);
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.ticket-person-option__meta[b-rh53gdwh39] {
    color: var(--muted);
    font-size: 0.82rem;
    line-height: 1.35;
    overflow-wrap: anywhere;
}

.ticket-person-option__badge[b-rh53gdwh39] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 0.18rem 0.45rem;
    border-radius: 999px;
    background: rgba(79, 70, 229, 0.12);
    color: var(--primary);
    font-size: 0.68rem;
    font-weight: 700;
    letter-spacing: 0.06em;
    text-transform: uppercase;
    flex: 0 0 auto;
}

html.dark .ticket-person-option__badge[b-rh53gdwh39] {
    background: rgba(123, 121, 255, 0.2);
    color: #d9d8ff;
}

@media (max-width: 1200px) {
    .ticket-command-inline[b-rh53gdwh39] {
        grid-template-columns: 1fr;
    }

    .ticket-command-inline__actions .btn[b-rh53gdwh39],
    .ticket-command-card__apply-inline[b-rh53gdwh39] {
        width: 100%;
    }
}
/* _content/PortailSAV.App/Components/Pages/Support/Tickets/EditTicketContextWizard.razor.rz.scp.css */
/* Modale wizard de correction du contexte ticket : overlay sombre + carte centrale.
   Volontairement légère — pas de dépendance JS (bootstrap.modal exige un cycle d'init). */

.ticket-context-wizard-backdrop[b-nim1t8cpnb] {
    position: fixed;
    inset: 0;
    background: rgba(15, 23, 42, 0.45);
    backdrop-filter: blur(2px);
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 1050;
    padding: 1.5rem;
    overflow-y: auto;
}

.ticket-context-wizard[b-nim1t8cpnb] {
    width: min(640px, 100%);
    max-height: calc(100vh - 3rem);
    display: flex;
    flex-direction: column;
    background: #fff;
    border-radius: 24px;
    box-shadow: 0 30px 80px rgba(15, 23, 42, 0.25);
    overflow: hidden;
    cursor: default;
}

.ticket-context-wizard__header[b-nim1t8cpnb] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 1rem;
    padding: 1.6rem 1.6rem 1rem;
    border-bottom: 1px solid rgba(15, 23, 42, 0.06);
}

.ticket-context-wizard__eyebrow[b-nim1t8cpnb] {
    text-transform: uppercase;
    letter-spacing: 0.06em;
    font-size: 0.75rem;
    color: rgba(79, 70, 229, 0.85);
    font-weight: 600;
}

.ticket-context-wizard__title[b-nim1t8cpnb] {
    margin: 0.25rem 0 0.45rem;
    font-size: 1.25rem;
    line-height: 1.35;
    color: rgba(15, 23, 42, 0.92);
}

.ticket-context-wizard__subtitle[b-nim1t8cpnb] {
    margin: 0;
    color: rgba(15, 23, 42, 0.6);
    font-size: 0.9rem;
    line-height: 1.5;
}

.ticket-context-wizard__body[b-nim1t8cpnb] {
    display: grid;
    gap: 1.1rem;
    padding: 1.4rem 1.6rem;
    overflow-y: auto;
}

.ticket-context-wizard__field-readonly[b-nim1t8cpnb] {
    display: grid;
    gap: 0.2rem;
    padding: 0.85rem 1rem;
    border: 1px dashed rgba(15, 23, 42, 0.12);
    border-radius: 14px;
    background: rgba(15, 23, 42, 0.02);
}

.ticket-context-wizard__field-label[b-nim1t8cpnb] {
    text-transform: uppercase;
    letter-spacing: 0.06em;
    font-size: 0.7rem;
    color: rgba(15, 23, 42, 0.55);
    font-weight: 600;
}

.ticket-context-wizard__field-value[b-nim1t8cpnb] {
    font-size: 0.95rem;
    color: rgba(15, 23, 42, 0.92);
}

.ticket-context-wizard__field-hint[b-nim1t8cpnb] {
    color: rgba(15, 23, 42, 0.5);
    font-size: 0.78rem;
}

.ticket-context-wizard__field[b-nim1t8cpnb] {
    display: flex;
    flex-direction: column;
    gap: 0.25rem;
}

.ticket-context-wizard__error[b-nim1t8cpnb] {
    color: rgb(185, 28, 28);
    font-size: 0.85rem;
}

.ticket-context-wizard__diff[b-nim1t8cpnb] {
    padding: 0.95rem 1.05rem;
    border-radius: 14px;
    background: rgba(79, 70, 229, 0.05);
    border: 1px solid rgba(79, 70, 229, 0.18);
}

.ticket-context-wizard__diff-empty[b-nim1t8cpnb] {
    color: rgba(15, 23, 42, 0.55);
    font-size: 0.88rem;
}

.ticket-context-wizard__diff-title[b-nim1t8cpnb] {
    font-weight: 600;
    color: rgba(67, 56, 202, 0.95);
    font-size: 0.85rem;
    margin-bottom: 0.4rem;
}

.ticket-context-wizard__diff-list[b-nim1t8cpnb] {
    list-style: none;
    padding: 0;
    margin: 0;
    display: grid;
    gap: 0.35rem;
}

    .ticket-context-wizard__diff-list li[b-nim1t8cpnb] {
        font-size: 0.9rem;
        color: rgba(15, 23, 42, 0.85);
    }

.ticket-context-wizard__diff-from[b-nim1t8cpnb] {
    color: rgba(15, 23, 42, 0.6);
    text-decoration: line-through;
}

.ticket-context-wizard__diff-to[b-nim1t8cpnb] {
    color: rgba(15, 118, 110, 0.95);
    font-weight: 600;
}

.ticket-context-wizard__footer[b-nim1t8cpnb] {
    display: flex;
    justify-content: flex-end;
    gap: 0.6rem;
    padding: 1.1rem 1.6rem 1.4rem;
    border-top: 1px solid rgba(15, 23, 42, 0.06);
}

[b-nim1t8cpnb] .ticket-context-edit-button {
    margin-left: 0.5rem;
}
/* _content/PortailSAV.App/Components/Pages/Support/Tickets/TicketsList.razor.rz.scp.css */
.ticket-list-page[b-csud050ex9] {
    display: grid;
    gap: 1.5rem;
    position: relative;
    background: linear-gradient(135deg, rgba(79, 70, 229, 0.03) 0%, rgba(16, 185, 129, 0.02) 100%);
    border-radius: 8px;
    padding: 0.5rem;
}

.ticket-list-hero[b-csud050ex9] {
    display: flex;
    align-items: center;
    gap: 1.25rem;
    padding: 1.55rem;
    border: 1px solid rgba(15, 23, 42, 0.08);
    border-radius: 30px;
    box-shadow: 0 24px 70px rgba(15, 23, 42, 0.09);
}

.ticket-list-hero--support[b-csud050ex9] {
    background:
        radial-gradient(circle at top left, rgba(79, 70, 229, 0.14), transparent 34%),
        radial-gradient(circle at right 24%, rgba(16, 185, 129, 0.1), transparent 22%),
        linear-gradient(145deg, rgba(255, 255, 255, 0.99), rgba(248, 250, 252, 0.96));
}

.ticket-list-hero__content[b-csud050ex9],
.ticket-list-hero__stats[b-csud050ex9] {
    display: grid;
    gap: 0.9rem;
}

.ticket-list-hero__header[b-csud050ex9] {
    flex: 0 0 auto;
}

.ticket-list-hero__stats-inline[b-csud050ex9] {
    display: flex;
    gap: 0.75rem;
    flex: 1;
    min-width: 0;
    justify-content: center;
}

.ticket-list-hero__eyebrow[b-csud050ex9],
.ticket-list-hero__meta-title[b-csud050ex9] {
    font-size: 0.72rem;
    font-weight: 700;
    letter-spacing: 0.16em;
    text-transform: uppercase;
    color: var(--muted);
}

.ticket-list-hero__topbar[b-csud050ex9],
.ticket-list-hero__header[b-csud050ex9],
.ticket-list-toolbar[b-csud050ex9] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 1rem;
}

.ticket-list-hero__eyebrow-group[b-csud050ex9],
.ticket-list-hero__actions[b-csud050ex9] {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    flex-wrap: wrap;
    flex: 0 0 auto;
}

.ticket-list-hero__actions .btn[b-csud050ex9] {
    min-height: 2.85rem;
    padding-inline: 1.1rem;
    border-radius: 14px;
    box-shadow: 0 12px 28px rgba(15, 23, 42, 0.06);
}

.ticket-list-hero__page-title[b-csud050ex9] {
    margin: 0;
    font-size: clamp(1.7rem, 3vw, 2.35rem);
    line-height: 1.08;
    letter-spacing: -0.03em;
}

.ticket-list-hero__text[b-csud050ex9],
.ticket-list-toolbar__meta[b-csud050ex9] {
    margin: 0;
    color: var(--muted);
    line-height: 1.65;
}

.ticket-list-hero__meta[b-csud050ex9] {
    display: flex;
    align-items: center;
    gap: 0.85rem;
    flex-wrap: wrap;
}

.ticket-list-hero__meta-item[b-csud050ex9] {
    color: var(--muted);
    font-size: 0.92rem;
}

.ticket-list-hero__stats[b-csud050ex9] {
    grid-template-columns: repeat(2, minmax(0, 1fr));
}

.ticket-list-stat[b-csud050ex9] {
    display: grid;
    gap: 0.4rem;
    padding: 0.7rem;
    border: 1px solid rgba(15, 23, 42, 0.08);
    border-radius: 18px;
    background: rgba(255, 255, 255, 0.88);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.6);
    flex: 1;
    min-width: 100px;
}

.ticket-list-hero__stats-inline .ticket-list-stat[b-csud050ex9] {
    padding: 0.5rem 0.7rem;
}

.ticket-list-stat__label[b-csud050ex9] {
    font-size: 0.72rem;
    font-weight: 700;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    color: var(--muted);
}

.ticket-list-stat__value[b-csud050ex9] {
    font-size: 1.4rem;
    line-height: 1.05;
    color: var(--text);
}

.ticket-list-hero__stats-inline .ticket-list-stat__value[b-csud050ex9] {
    font-size: 1.2rem;
}

.ticket-list-stat__hint[b-csud050ex9],
.ticket-list-toolbar__meta[b-csud050ex9] {
    color: var(--muted);
    font-size: 0.82rem;
}

.ticket-list-hero__stats-inline .ticket-list-stat__hint[b-csud050ex9] {
    font-size: 0.75rem;
}

.ticket-list-shell[b-csud050ex9] {
    border-radius: 30px;
}

.ticket-list-toolbar[b-csud050ex9] {
    margin-bottom: 1rem;
    padding-bottom: 0.85rem;
    border-bottom: 1px solid rgba(15, 23, 42, 0.08);
}

.ticket-list-inline-state[b-csud050ex9] {
    display: inline-flex;
    align-items: center;
    gap: 0.65rem;
    padding: 0.9rem 1rem;
    border: 1px solid rgba(15, 23, 42, 0.08);
    border-radius: 18px;
    background: rgba(255, 255, 255, 0.86);
    color: var(--muted);
    font-weight: 600;
}

.ticket-list-pagination[b-csud050ex9] {
    display: flex;
    justify-content: flex-end;
    gap: 0.75rem;
    flex-wrap: wrap;
}

.ticket-list-pagination--top[b-csud050ex9] {
    margin-top: 0;
}

.ticket-list-pagination--bottom[b-csud050ex9] {
    margin-top: 1.25rem;
    padding-top: 0.85rem;
    border-top: 1px solid rgba(15, 23, 42, 0.08);
}

.ticket-scroll-top[b-csud050ex9] {
    position: fixed;
    right: 1.5rem;
    bottom: 1.5rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 3rem;
    height: 3rem;
    border-radius: 999px;
    border: 1px solid rgba(var(--brand-primary-rgb), 0.18);
    background: rgba(var(--brand-primary-rgb), 0.92);
    color: var(--brand-on-primary);
    box-shadow: 0 18px 36px rgba(15, 23, 42, 0.18);
    text-decoration: none;
    z-index: 40;
    padding: 0;
}

.ticket-scroll-top:hover[b-csud050ex9],
.ticket-scroll-top:focus-visible[b-csud050ex9] {
    color: var(--brand-on-primary);
    background: var(--primary);
    text-decoration: none;
}

@media (max-width: 1100px) {
    .ticket-list-hero[b-csud050ex9] {
        flex-wrap: wrap;
    }

    .ticket-list-hero__stats-inline[b-csud050ex9] {
        flex: 1 1 100%;
    }
}

@media (max-width: 900px) {
    .ticket-list-page[b-csud050ex9] {
        gap: 1rem;
        padding: 0;
    }

    .ticket-list-hero[b-csud050ex9],
    .ticket-list-shell[b-csud050ex9] {
        border-radius: 22px;
    }

    .ticket-list-hero[b-csud050ex9],
    .ticket-list-hero__topbar[b-csud050ex9],
    .ticket-list-hero__header[b-csud050ex9],
    .ticket-list-hero__meta[b-csud050ex9],
    .ticket-list-toolbar[b-csud050ex9] {
        flex-direction: column;
        align-items: stretch;
    }

    .ticket-list-hero[b-csud050ex9] {
        padding: 1rem;
    }

    .ticket-list-hero__stats-inline[b-csud050ex9] {
        display: grid;
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .ticket-list-stat[b-csud050ex9],
    .ticket-list-hero__actions[b-csud050ex9],
    .ticket-list-hero__actions .btn[b-csud050ex9] {
        width: 100%;
        min-width: 0;
    }

    .ticket-list-pagination[b-csud050ex9] {
        flex-direction: column;
        align-items: stretch;
    }
}

@media (max-width: 640px) {
    .ticket-list-page[b-csud050ex9] {
        gap: 0.75rem;
        padding: 0;
    }

    .ticket-list-hero[b-csud050ex9],
    .ticket-list-shell[b-csud050ex9] {
        border-radius: 18px;
    }

    .ticket-list-hero[b-csud050ex9] {
        display: flex;
        flex-direction: column;
        align-items: stretch;
        padding: 0.75rem;
        gap: 0.6rem;
    }

    .ticket-list-hero__header[b-csud050ex9] {
        flex: 0 0 auto;
        width: 100%;
    }

    .ticket-list-hero__page-title[b-csud050ex9] {
        font-size: 1.2rem;
        margin: 0;
    }

    .ticket-list-hero__topbar[b-csud050ex9],
    .ticket-list-hero__header[b-csud050ex9],
    .ticket-list-hero__meta[b-csud050ex9],
    .ticket-list-toolbar[b-csud050ex9] {
        flex-direction: column;
        align-items: stretch;
    }

    .ticket-list-hero__stats-inline[b-csud050ex9] {
        display: grid;
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 0.4rem;
        width: 100%;
        flex: none;
    }

    .ticket-list-stat[b-csud050ex9] {
        min-width: 0;
        width: 100%;
        padding: 0.4rem 0.55rem;
        border-radius: 12px;
    }

    .ticket-list-stat__label[b-csud050ex9] {
        font-size: 0.6rem;
        letter-spacing: 0.05em;
    }

    .ticket-list-stat__value[b-csud050ex9] {
        font-size: 1rem;
    }

    .ticket-list-hero__stats-inline .ticket-list-stat__hint[b-csud050ex9] {
        font-size: 0.65rem;
    }

    .ticket-list-hero__actions[b-csud050ex9] {
        display: flex;
        flex-direction: row;
        width: 100%;
        gap: 0.4rem;
    }

    .ticket-list-hero__actions .btn[b-csud050ex9] {
        flex: 1 1 0;
        min-height: 2.4rem;
        padding-inline: 0.65rem;
        border-radius: 12px;
        font-size: 0.8rem;
    }

    .ticket-list-pagination[b-csud050ex9] {
        flex-direction: column;
        align-items: stretch;
    }

    .ticket-list-hero__stats[b-csud050ex9] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .ticket-scroll-top[b-csud050ex9] {
        right: 0.85rem;
        bottom: calc(0.85rem + env(safe-area-inset-bottom, 0px));
    }

    .ticket-list-toolbar[b-csud050ex9] {
        margin-bottom: 0.65rem;
        padding-bottom: 0.55rem;
    }

    .ticket-list-inline-state[b-csud050ex9] {
        padding: 0.55rem 0.7rem;
        border-radius: 12px;
        font-size: 0.82rem;
    }
}

@media (max-width: 480px) {
    .ticket-list-hero[b-csud050ex9],
    .ticket-list-shell[b-csud050ex9] {
        border-radius: 16px;
    }

    .ticket-list-hero[b-csud050ex9] {
        padding: 0.6rem;
        gap: 0.5rem;
    }

    .ticket-list-hero__page-title[b-csud050ex9] {
        font-size: 1.1rem;
    }

    .ticket-list-hero__stats-inline[b-csud050ex9] {
        gap: 0.4rem;
    }

    .ticket-list-stat[b-csud050ex9] {
        padding: 0.4rem 0.5rem;
        border-radius: 12px;
    }

    .ticket-list-stat__value[b-csud050ex9] {
        font-size: 1rem;
    }
}

html.dark .ticket-list-hero[b-csud050ex9],
html.dark .ticket-list-stat[b-csud050ex9],
html.dark .ticket-list-inline-state[b-csud050ex9] {
    border-color: rgba(255, 255, 255, 0.1);
}

html.dark .ticket-list-toolbar[b-csud050ex9],
html.dark .ticket-list-pagination--bottom[b-csud050ex9] {
    border-color: rgba(255, 255, 255, 0.08);
}

html.dark .ticket-list-hero--support[b-csud050ex9] {
    background:
        radial-gradient(circle at top left, rgba(123, 121, 255, 0.18), transparent 34%),
        radial-gradient(circle at right 24%, rgba(16, 185, 129, 0.12), transparent 22%),
        linear-gradient(145deg, rgba(20, 26, 38, 0.98), rgba(11, 13, 19, 0.98));
}

html.dark .ticket-list-stat[b-csud050ex9],
html.dark .ticket-list-inline-state[b-csud050ex9] {
    background: rgba(20, 26, 38, 0.94);
}
/* _content/PortailSAV.App/Components/Shared/Breadcrumb.razor.rz.scp.css */
/* =========================================================
   BREADCRUMB - Fil d'ariane de navigation
   ========================================================= */

.ps-breadcrumb[b-8pg7yb6593] {
    font-size: 0.875rem;
    margin-bottom: 1rem;
}

.ps-breadcrumb-list[b-8pg7yb6593] {
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex;
    flex-wrap: wrap;
    gap: 0.25rem;
    align-items: center;
}

.ps-breadcrumb-item[b-8pg7yb6593] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
}

.ps-breadcrumb-item:not(:last-child)[b-8pg7yb6593]::after {
    content: "/";
    color: rgba(17, 24, 39, 0.40);
    margin-left: 0.5rem;
}

.ps-breadcrumb-link[b-8pg7yb6593] {
    color: var(--primary);
    text-decoration: none;
    transition: color 200ms ease;
}

    .ps-breadcrumb-link:hover[b-8pg7yb6593] {
        color: var(--primary-dark);
        text-decoration: underline;
    }

    .ps-breadcrumb-link:focus[b-8pg7yb6593] {
        outline: none;
        border-radius: 4px;
        box-shadow: 0 0 0 3px rgba(79, 70, 229, 0.25);
    }

.ps-breadcrumb-current[b-8pg7yb6593] {
    color: rgba(17, 24, 39, 0.90);
    font-weight: 500;
}

/* Dark mode */
.dark .ps-breadcrumb-item:not(:last-child)[b-8pg7yb6593]::after {
    color: rgba(236, 238, 242, 0.40);
}

.dark .ps-breadcrumb-current[b-8pg7yb6593] {
    color: #eceeef;
}

/* Mobile */
@media (max-width: 640px) {
    .ps-breadcrumb[b-8pg7yb6593] {
        font-size: 0.8125rem;
    }

    .ps-breadcrumb-list[b-8pg7yb6593] {
        gap: 0.1875rem;
    }

    .ps-breadcrumb-item:not(:last-child)[b-8pg7yb6593]::after {
        margin-left: 0.25rem;
    }
}
/* _content/PortailSAV.App/Components/Shared/CollapsiblePanel.razor.rz.scp.css */
.collapsible-panel[b-ur3lmlqsx5] {
    border: 1px solid rgba(15, 23, 42, 0.08);
    border-radius: 26px;
    background: linear-gradient(180deg, rgba(255, 255, 255, 0.99), rgba(248, 250, 252, 0.96));
    box-shadow: 0 18px 50px rgba(15, 23, 42, 0.07);
    overflow: hidden;
}

.collapsible-panel__summary[b-ur3lmlqsx5] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.75rem;
    padding: 1.15rem 1.35rem;
    cursor: pointer;
    user-select: none;
    outline: none;
}

.collapsible-panel__summary:focus-visible[b-ur3lmlqsx5] {
    outline: 2px solid var(--primary, #237CB9);
    outline-offset: 2px;
    border-radius: 12px;
}

.collapsible-panel__header-content[b-ur3lmlqsx5] {
    display: grid;
    gap: 0.25rem;
    min-width: 0;
}

.collapsible-panel__eyebrow[b-ur3lmlqsx5] {
    font-size: 0.72rem;
    font-weight: 700;
    letter-spacing: 0.16em;
    text-transform: uppercase;
    color: var(--muted);
}

.collapsible-panel__title[b-ur3lmlqsx5] {
    font-size: 1.15rem;
    font-weight: 700;
    line-height: 1.3;
    color: var(--text);
}

.collapsible-panel__desc[b-ur3lmlqsx5] {
    color: var(--muted);
    line-height: 1.6;
    font-size: 0.92rem;
}

.collapsible-panel__header-end[b-ur3lmlqsx5] {
    flex-shrink: 0;
    margin-left: auto;
}

.collapsible-panel__chevron[b-ur3lmlqsx5] {
    flex-shrink: 0;
    font-size: 1rem;
    color: var(--muted);
    transition: transform 200ms ease;
}

.collapsible-panel__body[b-ur3lmlqsx5] {
    padding: 0 1.35rem 1.35rem;
}

/* Desktop: always show body, disable toggle, hide chevron */
@media (min-width: 641px) {
    .collapsible-panel__summary[b-ur3lmlqsx5] {
        pointer-events: none;
        cursor: default;
    }

    /* Re-enable interaction for content explicitly placed in the header (buttons, links...) */
    .collapsible-panel__header-end[b-ur3lmlqsx5] {
        pointer-events: auto;
    }

    .collapsible-panel__chevron[b-ur3lmlqsx5] {
        display: none;
    }

    /* Body always visible on desktop regardless of state */
    .collapsible-panel__body[b-ur3lmlqsx5] {
        display: block;
    }
}

/* Mobile: toggle body visibility via --open class */
@media (max-width: 640px) {
    .collapsible-panel[b-ur3lmlqsx5] {
        border-radius: 16px;
    }

    .collapsible-panel__summary[b-ur3lmlqsx5] {
        padding: 0.7rem 0.75rem;
        gap: 0.5rem;
    }

    .collapsible-panel__eyebrow[b-ur3lmlqsx5] {
        font-size: 0.62rem;
    }

    .collapsible-panel__title[b-ur3lmlqsx5] {
        font-size: 0.95rem;
    }

    .collapsible-panel__desc[b-ur3lmlqsx5] {
        font-size: 0.8rem;
        line-height: 1.45;
    }

    .collapsible-panel__chevron[b-ur3lmlqsx5] {
        font-size: 0.85rem;
    }

    .collapsible-panel__header-end[b-ur3lmlqsx5] {
        display: none;
    }

    .collapsible-panel__body[b-ur3lmlqsx5] {
        padding: 0 0.75rem 0.75rem;
    }

    /* Hidden when closed on mobile */
    .collapsible-panel:not(.collapsible-panel--open) .collapsible-panel__body[b-ur3lmlqsx5] {
        display: none;
    }

    /* Separator when open */
    .collapsible-panel--open .collapsible-panel__summary[b-ur3lmlqsx5] {
        padding-bottom: 0.5rem;
        border-bottom: 1px solid rgba(15, 23, 42, 0.06);
        margin-bottom: 0.5rem;
    }
}

@media (max-width: 480px) {
    .collapsible-panel[b-ur3lmlqsx5] {
        border-radius: 14px;
    }

    .collapsible-panel__summary[b-ur3lmlqsx5] {
        padding: 0.6rem 0.6rem;
    }

    .collapsible-panel__body[b-ur3lmlqsx5] {
        padding: 0 0.6rem 0.6rem;
    }
}

/* Dark mode */
html.dark .collapsible-panel[b-ur3lmlqsx5] {
    border-color: rgba(255, 255, 255, 0.08);
    background: linear-gradient(180deg, rgba(20, 26, 38, 0.98), rgba(11, 13, 19, 0.98));
}

html.dark .collapsible-panel--open .collapsible-panel__summary[b-ur3lmlqsx5] {
    border-bottom-color: rgba(255, 255, 255, 0.06);
}
/* _content/PortailSAV.App/Components/Shared/CommandPalette.razor.rz.scp.css */
.cp-trigger[b-flp639hhk6] {
    width: min(100%, 42rem);
    display: inline-flex;
    align-items: center;
    gap: 0.8rem;
    border: 1px solid rgba(15, 23, 42, 0.1);
    border-radius: 999px;
    background: rgba(255, 255, 255, 0.78);
    color: inherit;
    padding: 0.7rem 1rem;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.8);
    transition: transform 140ms ease, box-shadow 140ms ease, border-color 140ms ease;
}

.cp-trigger:hover[b-flp639hhk6] {
    transform: translateY(-1px);
    border-color: rgba(var(--brand-primary-rgb), 0.22);
    box-shadow: 0 14px 28px rgba(15, 23, 42, 0.1);
}

.cp-trigger__icon[b-flp639hhk6],
.cp-search__icon[b-flp639hhk6],
.cp-result__icon[b-flp639hhk6] {
    color: var(--primary);
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

.cp-trigger__text[b-flp639hhk6] {
    flex: 1;
    text-align: left;
    color: var(--muted);
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.cp-trigger__shortcut[b-flp639hhk6] {
    border: 1px solid rgba(15, 23, 42, 0.08);
    background: rgba(15, 23, 42, 0.04);
    color: var(--muted);
    border-radius: 999px;
    padding: 0.2rem 0.55rem;
    font-size: 0.76rem;
    font-weight: 600;
    letter-spacing: 0.03em;
}

.cp-backdrop[b-flp639hhk6] {
    position: fixed;
    inset: 0;
    z-index: 1100;
    background: rgba(var(--brand-text-rgb), 0.11);
    -webkit-backdrop-filter: blur(10px) saturate(116%);
    backdrop-filter: blur(10px) saturate(116%);
    overflow-y: auto;
    padding: 9vh 1rem 1rem;
}

.cp-panel[b-flp639hhk6] {
    width: min(100%, 52rem);
    margin: 0 auto;
    background: rgba(255, 255, 255, 0.96);
    border: 1px solid rgba(15, 23, 42, 0.08);
    border-radius: 24px;
    box-shadow: 0 25px 60px rgba(15, 23, 42, 0.18);
    overflow: hidden;
    color-scheme: light;
}

.cp-search[b-flp639hhk6] {
    display: grid;
    grid-template-columns: 1.5rem minmax(0, 1fr) auto;
    gap: 0.85rem;
    align-items: center;
    padding: 1rem 1.15rem;
    border-bottom: 1px solid rgba(15, 23, 42, 0.08);
    background: rgba(255, 255, 255, 0.98);
}

.cp-search__input[b-flp639hhk6] {
    width: 100%;
    border: 0;
    background: rgba(255, 255, 255, 0.98);
    font-size: 1.02rem;
    outline: none;
    color: var(--text);
}

.cp-search__close[b-flp639hhk6] {
    width: 2.2rem;
    height: 2.2rem;
    border-radius: 999px;
    border: 0;
    background: rgba(15, 23, 42, 0.05);
    display: inline-flex;
    align-items: center;
    justify-content: center;
    color: var(--muted);
}

.cp-results[b-flp639hhk6] {
    max-height: 60vh;
    overflow-y: auto;
    padding: 0.6rem;
    background: rgba(255, 255, 255, 0.94);
}

.cp-section + .cp-section[b-flp639hhk6] {
    margin-top: 0.5rem;
}

.cp-section__header[b-flp639hhk6] {
    font-size: 0.75rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.08em;
    color: var(--muted);
    padding: 0.55rem 0.7rem 0.35rem;
}

.cp-section__items[b-flp639hhk6] {
    display: flex;
    flex-direction: column;
    gap: 0.35rem;
}

.cp-result[b-flp639hhk6] {
    display: grid;
    grid-template-columns: 2rem minmax(0, 1fr) auto;
    align-items: center;
    gap: 0.8rem;
    width: 100%;
    border: 0;
    background: transparent;
    text-align: left;
    padding: 0.8rem 0.85rem;
    border-radius: 16px;
    transition: background 120ms ease, transform 120ms ease;
}

.cp-result:hover[b-flp639hhk6],
.cp-result.is-selected[b-flp639hhk6] {
    background: linear-gradient(135deg, rgba(var(--brand-primary-rgb), 0.11), rgba(var(--brand-secondary-rgb), 0.08));
    transform: translateY(-1px);
}

.cp-result__title[b-flp639hhk6] {
    display: block;
    font-weight: 600;
}

.cp-result__subtitle[b-flp639hhk6] {
    display: block;
    color: var(--muted);
    font-size: 0.9rem;
    margin-top: 0.12rem;
}

.cp-result__hint[b-flp639hhk6] {
    color: var(--muted);
    font-size: 0.82rem;
    white-space: nowrap;
}

.cp-state[b-flp639hhk6] {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    padding: 1rem;
    color: var(--muted);
}

.cp-state--empty[b-flp639hhk6] {
    flex-direction: column;
    align-items: flex-start;
}

.cp-state__title[b-flp639hhk6] {
    font-weight: 600;
    color: var(--text);
}

.cp-footer[b-flp639hhk6] {
    display: flex;
    flex-wrap: wrap;
    gap: 1rem;
    justify-content: space-between;
    padding: 0.8rem 1.15rem 1rem;
    border-top: 1px solid rgba(15, 23, 42, 0.08);
    color: var(--muted);
    font-size: 0.82rem;
    background: rgba(248, 250, 252, 0.94);
}

@media (max-width: 640px) {
    .cp-trigger[b-flp639hhk6] {
        padding-inline: 0.9rem;
    }

    .cp-trigger__shortcut[b-flp639hhk6] {
        display: none;
    }

    .cp-backdrop[b-flp639hhk6] {
        padding-top: 4rem;
    }

    .cp-panel[b-flp639hhk6] {
        border-radius: 18px;
    }

    .cp-result[b-flp639hhk6] {
        grid-template-columns: 1.6rem minmax(0, 1fr);
    }

    .cp-result__hint[b-flp639hhk6] {
        display: none;
    }

    .cp-footer[b-flp639hhk6] {
        justify-content: flex-start;
    }
}

html.dark .cp-backdrop[b-flp639hhk6] {
    background: rgba(0, 0, 0, 0.25);
    -webkit-backdrop-filter: blur(12px) saturate(116%);
    backdrop-filter: blur(12px) saturate(116%);
}

@media (min-width: 641px) {
    .cp-backdrop[b-flp639hhk6] {
        left: 256px;
    }
}

html.dark .cp-trigger[b-flp639hhk6],
html.dark .cp-panel[b-flp639hhk6] {
    background: rgba(20, 26, 38, 0.9);
    border-color: rgba(255, 255, 255, 0.08);
    box-shadow: 0 25px 60px rgba(0, 0, 0, 0.32);
    color-scheme: dark;
}

html.dark .cp-search[b-flp639hhk6],
html.dark .cp-footer[b-flp639hhk6] {
    border-color: rgba(255, 255, 255, 0.08);
    background: rgba(20, 26, 38, 0.92);
}

html.dark .cp-search__input[b-flp639hhk6] {
    background: transparent;
    color: var(--text);
}

html.dark .cp-search__close[b-flp639hhk6] {
    background: rgba(255, 255, 255, 0.06);
}

html.dark .cp-results[b-flp639hhk6] {
    background: rgba(20, 26, 38, 0.9);
}
/* _content/PortailSAV.App/Components/Shared/ContextHelp.razor.rz.scp.css */
.ps-context-help[b-dp17ds50bq] {
    position: relative;
    display: inline-flex;
    align-items: center;
    vertical-align: middle;
}

.ps-context-help__button[b-dp17ds50bq] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 1.95rem;
    height: 1.95rem;
    border: 1px solid rgba(var(--brand-primary-rgb), 0.2);
    border-radius: 999px;
    background: rgba(var(--brand-primary-rgb), 0.08);
    color: var(--primary);
    box-shadow: 0 10px 24px rgba(15, 23, 42, 0.08);
    transition: transform 140ms ease, background 140ms ease, border-color 140ms ease;
}

.ps-context-help__button:hover[b-dp17ds50bq],
.ps-context-help__button:focus-visible[b-dp17ds50bq],
.ps-context-help.is-open .ps-context-help__button[b-dp17ds50bq] {
    transform: translateY(-1px);
    border-color: rgba(var(--brand-primary-rgb), 0.32);
    background: rgba(var(--brand-primary-rgb), 0.14);
}

.ps-context-help__button:focus-visible[b-dp17ds50bq] {
    outline: 2px solid rgba(var(--brand-primary-rgb), 0.34);
    outline-offset: 2px;
}

.ps-context-help__panel[b-dp17ds50bq] {
    position: absolute;
    top: calc(100% + 0.65rem);
    /* Ancré à droite par défaut : le bouton d'aide est presque toujours placé en fin de label
       (ex : "PROCHAINE TRANSITION ?"). Ancrer le panel à droite du bouton le fait s'étendre vers
       la gauche, évite le débordement viewport quand le bouton est près du bord droit (cas typique
       d'une side-card). Pour les rares cas où on voudrait l'inverse, ajouter un modifier
       .ps-context-help__panel--left ci-dessous. */
    right: 0;
    left: auto;
    z-index: 30;
    width: min(20rem, 78vw);
    padding: 0.9rem 1rem;
    border: 1px solid rgba(15, 23, 42, 0.08);
    border-radius: 18px;
    background: rgba(255, 255, 255, 0.98);
    color: var(--text);
    box-shadow: 0 22px 48px rgba(15, 23, 42, 0.16);
    opacity: 0;
    pointer-events: none;
    transform: translateY(-4px);
    transition: opacity 140ms ease, transform 140ms ease;
    /* Le composant est rendu inline dans son parent (souvent un label avec uppercase / letter-spacing /
       font-weight 700), et le popup hérite des règles de typographie par défaut. On reset explicitement
       pour que le texte d'aide reste lisible quel que soit le contexte d'intégration. */
    text-transform: none;
    letter-spacing: normal;
    font-weight: 400;
    text-align: left;
}

.ps-context-help:hover .ps-context-help__panel[b-dp17ds50bq],
.ps-context-help:focus-within .ps-context-help__panel[b-dp17ds50bq],
.ps-context-help.is-open .ps-context-help__panel[b-dp17ds50bq] {
    opacity: 1;
    pointer-events: auto;
    transform: translateY(0);
}

.ps-context-help__title[b-dp17ds50bq] {
    margin-bottom: 0.35rem;
    font-size: 0.9rem;
    font-weight: 700;
    color: var(--text);
}

.ps-context-help__body[b-dp17ds50bq] {
    font-size: 0.88rem;
    line-height: 1.55;
    color: var(--muted);
}

@media (max-width: 768px) {
    .ps-context-help__panel[b-dp17ds50bq] {
        /* Sur mobile on garde l'ancrage à droite (default desktop) mais on retreste la largeur
           pour éviter le débordement sur les petits écrans. */
        width: min(18rem, 86vw);
    }
}

html.dark .ps-context-help__button[b-dp17ds50bq] {
    border-color: rgba(var(--brand-primary-rgb), 0.22);
    background: rgba(var(--brand-primary-rgb), 0.14);
    color: var(--primary);
}

html.dark .ps-context-help__panel[b-dp17ds50bq] {
    border-color: rgba(255, 255, 255, 0.1);
    background: rgba(11, 13, 19, 0.96);
    box-shadow: 0 20px 44px rgba(0, 0, 0, 0.4);
}

html.dark .ps-context-help__title[b-dp17ds50bq] {
    color: #f8fafc;
}

html.dark .ps-context-help__body[b-dp17ds50bq] {
    color: rgba(236, 238, 242, 0.78);
}
/* _content/PortailSAV.App/Components/Shared/EmptyState.razor.rz.scp.css */
/* =========================================================
   EMPTY STATE - Affichage vide
   ========================================================= */

.ps-empty-state[b-hkou1jhll7] {
    padding: 3rem 2rem;
    text-align: center;
    background: var(--card);
    border: 2px dashed rgba(17, 24, 39, 0.12);
    border-radius: 12px;
    color: var(--muted);
}

.ps-empty-icon[b-hkou1jhll7] {
    font-size: 3rem;
    color: rgba(17, 24, 39, 0.25);
    margin-bottom: 1rem;
    line-height: 1;
}

.ps-empty-title[b-hkou1jhll7] {
    font-size: 1.125rem;
    font-weight: 600;
    color: var(--text);
    margin-bottom: 0.5rem;
}

.ps-empty-description[b-hkou1jhll7] {
    font-size: 0.95rem;
    margin-bottom: 1.5rem;
    max-width: 300px;
    margin-left: auto;
    margin-right: auto;
}

.ps-empty-action[b-hkou1jhll7] {
    display: flex;
    gap: 0.75rem;
    justify-content: center;
    flex-wrap: wrap;
}

/* Dark mode */
.dark .ps-empty-state[b-hkou1jhll7] {
    background: #1a1d27;
    border-color: rgba(255, 255, 255, 0.08);
}

.dark .ps-empty-icon[b-hkou1jhll7] {
    color: rgba(236, 238, 242, 0.20);
}

.dark .ps-empty-title[b-hkou1jhll7] {
    color: #eceeef;
}
/* _content/PortailSAV.App/Components/Shared/HelpCenterView.razor.rz.scp.css */
.help-center-shell__body[b-mt0crdlogd] {
    display: grid;
    grid-template-columns: minmax(250px, 320px) minmax(0, 1fr);
    gap: 1.5rem;
    align-items: start;
}

.help-center-sidebar[b-mt0crdlogd] {
    position: sticky;
    top: 5.75rem;
    display: flex;
    flex-direction: column;
    gap: 1rem;
}

.help-center-sidebar__header[b-mt0crdlogd],
.help-center-sidebar__search[b-mt0crdlogd],
.help-center-sidebar__list[b-mt0crdlogd],
.help-article[b-mt0crdlogd] {
    background: rgba(255, 255, 255, 0.72);
    border: 1px solid rgba(15, 23, 42, 0.08);
    border-radius: 18px;
    box-shadow: 0 12px 30px rgba(15, 23, 42, 0.08);
}

.help-center-sidebar__header[b-mt0crdlogd],
.help-center-sidebar__search[b-mt0crdlogd] {
    padding: 1rem 1.1rem;
}

.help-center-sidebar__list[b-mt0crdlogd] {
    padding: 0.5rem;
    display: flex;
    flex-direction: column;
    gap: 0.45rem;
}

.help-center-sidebar__eyebrow[b-mt0crdlogd],
.help-article__eyebrow[b-mt0crdlogd] {
    text-transform: uppercase;
    letter-spacing: 0.08em;
    font-size: 0.74rem;
    font-weight: 700;
    color: var(--primary);
    margin-bottom: 0.35rem;
}

.help-center-sidebar__title[b-mt0crdlogd] {
    margin: 0;
    font-size: 1.1rem;
}

.help-center-sidebar__text[b-mt0crdlogd] {
    margin: 0.4rem 0 0;
    color: var(--muted);
    font-size: 0.95rem;
}

.help-center-sidebar__link[b-mt0crdlogd] {
    display: grid;
    grid-template-columns: 2.35rem minmax(0, 1fr);
    gap: 0.8rem;
    padding: 0.9rem;
    border-radius: 14px;
    color: inherit;
    text-decoration: none;
    transition: transform 140ms ease, background 140ms ease, box-shadow 140ms ease;
}

.help-center-sidebar__link:hover[b-mt0crdlogd] {
    text-decoration: none;
    background: rgba(79, 70, 229, 0.07);
    transform: translateY(-1px);
}

.help-center-sidebar__link.is-active[b-mt0crdlogd] {
    background: linear-gradient(135deg, rgba(79, 70, 229, 0.14), rgba(6, 182, 212, 0.12));
    box-shadow: inset 0 0 0 1px rgba(79, 70, 229, 0.18);
}

.help-center-sidebar__icon[b-mt0crdlogd],
.help-article__icon[b-mt0crdlogd] {
    width: 2.35rem;
    height: 2.35rem;
    border-radius: 0.85rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background: rgba(79, 70, 229, 0.12);
    color: var(--primary);
}

.help-center-sidebar__link-title[b-mt0crdlogd] {
    display: block;
    font-weight: 600;
}

.help-center-sidebar__link-summary[b-mt0crdlogd] {
    display: block;
    margin-top: 0.15rem;
    color: var(--muted);
    font-size: 0.9rem;
}

.help-article[b-mt0crdlogd] {
    padding: 1.25rem;
}

.help-article__hero[b-mt0crdlogd] {
    display: grid;
    grid-template-columns: 3rem minmax(0, 1fr);
    gap: 1rem;
    align-items: start;
    padding-bottom: 1rem;
    border-bottom: 1px solid rgba(15, 23, 42, 0.08);
}

.help-article__icon[b-mt0crdlogd] {
    width: 3rem;
    height: 3rem;
    border-radius: 1rem;
    font-size: 1.15rem;
}

.help-article__title[b-mt0crdlogd] {
    margin: 0;
    font-size: clamp(1.45rem, 1.2rem + 0.6vw, 2rem);
}

.help-article__summary[b-mt0crdlogd] {
    margin: 0.5rem 0 0;
    color: var(--muted);
    font-size: 1rem;
    max-width: 60ch;
}

.help-article__sections[b-mt0crdlogd] {
    display: grid;
    gap: 1rem;
    margin-top: 1.15rem;
}

.help-article__section[b-mt0crdlogd] {
    padding: 1rem 1.05rem;
    border-radius: 16px;
    background: rgba(15, 23, 42, 0.03);
    border: 1px solid rgba(15, 23, 42, 0.06);
}

.help-article__section-title[b-mt0crdlogd] {
    margin: 0 0 0.35rem;
    font-size: 1.02rem;
}

.help-article__section-body[b-mt0crdlogd] {
    margin: 0;
    color: var(--muted);
    line-height: 1.65;
}

.help-article__footer[b-mt0crdlogd] {
    margin-top: 1.25rem;
    padding-top: 1rem;
    border-top: 1px solid rgba(15, 23, 42, 0.08);
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
}

.help-article__footer-label[b-mt0crdlogd] {
    color: var(--muted);
    font-size: 0.95rem;
}

@media (max-width: 900px) {
    .help-center-shell__body[b-mt0crdlogd] {
        grid-template-columns: 1fr;
    }

    .help-center-sidebar[b-mt0crdlogd] {
        position: static;
    }
}

@media (max-width: 640px) {
    .help-article[b-mt0crdlogd],
    .help-center-sidebar__header[b-mt0crdlogd],
    .help-center-sidebar__search[b-mt0crdlogd],
    .help-center-sidebar__list[b-mt0crdlogd] {
        border-radius: 16px;
    }

    .help-article__hero[b-mt0crdlogd] {
        grid-template-columns: 1fr;
    }

    .help-article__footer[b-mt0crdlogd] {
        flex-direction: column;
        align-items: stretch;
    }
}

html.dark .help-center-sidebar__header[b-mt0crdlogd],
html.dark .help-center-sidebar__search[b-mt0crdlogd],
html.dark .help-center-sidebar__list[b-mt0crdlogd],
html.dark .help-article[b-mt0crdlogd] {
    background: rgba(20, 26, 38, 0.82);
    border-color: rgba(255, 255, 255, 0.08);
    box-shadow: 0 12px 30px rgba(0, 0, 0, 0.28);
}

html.dark .help-article__section[b-mt0crdlogd] {
    background: rgba(255, 255, 255, 0.03);
    border-color: rgba(255, 255, 255, 0.08);
}
/* _content/PortailSAV.App/Components/Shared/LoadingState.razor.rz.scp.css */
/* =========================================================
   LOADING STATE - Overlay de chargement
   ========================================================= */

.ps-loading-overlay[b-0n8ttpuswf] {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(0, 0, 0, 0.5);
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 9998;
    opacity: 0;
    visibility: hidden;
    transition: opacity 200ms ease, visibility 200ms ease;
    backdrop-filter: blur(2px);
}

    .ps-loading-overlay--active[b-0n8ttpuswf] {
        opacity: 1;
        visibility: visible;
    }

.ps-loading-spinner[b-0n8ttpuswf] {
    background: var(--card);
    padding: 2rem;
    border-radius: 12px;
    text-align: center;
    box-shadow: 0 20px 60px rgba(0, 0, 0, 0.30);
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 1rem;
}

.spinner-border[b-0n8ttpuswf] {
    border-width: 3px;
    width: 2.5rem;
    height: 2.5rem;
    color: var(--primary);
}

.ps-loading-message[b-0n8ttpuswf] {
    font-size: 0.95rem;
    font-weight: 500;
    color: var(--text);
}

/* Dark mode */
.dark .ps-loading-spinner[b-0n8ttpuswf] {
    background: #1a1d27;
    box-shadow: 0 20px 60px rgba(0, 0, 0, 0.60);
}
/* _content/PortailSAV.App/Components/Shared/PageHeader.razor.rz.scp.css */
.ps-page-header[b-yzahdh95xp] {
    margin-bottom: 1.75rem;
}

.ps-page-header-content[b-yzahdh95xp] {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
    justify-content: space-between;
    gap: 1.5rem;
    padding: 1.5rem 1.6rem;
    border: 1px solid rgba(15, 23, 42, 0.08);
    border-radius: 30px;
    background:
        radial-gradient(circle at top left, rgba(var(--brand-primary-rgb), 0.14), transparent 34%),
        radial-gradient(circle at right 18%, rgba(var(--brand-secondary-rgb), 0.1), transparent 26%),
        linear-gradient(145deg, rgba(255, 255, 255, 0.98), rgba(248, 250, 252, 0.96));
    box-shadow: 0 24px 60px rgba(15, 23, 42, 0.08);
}

.ps-page-title[b-yzahdh95xp] {
    margin: 0 0 0.55rem 0;
    font-size: clamp(2rem, 3vw, 2.7rem);
    font-weight: 700;
    line-height: 1.05;
    letter-spacing: -0.035em;
    color: var(--text);
}

.ps-page-title-row[b-yzahdh95xp] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 0.75rem;
}

.ps-page-title-meta[b-yzahdh95xp] {
    display: inline-flex;
    align-items: center;
    margin-bottom: 0.45rem;
}

.ps-page-subtitle[b-yzahdh95xp] {
    margin: 0;
    max-width: 52rem;
    font-size: 1rem;
    line-height: 1.65;
    color: var(--muted);
}

.ps-page-actions[b-yzahdh95xp] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: flex-end;
    gap: 0.75rem;
}

    .ps-page-actions[b-yzahdh95xp]  .btn {
        min-height: 2.85rem;
        padding-inline: 1.1rem;
        border-radius: 14px;
        white-space: nowrap;
        box-shadow: 0 12px 28px rgba(15, 23, 42, 0.06);
    }

    .ps-page-actions[b-yzahdh95xp]  .btn-outline-secondary,
    .ps-page-actions[b-yzahdh95xp]  .ps-page-action--neutral {
        color: #334155;
        border-color: rgba(15, 23, 42, 0.14);
        background: rgba(255, 255, 255, 0.86);
    }

        .ps-page-actions[b-yzahdh95xp]  .btn-outline-secondary:hover,
        .ps-page-actions[b-yzahdh95xp]  .btn-outline-secondary:focus-visible,
        .ps-page-actions[b-yzahdh95xp]  .ps-page-action--neutral:hover,
        .ps-page-actions[b-yzahdh95xp]  .ps-page-action--neutral:focus-visible {
            color: #0f172a;
            border-color: rgba(15, 23, 42, 0.22);
            background: rgba(255, 255, 255, 0.98);
        }

    .ps-page-actions[b-yzahdh95xp]  .btn-outline-primary,
    .ps-page-actions[b-yzahdh95xp]  .ps-page-action--primary {
        color: var(--primary);
        border-color: rgba(var(--brand-primary-rgb), 0.2);
        background: rgba(var(--brand-primary-rgb), 0.08);
    }

        .ps-page-actions[b-yzahdh95xp]  .btn-outline-primary:hover,
        .ps-page-actions[b-yzahdh95xp]  .btn-outline-primary:focus-visible,
        .ps-page-actions[b-yzahdh95xp]  .ps-page-action--primary:hover,
        .ps-page-actions[b-yzahdh95xp]  .ps-page-action--primary:focus-visible {
            color: var(--brand-on-primary);
            background: var(--primary);
            border-color: var(--primary);
        }

@media (max-width: 768px) {
    .ps-page-header[b-yzahdh95xp] {
        margin-bottom: 1.25rem;
    }

    .ps-page-header-content[b-yzahdh95xp] {
        flex-direction: column;
        align-items: stretch;
        padding: 1.1rem;
        border-radius: 24px;
        gap: 1rem;
    }

    .ps-page-title[b-yzahdh95xp] {
        font-size: clamp(1.5rem, 5vw, 2rem);
    }

    .ps-page-actions[b-yzahdh95xp] {
        justify-content: stretch;
    }

        .ps-page-actions[b-yzahdh95xp]  .btn {
            flex: 1;
            min-width: 0;
        }
}

@media (max-width: 480px) {
    .ps-page-title[b-yzahdh95xp] {
        font-size: 1.35rem;
    }

    .ps-page-title-row[b-yzahdh95xp] {
        align-items: flex-start;
        flex-direction: column;
        gap: 0.5rem;
    }

    .ps-page-header[b-yzahdh95xp] {
        margin-bottom: 0.85rem;
    }

    .ps-page-header-content[b-yzahdh95xp] {
        padding: 0.85rem;
        border-radius: 20px;
        gap: 0.75rem;
    }

    .ps-page-subtitle[b-yzahdh95xp] {
        font-size: 0.9rem;
    }
}

.dark .ps-page-header-content[b-yzahdh95xp] {
    border-color: rgba(255, 255, 255, 0.12);
    background:
        radial-gradient(circle at top left, rgba(var(--brand-primary-rgb), 0.2), transparent 34%),
        radial-gradient(circle at right 18%, rgba(var(--brand-secondary-rgb), 0.12), transparent 24%),
        linear-gradient(145deg, rgba(20, 26, 38, 0.98), rgba(11, 13, 19, 0.96));
    box-shadow: 0 22px 54px rgba(0, 0, 0, 0.35);
}

.dark .ps-page-title[b-yzahdh95xp] {
    color: #eceeef;
}

.dark .ps-page-subtitle[b-yzahdh95xp] {
    color: rgba(236, 238, 242, 0.72);
}

.dark .ps-page-actions[b-yzahdh95xp]  .btn-outline-secondary,
.dark .ps-page-actions[b-yzahdh95xp]  .ps-page-action--neutral {
    color: rgba(236, 238, 242, 0.88);
    border-color: rgba(255, 255, 255, 0.14);
    background: rgba(255, 255, 255, 0.04);
}

.dark .ps-page-actions[b-yzahdh95xp]  .btn-outline-primary,
.dark .ps-page-actions[b-yzahdh95xp]  .ps-page-action--primary {
    color: var(--primary);
    border-color: rgba(var(--brand-primary-rgb), 0.22);
    background: rgba(var(--brand-primary-rgb), 0.14);
}
/* _content/PortailSAV.App/Components/Shared/SkeletonLoader.razor.rz.scp.css */
/* =========================================================
   SKELETON LOADER - Animation de chargement
   =========================================================*/

.skeleton-loader[b-azsgj1hzkk] {
    width: 100%;
}

.skeleton-text[b-azsgj1hzkk],
.skeleton-avatar[b-azsgj1hzkk],
.skeleton-cell[b-azsgj1hzkk] {
    background: linear-gradient(
        90deg,
        rgba(255, 255, 255, 0.1) 25%,
        rgba(255, 255, 255, 0.2) 50%,
        rgba(255, 255, 255, 0.1) 75%
    );
    background-size: 200% 100%;
    animation: shimmer-b-azsgj1hzkk 1.5s infinite;
    border-radius: 8px;
}

.skeleton-text[b-azsgj1hzkk] {
    height: 0.875rem;
    border-radius: 4px;
    width: 100%;
}

.skeleton-avatar[b-azsgj1hzkk] {
    width: 40px;
    height: 40px;
    border-radius: 50%;
}

.skeleton-card[b-azsgj1hzkk] {
    padding: 1rem;
    background: var(--card);
    border: 1px solid var(--border);
    border-radius: 8px;
}

.skeleton-table[b-azsgj1hzkk] {
    display: flex;
    flex-direction: column;
    gap: 0.75rem;
}

.skeleton-row[b-azsgj1hzkk] {
    display: flex;
    gap: 1rem;
    padding: 0.75rem;
    background: var(--card);
    border-radius: 8px;
}

.skeleton-cell[b-azsgj1hzkk] {
    flex: 1;
    height: 0.875rem;
}

@keyframes shimmer-b-azsgj1hzkk {
    0% {
        background-position: 200% 0;
    }
    100% {
        background-position: -200% 0;
    }
}

/* Dark mode */
.dark .skeleton-text[b-azsgj1hzkk],
.dark .skeleton-avatar[b-azsgj1hzkk],
.dark .skeleton-cell[b-azsgj1hzkk] {
    background: linear-gradient(
        90deg,
        rgba(15, 23, 42, 0.3) 25%,
        rgba(15, 23, 42, 0.5) 50%,
        rgba(15, 23, 42, 0.3) 75%
    );
}
/* _content/PortailSAV.App/Components/Shared/ToastNotificationContainer.razor.rz.scp.css */
/* =========================================================
   TOAST NOTIFICATIONS - Système d'alertes unifiées
   ========================================================= */

.ps-toast-container[b-q4vme3gsok] {
    position: fixed;
    top: 1.5rem;
    right: 1.5rem;
    z-index: 9999;
    max-width: 420px;
    display: flex;
    flex-direction: column;
    gap: 0.75rem;
    pointer-events: none;
}

.ps-toast[b-q4vme3gsok] {
    display: flex;
    gap: 1rem;
    align-items: flex-start;
    padding: 1rem;
    background: #ffffff;
    border: 1px solid rgba(17, 24, 39, 0.08);
    border-radius: 8px;
    box-shadow: 0 12px 24px rgba(17, 24, 39, 0.15);
    pointer-events: auto;
    animation: slideInRight-b-q4vme3gsok 300ms ease-out;
}

.ps-toast-icon[b-q4vme3gsok] {
    font-size: 1.25rem;
    flex-shrink: 0;
    margin-top: 2px;
}

.ps-toast-content[b-q4vme3gsok] {
    flex: 1;
    min-width: 0;
}

.ps-toast-title[b-q4vme3gsok] {
    font-weight: 600;
    font-size: 0.95rem;
    margin-bottom: 0.25rem;
}

.ps-toast-message[b-q4vme3gsok] {
    font-size: 0.875rem;
    opacity: 0.85;
}

.ps-toast-close[b-q4vme3gsok] {
    background: none;
    border: none;
    padding: 0.25rem;
    cursor: pointer;
    opacity: 0.6;
    transition: opacity 200ms ease;
    flex-shrink: 0;
    margin-top: 2px;
}

    .ps-toast-close:hover[b-q4vme3gsok],
    .ps-toast-close:focus[b-q4vme3gsok] {
        opacity: 1;
        outline: none;
    }

/* Variants */
.ps-toast--success[b-q4vme3gsok] {
    border-left: 4px solid #10b981;
}

    .ps-toast--success .ps-toast-icon[b-q4vme3gsok] {
        color: #10b981;
    }

.ps-toast--error[b-q4vme3gsok] {
    border-left: 4px solid #ef4444;
}

    .ps-toast--error .ps-toast-icon[b-q4vme3gsok] {
        color: #ef4444;
    }

.ps-toast--warning[b-q4vme3gsok] {
    border-left: 4px solid #f59e0b;
}

    .ps-toast--warning .ps-toast-icon[b-q4vme3gsok] {
        color: #f59e0b;
    }

.ps-toast--info[b-q4vme3gsok] {
    border-left: 4px solid #4f46e5;
}

    .ps-toast--info .ps-toast-icon[b-q4vme3gsok] {
        color: #4f46e5;
    }

/* Animations */
@keyframes slideInRight-b-q4vme3gsok {
    from {
        transform: translateX(420px);
        opacity: 0;
    }
    to {
        transform: translateX(0);
        opacity: 1;
    }
}

/* Dark mode */
.dark .ps-toast[b-q4vme3gsok] {
    background: #1a1d27;
    border-color: rgba(255, 255, 255, 0.07);
    box-shadow: 0 12px 24px rgba(0, 0, 0, 0.40);
}

.dark .ps-toast-title[b-q4vme3gsok],
.dark .ps-toast-message[b-q4vme3gsok] {
    color: #eceeef;
}

.dark .ps-toast-message[b-q4vme3gsok] {
    opacity: 0.75;
}

/* Mobile */
@media (max-width: 640px) {
    .ps-toast-container[b-q4vme3gsok] {
        top: 1rem;
        right: 1rem;
        left: 1rem;
        max-width: none;
    }

    .ps-toast[b-q4vme3gsok] {
        margin: 0;
    }
}
/* _content/PortailSAV.App/Components/Tickets/TicketFilterBar.razor.rz.scp.css */
.ticket-filter-bar[b-0qb4rbbh5j] {
    border-radius: 28px;
}

.ticket-filter-bar__grid[b-0qb4rbbh5j] {
    display: grid;
    grid-template-columns: minmax(0, 2fr) repeat(3, minmax(0, 1fr)) auto;
    gap: 1rem;
    align-items: end;
}

.ticket-filter-bar__field[b-0qb4rbbh5j] {
    min-width: 0;
}

.ticket-filter-bar__field--search[b-0qb4rbbh5j] {
    min-width: 0;
}

.ticket-filter-bar__actions[b-0qb4rbbh5j] {
    display: flex;
    justify-content: flex-end;
    gap: 0.75rem;
    flex-wrap: wrap;
}

.ticket-filter-bar__note[b-0qb4rbbh5j] {
    margin-top: 1rem;
    color: var(--muted);
    line-height: 1.55;
}

@media (max-width: 1200px) {
    .ticket-filter-bar__grid[b-0qb4rbbh5j] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .ticket-filter-bar__field--search[b-0qb4rbbh5j],
    .ticket-filter-bar__actions[b-0qb4rbbh5j] {
        grid-column: 1 / -1;
    }

    .ticket-filter-bar__actions[b-0qb4rbbh5j] {
        justify-content: flex-start;
    }
}

@media (max-width: 768px) {
    .ticket-filter-bar[b-0qb4rbbh5j] {
        border-radius: 22px;
    }

    .ticket-filter-bar__grid[b-0qb4rbbh5j] {
        grid-template-columns: 1fr;
        gap: 0.75rem;
    }

    .ticket-filter-bar__actions[b-0qb4rbbh5j] {
        display: grid;
        grid-template-columns: 1fr 1fr;
    }
}

@media (max-width: 640px) {
    .ticket-filter-bar[b-0qb4rbbh5j] {
        border-radius: 18px;
    }

    .ticket-filter-bar .card-body[b-0qb4rbbh5j] {
        padding: 0.65rem;
    }

    .ticket-filter-bar__grid[b-0qb4rbbh5j] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 0.45rem;
    }

    .ticket-filter-bar__field--search[b-0qb4rbbh5j] {
        grid-column: 1 / -1;
    }

    .ticket-filter-bar__field .form-label[b-0qb4rbbh5j],
    .ticket-filter-bar__field .d-flex.mb-2[b-0qb4rbbh5j] {
        display: none;
    }

    .ticket-filter-bar__field .form-control[b-0qb4rbbh5j],
    .ticket-filter-bar__field[b-0qb4rbbh5j]  .search-dropdown__trigger,
    .ticket-filter-bar__field[b-0qb4rbbh5j]  .form-select {
        height: 2.5rem;
        min-height: 2.5rem;
        font-size: 0.82rem;
        border-radius: 12px;
    }

    .ticket-filter-bar__actions[b-0qb4rbbh5j] {
        grid-column: 1 / -1;
        display: flex;
        flex-direction: row;
        gap: 0.4rem;
    }

    .ticket-filter-bar__actions .btn[b-0qb4rbbh5j] {
        flex: 1 1 0;
        min-height: 2.4rem;
        font-size: 0.8rem;
        border-radius: 12px;
        padding-inline: 0.5rem;
    }

    .ticket-filter-bar__note[b-0qb4rbbh5j] {
        margin-top: 0.5rem;
        font-size: 0.8rem;
    }
}
/* _content/PortailSAV.App/Components/Tickets/TicketProgressTracker.razor.rz.scp.css */
.ticket-progress-card[b-a941dreeev] {
    display: grid;
    gap: 1.25rem;
    padding: 1.25rem;
}

.ticket-progress-card__header[b-a941dreeev] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 1rem;
}

.ticket-progress-card__eyebrow[b-a941dreeev] {
    margin-bottom: 0.2rem;
    font-size: 0.72rem;
    font-weight: 700;
    letter-spacing: 0.14em;
    text-transform: uppercase;
    color: var(--muted);
}

.ticket-progress-card__title[b-a941dreeev] {
    font-size: 1.15rem;
    font-weight: 700;
    color: var(--text);
}

.ticket-progress-card__badge[b-a941dreeev] {
    display: inline-flex;
    flex-direction: column;
    align-items: flex-end;
    gap: 0.15rem;
    padding: 0.75rem 0.95rem;
    border: 1px solid rgba(15, 23, 42, 0.08);
    border-radius: 18px;
    background: rgba(15, 23, 42, 0.035);
    text-align: right;
    white-space: nowrap;
}

.ticket-progress-card__badge strong[b-a941dreeev] {
    font-size: 0.95rem;
    color: var(--text);
}

.ticket-progress-card__note[b-a941dreeev] {
    display: flex;
    align-items: center;
    gap: 0.85rem;
    padding: 0.95rem 1rem;
    border: 1px solid rgba(79, 70, 229, 0.12);
    border-radius: 20px;
    background: linear-gradient(135deg, rgba(79, 70, 229, 0.08), rgba(6, 182, 212, 0.04));
    color: var(--text);
    line-height: 1.55;
}

.ticket-progress-card__note-icon[b-a941dreeev] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 2.4rem;
    height: 2.4rem;
    border-radius: 16px;
    background: rgba(79, 70, 229, 0.14);
    color: var(--primary);
    flex-shrink: 0;
}

@media (max-width: 768px) {
    .ticket-progress-card[b-a941dreeev] {
        padding: 1rem;
    }

    .ticket-progress-card__header[b-a941dreeev] {
        flex-direction: column;
    }

    .ticket-progress-card__badge[b-a941dreeev] {
        align-items: flex-start;
        text-align: left;
        white-space: normal;
    }

    .ticket-progress-card__note[b-a941dreeev] {
        align-items: flex-start;
    }
}

@media (max-width: 640px) {
    /* Remove Bootstrap card margin */
    .card.ps-card[b-a941dreeev] {
        margin-bottom: 0 !important;
    }

    .ticket-progress-card[b-a941dreeev] {
        padding: 0.65rem;
        gap: 0.6rem;
    }

    /* Header: inline row with badge */
    .ticket-progress-card__header[b-a941dreeev] {
        flex-direction: row;
        align-items: center;
        gap: 0.5rem;
    }

    .ticket-progress-card__eyebrow[b-a941dreeev] {
        font-size: 0.6rem;
        margin-bottom: 0.1rem;
    }

    .ticket-progress-card__title[b-a941dreeev] {
        font-size: 0.92rem;
    }

    .ticket-progress-card__badge[b-a941dreeev] {
        flex-direction: row;
        align-items: center;
        gap: 0.35rem;
        padding: 0.35rem 0.6rem;
        border-radius: 12px;
        white-space: nowrap;
        margin-left: auto;
        flex-shrink: 0;
    }

    .ticket-progress-card__badge span[b-a941dreeev] {
        font-size: 0.68rem;
    }

    .ticket-progress-card__badge strong[b-a941dreeev] {
        font-size: 0.8rem;
    }

    /* Steps: compact vertical with smaller nodes */
    [b-a941dreeev] .ps-ticket-progress {
        gap: 0.45rem;
    }

    [b-a941dreeev] .ps-ticket-progress__step {
        grid-template-columns: 26px 1fr;
        gap: 0.45rem;
    }

    [b-a941dreeev] .ps-ticket-progress__node {
        width: 26px;
        height: 26px;
        font-size: 0.72rem;
    }

    [b-a941dreeev] .ps-ticket-progress__line {
        left: 12px;
        top: 26px;
        height: calc(100% + 0.45rem);
    }

    [b-a941dreeev] .ps-ticket-progress__label {
        font-size: 0.82rem;
        line-height: 1.25;
    }

    [b-a941dreeev] .ps-ticket-progress__hint {
        font-size: 0.7rem;
        margin-top: 0.05rem;
    }

    [b-a941dreeev] .ps-ticket-progress__content {
        padding-top: 0.15rem;
    }

    /* Note: compact */
    .ticket-progress-card__note[b-a941dreeev] {
        padding: 0.5rem 0.6rem;
        border-radius: 12px;
        gap: 0.45rem;
        font-size: 0.82rem;
        line-height: 1.4;
    }

    .ticket-progress-card__note-icon[b-a941dreeev] {
        width: 1.6rem;
        height: 1.6rem;
        border-radius: 10px;
        font-size: 0.7rem;
    }
}

html.dark .ticket-progress-card__badge[b-a941dreeev] {
    border-color: rgba(255, 255, 255, 0.08);
    background: rgba(255, 255, 255, 0.04);
}

html.dark .ticket-progress-card__note[b-a941dreeev] {
    border-color: rgba(123, 121, 255, 0.2);
    background: linear-gradient(135deg, rgba(123, 121, 255, 0.14), rgba(6, 182, 212, 0.08));
}

html.dark .ticket-progress-card__note-icon[b-a941dreeev] {
    background: rgba(123, 121, 255, 0.2);
    color: #b8b7ff;
}
/* _content/PortailSAV.App/Components/Tickets/TicketTimelineV2.razor.rz.scp.css */
.ps-timeline-card[b-1517mrobm7] {
    border-radius: 24px;
    overflow: hidden;
}

.ps-timeline-card__header[b-1517mrobm7] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 1rem;
    padding: 1.1rem 1.25rem;
    border-bottom: 1px solid var(--border);
}

.ps-timeline-card__eyebrow[b-1517mrobm7] {
    margin-bottom: 0.2rem;
    font-size: 0.72rem;
    font-weight: 700;
    letter-spacing: 0.14em;
    text-transform: uppercase;
    color: var(--muted);
}

.ps-timeline-card__count[b-1517mrobm7] {
    display: inline-flex;
    align-items: center;
    min-height: 2rem;
    padding: 0.35rem 0.8rem;
    border: 1px solid rgba(15, 23, 42, 0.08);
    border-radius: 999px;
    background: rgba(15, 23, 42, 0.04);
    color: var(--muted);
    font-size: 0.8rem;
    font-weight: 600;
}

.ps-timeline-body[b-1517mrobm7] {
    gap: 1rem;
    padding: 1.1rem 1.25rem 1.25rem;
}

.ps-timeline-composer[b-1517mrobm7] {
    padding: 1rem;
    border: 1px solid rgba(15, 23, 42, 0.08);
    border-radius: 20px;
    background:
        linear-gradient(180deg, rgba(255, 255, 255, 0.94), rgba(255, 255, 255, 0.88)),
        linear-gradient(135deg, rgba(79, 70, 229, 0.08), rgba(6, 182, 212, 0.05));
}

.ps-timeline-composer__top[b-1517mrobm7] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 1rem;
    margin-bottom: 0.9rem;
}

.ps-timeline-composer__title[b-1517mrobm7] {
    margin-bottom: 0.2rem;
    font-size: 1rem;
    font-weight: 700;
    color: var(--text);
}

.ps-timeline-composer__toggle[b-1517mrobm7] {
    display: inline-flex;
    align-items: center;
    gap: 0.55rem;
    padding: 0.5rem 0.8rem;
    border: 1px solid rgba(15, 23, 42, 0.08);
    border-radius: 999px;
    background: rgba(255, 255, 255, 0.92);
    color: var(--text);
    font-size: 0.84rem;
    font-weight: 600;
    white-space: nowrap;
}

.ps-timeline-composer__textarea[b-1517mrobm7] {
    min-height: 108px;
    border-radius: 16px;
    resize: vertical;
}

.ps-timeline-composer__button[b-1517mrobm7] {
    min-width: 132px;
    border-radius: 999px;
    box-shadow: 0 12px 30px rgba(79, 70, 229, 0.18);
}

.ps-timeline-composer__error[b-1517mrobm7] {
    margin-top: 0.85rem;
    padding: 0.75rem 0.9rem;
    border: 1px solid rgba(239, 68, 68, 0.16);
    border-radius: 14px;
    background: rgba(239, 68, 68, 0.08);
    color: #b42318;
    font-size: 0.84rem;
    font-weight: 600;
}

.ps-timeline-scroll[b-1517mrobm7] {
    display: flex;
    flex-direction: column;
    gap: 0.9rem;
}

.ps-timeline-empty[b-1517mrobm7] {
    display: grid;
    justify-items: center;
    gap: 0.45rem;
    padding: 2rem 1.25rem;
    border: 1px dashed rgba(15, 23, 42, 0.16);
    border-radius: 20px;
    background: rgba(15, 23, 42, 0.025);
    text-align: center;
}

.ps-timeline-empty__icon[b-1517mrobm7] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 3rem;
    height: 3rem;
    border-radius: 18px;
    background: rgba(79, 70, 229, 0.1);
    color: var(--primary);
    font-size: 1.25rem;
}

.ps-timeline-v2[b-1517mrobm7]::before {
    left: 7px;
    width: 2px;
    background: linear-gradient(180deg, rgba(79, 70, 229, 0.22), rgba(15, 23, 42, 0.08));
}

.ps-timeline-v2--single[b-1517mrobm7]::before {
    display: none;
}

.ps-timeline-item[b-1517mrobm7] {
    grid-template-columns: 18px 1fr;
    gap: 1rem;
    align-items: start;
}

.ps-timeline-dot[b-1517mrobm7] {
    position: relative;
    z-index: 1;
    width: 14px;
    height: 14px;
    margin-top: 1rem;
    border: 3px solid rgba(255, 255, 255, 0.92);
    border-radius: 999px;
    box-shadow: 0 0 0 1px rgba(15, 23, 42, 0.08);
}

.ps-timeline-tone--message.ps-timeline-dot[b-1517mrobm7] {
    background: #2563eb;
}

.ps-timeline-tone--internal-note.ps-timeline-dot[b-1517mrobm7] {
    background: #d97706;
}

.ps-timeline-tone--generic-event.ps-timeline-dot[b-1517mrobm7] {
    background: #eab308;
}

.ps-timeline-tone--assignment.ps-timeline-dot[b-1517mrobm7] {
    background: #0f766e;
}

.ps-timeline-tone--status-change.ps-timeline-dot[b-1517mrobm7] {
    background: #7c3aed;
}

.ps-timeline-tone--priority-change.ps-timeline-dot[b-1517mrobm7] {
    background: #ea580c;
}

.ps-timeline-tone--email-success.ps-timeline-dot[b-1517mrobm7] {
    background: #4f46e5;
}

.ps-timeline-tone--email-failure.ps-timeline-dot[b-1517mrobm7] {
    background: #dc2626;
}

.ps-timeline-content[b-1517mrobm7] {
    padding: 1rem;
    border-radius: 20px;
    background: linear-gradient(180deg, rgba(255, 255, 255, 0.98), rgba(248, 250, 252, 0.96));
    box-shadow: 0 10px 30px rgba(15, 23, 42, 0.06);
    border: 1px solid rgba(15, 23, 42, 0.05);
}

.ps-timeline-tone--message.ps-timeline-content[b-1517mrobm7] {
    border-color: rgba(37, 99, 235, 0.12);
}

.ps-timeline-tone--internal-note.ps-timeline-content[b-1517mrobm7] {
    border-color: rgba(217, 119, 6, 0.16);
}

.ps-timeline-tone--generic-event.ps-timeline-content[b-1517mrobm7] {
    border-color: rgba(234, 179, 8, 0.18);
}

.ps-timeline-tone--assignment.ps-timeline-content[b-1517mrobm7] {
    border-color: rgba(15, 118, 110, 0.16);
}

.ps-timeline-tone--status-change.ps-timeline-content[b-1517mrobm7] {
    border-color: rgba(124, 58, 237, 0.16);
}

.ps-timeline-tone--priority-change.ps-timeline-content[b-1517mrobm7] {
    border-color: rgba(234, 88, 12, 0.16);
}

.ps-timeline-tone--email-success.ps-timeline-content[b-1517mrobm7] {
    border-color: rgba(79, 70, 229, 0.16);
}

.ps-timeline-tone--email-failure.ps-timeline-content[b-1517mrobm7] {
    border-color: rgba(220, 38, 38, 0.16);
}

.ps-timeline-header[b-1517mrobm7] {
    gap: 0.5rem;
}

.ps-timeline-header__row[b-1517mrobm7] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 0.75rem;
}

.ps-timeline-icon[b-1517mrobm7] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 1.9rem;
    height: 1.9rem;
    border-radius: 12px;
    background: rgba(79, 70, 229, 0.09);
    color: var(--primary);
}

.ps-timeline-tone--message.ps-timeline-icon[b-1517mrobm7] {
    background: rgba(37, 99, 235, 0.1);
    color: #2563eb;
}

.ps-timeline-tone--internal-note.ps-timeline-icon[b-1517mrobm7] {
    background: rgba(217, 119, 6, 0.12);
    color: #b45309;
}

.ps-timeline-tone--generic-event.ps-timeline-icon[b-1517mrobm7] {
    background: rgba(234, 179, 8, 0.14);
    color: #ca8a04;
}

.ps-timeline-tone--assignment.ps-timeline-icon[b-1517mrobm7] {
    background: rgba(15, 118, 110, 0.12);
    color: #0f766e;
}

.ps-timeline-tone--status-change.ps-timeline-icon[b-1517mrobm7] {
    background: rgba(124, 58, 237, 0.12);
    color: #7c3aed;
}

.ps-timeline-tone--priority-change.ps-timeline-icon[b-1517mrobm7] {
    background: rgba(234, 88, 12, 0.12);
    color: #ea580c;
}

.ps-timeline-tone--email-success.ps-timeline-icon[b-1517mrobm7] {
    background: rgba(79, 70, 229, 0.12);
    color: #4f46e5;
}

.ps-timeline-tone--email-failure.ps-timeline-icon[b-1517mrobm7] {
    background: rgba(220, 38, 38, 0.12);
    color: #dc2626;
}

.ps-timeline-email[b-1517mrobm7] {
    font-size: 0.84rem;
    letter-spacing: 0.01em;
}

.ps-timeline-bodytext[b-1517mrobm7] {
    margin-top: 0.65rem;
    line-height: 1.6;
}

.ps-timeline-tag[b-1517mrobm7] {
    display: inline-flex;
    align-items: center;
    min-height: 1.85rem;
    padding: 0.2rem 0.65rem;
    border: 1px solid rgba(15, 23, 42, 0.08);
    border-radius: 999px;
    background: rgba(15, 23, 42, 0.04);
    color: var(--muted);
    font-size: 0.76rem;
    font-weight: 700;
}

.ps-timeline-tag--internal[b-1517mrobm7] {
    background: rgba(245, 158, 11, 0.14);
    color: #a15c07;
    border-color: rgba(245, 158, 11, 0.18);
}

.ps-timeline-tag--automated[b-1517mrobm7] {
    background: rgba(79, 70, 229, 0.14);
    color: #4338ca;
    border-color: rgba(79, 70, 229, 0.2);
}

@media (max-width: 768px) {
    .ps-timeline-card[b-1517mrobm7] {
        border-radius: 20px;
    }

    .ps-timeline-card__header[b-1517mrobm7] {
        flex-direction: column;
        align-items: stretch;
        padding: 0.85rem 1rem;
        gap: 0.65rem;
    }

    .ps-timeline-composer__top[b-1517mrobm7],
    .ps-timeline-header__row[b-1517mrobm7] {
        flex-direction: column;
        align-items: stretch;
    }

    .ps-timeline-body[b-1517mrobm7] {
        padding: 0.85rem;
    }

    .ps-timeline-composer[b-1517mrobm7] {
        padding: 0.75rem;
        border-radius: 16px;
    }

    .ps-timeline-composer__textarea[b-1517mrobm7] {
        min-height: 88px;
        border-radius: 14px;
    }

    .ps-timeline-composer__button[b-1517mrobm7] {
        width: 100%;
    }

    .ps-timeline-content[b-1517mrobm7] {
        padding: 0.75rem;
        border-radius: 16px;
    }

    .ps-timeline-item[b-1517mrobm7] {
        gap: 0.65rem;
    }

    .ps-timeline-empty[b-1517mrobm7] {
        padding: 1.5rem 1rem;
    }

    .ps-timeline-scroll[b-1517mrobm7] {
        gap: 0.7rem;
    }

    .ps-timeline-composer__toggle[b-1517mrobm7] {
        font-size: 0.78rem;
        padding: 0.4rem 0.65rem;
    }
}

@media (max-width: 640px) {
    .ps-timeline-card[b-1517mrobm7] {
        border-radius: 16px;
    }

    .ps-timeline-card__header[b-1517mrobm7] {
        padding: 0.6rem 0.75rem;
        gap: 0.45rem;
    }

    .ps-timeline-card__eyebrow[b-1517mrobm7] {
        font-size: 0.62rem;
    }

    .ps-timeline-card__count[b-1517mrobm7] {
        font-size: 0.72rem;
        min-height: 1.65rem;
        padding: 0.2rem 0.6rem;
    }

    .ps-timeline-body[b-1517mrobm7] {
        padding: 0.6rem 0.7rem;
        gap: 0.6rem;
    }

    .ps-timeline-scroll[b-1517mrobm7] {
        gap: 0.5rem;
    }

    .ps-timeline-item[b-1517mrobm7] {
        grid-template-columns: 14px 1fr;
        gap: 0.5rem;
    }

    .ps-timeline-dot[b-1517mrobm7] {
        width: 10px;
        height: 10px;
        margin-top: 0.7rem;
        border-width: 2px;
    }

    .ps-timeline-content[b-1517mrobm7] {
        padding: 0.55rem 0.65rem;
        border-radius: 12px;
    }

    .ps-timeline-header[b-1517mrobm7] {
        gap: 0.3rem;
    }

    .ps-timeline-header__row[b-1517mrobm7] {
        gap: 0.4rem;
    }

    .ps-timeline-icon[b-1517mrobm7] {
        width: 1.5rem;
        height: 1.5rem;
        border-radius: 8px;
        font-size: 0.72rem;
    }

    .ps-timeline-email[b-1517mrobm7] {
        font-size: 0.78rem;
    }

    .ps-timeline-bodytext[b-1517mrobm7] {
        margin-top: 0.4rem;
        font-size: 0.85rem;
        line-height: 1.45;
    }

    .ps-timeline-tag[b-1517mrobm7] {
        font-size: 0.68rem;
        min-height: 1.55rem;
        padding: 0.15rem 0.5rem;
    }

    .ps-timeline-composer[b-1517mrobm7] {
        padding: 0.6rem;
        border-radius: 14px;
    }

    .ps-timeline-composer__top[b-1517mrobm7] {
        margin-bottom: 0.55rem;
        gap: 0.5rem;
    }

    .ps-timeline-composer__title[b-1517mrobm7] {
        font-size: 0.88rem;
    }

    .ps-timeline-composer__toggle[b-1517mrobm7] {
        font-size: 0.72rem;
        padding: 0.3rem 0.55rem;
    }

    .ps-timeline-composer__textarea[b-1517mrobm7] {
        min-height: 72px;
        border-radius: 12px;
        font-size: 0.85rem;
    }

    .ps-timeline-composer__button[b-1517mrobm7] {
        min-width: 0;
        width: 100%;
        min-height: 2.4rem;
        font-size: 0.82rem;
    }

    .ps-timeline-composer__error[b-1517mrobm7] {
        margin-top: 0.55rem;
        padding: 0.55rem 0.7rem;
        border-radius: 12px;
        font-size: 0.78rem;
    }

    .ps-timeline-empty[b-1517mrobm7] {
        padding: 1.25rem 0.85rem;
        border-radius: 14px;
    }

    .ps-timeline-empty__icon[b-1517mrobm7] {
        width: 2.4rem;
        height: 2.4rem;
        border-radius: 14px;
        font-size: 1rem;
    }

    .ps-timeline-v2[b-1517mrobm7]::before {
        left: 5px;
    }
}

@media (max-width: 480px) {
    .ps-timeline-card[b-1517mrobm7] {
        border-radius: 14px;
    }

    .ps-timeline-card__header[b-1517mrobm7] {
        padding: 0.5rem 0.6rem;
    }

    .ps-timeline-body[b-1517mrobm7] {
        padding: 0.5rem 0.55rem;
    }

    .ps-timeline-content[b-1517mrobm7] {
        padding: 0.45rem 0.55rem;
        border-radius: 10px;
    }
}

html.dark .ps-timeline-card__count[b-1517mrobm7] {
    border-color: rgba(255, 255, 255, 0.1);
    background: rgba(255, 255, 255, 0.06);
}

html.dark .ps-timeline-composer[b-1517mrobm7] {
    background:
        linear-gradient(180deg, rgba(20, 26, 38, 0.96), rgba(20, 26, 38, 0.94)),
        linear-gradient(135deg, rgba(123, 121, 255, 0.1), rgba(6, 182, 212, 0.08));
    border-color: rgba(255, 255, 255, 0.08);
}

html.dark .ps-timeline-composer__toggle[b-1517mrobm7],
html.dark .ps-timeline-empty[b-1517mrobm7],
html.dark .ps-timeline-tag[b-1517mrobm7],
html.dark .ps-timeline-content[b-1517mrobm7] {
    border-color: rgba(255, 255, 255, 0.08);
}

html.dark .ps-timeline-composer__toggle[b-1517mrobm7],
html.dark .ps-timeline-tag[b-1517mrobm7] {
    background: rgba(255, 255, 255, 0.06);
}

html.dark .ps-timeline-tag--automated[b-1517mrobm7] {
    background: rgba(129, 140, 248, 0.22);
    color: #c7d2fe;
    border-color: rgba(129, 140, 248, 0.28);
}

html.dark .ps-timeline-content[b-1517mrobm7] {
    background: linear-gradient(180deg, rgba(20, 26, 38, 0.98), rgba(11, 13, 19, 0.98));
}

html.dark .ps-timeline-empty[b-1517mrobm7] {
    background: rgba(255, 255, 255, 0.03);
}

html.dark .ps-timeline-empty__icon[b-1517mrobm7],
html.dark .ps-timeline-icon[b-1517mrobm7] {
    background: rgba(123, 121, 255, 0.14);
    color: #b8b7ff;
}

html.dark .ps-timeline-dot[b-1517mrobm7] {
    border-color: var(--card);
}

html.dark .ps-timeline-tone--message.ps-timeline-icon[b-1517mrobm7] {
    background: rgba(96, 165, 250, 0.18);
    color: #93c5fd;
}

html.dark .ps-timeline-tone--internal-note.ps-timeline-icon[b-1517mrobm7] {
    background: rgba(251, 191, 36, 0.18);
    color: #fbbf24;
}

html.dark .ps-timeline-tone--generic-event.ps-timeline-icon[b-1517mrobm7] {
    background: rgba(250, 204, 21, 0.18);
    color: #fde047;
}

html.dark .ps-timeline-tone--assignment.ps-timeline-icon[b-1517mrobm7] {
    background: rgba(45, 212, 191, 0.16);
    color: #5eead4;
}

html.dark .ps-timeline-tone--status-change.ps-timeline-icon[b-1517mrobm7] {
    background: rgba(167, 139, 250, 0.18);
    color: #c4b5fd;
}

html.dark .ps-timeline-tone--priority-change.ps-timeline-icon[b-1517mrobm7] {
    background: rgba(251, 146, 60, 0.18);
    color: #fdba74;
}

html.dark .ps-timeline-tone--email-success.ps-timeline-icon[b-1517mrobm7] {
    background: rgba(129, 140, 248, 0.18);
    color: #a5b4fc;
}

html.dark .ps-timeline-tone--email-failure.ps-timeline-icon[b-1517mrobm7] {
    background: rgba(248, 113, 113, 0.18);
    color: #fca5a5;
}