@import '_content/BDO.AIPlatform.Blazor.Shared/BDO.AIPlatform.Blazor.Shared.r4g40vc0ah.bundle.scp.css';

/* /Components/AccessDeniedComponent.razor.rz.scp.css */
.heading-icon[b-7kl8zw7c6k] {
    font-size: 3rem;
    margin-bottom: .5rem;
}

.heading-display[b-7kl8zw7c6k] {
    font-size: 1.5rem;
    font-weight: bold;
    margin-bottom: 1rem;
}

.requirement-card[b-7kl8zw7c6k] {
    background: #1f242b;
    padding: 24px;
    box-shadow: 0 20px 40px -10px rgba(0,0,0,0.5);
    font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
    display: flex;
    flex-direction: column;
    flex: 1 1 auto;
    overflow: auto;
}

    .requirement-card .heading-display[b-7kl8zw7c6k] {
        /* overrides the global .heading-display margin when inside the card */
        margin-bottom: 8px;
    }

    .requirement-card button[b-7kl8zw7c6k] {
        width: 15rem;
        color: white;
    }
/* /Components/AcknowledgementComponent.razor.rz.scp.css */
.heading-display[b-79el2cm1q3] {
    font-size: 30px;
    font-weight: bold;
    margin-bottom: 1rem;
}

    .heading-display .icon[b-79el2cm1q3] {
        margin-right: .75rem;
    }

.requirement-card[b-79el2cm1q3] {
    background: #1f242b;
    padding: 24px;
    box-shadow: 0 20px 40px -10px rgba(0,0,0,0.5);
    font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
    display: flex;
    flex-direction: column;
    flex: 1 1 auto;
    overflow: auto;
}

    .requirement-card .heading-display[b-79el2cm1q3] {
        margin-bottom: 8px;
    }

    .requirement-card ul[b-79el2cm1q3] {
        padding-left: 1.2em;
        margin: 0.75em 0;
        list-style: disc;
        flex: 0 0 auto;
    }

    .requirement-card button[b-79el2cm1q3] {
        width: 15rem;
        color: white;
    }
/* /Components/ActivityComponent.razor.rz.scp.css */
/* Mobile-first, Bootstrap-safe stacking for ActivityComponent
   - Overrides Bootstrap's d-flex with grid using !important
   - Ensures child cards expand to full column width
   - Removes fixed widths on placeholders
*/

/* -------------------------
   Header / intro row
-------------------------- */
.intro[b-h01wldke9c] {
    display: inline-flex;
    align-items: center;
    gap: .5rem;
    font-size: 1.25rem;
    font-weight: bold;
    margin-bottom: 1rem;
    color: inherit;
    flex-wrap: wrap; /* allow wrap on narrow screens */
}

.intro-text[b-h01wldke9c] {
    line-height: 1.2;
}

/* "See more" link/icon */
.see-more-link[b-h01wldke9c] {
    display: flex;
    flex-direction: column;
    align-items: center;
    text-decoration: none;
    color: inherit;
    line-height: 1;
}

.see-more-text[b-h01wldke9c] {
    font-size: .65rem;
    margin-top: .15rem;
}

@media (min-width: 640px) {
    .see-more-link[b-h01wldke9c] {
        flex-direction: row;
        gap: .35rem;
    }

    .see-more-text[b-h01wldke9c] {
        margin-top: 0;
        font-size: .6rem;
    }
}

/* -------------------------
   Card list → responsive grid
-------------------------- */
.card-list[b-h01wldke9c] {
    display: grid !important; /* beat Bootstrap d-flex */
    grid-template-columns: 1fr; /* 1 col on phones      */
    gap: .75rem;
}

@media (min-width: 480px) {
    .card-list[b-h01wldke9c] {
        grid-template-columns: repeat(2, minmax(0,1fr));
    }
}

@media (min-width: 900px) {
    .card-list[b-h01wldke9c] {
        grid-template-columns: repeat(5, minmax(0,1fr));
    }
}

