@import '_content/Excubo.Blazor.TreeViews/Excubo.Blazor.TreeViews.ggbo2a6x37.bundle.scp.css';
@import '_content/Volo.Abp.Account.Pro.Public.Blazor.Shared/Volo.Abp.Account.Pro.Public.Blazor.Shared.bt59d6l1jm.bundle.scp.css';
@import '_content/Volo.Abp.PermissionManagement.Blazor/Volo.Abp.PermissionManagement.Blazor.p33ll9g8os.bundle.scp.css';

/* /Components/InfoBadge.razor.rz.scp.css */
/* Rot-behållaren: inline-block så den funkar mitt i text */
.info-tooltip-root[b-ib4yjp0xsn] {
    display: inline-block;
    line-height: 0;
}

/* Själva FA-ikonen stylas som liten “pill” */
.info-icon[b-ib4yjp0xsn] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 22px;
    height: 22px;
    border-radius: 9999px;
    font-size: 12px; /* FA-ikonstorlek */
    cursor: help;
    box-shadow: 0 1px 1px rgba(0,0,0,.04);
    transition: transform .12s ease, filter .12s ease;
}

    .info-icon:hover[b-ib4yjp0xsn],
    .info-tooltip-root:focus-visible .info-icon[b-ib4yjp0xsn] {
        transform: translateY(-1px);
        filter: brightness(0.98);
        outline: none;
    }

/* Tooltip-bubblan: position:fixed så den ej klipps av overflow */
.info-tooltip-bubble[b-ib4yjp0xsn] {
    position: fixed;
    z-index: 9999;
    padding: 8px 10px;
    border-radius: 8px;
    font-size: 0.875rem;
    line-height: 1.2rem;
    box-shadow: 0 8px 24px rgba(0,0,0,.08), 0 2px 6px rgba(0,0,0,.06);
    max-width: 280px; /* default, kan överskridas via style-attribut */
    pointer-events: none; /* låt hover stanna kvar på ikonen */
    white-space: normal;
}

/* tillåt att du kan sätta maxbredd via komponentens parameter */
:root[b-ib4yjp0xsn] {
}
/* placeholder för scoping, används ej */

/* /Pages/Index.razor.rz.scp.css */
/* Getting-Started */
.card-bg-image[b-dlvsqopcwc] {
    pointer-events: none;
    position: absolute;
    width: 630px;
    height: auto;
    bottom: 0;
    right: 0;
    z-index: 1;
}
.starting-content[b-dlvsqopcwc] {
    position: relative;
    z-index: 2;
}
/* Getting-Started End */