/* ── Loader.razor ── */
.loader-overlay
{
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.5);
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 9999;
}

.loader
{
    text-align: center;
    color: white;
}

/* ── SideBar.razor ── */
.sidebar-main-resized:not(.sidebar-main-unfold) .sidebar.sidebar-main,
body.sidebar-main-resized:not(.sidebar-main-unfold) .sidebar.sidebar-main {
    --bs-sidebar-width: calc(calc(var(--bs-spacer) * 2) + var(--bs-icon-font-size) + 32px) !important;
}
.sidebar-main-resized:not(.sidebar-main-unfold) + *,
body.sidebar-main-resized:not(.sidebar-main-unfold) .page-content {
    margin-left: calc(calc(var(--bs-spacer) * 2) + var(--bs-icon-font-size) + 32px) !important;
}

/* ── NavBar.razor ── */
/* The theme sizes any .navbar-brand img to the body line-height (~24px). That is too small for this
   logo: it carries the "TECNICAS REUNIDAS" wordmark inside the image itself, so at 24px tall the
   lettering is unreadable. Scoped to this one img so the rest of the theme's brand sizing is untouched. */
.navbar-brand .navbar-tr-logo {
    height: 2.75rem;
    width: auto;
    max-width: 100%;
}

/* ── DataProcessingConsentModal.razor ── */
.dpc-modal .dpc-body {
    max-height: 60vh;
    overflow-y: auto;
    font-size: 0.875rem;
    line-height: 1.5;
}

/* ── AlertsBell.razor ── */
.alb-dot { display:inline-block; width:.55rem; height:.55rem; border-radius:50%; flex-shrink:0; }