/* Child component/card wrappers */
.card-list[b-h01wldke9c]  .history-card-wrapper,
.card-list[b-h01wldke9c]  .dx-card,
.card-list[b-h01wldke9c]  .dxbl-card,
.card-list[b-h01wldke9c]  .dxbs-card {
    width: 100%;
    max-width: none;
    border-radius: .5rem;
    transition: background-color .18s ease, box-shadow .18s ease;
    cursor: pointer;
    padding: .5rem;
    box-sizing: border-box;
}

    /* Hover + focus */
    .card-list[b-h01wldke9c]  .history-card-wrapper:hover,
    .card-list[b-h01wldke9c]  .history-card-wrapper:focus-within {
        background-color: var(--bdo-ui-bg-elevated, #1f1f1f) !important;
    }

    /* Transparent inner links */
    .card-list[b-h01wldke9c]  .history-card-wrapper a,
    .card-list[b-h01wldke9c]  .history-card-wrapper a:hover {
        background-color: transparent !important;
    }

    /* Optional selected */
    .card-list[b-h01wldke9c]  .history-card-wrapper.active,
    .card-list[b-h01wldke9c]  .history-card-wrapper:has(.active) {
        background-color: var(--bdo-ui-bg-elevated, #1f1f1f) !important;
    }

/* -------------------------
   Placeholders / media
-------------------------- */
[b-h01wldke9c] .placeholder-card {
    width: 100%; /* no fixed 300px */
    aspect-ratio: 5 / 2; /* responsive height */
    height: auto;
    border: 1px solid #2b2b2b;
    border-radius: 8px;
    padding: 16px;
    box-sizing: border-box;
}

.card-list[b-h01wldke9c]  img,
.card-list[b-h01wldke9c]  svg {
    max-width: 100%;
    height: auto;
    display: block;
}

/* -------------------------
   Safety & long text
-------------------------- */
:root[b-h01wldke9c], .card-list[b-h01wldke9c]  * {
    min-width: 0;
}

.card-list[b-h01wldke9c]  .truncate,
.card-list[b-h01wldke9c]  .text {
    overflow-wrap: anywhere;
    word-break: break-word;
}

/* Utility: stack stubborn flex rows on small screens */
.stack-sm[b-h01wldke9c] {
    display: flex;
    gap: .5rem;
    flex-wrap: wrap;
}

@media (max-width: 640px) {
    .stack-sm[b-h01wldke9c] {
        flex-direction: column;
        align-items: stretch;
    }
}
/* /Components/ContentLinkCardComponent.razor.rz.scp.css */
body[b-bvxz3p15ve] {
    background-color: #1e1e1e;
    color: #f1f1f1;
}

.card[b-bvxz3p15ve] {
    background-color: #2b2b2b;
    border: none;
    color: #f1f1f1;
}

    .card .badge[b-bvxz3p15ve] {
        display: inline-block;
        width: auto !important;
        flex: 0 0 auto !important;
        text-align: left;
        margin-bottom: 0.5rem;
        padding: 0.35em 0.65em;
    }


.card + .card[b-bvxz3p15ve] {
    margin-top: 1rem;
}

.card-title[b-bvxz3p15ve] {
    font-size: 1.125rem;
    font-weight: 600;
}

.card-text[b-bvxz3p15ve] {
    font-size: 0.9rem;
    color: #ccc;
}

.read-more[b-bvxz3p15ve] {
    font-size: 0.85rem;
    text-decoration: none;
    color: #bbb;
}

    .read-more:hover[b-bvxz3p15ve] {
        color: #fff;
    }
/* /Components/ContentLinkContainerComponent.razor.rz.scp.css */
/* ================================
   Layout: full-height two-column page
   ================================ */
.two-col-fill[b-vymk71rdin] {
    display: flex;
    flex-direction: column;
}

    .two-col-fill > .row[b-vymk71rdin] {
        flex: 1 1 auto;
        align-items: stretch;
        min-height: 0; /* allow inner scroll areas */
    }

    /* Columns as flex containers so children can fill/scroll */
    .two-col-fill[b-vymk71rdin]  .col-md-7,
    .two-col-fill[b-vymk71rdin]  .col-md-5 {
        display: flex;
        flex-direction: column;
        min-height: 0;
    }

    /* LEFT column: DxTabs fills and its content can scroll */
    .two-col-fill .tabs-scope[b-vymk71rdin] {
        flex: 1 1 auto;
        min-height: 0;
        display: flex;
        flex-direction: column;
    }

        .two-col-fill .tabs-scope[b-vymk71rdin]  .dxbl-tabs {
            display: flex;
            flex-direction: column;
            height: 100%;
        }

        .two-col-fill .tabs-scope[b-vymk71rdin]  .dxbl-tabs-content-panel {
            flex: 1 1 auto;
            min-height: 0;
            display: flex;
            flex-direction: column;
            overflow: hidden; /* list inside will scroll */
        }

        /* Active tab’s list fills and scrolls */
        .two-col-fill .tabs-scope[b-vymk71rdin]  .dxbl-tabs-content.dxbl-active .flat-list {
            flex: 1 1 auto;
            min-height: 0;
            overflow-y: auto;
        }

    /* RIGHT column: list fills and scrolls */
    .two-col-fill[b-vymk71rdin]  .col-md-5 > .flat-list {
        flex: 1 1 auto;
        min-height: 0;
        overflow-y: auto;
    }

/* ================================
   Flat lists (shared)
   ================================ */
.flat-list[b-vymk71rdin] {
    display: grid;
    grid-template-columns: 1fr;
    /* gap: 1.5rem; */
}

/* Optional height caps */
.flat-list-left[b-vymk71rdin] {
    max-height: 55vh;
}

.flat-list-right[b-vymk71rdin] {
    max-height: 61vh;
}


.flat-list.flat-list-right[b-vymk71rdin] {
    display: flex; /* if it’s already flex, this just reaffirms */
    flex-direction: column;
    align-items: flex-start; /* stop equal height stretching */
}

/* ================================
   Tabs header: right-aligned pills + title on the left
   ================================ */

/* Title “Recent News” injected before the pill list */
.tabs-scope[b-vymk71rdin]  .dxbl-tabs.rightTabs ul[role="tablist"][aria-orientation="horizontal"]::before {
    content: var(--tabs-title, "Recent News");
    margin-right: auto; /* push tabs to the right */
    display: inline-flex;
    align-items: center;
    min-height: 2.25rem;
    padding-left: 0;
    font-size: 1.5rem; /* ≈ h5 */
    font-weight: 600;
    color: inherit;
    pointer-events: none;
}

/* Ensure LI wrappers don’t shrink when wrapping */
.tabs-scope[b-vymk71rdin]  ul[role="tablist"] > li[role="presentation"] {
    list-style: none;
    flex: 0 0 auto;
}

/* DevExpress tab “button” element */
.tabs-scope[b-vymk71rdin]  .dxbl-tabs.rightTabs .dxbl-tabs-item {
    --tab-bg: transparent;
    --tab-fg: #f1f1f1;
    --tab-border: #444;
    --tab-bg-hover: #303030;
    --tab-border-hover: #5a5a5a;
    --tab-bg-active: #33373e;
    --tab-border-active: rgba(255,255,255,.05);
    --tab-fg-active: #ffffff;
    flex: 0 0 auto;
    display: inline-flex;
    align-items: center;
    gap: .5rem;
    padding: .5rem 1rem;
    min-height: 2.25rem;
    border-radius: 10px;
    border: none !important;
    background: none !important;
    color: var(--bdo-ui-text-highlighted, #c7c9ce);
    line-height: 1;
    cursor: pointer;
    user-select: none;
    /*    box-shadow: 0 1px 2px rgba(0,0,0,.25), 0 0 0 1px rgba(255,255,255,.04) inset;*/
    transition: background .15s ease, border-color .15s ease, color .15s ease, box-shadow .15s ease, transform .05s ease;
}

    .tabs-scope[b-vymk71rdin]  .dxbl-tabs.rightTabs .dxbl-tabs-item:hover {
        background: var(--tab-bg-hover);
        border-color: var(--tab-border-hover);
        color: #e5e7eb;
    }

    .tabs-scope[b-vymk71rdin]  .dxbl-tabs.rightTabs .dxbl-tabs-item:focus-visible {
        outline: none;
        box-shadow: 0 0 0 3px rgba(59,130,246,.35), 0 1px 2px rgba(0,0,0,.25), 0 0 0 1px rgba(255,255,255,.04) inset;
    }

    .tabs-scope[b-vymk71rdin]  .dxbl-tabs.rightTabs .dxbl-tabs-item:active {
        transform: translateY(1px);
    }

    /* ACTIVE state – reliable across themes using aria-selected */
    .tabs-scope[b-vymk71rdin]  .dxbl-tabs.rightTabs .dxbl-tabs-item[aria-selected="true"] {
        background: var(--tab-bg-active);
        color: var(--tab-fg-active);
        border-color: var(--tab-border-active);
        box-shadow: inset 0 0 0 1px rgba(255,255,255,.05);
    }

/* Rounded dark bar (the “toggle” background) */
.tabs-scope[b-vymk71rdin]  .pill-tabs.dxbl-tabs .dxbl-tabs-tablist {
    display: inline-flex;
    padding: 6px;
    /*border-radius: 14px;*/
    border: 1px solid rgba(255,255,255,.06);
}

    /* Ensure the UL is flex so spacing applies cleanly */
    .tabs-scope[b-vymk71rdin]  .pill-tabs.dxbl-tabs .dxbl-tabs-tablist ul[role="tablist"] {
        display: flex;
        gap: 6px;
        margin: 0;
        padding: 0;
    }

/* ================================
   Tab icons (CSS masks)
   ================================ */
.tabs-scope[b-vymk71rdin]  .dxbl-tabs .dxbl-tabs-item .dxbl-image.info-icon,
.tabs-scope[b-vymk71rdin]  .dxbl-tabs .dxbl-tabs-item .dxbl-image.ai-icon {
    display: inline-block;
    width: 1em;
    height: 1em;
    margin-right: .5rem;
    background-color: currentColor;
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-position: center;
    -webkit-mask-size: contain;
    mask-repeat: no-repeat;
    mask-position: center;
    mask-size: contain;
    border-color: var(--bdo-ui-text-highlighted) !important;
}

/* Info icon */
.tabs-scope[b-vymk71rdin]  .dxbl-tabs .dxbl-tabs-item .dxbl-image.info-icon {
    -webkit-mask-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 256 256'><path d='M184,112a8,8,0,0,1-8,8H112a8,8,0,0,1,0-16h64A8,8,0,0,1,184,112Zm-8,24H112a8,8,0,0,0,0,16h64a8,8,0,0,0,0-16Zm48-88V208a16,16,0,0,1-16,16H48a16,16,0,0,1-16-16V48A16,16,0,0,1,48,32H208A16,16,0,0,1,224,48ZM48,208H72V48H48Zm160,0V48H88V208H208Z'/></svg>");
    mask-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 256 256'><path d='M184,112a8,8,0,0,1-8,8H112a8,8,0,0,1,0-16h64A8,8,0,0,1,184,112Zm-8,24H112a8,8,0,0,0,0,16h64a8,8,0,0,0,0-16Zm48-88V208a16,16,0,0,1-16,16H48a16,16,0,0,1-16-16V48A16,16,0,0,1,48,32H208A16,16,0,0,1,224,48ZM48,208H72V48H48Zm160,0V48H88V208H208Z'/></svg>");
}

/* AI icon */
.tabs-scope[b-vymk71rdin]  .dxbl-tabs .dxbl-tabs-item .dxbl-image.ai-icon {
    -webkit-mask-image: url("data:image/svg+xml;utf8;<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 256 256'><path d='M176,160a39.89,39.89,0,0,0-28.62,12.09l-46.1-29.63a39.8,39.8,0,0,0,0-28.92l46.1-29.63a40,40,0,1,0-8.66-13.45l-46.1,29.63a40,40,0,1,0,0,55.82l46.1,29.63A40,40,0,1,0,176,160Zm0-128a24,24,0,1,1-24,24A24,24,0,0,1,176,32ZM64,152a24,24,0,1,1,24-24A24,24,0,0,1,64,152Zm112,72a24,24,0,1,1,24-24A24,24,0,0,1,176,224Z'/></svg>");
    mask-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 256 256'><path d='M176,160a39.89,39.89,0,0,0-28.62,12.09l-46.1-29.63a39.8,39.8,0,0,0,0-28.92l46.1-29.63a40,40,0,1,0-8.66-13.45l-46.1,29.63a40,40,0,1,0,0,55.82l46.1,29.63A40,40,0,1,0,176,160Zm0-128a24,24,0,1,1-24,24A24,24,0,0,1,176,32ZM64,152a24,24,0,1,1,24-24A24,24,0,0,1,64,152Zm112,72a24,24,0,1,1,24-24A24,24,0,0,1,176,224Z'/></svg>");
}

/* ================================
   Subtle scrollbars (utility)
   ================================ */
.subtle-scrollbar[b-vymk71rdin] {
    /* Firefox */
    scrollbar-width: auto;
    /*scrollbar-color: rgba(255,255,255,.25) transparent;*/
}

    /* Chrome / Edge / Safari */
    .subtle-scrollbar[b-vymk71rdin]::-webkit-scrollbar {
        width: 14px; /* wider to make room for the left gutter */
        height: 14px; /* keeps horizontal bars visually balanced */
    }

    .subtle-scrollbar[b-vymk71rdin]::-webkit-scrollbar-track {
        background: transparent;
    }

    .subtle-scrollbar[b-vymk71rdin]::-webkit-scrollbar-thumb {
        /*background-color: rgba(255,255,255,.20);*/
        border-left: 6px solid transparent; /* ← left-only “padding” */
        border-top: 0;
        border-right: 0;
        border-bottom: 0;
        background-clip: padding-box; /* keeps the bg off the transparent border area */
        border-radius: 8px;
    }

    .subtle-scrollbar:hover[b-vymk71rdin]::-webkit-scrollbar-thumb {
        /*background-color: rgba(255,255,255,.30);*/
    }

    .subtle-scrollbar[b-vymk71rdin]::-webkit-scrollbar-corner {
        background: transparent;
    }



/* Subtle scrollbars for the scrollable tab header, too */
.tabs-scope[b-vymk71rdin]  .dxbl-tabs.rightTabs ul[role="tablist"] {
    scrollbar-width: thin;
    scrollbar-color: rgba(255,255,255,.25) transparent;
}

    .tabs-scope[b-vymk71rdin]  .dxbl-tabs.rightTabs ul[role="tablist"]::-webkit-scrollbar {
        height: 8px;
    }

    .tabs-scope[b-vymk71rdin]  .dxbl-tabs.rightTabs ul[role="tablist"]::-webkit-scrollbar-thumb {
        background-color: rgba(255,255,255,.20);
        border-radius: 8px;
    }

    .tabs-scope[b-vymk71rdin]  .dxbl-tabs.rightTabs ul[role="tablist"]:hover::-webkit-scrollbar-thumb {
        background-color: rgba(255,255,255,.30);
    }

/* DevExpress ScrollViewer bars inside tabs */
.tabs-scope[b-vymk71rdin]  .dxbl-scroll-viewer-vert-scroll-bar,
.tabs-scope[b-vymk71rdin]  .dxbl-scroll-viewer-hor-scroll-bar {
    background: transparent !important;
    opacity: .8;
}

.tabs-scope[b-vymk71rdin]  .dxbl-scroll-viewer-scroll-thumb {
    background-color: rgba(255,255,255,.20) !important;
    border-radius: 8px !important;
    transition: background-color .15s ease;
}

    .tabs-scope[b-vymk71rdin]  .dxbl-scroll-viewer-scroll-thumb:hover {
        background-color: rgba(255,255,255,.30) !important;
    }

/* --------------------
   Small-screen tweak
   -------------------- */
@media (max-width: 767.98px) {
    .tabs-scope[b-vymk71rdin]  .dxbl-tabs.rightTabs ul[role="tablist"] {
        display: inline;
    }

    /* NEWS CARD WRAPPING FIXES */
    .flat-list-left[b-vymk71rdin]  .news-card,
    .flat-list-left[b-vymk71rdin]  .news-card * {
        max-width: 100% !important;
        width: 100% !important;
    }

    .flat-list-left[b-vymk71rdin]  .news-card {
        overflow-wrap: anywhere;
        word-break: break-word;
        white-space: normal !important;
        display: block;
    }

        .flat-list-left[b-vymk71rdin]  .news-card > * {
            white-space: normal !important;
        }
}

[b-vymk71rdin] .dxbl-image.info-icon {
    font-size: 1.5rem;
}


[b-vymk71rdin] .placeholder-card {
    width: 100%;
    min-height: 120px;
    border: 1px solid #2b2b2b;
    border-radius: 8px;
    padding: 16px;
}



/* use your existing theme token for consistency */

/* base: make every direct child of .flat-list look like a row */
[b-vymk71rdin] .flat-list > * {
    border-radius: .5rem;
    transition: background-color .18s ease;
}

    /* hover + keyboard focus highlight */
    [b-vymk71rdin] .flat-list > *:hover,
    [b-vymk71rdin] .flat-list > *:focus-within {
        background-color: var(--bdo-ui-bg-elevated);
    }

/* (optional) don’t highlight if the item is an iframe container */
[b-vymk71rdin] .flat-list > iframe:hover,
[b-vymk71rdin] .flat-list > iframe:focus-within {
    background-color: transparent;
}

/* (optional) if your NewsCard renders with a specific class, target it too */
[b-vymk71rdin] .flat-list .news-card:hover,
[b-vymk71rdin] .flat-list .news-card:focus-within {
    background-color: var(--bdo-ui-bg-elevated);
    border-radius: .5rem;
}
/* /Components/DashboardCard.razor.rz.scp.css */
/* Base card styling */
.card-listings[b-y70ut2792v] {
    height: 400px;
    background: #27272A;
    border-radius: 8px;
    padding: 10px;
    color: #fff;
    overflow-y: auto;
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.3);
    font-family: sans-serif;
    margin-right: 16px;
    width: 100%; /* Adjust as needed */
    display: inline-block;
    vertical-align: top;
}

/* Header styling */
.card-header[b-y70ut2792v] {
    font-size: 20px;
    font-weight: bold;
    border-bottom: 1px solid rgba(255, 255, 255, 0.2);
    margin-bottom: 10px;
    padding: 3px;
}

/* News item styling */
.news-item[b-y70ut2792v] {
    padding: 5px 0;
    border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}

.news-item:last-child[b-y70ut2792v] {
    border-bottom: none;
}

.news-date[b-y70ut2792v] {
    font-size: 0.9rem;
    color: #ccc;
}

.news-title a[b-y70ut2792v] {
    font-size: 16px;
    color: #fff;
    text-decoration: underline;
}
/* /Components/DateComponent.razor.rz.scp.css */
.icon[b-q0mjir3tfe] {
    font-size: 2rem;
    padding-left: 3px;
    padding-right: 3px;
    
}

.date[b-q0mjir3tfe] {
    font-size: 1.5rem;
    font-family: inherit;
    font-weight: 300;
    margin-left: 0.5rem;
}
/* /Components/ErrorDisplayComponent.razor.rz.scp.css */
.error-popup-overlay[b-aw8058n1oa] {
    backdrop-filter: blur(2px);
}

.catastrophic-overlay[b-aw8058n1oa] {
    backdrop-filter: blur(4px);
    background: radial-gradient(circle, rgba(220,53,69,0.1) 0%, rgba(0,0,0,0.8) 100%);
}

.error-popup-container[b-aw8058n1oa] {
    opacity: 1;
    transform: translateY(0) scale(1);
    transition: all 0.3s ease-out;
}

.catastrophic-container[b-aw8058n1oa] {
    box-shadow: 0 0 20px rgba(220, 53, 69, 0.4);
    animation: none;
}

    .catastrophic-container:hover[b-aw8058n1oa] {
        box-shadow: 0 0 30px rgba(220, 53, 69, 0.6);
    }

/* Component-specific responsive styles */
.error-icon[b-aw8058n1oa] {
    font-size: 2.5rem;
}

.error-title[b-aw8058n1oa] {
    font-size: 1.25rem;
    line-height: 1.3;
    word-break: break-word;
}

.error-meta[b-aw8058n1oa] {
    font-size: 0.875rem;
}

.catastrophic-alert-text[b-aw8058n1oa] {
    font-size: 0.9rem;
}

.action-button[b-aw8058n1oa] {
    min-height: 2.5rem;
}

.action-button-text[b-aw8058n1oa] {
    font-size: 0.875rem;
}

.copy-button .d-none[b-aw8058n1oa] {
    display: none !important;
}

.error-details-text-container[b-aw8058n1oa] {
    position: relative;
    overflow: hidden;
}

.error-details-text[b-aw8058n1oa] {
    max-height: 200px;
    overflow-x: auto;
    overflow-y: auto;
    font-size: 0.8rem;
    background-color: #f8f9fa;
    border: 1px solid #e9ecef;
    border-radius: 0.375rem;
    padding: 0.75rem;
    margin: 0;
    white-space: pre-wrap;
    word-break: break-word;
    font-family: 'Courier New', Courier, monospace;
    line-height: 1.4;
}

.catastrophic-details[b-aw8058n1oa] {
    background-color: rgba(255,255,255,0.1) !important;
    border-color: rgba(255,255,255,0.3) !important;
    color: var(--bs-secondary-color) !important;
}

.technical-details[b-aw8058n1oa] {
    opacity: 1;
    max-height: 300px;
    transition: all 0.3s ease-out;
}

.error-content[b-aw8058n1oa] {
    line-height: 1.6;
}

.error-details-section .btn-link[b-aw8058n1oa] {
    text-decoration: none;
    color: var(--bs-primary);
}

    .error-details-section .btn-link:hover[b-aw8058n1oa] {
        text-decoration: underline;
    }

.error-reference[b-aw8058n1oa] {
    background-color: rgba(13, 110, 253, 0.05);
    padding: 0.75rem;
    border-radius: 0.375rem;
    line-height: 1.5;
}

/* Utility classes for flex and overflow */
.min-width-0[b-aw8058n1oa] {
    min-width: 0;
}


/* Make ALL text inside the overlay white */
.error-popup-overlay[b-aw8058n1oa],
.error-popup-overlay *[b-aw8058n1oa] {
    color: #fff !important;
}

    /* Links/icons */
    .error-popup-overlay a[b-aw8058n1oa] {
        color: #fff !important;
        text-decoration: underline;
    }

    .error-popup-overlay svg[b-aw8058n1oa] {
        fill: currentColor;
        stroke: currentColor;
    }

    /* (Optional) extra insurance against Bootstrap utilities */
    .error-popup-overlay .text-danger[b-aw8058n1oa],
    .error-popup-overlay .text-muted[b-aw8058n1oa],
    .error-popup-overlay .text-body[b-aw8058n1oa],
    .error-popup-overlay .alert[b-aw8058n1oa],
    .error-popup-overlay .alert .alert-heading[b-aw8058n1oa] {
        color: #fff !important;
    }
/* /Components/GenericPopupPanel.razor.rz.scp.css */
/* ============================================================
   GenericPopupPanel styles
   - Default width: 60% (set via DxPopup prop)
   - Mobile width override: 80%
   - Left panel hides on mobile
   - Right panel/content height: 400px desktop, 100% mobile
   - Mobile outer margin: 5px (change --gp-mobile-margin if needed)
   ============================================================ */

:root[b-upp65rmsye] {
    --gp-mobile-margin: 5px; /* change to 5rem or 8px if desired */
}

/* Remove default padding to let our layout control spacing */
.dxbl-modal > .dxbl-modal-root > .dxbl-popup > .dxbl-modal-content > .dxbl-modal-body[b-upp65rmsye] {
    padding: 0 !important;
}

/* ===== Layout shell ===== */
.generic-popup .popup-flex-container[b-upp65rmsye] {
    display: flex;
    align-items: stretch;
    min-height: 0;
}

/* Left illustration panel */
.generic-popup .popup-left-panel[b-upp65rmsye] {
    flex: 1 1 33%;
    display: flex;
    align-items: center;
    justify-content: center;
    background: var(--bdo-ui-surface-subtle, #f6f7f9);
    border-right: 1px solid var(--bdo-ui-border, #e4e7ec);
}

.generic-popup .popup-image[b-upp65rmsye] {
    max-width: 90%;
    height: auto;
    display: block;
    user-select: none;
    pointer-events: none;
}

/* Right panel */
.generic-popup .popup-right-panel[b-upp65rmsye] {
    flex: 2 1 67%;
    display: flex;
    flex-direction: column;
    min-height: 0;
}

/* Header inside right panel */
.generic-popup .popup-custom-header[b-upp65rmsye] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: .9em 1em .6em 1em;
    border-bottom: 1px solid var(--bdo-ui-border, #e4e7ec);
}

.generic-popup .popup-header-left[b-upp65rmsye] {
    display: flex;
    align-items: center;
    gap: .75em;
}

.generic-popup .popup-header-text[b-upp65rmsye] {
    font-size: 1.25rem;
    font-weight: 700;
}

.generic-popup .popup-close-btn[b-upp65rmsye] {
    background: none;
    border: none;
    font-size: 1.5em;
    line-height: 1;
    cursor: pointer;
}

/* Host for your custom content (tabs, forms, etc.) */
.generic-popup .popup-content-host[b-upp65rmsye] {
    padding: 1em;
    height: 400px; /* desktop height requirement */
    overflow: auto; /* scroll content if needed */
}

/* ===== Mobile overrides ===== */
@media (max-width: 767.98px) {
    /* 80% width popup on mobile (override inline width) + small outer margin */
    .dxbl-modal-dialog[role="dialog"][b-upp65rmsye] {
        width: 80% !important;
        max-width: 80% !important;
        margin: var(--gp-mobile-margin) !important;
    }

    /* Stack panels & hide left illustration */
    .generic-popup .popup-flex-container[b-upp65rmsye] {
        flex-direction: column;
    }

    .generic-popup .popup-left-panel[b-upp65rmsye] {
        display: none !important;
    }

    /* Right panel spacing */
    .generic-popup .popup-content-host[b-upp65rmsye] {
        padding: .75rem;
        height: 100%; /* mobile height requirement */
        overflow: auto;
    }
}
/* /Components/GlobalLoadingComponent.razor.rz.scp.css */
/* Loader wrapper pinned top-right, floating above everything */
.global-loading-wrapper[b-l8blst82eg] {
    position: fixed;
    top: 10px;
    right: 10px;
    z-index: 10001;
    display: flex;
    align-items: center;
    gap: 0;
    pointer-events: none;
    background: transparent !important;
    box-shadow: none !important;
    border: none !important;
    margin: 0;
    padding: 0;
    font-size: 0.9rem;
    line-height: 1;
}

    /* Collapse any internal extra spacing */
    .global-loading-wrapper > *[b-l8blst82eg] {
        position: relative !important;
        margin: 0 !important;
        padding: 0 !important;
        transform: none !important;
    }

    /* Strip all backgrounds/shadows/borders from nested elements and pseudo-elements */
    .global-loading-wrapper *[b-l8blst82eg],
    .global-loading-wrapper *[b-l8blst82eg]::before,
    .global-loading-wrapper *[b-l8blst82eg]::after {
        background: transparent !important;
        background-color: transparent !important;
        box-shadow: none !important;
        border: none !important;
        padding: 0 !important;
        margin: 0 !important;
        content: none !important;
    }

/* DevExpress LoadingPanel specific tightening */
.top-right-loading[b-l8blst82eg],
.top-right-loading .dxbl-loading-panel-container[b-l8blst82eg],
.top-right-loading .dxbl-loading-panel-indicator-area[b-l8blst82eg],
.top-right-loading .dxbl-wait-indicator[b-l8blst82eg],
.top-right-loading .dxbl-loading-panel-message[b-l8blst82eg] {
    width: auto !important;
    min-width: 0 !important;
    height: auto !important;
    min-height: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
    border: none !important;
}

    /* Remove any internal overlay/backdrop */
    .top-right-loading .dxbl-loading-panel-underlay[b-l8blst82eg],
    .top-right-loading .dxbl-loading-panel-overlay[b-l8blst82eg] {
        display: none !important;
    }

/* Accessibility: visually hidden text */
.visually-hidden[b-l8blst82eg] {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0 0 0 0);
    white-space: nowrap;
    border: 0;
}
/* /Components/GreetingComponent.razor.rz.scp.css */
/* Component root: inherit theme color and allow shrink/wrap inside flex parents */
.greeting-root[b-tns4dlcq42] {
    display: block;
    color: inherit;
    max-width: 100%;
    min-width: 0 !important;
    box-sizing: border-box;
}

/* If the page puts this component in a flex/grid row, these must be 0 to wrap */
.greeting-container[b-tns4dlcq42],
.greeting-intro-parent[b-tns4dlcq42] {
    max-width: 100%;
    min-width: 0 !important; /* <-- critical for wrapping in flex layouts */
    flex: 1 1 auto; /* allow shrinking instead of overflowing */
}

/* Make sure the paragraph itself can wrap and isn’t force-truncated */
.greeting-intro[b-tns4dlcq42] {
    display: block;
    margin: 0;
    font-size: 1rem;
    line-height: 1.4;
    color: inherit;
    max-width: 100%;
    white-space: normal !important; /* override any .text-nowrap */
    overflow-wrap: anywhere; /* break long tokens/URLs */
    word-break: normal;
    text-overflow: clip !important; /* undo .text-truncate ellipsis */
    overflow: visible !important;
}

/* Heading: keep big type but allow wrapping and shrinking on phones */
.greeting-root h1[b-tns4dlcq42] {
    color: inherit !important;
    margin: 0 0 .5rem 0;
    line-height: 1.2;
    white-space: normal !important;
    overflow-wrap: anywhere;
    max-width: 100%;
}

/* Scale Bootstrap .display-3 down on very small screens */
@media (max-width: 480px) {
    .greeting-root .display-3[b-tns4dlcq42] {
        font-size: 1.75rem; /* was very large; this keeps it readable and wrap-friendly */
        line-height: 1.2;
    }
}

/* Safety: if any ancestor adds truncation, neutralize it inside this component */
.greeting-root *[b-tns4dlcq42] {
    min-width: 0; /* ensures children can shrink within flex/grid */
}
/* /Components/PersistentIFrames.razor.rz.scp.css */
/* Logo */
.top-right-logo[b-5e05wvce9w] {
    color: inherit;
    top: 0;
    right: 0;
    margin-top: 15px;
    margin-right: 30px !important;
    width: 60px;
    position: fixed;
    z-index: 9999;
}

@media (max-width: 768px) {
    .top-right-logo[b-5e05wvce9w] {
        display: none;
    }
}
/* /Components/SettingsPanelContainerComponent.razor.rz.scp.css */
.dxbl-modal > .dxbl-modal-root > .dxbl-popup > .dxbl-modal-content > .dxbl-modal-body[b-a67j7brfah] {
    padding: 0 !important;
}

.sr-only[b-a67j7brfah] {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0,0,0,0);
    border: 0;
}

/* === Popup Flex Container === */
.popup-flex-container[b-a67j7brfah] {
    display: flex;
    flex-direction: row;
    width: 100%;
    height: 100%;
    min-height: 300px;
}

/* === Left Panel: No Padding, No Background, Full Height === */
.popup-left-panel[b-a67j7brfah] {
    flex: 1 1 33%;
    display: flex;
    align-items: stretch;
    justify-content: stretch;
    background: none;
    border-right: none;
    padding: -10px;
    height: 100%;
    overflow: hidden;
}

/* === Image Fills Left Panel, Clipped to Rounded Corners === */
.popup-image[b-a67j7brfah] {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
    box-shadow: none;
}

/* === Right Panel: Content === */
.popup-right-panel[b-a67j7brfah] {
    flex: 2 1 67%;
    padding: 1em;
    overflow: auto;
}

/*.settings-icon {
    font-size: 2em;
    cursor: pointer;
    color: var(--bdo-ui-text-dimmed) !important;
}*/

.icon-standalone[b-a67j7brfah] {
    font-size: 2em;
    cursor: pointer;
    color: #E4E4E7;
    padding: .5em;
    margin-bottom: 0rem !important;
    margin-top: 0rem !important;
    transition: background 0.2s, color 0.2s;
    border-radius: 6px; /* optional, for rounded background */
}

/* Hover and focus-within states */
@media (hover:hover) {
    .icon-standalone:hover[b-a67j7brfah],
    .icon-standalone:focus-within[b-a67j7brfah] {
        background: var(--nav-item-bg-hover, #27272A) !important;
        color: var(--nav-color-active, #60A5FA) !important;
    }
}

/* Active state */
.icon-standalone:active[b-a67j7brfah] {
    background: var(--nav-item-bg-hover, #27272A) !important;
    color: var(--nav-color-active, #60A5FA) !important;
}



/* /Components/ThemeSwitcherComponent.razor.rz.scp.css */
@media (hover:hover) {

    i.ph-thin.ph-sun:hover[b-6ug5bzf1mj],
    i.ph-thin.ph-sun:focus-within[b-6ug5bzf1mj],
    i.ph-thin.ph-moon-stars:hover[b-6ug5bzf1mj],
    i.ph-thin.ph-moon-stars:focus-within[b-6ug5bzf1mj] {
        background: var(--nav-item-bg-hover, #27272A) !important;
        color: var(--nav-color-active, #60A5FA) !important;
        border-radius: 6px; /* optional, for rounded background */
        padding: .5em;
    }
}

i.ph-thin.ph-sun:active[b-6ug5bzf1mj],
i.ph-thin.ph-moon-stars:active[b-6ug5bzf1mj] {
    background: var(--nav-item-bg-hover, #27272A) !important;
    color: var(--nav-color-active, #60A5FA) !important;
}




.icon-standalone[b-6ug5bzf1mj] {
    font-size: 2em;
    cursor: pointer;
    color: #E4E4E7;
    padding: .5em;
    margin-bottom: 1.5rem !important;
    margin-top: .25rem !important;
}

/* /Layout/MainLayout.razor.rz.scp.css */
:root[b-ynabom62bi] { /* fallback */
    --page-bg: url("/images/aiplatform-home-dark-bg.png");
}

/* Container holds sidebar + main area */
:global(html, body)[b-ynabom62bi] {
    height: 100%;
    margin: 0;
    overflow-x: hidden; /* belt-and-suspenders */
}

.layout-container[b-ynabom62bi] {
    display: flex !important;
    height: 100vh;
    overflow: hidden; /* prevent whole-page scroll */
    overflow-x: hidden; /* avoid stray horizontal scrollbars */
}

/* Sidebar (vertical rail on desktop; navbar on mobile) */
.sidebar[b-ynabom62bi] {
    width: 6.5rem;
    flex-shrink: 0;
    background-color: #09090B;
    overflow: hidden; /* hide x-overflow; inner list will scroll */
    font-weight: normal;
}

/* Main area flex layout */
.main[b-ynabom62bi] {
    flex-grow: 1;
    display: flex;
    flex-direction: column;
    overflow: hidden; /* so only .content scrolls */
}

/* Scrollable content region */
.content[b-ynabom62bi] {
    flex-grow: 1;
    overflow-y: auto;
    overflow-x: hidden;
}

    /* If you @Body in an <iframe> context: */
    .content iframe[b-ynabom62bi] {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100vh; /* calc(100vh - 0px); subtract header height if needed */
        border: none;
    }


/* Fill the viewport */
.page-bg[b-ynabom62bi] {
    position: relative;
    min-height: 100vh;
}

/* In the parent page CSS (e.g., Home.razor.css / Activities page root) */
.home-grid > *[b-ynabom62bi],
.home-stack > *[b-ynabom62bi] {
    min-width: 0; /* critical for wrapping inside grid cells */
}

/* LIGHT */


/* ────────────────────────────────────────────────────────────
   MOBILE: collapsed nav behavior
   - collapsed by default
   - show => flex column with scrolling list and sticky bottom
   - zero horizontal overflow
   ────────────────────────────────────────────────────────── */
@media (max-width: 760px) {

    .content[b-ynabom62bi] {        
        overflow-y: auto;
    }

    .layout-container[b-ynabom62bi] {
        flex-direction: column;
    }

    .mobile-margin[b-ynabom62bi] {
        margin-top: 3em; /* space for mobile header */
    }

    .sidebar[b-ynabom62bi] {
        width: 100%;
        overflow-x: hidden;
    }

    /* IMPORTANT: Do NOT force display here; let Bootstrap .collapse hide it.
       Only when .show is present do we turn it into a flex column. */
    .navmenu-collapse[b-ynabom62bi] {
        overflow-x: hidden;
    }

        .navmenu-collapse.show[b-ynabom62bi] {
            display: flex !important;
            flex-direction: column;
            max-height: calc(100vh - 56px); /* adjust to your toggler/header height */
            overflow: hidden; /* inner list scrolls; bottom area sticks */
            width: 100%;
        }

            /* Reach into NavMenu component */
            .navmenu-collapse.show[b-ynabom62bi]  .nav {
                flex: 1 1 auto !important;
                overflow-y: auto;
                overflow-x: hidden;
                padding-left: 0; /* remove UL default padding */
                margin: 0; /* remove UL default margin */
            }

            /* Full-width mobile links; avoid fixed widths causing overflow */
            .navmenu-collapse.show[b-ynabom62bi]  .nav-pills .nav-link {
                width: 100% !important;
                padding-top: 12px !important;
                padding-bottom: 12px !important;
                display: flex;
                align-items: center;
                justify-content: flex-start;
                gap: 10px;
                text-align: left !important;
            }

            /* Bottom block pinned and visible while list scrolls */
            .navmenu-collapse.show[b-ynabom62bi]  .staticbottom-icon {
                position: sticky;
                bottom: 0;
                background: #000;
                padding-top: 0.75rem;
                padding-bottom: 0.75rem;
                z-index: 1;
                margin-top: 0 !important; /* sticky handles position on mobile */
            }
}

/* Optional: toggler outline on dark bg */
.navbar-dark .navbar-toggler[b-ynabom62bi] {
    border-color: rgba(255,255,255,.25);
}

/* /Layout/NavMenu.razor.rz.scp.css */
/* NavMenu.razor.css — restored previous working version */
:host[b-q966q5rltw] {
	--nav-bg: #09090B;
	--nav-color: #E4E4E7;
	--nav-color-active: #60A5FA;
	--nav-item-bg-hover: #27272A;
	--nav-item-radius: .25rem;
}

.nav-menu[b-q966q5rltw] {
	width: 100%;
	min-height: 100vh;
	min-height: 100dvh;
	background: var(--nav-bg) !important;
	display: flex;
	flex-direction: column;
	align-items: center;
	overflow-x: hidden;
}

	.nav-menu > .nav[b-q966q5rltw] {
		flex: 1 1 auto;
		min-height: 0;
		width: 100%;
		padding: 0;
		margin: 0;
		align-items: center;
		overflow-y: auto;
	}

.staticbottom-icon[b-q966q5rltw] {
	margin-top: auto;
	flex-shrink: 0;
}

.nav-menu .nav-link[b-q966q5rltw],
.nav-menu .nav-pills .nav-link[b-q966q5rltw] {
	background: transparent !important;
	color: var(--nav-color,#adb5bd) !important;
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: .35rem;
	padding: .65rem .75rem;
	text-decoration: none;
	transition: color .12s linear, background-color .12s linear;
	width: 100%;
	border-radius: var(--nav-item-radius);
}

.ph-icon[b-q966q5rltw] {
	font-size: 36px;
	color: var(--nav-color,#adb5bd) !important;
	transition: color .12s linear;
}

[b-q966q5rltw] .nav-menu-body li.nav-item {
	border-radius: var(--nav-item-radius);
	position: relative;
	overflow: hidden;
	width: 100%;
}

@media(hover:hover) {
	[b-q966q5rltw] .nav-menu-body li.nav-item:hover,
	[b-q966q5rltw] .nav-menu-body li.nav-item:focus-within {
		background: var(--nav-item-bg-hover,#27272A) !important;
	}

		[b-q966q5rltw] .nav-menu-body li.nav-item:hover > a.nav-link,
		[b-q966q5rltw] .nav-menu-body li.nav-item:hover > a.nav-link .ph-icon,
		[b-q966q5rltw] .nav-menu-body li.nav-item:focus-within > a.nav-link,
		[b-q966q5rltw] .nav-menu-body li.nav-item:focus-within > a.nav-link .ph-icon {
			color: var(--nav-color-active,#60A5FA) !important;
		}
}

[b-q966q5rltw] .nav-menu-body li.nav-item.active {
	background: var(--nav-item-bg-hover,#27272A) !important;
}

	[b-q966q5rltw] .nav-menu-body li.nav-item.active > a.nav-link,
	[b-q966q5rltw] .nav-menu-body li.nav-item.active > a.nav-link .ph-icon {
		color: var(--nav-color-active,#60A5FA) !important;
	}

[b-q966q5rltw] .nav-menu-body li.nav-item > a.nav-link.active {
	background: var(--nav-item-bg-hover,#27272A) !important;
	color: var(--nav-color-active,#60A5FA) !important;
}

	[b-q966q5rltw] .nav-menu-body li.nav-item > a.nav-link.active .ph-icon {
		color: var(--nav-color-active,#60A5FA) !important;
	}

.nav-menu .nav-pills .nav-link.active[b-q966q5rltw] {
	background: transparent !important;
}

@media (max-width:760px) {
	.nav-menu .nav-link[b-q966q5rltw] {
		flex-direction: row;
		justify-content: flex-start;
		align-items: center;
		gap: .75rem;
		font-size: .95rem;
		padding: .85rem .9rem;
		text-align: left;
	}

	.ph-icon[b-q966q5rltw] {
		font-size: 28px;
	}

	.mobile-menu-overlay[b-q966q5rltw] {
		position: fixed;
		inset: 0;
		z-index: 1050;
		display: none;
		background: #09090B !important;
	}

		.mobile-menu-overlay.open[b-q966q5rltw] {
			display: block;
		}

	.mobile-backdrop[b-q966q5rltw] {
		position: absolute;
		inset: 0;
		background: rgba(0,0,0,.5);
	}

	.mobile-menu-overlay .nav-menu[b-q966q5rltw] {
		position: absolute;
		top: 0;
		bottom: 0;
		left: 0;
		width: 80%;
		max-width: 320px;
		transform: translateX(-100%);
		transition: transform 220ms ease-in-out;
		box-shadow: 0 10px 30px rgba(0,0,0,.4);
		align-items: stretch;
	}

	.mobile-menu-overlay.open .nav-menu[b-q966q5rltw] {
		transform: translateX(0);
	}

	.mobile-hamburger[b-q966q5rltw] {
		position: fixed;
		top: .65rem;
		left: .65rem;
		z-index: 1060;
		color: var(--nav-color,#E4E4E7) !important;
	}
}
/* /Pages/Activities.razor.rz.scp.css */
.activities-root[b-04afvfu55w] {
    padding-left: .75rem;
    padding-right: .75rem;
    margin-top: 50px;
    margin-left: 40px;
    margin-right: 40px;
}

/* Grid for cards */
.activities-list[b-04afvfu55w] {
    display: grid !important;
    gap: 1rem;
    grid-template-columns: 1fr; /* stack on mobile */
    align-content: start;
}

@media (min-width: 640px) {
    .activities-list[b-04afvfu55w] { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}

@media (min-width: 1024px) {
    .activities-list[b-04afvfu55w] { grid-template-columns: repeat(4, minmax(0, 1fr)); }
}

/* Ensure cards fill cell */
.activities-list[b-04afvfu55w]  .history-card-wrapper,
.activities-list > *[b-04afvfu55w] {
    width: 100% !important;
    max-width: 100% !important;
    box-sizing: border-box;
    border-radius: .5rem;
}

/* Text wrapping */
.activities-root[b-04afvfu55w], .activities-root *[b-04afvfu55w] { overflow-wrap: anywhere; }


/* Child component/card wrappers */
.card-list[b-04afvfu55w]  .history-card-wrapper,
.card-list[b-04afvfu55w]  .dx-card,
.card-list[b-04afvfu55w]  .dxbl-card,
.card-list[b-04afvfu55w]  .dxbs-card {
    width: 100%;
    max-width: none;
    border-radius: .5rem;
    transition: background-color .18s ease, box-shadow .18s ease;
    cursor: pointer;
    padding: .5rem;
    box-sizing: border-box;
}

    /* Hover + focus */
    .card-list[b-04afvfu55w]  .history-card-wrapper:hover,
    .card-list[b-04afvfu55w]  .history-card-wrapper:focus-within {
        background-color: var(--bdo-ui-bg-elevated, #1f1f1f) !important;
    }

    /* Transparent inner links */
    .card-list[b-04afvfu55w]  .history-card-wrapper a,
    .card-list[b-04afvfu55w]  .history-card-wrapper a:hover {
        background-color: transparent !important;
    }

    /* Optional selected */
    .card-list[b-04afvfu55w]  .history-card-wrapper.active,
    .card-list[b-04afvfu55w]  .history-card-wrapper:has(.active) {
        background-color: var(--bdo-ui-bg-elevated, #1f1f1f) !important;
    }
/* /Pages/Home.razor.rz.scp.css */
/* ---------------------------------------------
   Mobile-first: cards stack vertically
----------------------------------------------*/
.dashboard-container[b-9qb3l2nfmp] {
    display: flex;
    flex-direction: column; /* stack items */
    gap: 16px;
    width: 100%;
    box-sizing: border-box;
    margin-top: 20px;
}

    .dashboard-container > .dashboard-item[b-9qb3l2nfmp] {
        flex: 1 0 100%; /* grow, don’t shrink, take full width */
        max-width: 100%;
    }

/* ---------------------------------------------
   GLOBAL MOBILE PADDING (NEW)
   Give the entire page some side gutters on small screens
----------------------------------------------*/
.home-grid[b-9qb3l2nfmp],
.home-stack[b-9qb3l2nfmp],
.dashboard-container[b-9qb3l2nfmp] {
    padding-left: .25rem;
    padding-right: 1rem;
    box-sizing: border-box;
}

    /* Allow children of grid/stack to shrink so text can wrap */
    .home-grid > *[b-9qb3l2nfmp],
    .home-stack > *[b-9qb3l2nfmp] {
        min-width: 0; /* <-- this fixes the wrapping */
    }

/* (Optional) belt-and-suspenders to avoid tiny overflows from children */
.home-grid[b-9qb3l2nfmp],
.home-stack[b-9qb3l2nfmp] {
    overflow-x: hidden;
}

/* ---------------------------------------------
   Tablet / Desktop  ≥ 768 px : three-column layout
----------------------------------------------*/
@media (min-width: 768px) {
    .dashboard-container[b-9qb3l2nfmp] {
        flex-direction: row; /* back to horizontal */
        justify-content: space-evenly;
        align-items: flex-start;
    }

        .dashboard-container > .dashboard-item[b-9qb3l2nfmp] {
            flex: 0 0 33.33%;
            max-width: 33.33%;
        }

    /* On larger screens, remove the mobile side padding and use your wider margins */
    .home-grid[b-9qb3l2nfmp],
    .home-stack[b-9qb3l2nfmp],
    .dashboard-container[b-9qb3l2nfmp] {
        padding-left: 0;
        padding-right: 0;
    }
}

/* ① Hide on mobile / small screens  */
@media (max-width: 767.98px) {
    .desktop-only[b-9qb3l2nfmp] {
        display: none !important;
    }
}

/* ② Show again from 768 px upward */
@media (min-width: 768px) {
    .desktop-only[b-9qb3l2nfmp] {
        display: block !important;
    }
}

/* Stack everything vertically */
.home-stack > *[b-9qb3l2nfmp] {
    display: block;
    /* margin-bottom: 2rem; same spacing you were getting with <br/><br/> */
}

/* Keep your existing dashboard layout settings (deduped) */
.dashboard-item[b-9qb3l2nfmp] {
    flex: 1 1 0;
}

/* Base behaviour: mobile first */
.home-grid[b-9qb3l2nfmp] {
    display: grid; /* keep the grid layout on all devices */
    margin: 0; /* no outer margin on mobile; padding above provides gutters */
}

/* Apply margin only on screens wider than 768 px (tablet/desktop) */
@media (min-width: 768px) {
    .home-grid[b-9qb3l2nfmp] {
        margin-top: 4em;
        margin-left: 4em;
        margin-right: 4em;
    }
}
/* /Pages/RequiredActions.razor.rz.scp.css */
.popup-flex-container[b-b2nteygwg5] {
    display: flex;
    align-items: stretch;
    flex-wrap: wrap;
    height: 100%;
    color: #f0f2f8;
}

.popup-left-panel[b-b2nteygwg5],
.popup-right-panel[b-b2nteygwg5] {
    display: flex;
    flex: 1 1 0;
    min-width: 0;
}

.popup-left-panel[b-b2nteygwg5] {
    flex: 0 0 300px;
    max-width: 300px;
}

.popup-image[b-b2nteygwg5] {
    max-width: 100%;
    height: auto;
    display: block;
}

.popup-right-panel[b-b2nteygwg5] {
    flex: 1 1 320px;
    min-width: 280px;
}

.loading-overlay[b-b2nteygwg5] {
    display: flex;
    align-items: center;
    gap: 12px;
}

/* RESPONSIVE: hide left panel on small screens */
@media (max-width: 768px) {
    .popup-left-panel[b-b2nteygwg5] {
        display: none;
    }

    .popup-right-panel[b-b2nteygwg5] {
        flex: 1 1 100%;
        min-width: 0;
    }
}

/* RESPONSIVE: hide left panel on small screens */
@media (max-width: 768px) {
    .popup-left-panel[b-b2nteygwg5] {
        display: none;
    }

    .popup-right-panel[b-b2nteygwg5] {
        flex: 1 1 100%;
        min-width: 0;
    }
}