/* /Features/CollaborativeReview/Components/PdfViewport.razor.rz.scp.css */
/*
 * The overlay (composer/popup/preview) is a SIBLING of the scrolling .viewer-host, not a child of
 * it - it's positioned relative to the visible viewport, not the scrolled document. Anchors sent
 * from JS are viewport-relative client coordinates (see anchorFromClientPoint), and the C# side
 * clamps them against the viewport size (GetAnchoredStyle) - putting the overlay inside the
 * scrolling element would make those two coordinate systems disagree the moment the user scrolls
 * past one viewport height, producing wildly mispositioned popups.
 */
.viewer-wrapper[b-kjlvi4vk8y] { height: 100%; min-height: 0; position: relative; width: 100%; }
.viewer-host[b-kjlvi4vk8y] { background: #e9ecef; height: 100%; overflow: auto; position: relative; width: 100%; }
.viewer-wrapper .cr-overlay-host[b-kjlvi4vk8y] { inset: 0; overflow: visible; pointer-events: none; position: absolute; }
.viewer-host[b-kjlvi4vk8y]  .cr-pages { align-items: center; display: flex; flex-direction: column; gap: 20px; min-width: max-content; padding: 24px 36px 48px; }
.viewer-host[b-kjlvi4vk8y]  .cr-page { --scale-round-x: 1px; --scale-round-y: 1px; --total-scale-factor: 1; background: #fff; box-shadow: 0 3px 14px #0002; flex: 0 0 auto; position: relative; transition: width .15s ease, height .15s ease; }
.viewer-host[b-kjlvi4vk8y]  .cr-canvas { display: block; height: 100%; position: relative; width: 100%; z-index: 0; }
.viewer-host[b-kjlvi4vk8y]  .cr-layer { inset: 0; position: absolute; }
.viewer-host[b-kjlvi4vk8y]  .cr-future-layer { pointer-events: none; }
.viewer-host[b-kjlvi4vk8y]  .cr-text-layer { --min-font-size: 1; --min-font-size-inv: calc(1 / var(--min-font-size)); --text-scale-factor: calc(var(--total-scale-factor) * var(--min-font-size)); color-scheme: only light; forced-color-adjust: none; letter-spacing: normal; line-height: 1; opacity: 1; overflow: clip; pointer-events: auto; text-align: initial; text-size-adjust: none; transform-origin: 0 0; user-select: text; word-spacing: normal; z-index: 3; }
.viewer-host[b-kjlvi4vk8y]  .cr-text-layer :is(span, br) { color: transparent; cursor: text; margin: 0; padding: 0; position: absolute; transform-origin: 0 0; user-select: text; white-space: pre; }
.viewer-host[b-kjlvi4vk8y]  .cr-text-layer > :not(.markedContent), .viewer-host[b-kjlvi4vk8y]  .cr-text-layer .markedContent span:not(.markedContent) { --font-height: 0; --rotate: 0deg; --scale-x: 1; font-size: calc(var(--text-scale-factor) * var(--font-height)); transform: rotate(var(--rotate)) scaleX(var(--scale-x)) scale(var(--min-font-size-inv)); z-index: 1; }
.viewer-host[b-kjlvi4vk8y]  .cr-text-layer .markedContent { display: contents; }
.viewer-host[b-kjlvi4vk8y]  .cr-text-layer span[role="img"] { cursor: default; user-select: none; }
.viewer-host[b-kjlvi4vk8y]  .cr-text-layer ::selection { background: rgba(50, 124, 225, .36); color: transparent; }
.viewer-host[b-kjlvi4vk8y]  .cr-text-layer br::selection { background: transparent; }
.viewer-host[b-kjlvi4vk8y]  .cr-page { cursor: default; }
.viewer-host[b-kjlvi4vk8y]  .cr-page.cr-point-comment-mode,
.viewer-host[b-kjlvi4vk8y]  .cr-page.cr-point-comment-mode .cr-text-layer,
.viewer-host[b-kjlvi4vk8y]  .cr-page.cr-point-comment-mode .cr-text-layer :is(span, br) {
    cursor: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='28' height='28' viewBox='0 0 28 28'%3E%3Cpath d='M4 4h15a3 3 0 0 1 3 3v9a3 3 0 0 1-3 3H11l-5 5v-5a3 3 0 0 1-2-3V7a3 3 0 0 1 3-3Z' fill='%233C0002' stroke='white' stroke-width='1.5'/%3E%3Cpath d='M13 8v6M10 11h6' stroke='white' stroke-width='1.8' stroke-linecap='round'/%3E%3C/svg%3E") 4 4, crosshair;
}
.viewer-host[b-kjlvi4vk8y]  .cr-page.cr-image-annotation-mode,
.viewer-host[b-kjlvi4vk8y]  .cr-page.cr-image-annotation-mode .cr-text-layer,
.viewer-host[b-kjlvi4vk8y]  .cr-page.cr-image-annotation-mode .cr-text-layer :is(span, br) {
    cursor: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='28' height='28' viewBox='0 0 28 28'%3E%3Crect x='3' y='4' width='18' height='15' rx='2.5' fill='%233C0002' stroke='white' stroke-width='1.5'/%3E%3Ccircle cx='9' cy='9' r='2' fill='white'/%3E%3Cpath d='m5 17 5-5 3 3 2-2 4 4' fill='none' stroke='white' stroke-width='1.5' stroke-linejoin='round'/%3E%3Cpath d='M22 17v7M18.5 20.5h7' stroke='%233C0002' stroke-width='2.5' stroke-linecap='round'/%3E%3Cpath d='M22 17v7M18.5 20.5h7' stroke='white' stroke-width='1.2' stroke-linecap='round'/%3E%3C/svg%3E") 4 4, crosshair;
}
.viewer-host[b-kjlvi4vk8y]  .cr-page.cr-image-annotation-mode { cursor: cell; }
.viewer-host[b-kjlvi4vk8y]  .cr-page.cr-text-select-mode, .viewer-host[b-kjlvi4vk8y]  .cr-page.cr-text-select-mode .cr-text-layer { cursor: text; }
.viewer-host[b-kjlvi4vk8y]  .cr-point-comment-layer { pointer-events: none; z-index: 6; }
.viewer-host[b-kjlvi4vk8y]  .cr-point-marker { align-items: center; background: #3C0002; border: 2px solid #fff; border-radius: 50%; box-shadow: 0 2px 7px #0005; color: #fff; display: flex; font-size: .7rem; font-weight: 700; height: 28px; justify-content: center; padding: 0; position: absolute; transform: translate(-50%, -50%); width: 28px; }
.viewer-host[b-kjlvi4vk8y]  .cr-point-marker { pointer-events: auto; }
.viewer-host[b-kjlvi4vk8y]  .cr-point-marker:hover, .viewer-host[b-kjlvi4vk8y]  .cr-point-marker.selected { background: #5A090C; transform: translate(-50%, -50%) scale(1.12); }
.viewer-host[b-kjlvi4vk8y]  .cr-point-marker-owned { box-shadow: 0 0 0 2px #fff, 0 0 0 4px #3C0002, 0 2px 7px #0005; }
.viewer-host[b-kjlvi4vk8y]  .cr-point-marker-resolved { background: #94A3B8; }
.viewer-host[b-kjlvi4vk8y]  .cr-image-marker { background: #3C0002; gap: 1px; font-size: .55rem; }
.viewer-host[b-kjlvi4vk8y]  .cr-image-marker i { font-size: .6rem; }
.viewer-host[b-kjlvi4vk8y]  .cr-text-highlight-layer { pointer-events: none; z-index: 4; }
.viewer-host[b-kjlvi4vk8y]  .cr-text-highlight-rect { border-radius: 2px; cursor: pointer; mix-blend-mode: multiply; opacity: .38; pointer-events: auto; position: absolute; transition: filter .15s ease, opacity .15s ease, outline-color .15s ease; }
.viewer-host[b-kjlvi4vk8y]  .cr-region-highlight-layer { pointer-events: none; z-index: 5; }
.viewer-host[b-kjlvi4vk8y]  .cr-region-highlight-layer.cr-region-draw-active { cursor: crosshair; pointer-events: auto; }
.viewer-host[b-kjlvi4vk8y]  .cr-region-highlight-rect { border: 1.5px solid; border-radius: 2px; cursor: pointer; pointer-events: auto; position: absolute; transition: filter .15s ease, outline-color .15s ease; }
.viewer-host[b-kjlvi4vk8y]  .cr-reviewer-badge { align-items: center; border: 2px solid #fff; border-radius: 50%; box-shadow: 0 2px 7px #0005; color: #fff; display: flex; font-size: .65rem; font-weight: 700; height: 24px; justify-content: center; padding: 0; pointer-events: auto; position: absolute; transform: translate(-50%, -50%); transition: filter .15s ease, transform .15s ease; width: 24px; z-index: 2; }
.viewer-host[b-kjlvi4vk8y]  .cr-reviewer-badge:hover { filter: brightness(1.08); transform: translate(-50%, -50%) scale(1.1); }
.viewer-host[b-kjlvi4vk8y]  .cr-page.cr-text-select-mode :is(.cr-text-highlight-rect, .cr-region-highlight-rect),
.viewer-host[b-kjlvi4vk8y]  .cr-page.cr-point-comment-mode :is(.cr-text-highlight-rect, .cr-region-highlight-rect),
.viewer-host[b-kjlvi4vk8y]  .cr-page.cr-text-select-mode .cr-reviewer-badge,
.viewer-host[b-kjlvi4vk8y]  .cr-page.cr-point-comment-mode .cr-reviewer-badge,
.viewer-host[b-kjlvi4vk8y]  .cr-region-highlight-layer.cr-region-draw-active :is(.cr-region-highlight-rect, .cr-reviewer-badge) { pointer-events: none; }
.viewer-host[b-kjlvi4vk8y]  .cr-review-item-focused { animation: cr-review-item-focus-b-kjlvi4vk8y 1.8s ease-out; outline: 3px solid #0EA5E9; outline-offset: 3px; }
.viewer-host[b-kjlvi4vk8y]  .cr-point-marker.cr-review-item-focused { outline-offset: 4px; }
.viewer-host[b-kjlvi4vk8y]  .cr-region-draw-preview { background: rgba(60, 0, 2, .18); border: 2px dashed #3C0002; box-shadow: 0 0 0 1px #fff8 inset; pointer-events: none; position: absolute; z-index: 10; }
.viewer-host[b-kjlvi4vk8y]  .cr-pending-region-rect { background: rgba(60, 0, 2, .18); border: 2px dashed #3C0002; box-shadow: 0 0 0 1px #fff8 inset; pointer-events: none; position: absolute; z-index: 10; }

@keyframes cr-review-item-focus-b-kjlvi4vk8y {
    0%, 35% { filter: brightness(1.2) drop-shadow(0 0 5px rgba(14, 165, 233, .8)); opacity: 1; }
    100% { filter: none; }
}

@media (max-width: 760px) {
    .viewer-host[b-kjlvi4vk8y]  .cr-pages { padding: 16px 12px 36px; }
}

.cr-thumbnail[b-kjlvi4vk8y] { align-items: center; background: transparent; border: 2px solid #e2e8f0; border-radius: 10px; cursor: pointer; display: flex; flex-direction: column; gap: 7px; padding: 7px; transition: background .15s ease, border-color .15s ease, box-shadow .15s ease; }
.cr-thumbnail canvas[b-kjlvi4vk8y] { background: #fff; border: 1px solid #cbd5e1; border-radius: 5px; box-shadow: 0 2px 7px #0f172a1a; display: block; }
.cr-thumbnail-label[b-kjlvi4vk8y] { color: #64748b; font-size: .72rem; font-weight: 700; }
.cr-thumbnail-active[b-kjlvi4vk8y] { background: #f8eeee; border-color: #3C0002; box-shadow: 0 0 0 2px #3c00021a; }
.cr-thumbnail-active canvas[b-kjlvi4vk8y] { border-color: #3C0002; }
.cr-thumbnail-active .cr-thumbnail-label[b-kjlvi4vk8y] { color: #3C0002; }
.cr-thumbnail:hover[b-kjlvi4vk8y] { background: #f8fafc; border-color: #cbd5e1; }
/* /Features/CollaborativeReview/Pages/CollaborativeReviewWorkspace.razor.rz.scp.css */
.pdf-review-workspace[b-486uw9q5f7] {
    grid-template-columns: minmax(0, 1fr);
}

@media (min-width: 1280px) {
    .pdf-review-workspace[b-486uw9q5f7] {
        grid-template-columns:
            var(--review-left-column)
            minmax(0, 1fr)
            var(--review-drawer-column)
            48px;
    }
}
/* /Features/CollaborativeReview/Pages/ViewReviews.razor.rz.scp.css */
.pdf-review-workspace[b-kqluc356gt] {
    grid-template-columns: minmax(0, 1fr);
}

@media (min-width: 1280px) {
    .pdf-review-workspace[b-kqluc356gt] {
        grid-template-columns:
            var(--review-left-column)
            minmax(0, 1fr)
            var(--review-drawer-column)
            48px;
    }
}
/* /Layout/MainLayout.razor.rz.scp.css */
html[b-tmopy668it], body[b-tmopy668it] {
    height: 100%;
    margin: 0;
    overflow: hidden;
}

.layout-demo[b-tmopy668it],
.layout-demo > .layout[b-tmopy668it] {
    height: 100dvh;
}

    /* flex children won't shrink below content height without this */
    .layout-demo .layout-main[b-tmopy668it] {
        min-height: 0;
        min-width: 0;
        overflow: hidden;
    }

    .layout-demo .layout-side[b-tmopy668it] {
        overflow-y: auto;
    }

.main-scroll[b-tmopy668it] {
    height: 100%;
    overflow-y: auto;
}

.layout-demo .layout-side[b-tmopy668it] {
    position: sticky;
    top: var(--bb-layout-header-height);
    height: calc(100dvh - var(--bb-layout-header-height));
    align-self: flex-start;
    overflow-y: auto;
}
.side-wrapper[b-tmopy668it] {
    position: sticky;
    max-height: 90vh;
    display: flex;
    flex-direction: column;
    border-right: 1px solid #e6e6e6;
    overflow: hidden;
}

.side-menu-top[b-tmopy668it] {
    flex: 1 1 auto;
    overflow-y: auto; /* long menus scroll instead of shoving the bottom off */
}

.side-menu-bottom[b-tmopy668it] {
    flex: 0 0 auto; /* never shrinks, always sits at the bottom */
    border-top: 1px solid #e6e6e6;
    margin-bottom: 5px;
}

[b-tmopy668it] .layout-header {
    display: flex;
    align-items: center;
}

.side-profile[b-tmopy668it] {
    flex: 0 0 auto;
    display: flex;
    align-items: flex-start;
    gap: 0.65rem;
    padding: 0.85rem 1rem;
    margin: 0 0.5rem;
    background-color: #f8f9fb;
    border: 1px solid #e9ecef;
    border-radius: 0.6rem;
}

.side-profile-avatar[b-tmopy668it] {
    flex: 0 0 auto;
    width: 38px;
    height: 38px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    background: #0d6efd;
    color: #fff;
    font-size: 0.8rem;
    font-weight: 700;
    letter-spacing: 0.02em;
    background-color: #27391C;
}

.side-profile-info[b-tmopy668it] {
    min-width: 0;
    flex: 1 1 auto;
}

.side-profile-name[b-tmopy668it] {
    font-weight: 700;
    font-size: 0.85rem;
    color: #212529;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.side-profile-org[b-tmopy668it] {
    font-size: 0.75rem;
    color: #6c757d;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    margin-top: 0.1rem;
}

.side-profile-roles[b-tmopy668it] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.3rem;
    margin-top: 0.4rem;
}

.side-profile-role-badge[b-tmopy668it] {
    font-size: 0.68rem;
    font-weight: 600;
    padding: 0.15em 0.55em;
    border-radius: 999px;
    background: rgba(40, 90, 72, 0.3);
    color: #27391C;
    text-transform: capitalize;
}

.layout-demo[b-tmopy668it]  .layout-header {
    --bb-layout-header-background: #12544F;
}

.layout-demo[b-tmopy668it]  .layout-main {
    background-color: #E8F5E9;
}
html[b-tmopy668it], body[b-tmopy668it] {
    height: 100%;
    margin: 0;
    overflow: hidden;
}

html[b-tmopy668it], body[b-tmopy668it] {
    height: 100%;
    margin: 0;
    overflow: hidden;
}

.layout-demo[b-tmopy668it],
.layout-demo > .layout[b-tmopy668it] {
    height: 100dvh;
}

    /* flex children won't shrink below content height without this */
    .layout-demo .layout-main[b-tmopy668it] {
        min-height: 0;
        min-width: 0;
        overflow: hidden;
    }

    .layout-demo .layout-side[b-tmopy668it] {
        overflow-y: auto;
    }


.main-scroll[b-tmopy668it] {
    height: 100%;
    overflow-y: auto;
}

.layout-demo .layout-side[b-tmopy668it] {
    position: sticky;
    top: var(--bb-layout-header-height);
    height: calc(100dvh - var(--bb-layout-header-height));
    align-self: flex-start;
    overflow-y: auto;
}

.side-top-section[b-tmopy668it] {
    flex: 1 1 auto;
    min-height: 0;
    overflow-y: hidden;
    overflow-x: hidden;
}
/* /Layout/NavMenu.razor.rz.scp.css */
.navbar-toggler[b-9qkkwgv1yd] {
    background-color: rgba(255, 255, 255, 0.1);
}

.top-row[b-9qkkwgv1yd] {
    min-height: 3.5rem;
    background-color: rgba(0,0,0,0.4);
}

.navbar-brand[b-9qkkwgv1yd] {
    font-size: 1.1rem;
}

.bi[b-9qkkwgv1yd] {
    display: inline-block;
    position: relative;
    width: 1.25rem;
    height: 1.25rem;
    margin-right: 0.75rem;
    top: -1px;
    background-size: cover;
}

.bi-house-door-fill-nav-menu[b-9qkkwgv1yd] {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='white' class='bi bi-house-door-fill' viewBox='0 0 16 16'%3E%3Cpath d='M6.5 14.5v-3.505c0-.245.25-.495.5-.495h2c.25 0 .5.25.5.5v3.5a.5.5 0 0 0 .5.5h4a.5.5 0 0 0 .5-.5v-7a.5.5 0 0 0-.146-.354L13 5.793V2.5a.5.5 0 0 0-.5-.5h-1a.5.5 0 0 0-.5.5v1.293L8.354 1.146a.5.5 0 0 0-.708 0l-6 6A.5.5 0 0 0 1.5 7.5v7a.5.5 0 0 0 .5.5h4a.5.5 0 0 0 .5-.5Z'/%3E%3C/svg%3E");
}

.bi-plus-square-fill-nav-menu[b-9qkkwgv1yd] {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='white' class='bi bi-plus-square-fill' viewBox='0 0 16 16'%3E%3Cpath d='M2 0a2 2 0 0 0-2 2v12a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V2a2 2 0 0 0-2-2H2zm6.5 4.5v3h3a.5.5 0 0 1 0 1h-3v3a.5.5 0 0 1-1 0v-3h-3a.5.5 0 0 1 0-1h3v-3a.5.5 0 0 1 1 0z'/%3E%3C/svg%3E");
}

.bi-list-nested-nav-menu[b-9qkkwgv1yd] {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='white' class='bi bi-list-nested' viewBox='0 0 16 16'%3E%3Cpath fill-rule='evenodd' d='M4.5 11.5A.5.5 0 0 1 5 11h10a.5.5 0 0 1 0 1H5a.5.5 0 0 1-.5-.5zm-2-4A.5.5 0 0 1 3 7h10a.5.5 0 0 1 0 1H3a.5.5 0 0 1-.5-.5zm-2-4A.5.5 0 0 1 1 3h10a.5.5 0 0 1 0 1H1a.5.5 0 0 1-.5-.5z'/%3E%3C/svg%3E");
}

.nav-item[b-9qkkwgv1yd] {
    font-size: 0.9rem;
    padding-bottom: 0.5rem;
}

    .nav-item:first-of-type[b-9qkkwgv1yd] {
        padding-top: 1rem;
    }

    .nav-item:last-of-type[b-9qkkwgv1yd] {
        padding-bottom: 1rem;
    }

    .nav-item[b-9qkkwgv1yd]  a {
        color: #d7d7d7;
        border-radius: 4px;
        height: 3rem;
        display: flex;
        align-items: center;
        line-height: 3rem;
    }

.nav-item[b-9qkkwgv1yd]  a.active {
    background-color: rgba(255,255,255,0.37);
    color: white;
}

.nav-item[b-9qkkwgv1yd]  a:hover {
    background-color: rgba(255,255,255,0.1);
    color: white;
}

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

    .collapse[b-9qkkwgv1yd] {
        /* Never collapse the sidebar for wide screens */
        display: block;
    }

    .nav-scrollable[b-9qkkwgv1yd] {
        /* Allow sidebar to scroll for tall menus */
        height: calc(100vh - 3.5rem);
        overflow-y: auto;
    }
}
/* /Pages/Application/Create.razor.rz.scp.css */
.step-demo[b-ru31m0lc05]  .step {
    padding: 0 1rem;
    border-radius: var(--bs-border-radius);
    border: var(--bs-border-width) solid var(--bs-border-color);
    background: #F2F2F2;
}

.step-demo .fa-chevron-right[b-ru31m0lc05] {
    font-size: 1rem;
}
/* /Pages/Application/ExpertComment.razor.rz.scp.css */
.ec-deadline-date[b-eewldx1j6t] {
    font-size: 0.8rem;
    color: #6c757d;
}

.ec-countdown[b-eewldx1j6t] {
    font-size: 0.8rem;
    font-weight: 600;
    padding: 0.5em 0.85em;
}

.ec-countdown-ok[b-eewldx1j6t] {
    background-color: rgba(25, 135, 84, 0.1);
    color: #198754;
}

.ec-countdown-soon[b-eewldx1j6t] {
    background-color: rgba(255, 193, 7, 0.15);
    color: #997404;
}

.ec-countdown-urgent[b-eewldx1j6t] {
    background-color: rgba(253, 126, 20, 0.15);
    color: #c2410c;
}

.ec-countdown-expired[b-eewldx1j6t] {
    background-color: rgba(220, 53, 69, 0.12);
    color: #dc3545;
}

.ec-countdown-none[b-eewldx1j6t] {
    background-color: rgba(108, 117, 125, 0.12);
    color: #6c757d;
}
/* /Pages/DocumentComments/ProjectComment.razor.rz.scp.css */
.pc-page[b-hdori8nyjm] {
    background-color: #f4f6f9;
    min-height: 100%;
}

.pc-card[b-hdori8nyjm] {
    overflow: hidden;
}

.pc-header[b-hdori8nyjm] {
    background: linear-gradient(180deg, #ffffff 0%, #fbfcfe 100%);
}

.pc-header-icon[b-hdori8nyjm] {
    width: 44px;
    height: 44px;
    flex: 0 0 auto;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 0.75rem;
    background: rgba(13, 110, 253, 0.1);
    color: #0d6efd;
    font-size: 1.1rem;
}

.pc-count-badge[b-hdori8nyjm] {
    background-color: rgba(13, 110, 253, 0.1);
    color: #0d6efd;
    font-weight: 600;
    font-size: 0.75rem;
    padding: 0.45em 0.85em;
}

.pc-empty[b-hdori8nyjm] {
    opacity: 0.8;
}

[b-hdori8nyjm] .pc-table thead th {
    text-transform: uppercase;
    font-size: 0.72rem;
    letter-spacing: 0.04em;
    color: #6c757d;
    font-weight: 700;
    background-color: #f8f9fb;
    border-bottom: 1px solid #e9ecef;
    padding: 0.85rem 1rem;
}

[b-hdori8nyjm] .pc-table td {
    padding: 0.9rem 1rem;
    border-color: #eef0f3;
}

[b-hdori8nyjm] .pc-row {
    cursor: pointer;
    transition: background-color 0.15s ease-in-out;
}

[b-hdori8nyjm] .pc-row:hover {
    background-color: #f1f6ff;
}

.pc-file-icon[b-hdori8nyjm] {
    width: 32px;
    height: 32px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 0.5rem;
    background: rgba(220, 53, 69, 0.1);
    color: #dc3545;
    flex: 0 0 auto;
}

.pc-countdown[b-hdori8nyjm] {
    font-size: 0.8rem;
    font-weight: 600;
    padding: 0.5em 0.85em;
}

.pc-countdown-ok[b-hdori8nyjm] {
    background-color: rgba(25, 135, 84, 0.1);
    color: #198754;
}

.pc-countdown-soon[b-hdori8nyjm] {
    background-color: rgba(255, 193, 7, 0.15);
    color: #997404;
}

.pc-countdown-urgent[b-hdori8nyjm] {
    background-color: rgba(253, 126, 20, 0.15);
    color: #c2410c;
}

.pc-countdown-expired[b-hdori8nyjm] {
    background-color: rgba(220, 53, 69, 0.12);
    color: #dc3545;
}

.pc-countdown-none[b-hdori8nyjm] {
    background-color: rgba(108, 117, 125, 0.12);
    color: #6c757d;
}
/* /Pages/ExpertAndAssignment/Expert.razor.rz.scp.css */
.expert-page[b-wh1mtlx2o7] {
    background-color: transparent;
}

.expert-table-card[b-wh1mtlx2o7] {
    border-radius: 0.75rem;
    overflow: hidden;
}

.expert-search[b-wh1mtlx2o7] {
    max-width: 360px;
}

[b-wh1mtlx2o7] .expert-table .mud-table-toolbar {
    padding: 1rem;
    border-bottom: 1px solid var(--mud-palette-lines-default);
}

[b-wh1mtlx2o7] .expert-table .mud-table-head th {
    font-weight: 600;
    text-transform: uppercase;
    font-size: 0.75rem;
    letter-spacing: 0.03em;
    color: var(--mud-palette-text-secondary);
    background-color: var(--mud-palette-background-grey);
}

[b-wh1mtlx2o7] .expert-table .mud-table-cell {
    padding-top: 0.65rem;
    padding-bottom: 0.65rem;
}

[b-wh1mtlx2o7] .tab-body-dark {
    background-color: white;
}
/* /Pages/ExpertAndAssignment/ExpertComponents/AddExpert.razor.rz.scp.css */
.custom-container[b-7q4y6z9xmm] {
    background-color: white;
}

.section-title[b-7q4y6z9xmm] {
    margin: 1.75rem 0 1rem;
    padding-bottom: 0.5rem;
    border-bottom: 1px solid #e9ecef;
    color: #6c757d;
    text-transform: uppercase;
    font-size: 0.8rem;
    letter-spacing: 0.04em;
}

.section-title:first-of-type[b-7q4y6z9xmm] {
    margin-top: 0;
}

.cv-upload-dragarea[b-7q4y6z9xmm] {
    height: 150px;
    width: 100%;
    cursor: pointer;
    border: 2px dashed #ced4da;
    border-radius: 0.375rem;
    transition: border-color 0.15s ease-in-out, background-color 0.15s ease-in-out;
}

.cv-upload-dragarea:hover[b-7q4y6z9xmm] {
    border-color: var(--bs-primary, #0d6efd);
    background-color: #f8f9fa;
}
/* /Pages/ExpertAndAssignment/ExpertComponents/ViewExperts.razor.rz.scp.css */
.custom-container[b-azhn0wd9rw] {
    background-color: white;
}
/* /Pages/Map/Map.razor.rz.scp.css */
html:has(:is(dialog[open]))[b-8kk5p1w1a3] {
    scrollbar-gutter: auto;
    overflow: visible;
}

#oltb[b-8kk5p1w1a3] {
    left: auto !important;
    right: -60px;
    top: 40% !important;
/*    background: #FFFFFF !important;
    background: linear-gradient(188deg,rgba(255, 255, 255, 1) 0%, rgba(251, 251, 251, 1) 5%, rgba(247, 247, 247, 1) 21%, rgba(243, 243, 243, 1) 35%, rgba(240, 240, 240, 1) 55%, rgba(245, 245, 245, 1) 68%, rgba(250, 250, 250, 1) 80%, rgba(255, 255, 255, 1) 95%) !important;*/
    background-color: rgba(255, 255, 255, 0.8);
    backdrop-filter: blur(5px);
    /* background: #BFC6C4 !important;
        background: linear-gradient(1deg,rgba(191, 198, 196, 1) 0%, rgba(244, 241, 239, 1) 36%, rgba(221, 222, 220, 1) 73%, rgba(191, 198, 196, 1) 99%) !important; */
}

.oltb-toolbar[b-8kk5p1w1a3] {
    position: fixed;
    bottom: 20px;
    top: 40% !important;
    right: 20px;
    z-index: 9999;
}

.map-scope .oltb-tool-button[b-8kk5p1w1a3] {
    display: flex;
    align-items: center;
    justify-content: center;
}

/* A plain inline cursor style on the OL viewport loses to ol.css's own rules
       (and to classes OL toggles on it/its children mid-drag, e.g. .ol-grab) -
       !important on every descendant beats all of that regardless of what OL
       sets afterwards. */
.map-scope.zoom-in-active[b-8kk5p1w1a3],
.map-scope.zoom-in-active *[b-8kk5p1w1a3],
.map-scope.zoom-out-active[b-8kk5p1w1a3],
.map-scope.zoom-out-active *[b-8kk5p1w1a3] {
    cursor: crosshair !important;
}


.map-scope.ol-zoom[b-8kk5p1w1a3],
.map-scope .ol-zoom[b-8kk5p1w1a3] {
    top: 15px;
    right: 15px;
    left: auto;
    bottom: auto;
    /* Optional: Adds a subtle shadow around the control container for a modern look */
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.3);
    border-radius: 4px;
    overflow: hidden;
    display: flex;
    flex-direction: row;
}

    .map-scope .ol-zoom button[b-8kk5p1w1a3] {
        /* Makes the buttons bigger */
        width: 2em;
        height: 2em;
        font-size: 0.96rem;
        /* Reset defaults for a cleaner look */
        background-color: #2C3947;
        color: white;
        border: 1px solid #547A95;
        cursor: pointer;
        transition: background-color 0.2s ease-in-out, transform 0.15s ease-in-out;
    }

        /* Flip the +/- order: OL renders zoom-in (+) first, zoom-out (-) second */
        .map-scope .ol-zoom button:first-child[b-8kk5p1w1a3] {
            order: 2;
        }

        .map-scope .ol-zoom button:last-child[b-8kk5p1w1a3] {
            order: 1;
        }

        .map-scope .ol-zoom button:hover[b-8kk5p1w1a3] {
            background-color: #547A95;
            color: white;
            transform: scale(1.05);
        }

        .map-scope .ol-zoom button:active[b-8kk5p1w1a3],
        .map-scope .ol-zoom button:focus[b-8kk5p1w1a3],
        .map-scope .ol-zoom button:focus-visible[b-8kk5p1w1a3] {
            color: white;
        }

        .map-scope .ol-zoom button:active[b-8kk5p1w1a3] {
            transform: scale(0.95);
        }


.divider[b-8kk5p1w1a3] {
    width: 2px;
    margin: 0;
    background: #DFDFDE;
    height: 5vh;
}

.divider-header[b-8kk5p1w1a3] {
    width: 2px;
    margin: 2px;
    background: #25343F;
    height: 1.2em;
}

.map-header[b-8kk5p1w1a3] {
    display: flex;
    flex-direction: column;
    flex: 0 0 10%;
    margin: 0;
    padding: 0;
    overflow: hidden;
}

.map-header-row[b-8kk5p1w1a3] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0 1rem;
    gap: 1rem;
}

.map-header-top[b-8kk5p1w1a3] {
    height: 40%;
    background: #abbaab; /* fallback for old browsers */
    background: -webkit-linear-gradient(to right, #ffffff, #abbaab); /* Chrome 10-25, Safari 5.1-6 */
    background: linear-gradient(to right, #ffffff, #abbaab);
}

    .map-header-top img[b-8kk5p1w1a3] {
        height: 1.5rem;
        width: auto;
        vertical-align: middle;
    }

.map-header-bottom[b-8kk5p1w1a3] {
    height: 60%;
}

.map-header-flag-text[b-8kk5p1w1a3] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
}

.map-header-map-label[b-8kk5p1w1a3] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    font-weight: 600;
    font-size: 1.2em;
}

#custom-select[b-8kk5p1w1a3] {
    appearance: none;
    -webkit-appearance: none;
    font-size: 0.75rem;
    line-height: 1.25rem;
    padding: 0.25rem 1.75rem 0.25rem 0.6rem;
    border: 1px solid #cbd5e1;
    border-radius: 0.375rem;
    background-color: #fff;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23475569' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: right 0.4rem center;
    background-size: 0.85em;
    color: #1f2937;
    cursor: pointer;
    transition: border-color 0.15s ease-in-out;
}

    #custom-select:hover[b-8kk5p1w1a3] {
        border-color: #94a3b8;
    }

    #custom-select:focus[b-8kk5p1w1a3] {
        outline: none;
        border-color: #0038AF;
        box-shadow: 0 0 0 2px rgba(0, 56, 147, 0.25);
    }

.scale-control[b-8kk5p1w1a3] {
    padding: 0.25rem 0.5rem;
    border-radius: 0.375rem;
    background-color: rgba(255, 255, 255, 0.06);
}

.scale-control-icon[b-8kk5p1w1a3] {
    font-size: 0.75rem;
    color: #DFDFDE;
    cursor: pointer;
    transition: color 0.15s ease, transform 0.15s ease;
}

    .scale-control-icon:hover[b-8kk5p1w1a3] {
        color: #5996FF;
        transform: scale(1.15);
    }

/* --- Small helpers Bootstrap doesn't ship, replacing removed Tailwind utilities --- */
.fs-xs[b-8kk5p1w1a3] {
    font-size: 0.75rem;
}

.rotate-180[b-8kk5p1w1a3] {
    transform: rotate(180deg);
}

.line-clamp-2[b-8kk5p1w1a3] {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.tree-row[b-8kk5p1w1a3],
.tree-item[b-8kk5p1w1a3] {
    border-radius: 0.5rem;
    cursor: pointer;
    transition: background-color 0.15s ease, color 0.15s ease;
}

    .tree-row:hover[b-8kk5p1w1a3],
    .tree-item:hover[b-8kk5p1w1a3] {
        background-color: rgba(89, 150, 255, 0.1);
        color: #5996FF;
    }

.vertical-btn[b-8kk5p1w1a3] {
    writing-mode: vertical-lr;
    text-transform: uppercase;
    letter-spacing: 0.06em;
    min-width: 3rem;
    height: 8rem;
    padding: 0.25rem;
    font-weight: 600;
    font-size: 0.875rem;
    color: #fff;
    background: linear-gradient(to bottom, #5a3f1f, #412D15);
    border-radius: 0 0.75rem 0.75rem 0;
    border: 1px solid #2a1c0d;
    box-shadow: 0 4px 6px rgba(42, 28, 13, 0.4);
    cursor: pointer;
    transition: all 0.2s ease-out;
}

    .vertical-btn:hover[b-8kk5p1w1a3] {
        background: linear-gradient(to bottom, #6b4b26, #4f3618);
        box-shadow: 0 10px 15px rgba(42, 28, 13, 0.5);
        transform: translateX(2px);
    }

    .vertical-btn:active[b-8kk5p1w1a3] {
        transform: translateX(0);
        box-shadow: 0 1px 2px rgba(42, 28, 13, 0.4);
    }

.trigger-thumb[b-8kk5p1w1a3],
.basemap-thumb[b-8kk5p1w1a3] {
    position: relative;
    width: 80px;
    height: 80px;
    border-radius: 0.5rem;
    overflow: hidden;
    cursor: pointer;
    box-shadow: 0 4px 6px rgba(0,0,0,0.2);
    border: 2px solid rgba(0,0,0,0.15);
    transition: transform 0.3s ease, border-color 0.2s ease;
}

    .trigger-thumb:hover[b-8kk5p1w1a3],
    .basemap-thumb:hover[b-8kk5p1w1a3] {
        transform: translateY(-4px);
        border-color: var(--mud-palette-primary, #594AE2);
    }

    .basemap-thumb.active[b-8kk5p1w1a3] {
        border-color: var(--mud-palette-primary, #594AE2);
    }

.basemap-caption[b-8kk5p1w1a3] {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    padding: 0.125rem 0.25rem;
    background: linear-gradient(to top, rgba(0,0,0,0.85), transparent);
    text-align: center;
    color: #fff;
    font-size: 0.65rem;
    font-weight: 500;
}

.selected-badge[b-8kk5p1w1a3] {
    position: absolute;
    top: 4px;
    right: 4px;
    width: 16px;
    height: 16px;
    border-radius: 50%;
    background: var(--mud-palette-primary, #594AE2);
    display: flex;
    align-items: center;
    justify-content: center;
}
/* /Pages/Map/_MapPopup.razor.rz.scp.css */
.mp-card[b-75888ffl8m] {
    --mp-accent: #2e7d4f;
    --mp-accent-soft: #e8f3ec;
    --mp-ink: #1f2933;
    --mp-muted: #6b7785;
    --mp-line: #e6eaee;

    position: relative;
    /* Keeps the popup clear of the 24px tree icon it sits above. */
    margin-bottom: 28px;
    background: #fff;
    box-shadow: 0 12px 32px rgba(15, 30, 45, .22), 0 2px 6px rgba(15, 30, 45, .08);
    color: var(--mp-ink);
    font-size: .875rem;
    animation: mp-in-b-75888ffl8m .18s ease-out;
}

@keyframes mp-in-b-75888ffl8m {
    from { opacity: 0; transform: translateY(6px); }
    to { opacity: 1; transform: none; }
}

/* Header */
.mp-header[b-75888ffl8m] {
    display: flex;
    align-items: center;
    gap: .5rem;
    /* Right padding keeps the text clear of the close button in Map.razor. */
    padding: .35rem 2.25rem .35rem .6rem;
    background: linear-gradient(135deg, #2e7d4f 0%, #3f9a6a 100%);
    color: #fff;
}

.mp-header-icon[b-75888ffl8m] {
    flex-shrink: 0;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 22px;
    height: 22px;
    background: rgba(255, 255, 255, .18);
    font-size: .75rem;
}

.mp-eyebrow[b-75888ffl8m] {
    font-size: .72rem;
    font-weight: 600;
    letter-spacing: .08em;
    text-transform: uppercase;
}

/* Tabs: flush underline tabs */
.mp-tabs[b-75888ffl8m] {
    display: flex;
    border-bottom: 1px solid var(--mp-line);
    background: #f7f9fa;
}

.mp-tab[b-75888ffl8m] {
    flex: 1;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: .3rem;
    padding: .25rem .4rem;
    border: 0;
    border-bottom: 2px solid transparent;
    margin-bottom: -1px;
    background: transparent;
    color: var(--mp-muted);
    font-weight: 600;
    font-size: .75rem;
    cursor: pointer;
    transition: background .15s, color .15s, border-color .15s;
}

.mp-tab:hover[b-75888ffl8m] { color: var(--mp-ink); }

.mp-tab:focus-visible[b-75888ffl8m] {
    outline: 2px solid var(--mp-accent);
    outline-offset: 1px;
}

.mp-tab.active[b-75888ffl8m] {
    background: #fff;
    color: var(--mp-accent);
    border-bottom-color: var(--mp-accent);
}

.mp-count[b-75888ffl8m] {
    min-width: 1.1rem;
    padding: 0 .25rem;
    background: #e2e7eb;
    color: var(--mp-muted);
    font-size: .65rem;
    line-height: 1.1rem;
}

.mp-tab.active .mp-count[b-75888ffl8m] {
    background: var(--mp-accent-soft);
    color: var(--mp-accent);
}

/* Body */
.mp-body[b-75888ffl8m] {
    max-height: 340px;
    overflow-y: auto;
    padding: .4rem;
    scrollbar-width: thin;
}

/* Properties: two-column grid; 1px gaps over a line-coloured background draw hairline dividers. */
.mp-fields[b-75888ffl8m] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 1px;
    margin: 0;
    border: 1px solid var(--mp-line);
    background: var(--mp-line);
}

.mp-field[b-75888ffl8m] {
    min-width: 0;
    padding: .2rem .4rem;
    background: #fff;
    transition: background .15s;
}

.mp-field:hover[b-75888ffl8m] { background: var(--mp-accent-soft); }

.mp-field dt[b-75888ffl8m] {
    color: var(--mp-muted);
    font-size: .62rem;
    font-weight: 600;
    letter-spacing: .05em;
    text-transform: uppercase;
}

.mp-field dd[b-75888ffl8m] {
    margin: 0;
    font-size: .8rem;
    font-weight: 600;
    line-height: 1.3;
    overflow-wrap: anywhere;
}

/* Images */
.mp-gallery[b-75888ffl8m] {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: .3rem;
}

.mp-photo[b-75888ffl8m] {
    position: relative;
    display: block;
    width: 100%;
    aspect-ratio: 1;
    padding: 0;
    border: 0;
    overflow: hidden;
    background: #eef1f3;
    cursor: zoom-in;
}

.mp-photo img[b-75888ffl8m] {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform .3s ease;
}

.mp-photo:hover img[b-75888ffl8m] { transform: scale(1.07); }

.mp-photo:focus-visible[b-75888ffl8m] {
    outline: 2px solid var(--mp-accent);
    outline-offset: 2px;
}

.mp-photo-open[b-75888ffl8m] {
    position: absolute;
    top: .35rem;
    right: .35rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 24px;
    height: 24px;
    background: rgba(0, 0, 0, .45);
    color: #fff;
    font-size: .65rem;
    opacity: 0;
    transition: opacity .15s;
}

.mp-photo:hover .mp-photo-open[b-75888ffl8m],
.mp-photo:focus-visible .mp-photo-open[b-75888ffl8m] { opacity: 1; }

.mp-photo-caption[b-75888ffl8m] {
    position: absolute;
    inset: auto 0 0 0;
    padding: 1.25rem .45rem .35rem;
    background: linear-gradient(to top, rgba(0, 0, 0, .7), transparent);
    color: #fff;
    font-size: .7rem;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

/* Empty state */
.mp-empty[b-75888ffl8m] {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: .3rem;
    padding: .9rem 0;
    color: var(--mp-muted);
}

.mp-empty i[b-75888ffl8m] {
    font-size: 1.6rem;
    opacity: .5;
}

@media (prefers-reduced-motion: reduce) {
    .mp-card[b-75888ffl8m] { animation: none; }
    .mp-photo img[b-75888ffl8m], .mp-field[b-75888ffl8m], .mp-tab[b-75888ffl8m] { transition: none; }
}
/* /Pages/Map/_PhotoViewer.razor.rz.scp.css */
.pv-backdrop[b-9o2ylyxlxm] {
    position: fixed;
    inset: 0;
    z-index: 2000;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 1rem;
    background: rgba(10, 18, 26, .75);
    outline: none;
    animation: pv-fade-b-9o2ylyxlxm .15s ease-out;
}

@keyframes pv-fade-b-9o2ylyxlxm {
    from { opacity: 0; }
    to { opacity: 1; }
}

.pv-dialog[b-9o2ylyxlxm] {
    display: flex;
    flex-direction: column;
    width: min(900px, 100%);
    max-height: 100%;
    background: #fff;
    box-shadow: 0 20px 50px rgba(0, 0, 0, .4);
}

.pv-toolbar[b-9o2ylyxlxm] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: .5rem;
    padding: .3rem .4rem .3rem .6rem;
    background: linear-gradient(135deg, #2e7d4f 0%, #3f9a6a 100%);
    color: #fff;
}

.pv-title[b-9o2ylyxlxm] {
    font-size: .72rem;
    font-weight: 600;
    letter-spacing: .08em;
    text-transform: uppercase;
}

.pv-actions[b-9o2ylyxlxm] {
    display: flex;
    align-items: center;
    gap: .2rem;
}

.pv-actions button[b-9o2ylyxlxm] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 26px;
    height: 26px;
    border: 0;
    background: rgba(255, 255, 255, .18);
    color: #fff;
    font-size: .75rem;
    cursor: pointer;
    transition: background .15s;
}

.pv-actions button:hover:not(:disabled)[b-9o2ylyxlxm] { background: rgba(255, 255, 255, .32); }
.pv-actions button:disabled[b-9o2ylyxlxm] { opacity: .4; cursor: default; }

.pv-actions button:focus-visible[b-9o2ylyxlxm] {
    outline: 2px solid #fff;
    outline-offset: 1px;
}

.pv-actions .pv-close[b-9o2ylyxlxm] { margin-left: .3rem; }

.pv-zoom[b-9o2ylyxlxm] {
    min-width: 3rem;
    text-align: center;
    font-size: .75rem;
    font-variant-numeric: tabular-nums;
}

.pv-stage[b-9o2ylyxlxm] {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    height: min(70vh, 640px);
    overflow: hidden;
    background: #fff;
    user-select: none;
}

.pv-stage.pannable[b-9o2ylyxlxm] { cursor: grab; }
.pv-stage.dragging[b-9o2ylyxlxm] { cursor: grabbing; }

.pv-stage img[b-9o2ylyxlxm] {
    max-width: 100%;
    max-height: 100%;
    object-fit: contain;
    transform-origin: center;
    transition: transform .12s ease-out;
}

/* Follow the cursor 1:1 while dragging. */
.pv-stage.dragging img[b-9o2ylyxlxm] { transition: none; }

.pv-note[b-9o2ylyxlxm] {
    padding: .45rem .6rem;
    border-top: 1px solid #e6eaee;
    color: #1f2933;
    font-size: .8rem;
    line-height: 1.4;
    overflow-wrap: anywhere;
}

.pv-note strong[b-9o2ylyxlxm] { color: #2e7d4f; }

@media (prefers-reduced-motion: reduce) {
    .pv-backdrop[b-9o2ylyxlxm] { animation: none; }
    .pv-stage img[b-9o2ylyxlxm] { transition: none; }
}
/* /Pages/Notification.razor.rz.scp.css */
/* CSS for Notification component */
.row[b-i5lg6xmb0o] {
    margin: auto;
    padding: 30px;
    width: 80%;
    display: flex;
    flex-flow: column;

    .card {
        width: 100%;
        margin-bottom: 5px;
        display: block;
        transition: opacity 0.3s;
    }
}


.card-body[b-i5lg6xmb0o] {
    padding: 0.5rem;

    table {
        width: 100%;

        tr {
            display: flex;

            td {
                a.btn {
                    font-size: 0.8rem;
                    padding: 3px;
                }
            }

                td:nth-child(2)[b-i5lg6xmb0o] {
                    text-align: right;
                    justify-content: space-around;
                }
        }
    }
}

.card-title[b-i5lg6xmb0o]:before {
    display: inline-block;
    font-family: 'Font Awesome\ 5 Free';
    font-weight: 900;
    font-size: 1.1rem;
    text-align: center;
    border: 2px solid grey;
    border-radius: 100px;
    width: 30px;
    height: 30px;
    padding-bottom: 3px;
    margin-right: 10px;
}

.notification-invitation[b-i5lg6xmb0o] {
    .card-body {
        .card-title:before {
            color: #90CAF9;
            border-color: #90CAF9;
            content: "\f007";
        }
    }
}

.notification-warning[b-i5lg6xmb0o] {
    .card-body {
        .card-title:before {
            color: #FFE082;
            border-color: #FFE082;
            content: "\f071";
        }
    }
}

.notification-danger[b-i5lg6xmb0o] {
    .card-body {
        .card-title:before {
            color: #FFAB91;
            border-color: #FFAB91;
            content: "\f00d";
        }
    }
}

.notification-reminder[b-i5lg6xmb0o] {
    .card-body {
        .card-title:before {
            color: #CE93D8;
            border-color: #CE93D8;
            content: "\f017";
        }
    }
}

.card.display-none[b-i5lg6xmb0o] {
    display: none;
    transition: opacity 2s;
}

/* /Pages/RoleDashboards/_ComposeMsgHub.razor.rz.scp.css */
/* Card frame only; the form itself is styled by wwwroot/css/mailbox.css (mb-* classes). */
.cmh-card[b-itslag4qhn] {
    background: #fff;
    border: 1px solid #e8eaed;
    border-radius: 12px;
    box-shadow: 0 1px 2px rgba(60, 64, 67, .12), 0 1px 3px 1px rgba(60, 64, 67, .06);
    overflow: hidden;
}

.cmh-head[b-itslag4qhn] {
    display: flex;
    align-items: center;
    gap: .85rem;
    padding: .9rem 1.25rem;
    border-bottom: 1px solid #e8eaed;
}

.cmh-head-icon[b-itslag4qhn] {
    display: grid;
    place-items: center;
    width: 38px;
    height: 38px;
    border-radius: 50%;
    background: #e8f0fe;
    color: #1a73e8;
    flex-shrink: 0;
}

.cmh-head-text h5[b-itslag4qhn] {
    margin: 0;
    font-size: 1rem;
    font-weight: 600;
    color: #202124;
}

.cmh-head-text small[b-itslag4qhn] {
    color: #5f6368;
}

.cmh-fixed[b-itslag4qhn] {
    flex: 1;
    min-width: 0;
    padding: .35rem 0;
    font-size: .95rem;
    color: #202124;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}
/* /Pages/RoleDashboards/_DeadlineCountdown.razor.rz.scp.css */
.dc-deadline-date[b-fgt8x5r7zm] {
    font-size: 0.8rem;
    color: #6c757d;
    white-space: nowrap;
}

.dc-countdown[b-fgt8x5r7zm] {
    font-size: 0.8rem;
    font-weight: 600;
    padding: 0.5em 0.85em;
}

.dc-countdown-ok[b-fgt8x5r7zm] {
    background-color: rgba(25, 135, 84, 0.1);
    color: #198754;
}

.dc-countdown-soon[b-fgt8x5r7zm] {
    background-color: rgba(255, 193, 7, 0.15);
    color: #997404;
}

.dc-countdown-urgent[b-fgt8x5r7zm] {
    background-color: rgba(253, 126, 20, 0.15);
    color: #c2410c;
}

.dc-countdown-expired[b-fgt8x5r7zm] {
    background-color: rgba(220, 53, 69, 0.12);
    color: #dc3545;
}

.dc-countdown-none[b-fgt8x5r7zm] {
    background-color: rgba(108, 117, 125, 0.12);
    color: #6c757d;
}
/* /Pages/RoleDashboards/_InboxForApplication.razor.rz.scp.css */
/* Card frame and header only; list/thread styling comes from wwwroot/css/mailbox.css (mb-* classes). */
.aib-card[b-9eot64gai5] {
    background: #fff;
    border-radius: 12px;
    overflow: hidden;
}

.aib-head[b-9eot64gai5] {
    display: flex;
    align-items: center;
    gap: .85rem;
    padding: .9rem 1.25rem;
    border-bottom: 1px solid #e8eaed;
}

.aib-head-icon[b-9eot64gai5] {
    display: grid;
    place-items: center;
    width: 38px;
    height: 38px;
    flex-shrink: 0;
    border-radius: 50%;
    background: #e8f0fe;
    color: #1a73e8;
}

.aib-head-text[b-9eot64gai5] {
    min-width: 0;
}

    .aib-head-text h5[b-9eot64gai5] {
        margin: 0;
        font-size: 1rem;
        font-weight: 600;
        color: #202124;
    }

    .aib-head-text small[b-9eot64gai5] {
        display: block;
        color: #5f6368;
        overflow: hidden;
        white-space: nowrap;
        text-overflow: ellipsis;
    }

/* Compact pill search inside the toolbar */
.aib-search[b-9eot64gai5] {
    display: flex;
    align-items: center;
    gap: .4rem;
    flex: 1;
    max-width: 360px;
    height: 34px;
    padding: 0 .25rem 0 .8rem;
    border-radius: 17px;
    background: #eaf1fb;
}

    .aib-search:focus-within[b-9eot64gai5] {
        background: #fff;
        box-shadow: 0 1px 1px rgba(65, 69, 73, .3), 0 1px 3px 1px rgba(65, 69, 73, .15);
    }

    .aib-search > i[b-9eot64gai5] {
        color: #5f6368;
        font-size: .85rem;
    }

    .aib-search input[b-9eot64gai5] {
        flex: 1;
        min-width: 0;
        border: 0;
        outline: 0;
        background: transparent;
        font-size: .875rem;
    }
/* /Pages/RoleDashboards/_ViewReviewCorrection.razor.rz.scp.css */
.col-content[b-w8huqc1isn] {
    min-width: 200px;
}

.col-remark[b-w8huqc1isn] {
    min-width: 160px;
}

.review-thumb[b-w8huqc1isn] {
    max-width: 180px;
    max-height: 120px;
    cursor: zoom-in;
}

/* Keep the proponent's line breaks from the remarks textarea. */
.remarks[b-w8huqc1isn] {
    white-space: pre-wrap;
}