@import '_content/Blazor.Bootstrap/Blazor.Bootstrap.7t9tbfaemk.bundle.scp.css';

/* /Components/Pages/Device/Index.razor.rz.scp.css */
@media (max-width: 767.98px) {
    /* Role + Created weg op klein */
    [b-t9n06wysuj] .devices-grid-head th.col-type,
    [b-t9n06wysuj] .devices-grid tbody td.col-type,
    [b-t9n06wysuj] .devices-grid-head th.col-created,
    [b-t9n06wysuj] .devices-grid tbody td.col-created {
        display: none !important;
    }
}
/* /Components/Pages/License/Index.razor.rz.scp.css */
@media (max-width: 767.98px) {
    /* Role + Created weg op klein */
    [b-sx4vg344so] .licenes-grid-head th.col-type,
    [b-sx4vg344so] .licenes-grid tbody td.col-type,
    [b-sx4vg344so] .licenes-grid-head th.col-created,
    [b-sx4vg344so] .licenes-grid tbody td.col-created {
        display: none !important;
    }
}
/* /Components/Pages/Project/Index.razor.rz.scp.css */
@media (max-width: 767.98px) {
    /* Role + Created weg op klein */
    [b-ykgvg4mz3c] .projects-grid-head th.col-role,
    [b-ykgvg4mz3c] .projects-grid tbody td.col-role,
    [b-ykgvg4mz3c] .projects-grid-head th.col-created,
    [b-ykgvg4mz3c] .projects-grid tbody td.col-created
    {
        display: none !important;
    }
}
/* /Components/Shared/CommentSection/CommentSection.razor.rz.scp.css */
.white-space-prewrap[b-qapcx5gcgw] {
    white-space: pre-wrap; /* behoudt nieuwe regels in plain text */
}

.avatar-sm[b-qapcx5gcgw] {
    width: 40px;
    height: 40px;
    object-fit: cover;
}

.border-dashed[b-qapcx5gcgw] {
    border-style: dashed !important;
}
/* /Components/UI/ExpandablePreview/ExpandablePreview.razor.rz.scp.css */
/* basis */
.xpv-wrapper[b-39tllzaowi] {
    position: relative;
}

.xpv-content[b-39tllzaowi] {
    overflow: hidden;
    transition: max-height .25s ease;
    position: relative;
}

/* Alleen mask toepassen bij collapsed + overflow + showfade */
.xpv-collapsed.xpv-has-overflow.xpv-showfade[b-39tllzaowi] {
    --xpv-fade-height: 3rem;
    /* Tekst-fade naar transparant aan de onderkant */
    -webkit-mask-image: linear-gradient( to bottom, black 0%, black calc(100% - var(--xpv-fade-height)), transparent 100% );
    mask-image: linear-gradient( to bottom, black 0%, black calc(100% - var(--xpv-fade-height)), transparent 100% );
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    mask-mode: alpha; /* expliciet: gebruik alfa-kanaal */
}

/* Fallback voor browsers zonder mask-image: gebruik oude overlay-gradient */
@supports not (mask-image: linear-gradient(black, transparent)) {
    .xpv-collapsed.xpv-has-overflow.xpv-showfade[b-39tllzaowi]::after {
        content: "";
        position: absolute;
        left: 0;
        right: 0;
        bottom: 0;
        height: var(--xpv-fade-height, 3rem);
        background: linear-gradient(to bottom, rgba(0,0,0,0), var(--ins-body-bg, #fff));
        pointer-events: none;
    }
}