/* /Components/Layout/MainLayout.razor.rz.scp.css */
.page[b-wnyjxov6p5] {
    position: relative;
    display: flex;
    flex-direction: column;
}

main[b-wnyjxov6p5] {
    flex: 1;
}

.sidebar[b-wnyjxov6p5] {
    background-image: linear-gradient(180deg, rgb(5, 39, 103) 0%, #3a0647 70%);
}

.top-row[b-wnyjxov6p5] {
    background-color: #f7f7f7;
    border-bottom: 1px solid #d6d5d5;
    justify-content: flex-end;
    height: 3.5rem;
    display: flex;
    align-items: center;
}

    .top-row[b-wnyjxov6p5]  a, .top-row[b-wnyjxov6p5]  .btn-link {
        white-space: nowrap;
        margin-left: 1.5rem;
        text-decoration: none;
    }

        .top-row[b-wnyjxov6p5]  a:hover, .top-row[b-wnyjxov6p5]  .btn-link:hover {
            text-decoration: underline;
        }

        .top-row[b-wnyjxov6p5]  a:first-child {
            overflow: hidden;
            text-overflow: ellipsis;
        }

@media (max-width: 640.98px) {
    .top-row[b-wnyjxov6p5] {
        justify-content: space-between;
    }

        .top-row[b-wnyjxov6p5]  a, .top-row[b-wnyjxov6p5]  .btn-link {
            margin-left: 0;
        }
}

@media (min-width: 641px) {
    .page[b-wnyjxov6p5] {
        flex-direction: row;
    }

    .sidebar[b-wnyjxov6p5] {
        width: 250px;
        height: 100vh;
        position: sticky;
        top: 0;
    }

    .top-row[b-wnyjxov6p5] {
        position: sticky;
        top: 0;
        z-index: 1;
    }

        .top-row.auth[b-wnyjxov6p5]  a:first-child {
            flex: 1;
            text-align: right;
            width: 0;
        }

    .top-row[b-wnyjxov6p5], article[b-wnyjxov6p5] {
        padding-left: 2rem !important;
        padding-right: 1.5rem !important;
    }
}

#blazor-error-ui[b-wnyjxov6p5] {
    background: lightyellow;
    bottom: 0;
    box-shadow: 0 -1px 2px rgba(0, 0, 0, 0.2);
    display: none;
    left: 0;
    padding: 0.6rem 1.25rem 0.7rem 1.25rem;
    position: fixed;
    width: 100%;
    z-index: 1000;
}

    #blazor-error-ui .dismiss[b-wnyjxov6p5] {
        cursor: pointer;
        position: absolute;
        right: 0.75rem;
        top: 0.5rem;
    }


/* /Components/Layout/NavMenu.razor.rz.scp.css */
/* /Components/Layout/ReconnectModal.razor.rz.scp.css */
.components-reconnect-first-attempt-visible[b-fmv8veenq1],
.components-reconnect-repeated-attempt-visible[b-fmv8veenq1],
.components-reconnect-failed-visible[b-fmv8veenq1],
.components-pause-visible[b-fmv8veenq1],
.components-resume-failed-visible[b-fmv8veenq1],
.components-rejoining-animation[b-fmv8veenq1] {
    display: none;
}

#components-reconnect-modal.components-reconnect-show .components-reconnect-first-attempt-visible[b-fmv8veenq1],
#components-reconnect-modal.components-reconnect-show .components-rejoining-animation[b-fmv8veenq1],
#components-reconnect-modal.components-reconnect-paused .components-pause-visible[b-fmv8veenq1],
#components-reconnect-modal.components-reconnect-resume-failed .components-resume-failed-visible[b-fmv8veenq1],
#components-reconnect-modal.components-reconnect-retrying[b-fmv8veenq1],
#components-reconnect-modal.components-reconnect-retrying .components-reconnect-repeated-attempt-visible[b-fmv8veenq1],
#components-reconnect-modal.components-reconnect-retrying .components-rejoining-animation[b-fmv8veenq1],
#components-reconnect-modal.components-reconnect-failed[b-fmv8veenq1],
#components-reconnect-modal.components-reconnect-failed .components-reconnect-failed-visible[b-fmv8veenq1] {
    display: block;
}


#components-reconnect-modal[b-fmv8veenq1] {
    background-color: white;
    width: 20rem;
    margin: 20vh auto;
    padding: 2rem;
    border: 0;
    border-radius: 0.5rem;
    box-shadow: 0 3px 6px 2px rgba(0, 0, 0, 0.3);
    opacity: 0;
    transition: display 0.5s allow-discrete, overlay 0.5s allow-discrete;
    animation: components-reconnect-modal-fadeOutOpacity-b-fmv8veenq1 0.5s both;
    &[open]

{
    animation: components-reconnect-modal-slideUp-b-fmv8veenq1 1.5s cubic-bezier(.05, .89, .25, 1.02) 0.3s, components-reconnect-modal-fadeInOpacity-b-fmv8veenq1 0.5s ease-in-out 0.3s;
    animation-fill-mode: both;
}

}

#components-reconnect-modal[b-fmv8veenq1]::backdrop {
    background-color: rgba(0, 0, 0, 0.4);
    animation: components-reconnect-modal-fadeInOpacity-b-fmv8veenq1 0.5s ease-in-out;
    opacity: 1;
}

@keyframes components-reconnect-modal-slideUp-b-fmv8veenq1 {
    0% {
        transform: translateY(30px) scale(0.95);
    }

    100% {
        transform: translateY(0);
    }
}

@keyframes components-reconnect-modal-fadeInOpacity-b-fmv8veenq1 {
    0% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

@keyframes components-reconnect-modal-fadeOutOpacity-b-fmv8veenq1 {
    0% {
        opacity: 1;
    }

    100% {
        opacity: 0;
    }
}

.components-reconnect-container[b-fmv8veenq1] {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 1rem;
}

#components-reconnect-modal p[b-fmv8veenq1] {
    margin: 0;
    text-align: center;
}

#components-reconnect-modal button[b-fmv8veenq1] {
    border: 0;
    background-color: #6b9ed2;
    color: white;
    padding: 4px 24px;
    border-radius: 4px;
}

    #components-reconnect-modal button:hover[b-fmv8veenq1] {
        background-color: #3b6ea2;
    }

    #components-reconnect-modal button:active[b-fmv8veenq1] {
        background-color: #6b9ed2;
    }

.components-rejoining-animation[b-fmv8veenq1] {
    position: relative;
    width: 80px;
    height: 80px;
}

    .components-rejoining-animation div[b-fmv8veenq1] {
        position: absolute;
        border: 3px solid #0087ff;
        opacity: 1;
        border-radius: 50%;
        animation: components-rejoining-animation-b-fmv8veenq1 1.5s cubic-bezier(0, 0.2, 0.8, 1) infinite;
    }

        .components-rejoining-animation div:nth-child(2)[b-fmv8veenq1] {
            animation-delay: -0.5s;
        }

@keyframes components-rejoining-animation-b-fmv8veenq1 {
    0% {
        top: 40px;
        left: 40px;
        width: 0;
        height: 0;
        opacity: 0;
    }

    4.9% {
        top: 40px;
        left: 40px;
        width: 0;
        height: 0;
        opacity: 0;
    }

    5% {
        top: 40px;
        left: 40px;
        width: 0;
        height: 0;
        opacity: 1;
    }

    100% {
        top: 0px;
        left: 0px;
        width: 80px;
        height: 80px;
        opacity: 0;
    }
}
/* /Components/Layout/Shared/ChangeMobileNotificationBell.razor.rz.scp.css */

.cm-bell-wrap[b-b4u9w89f9w] {
    position: relative;
    display: inline-block;
}

.cm-bell-btn[b-b4u9w89f9w] {
    position: relative;
    background: transparent;
    border: 1px solid rgba(255, 255, 255, .25);
    color: #e5ecf5;
    width: 38px;
    height: 38px;
    border-radius: 50%;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    transition: background-color .15s, color .15s;
}

    .cm-bell-btn:hover[b-b4u9w89f9w] {
        background: rgba(255, 255, 255, .1);
        color: #fff;
    }

.cm-bell-dot[b-b4u9w89f9w] {
    position: absolute;
    top: 6px;
    right: 6px;
    width: 9px;
    height: 9px;
    border-radius: 50%;
    background: #dc3545;
    box-shadow: 0 0 0 2px var(--dgr-navy-900, #0c2b52);
}

/* panel */
.cm-bell-panel[b-b4u9w89f9w] {
    position: fixed; /* was: absolute */
    top: 70px; /* adjust to sit under the navbar */
    right: 20px;
    width: min(520px, calc(100vw - 24px));
    background: #fff;
    border: 1px solid #e5e7eb;
    border-radius: 12px;
    box-shadow: 0 12px 32px rgba(15, 23, 42, .18);
    z-index: 2000;
    overflow: hidden;
    animation: cm-bell-in-b-b4u9w89f9w .12s ease-out;
}

@keyframes cm-bell-in-b-b4u9w89f9w {
    from {
        opacity: 0;
        transform: translateY(-4px);
    }

    to {
        opacity: 1;
        transform: translateY(0);
    }
}

.cm-bell-head[b-b4u9w89f9w] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: .65rem .9rem;
    background: #f8fafc;
    border-bottom: 1px solid #e5e7eb;
}

.cm-bell-head-title[b-b4u9w89f9w] {
    font-weight: 700;
    font-size: .9rem;
    color: #0f172a;
}

.cm-bell-close[b-b4u9w89f9w] {
    background: transparent;
    border: none;
    color: #64748b;
    width: 28px;
    height: 28px;
    border-radius: 6px;
    cursor: pointer;
}

    .cm-bell-close:hover[b-b4u9w89f9w] {
        background: #eef2f7;
        color: #0f172a;
    }

.cm-bell-body[b-b4u9w89f9w] {
    padding: .9rem;
    max-height: 70vh;
    overflow-y: auto;
}

@media (max-width: 576px) {
    .cm-bell-panel[b-b4u9w89f9w] {
        right: -8px;
    }
}
/* /Components/Layout/Shared/DismissibleAlert.razor.rz.scp.css */
.swal2-popup.swal2-toast[b-30ss8ovsky] {
    box-sizing: border-box;
    grid-column: 1/4 !important;
    grid-row: 1/4 !important;
    grid-template-columns: min-content auto min-content;
    padding: 1em;
    overflow-y: hidden;
    background: #fff;
    box-shadow: 0 0 1px rgba(0,0,0,.075),0 1px 2px rgba(0,0,0,.075),1px 2px 4px rgba(0,0,0,.075),1px 3px 8px rgba(0,0,0,.075),2px 4px 16px rgba(0,0,0,.075);
    pointer-events: all
}

    .swal2-popup.swal2-toast > *[b-30ss8ovsky] {
        grid-column: 2
    }

    .swal2-popup.swal2-toast .swal2-title[b-30ss8ovsky] {
        margin: .5em 1em;
        padding: 0;
        font-size: 1em;
        text-align: initial
    }

    .swal2-popup.swal2-toast .swal2-loading[b-30ss8ovsky] {
        justify-content: center
    }

    .swal2-popup.swal2-toast .swal2-input[b-30ss8ovsky] {
        height: 2em;
        margin: .5em;
        font-size: 1em
    }

    .swal2-popup.swal2-toast .swal2-validation-message[b-30ss8ovsky] {
        font-size: 1em
    }

    .swal2-popup.swal2-toast .swal2-footer[b-30ss8ovsky] {
        margin: .5em 0 0;
        padding: .5em 0 0;
        font-size: .8em
    }

    .swal2-popup.swal2-toast .swal2-close[b-30ss8ovsky] {
        grid-column: 3/3;
        grid-row: 1/99;
        align-self: center;
        width: .8em;
        height: .8em;
        margin: 0;
        font-size: 2em
    }

    .swal2-popup.swal2-toast .swal2-html-container[b-30ss8ovsky] {
        margin: .5em 1em;
        padding: 0;
        overflow: initial;
        font-size: 1em;
        text-align: initial
    }

        .swal2-popup.swal2-toast .swal2-html-container:empty[b-30ss8ovsky] {
            padding: 0
        }

    .swal2-popup.swal2-toast .swal2-loader[b-30ss8ovsky] {
        grid-column: 1;
        grid-row: 1/99;
        align-self: center;
        width: 2em;
        height: 2em;
        margin: .25em
    }

    .swal2-popup.swal2-toast .swal2-icon[b-30ss8ovsky] {
        grid-column: 1;
        grid-row: 1/99;
        align-self: center;
        width: 2em;
        min-width: 2em;
        height: 2em;
        margin: 0 .5em 0 0
    }

        .swal2-popup.swal2-toast .swal2-icon .swal2-icon-content[b-30ss8ovsky] {
            display: flex;
            align-items: center;
            font-size: 1.8em;
            font-weight: bold
        }

        .swal2-popup.swal2-toast .swal2-icon.swal2-success .swal2-success-ring[b-30ss8ovsky] {
            width: 2em;
            height: 2em
        }

        .swal2-popup.swal2-toast .swal2-icon.swal2-error [class^=swal2-x-mark-line][b-30ss8ovsky] {
            top: .875em;
            width: 1.375em
        }

            .swal2-popup.swal2-toast .swal2-icon.swal2-error [class^=swal2-x-mark-line][class$=left][b-30ss8ovsky] {
                left: .3125em
            }

            .swal2-popup.swal2-toast .swal2-icon.swal2-error [class^=swal2-x-mark-line][class$=right][b-30ss8ovsky] {
                right: .3125em
            }

    .swal2-popup.swal2-toast .swal2-actions[b-30ss8ovsky] {
        justify-content: flex-start;
        height: auto;
        margin: 0;
        margin-top: .5em;
        padding: 0 .5em
    }

    .swal2-popup.swal2-toast .swal2-styled[b-30ss8ovsky] {
        margin: .25em .5em;
        padding: .4em .6em;
        font-size: 1em
    }

    .swal2-popup.swal2-toast .swal2-success[b-30ss8ovsky] {
        border-color: #a5dc86
    }

        .swal2-popup.swal2-toast .swal2-success [class^=swal2-success-circular-line][b-30ss8ovsky] {
            position: absolute;
            width: 1.6em;
            height: 3em;
            border-radius: 50%
        }

            .swal2-popup.swal2-toast .swal2-success [class^=swal2-success-circular-line][class$=left][b-30ss8ovsky] {
                top: -0.8em;
                left: -0.5em;
                transform: rotate(-45deg);
                transform-origin: 2em 2em;
                border-radius: 4em 0 0 4em
            }

            .swal2-popup.swal2-toast .swal2-success [class^=swal2-success-circular-line][class$=right][b-30ss8ovsky] {
                top: -0.25em;
                left: .9375em;
                transform-origin: 0 1.5em;
                border-radius: 0 4em 4em 0
            }

        .swal2-popup.swal2-toast .swal2-success .swal2-success-ring[b-30ss8ovsky] {
            width: 2em;
            height: 2em
        }

        .swal2-popup.swal2-toast .swal2-success .swal2-success-fix[b-30ss8ovsky] {
            top: 0;
            left: .4375em;
            width: .4375em;
            height: 2.6875em
        }

        .swal2-popup.swal2-toast .swal2-success [class^=swal2-success-line][b-30ss8ovsky] {
            height: .3125em
        }

            .swal2-popup.swal2-toast .swal2-success [class^=swal2-success-line][class$=tip][b-30ss8ovsky] {
                top: 1.125em;
                left: .1875em;
                width: .75em
            }

            .swal2-popup.swal2-toast .swal2-success [class^=swal2-success-line][class$=long][b-30ss8ovsky] {
                top: .9375em;
                right: .1875em;
                width: 1.375em
            }

        .swal2-popup.swal2-toast .swal2-success.swal2-icon-show .swal2-success-line-tip[b-30ss8ovsky] {
            animation: swal2-toast-animate-success-line-tip-b-30ss8ovsky .75s
        }

        .swal2-popup.swal2-toast .swal2-success.swal2-icon-show .swal2-success-line-long[b-30ss8ovsky] {
            animation: swal2-toast-animate-success-line-long-b-30ss8ovsky .75s
        }

    .swal2-popup.swal2-toast.swal2-show[b-30ss8ovsky] {
        animation: swal2-toast-show-b-30ss8ovsky .5s
    }

    .swal2-popup.swal2-toast.swal2-hide[b-30ss8ovsky] {
        animation: swal2-toast-hide-b-30ss8ovsky .1s forwards
    }

div:where(.swal2-container)[b-30ss8ovsky] {
    display: grid;
    position: fixed;
    z-index: 1060;
    inset: 0;
    box-sizing: border-box;
    grid-template-areas: "top-start     top            top-end" "center-start  center         center-end" "bottom-start  bottom-center  bottom-end";
    grid-template-rows: minmax(min-content, auto) minmax(min-content, auto) minmax(min-content, auto);
    height: 100%;
    padding: .625em;
    overflow-x: hidden;
    transition: background-color .1s;
    -webkit-overflow-scrolling: touch
}

    div:where(.swal2-container).swal2-backdrop-show[b-30ss8ovsky], div:where(.swal2-container).swal2-noanimation[b-30ss8ovsky] {
        background: rgba(0,0,0,.4)
    }

    div:where(.swal2-container).swal2-backdrop-hide[b-30ss8ovsky] {
        background: rgba(0,0,0,0) !important
    }

    div:where(.swal2-container).swal2-top-start[b-30ss8ovsky], div:where(.swal2-container).swal2-center-start[b-30ss8ovsky], div:where(.swal2-container).swal2-bottom-start[b-30ss8ovsky] {
        grid-template-columns: minmax(0, 1fr) auto auto
    }

    div:where(.swal2-container).swal2-top[b-30ss8ovsky], div:where(.swal2-container).swal2-center[b-30ss8ovsky], div:where(.swal2-container).swal2-bottom[b-30ss8ovsky] {
        grid-template-columns: auto minmax(0, 1fr) auto
    }

    div:where(.swal2-container).swal2-top-end[b-30ss8ovsky], div:where(.swal2-container).swal2-center-end[b-30ss8ovsky], div:where(.swal2-container).swal2-bottom-end[b-30ss8ovsky] {
        grid-template-columns: auto auto minmax(0, 1fr)
    }

    div:where(.swal2-container).swal2-top-start > .swal2-popup[b-30ss8ovsky] {
        align-self: start
    }

    div:where(.swal2-container).swal2-top > .swal2-popup[b-30ss8ovsky] {
        grid-column: 2;
        place-self: start center
    }

    div:where(.swal2-container).swal2-top-end > .swal2-popup[b-30ss8ovsky], div:where(.swal2-container).swal2-top-right > .swal2-popup[b-30ss8ovsky] {
        grid-column: 3;
        place-self: start end
    }

    div:where(.swal2-container).swal2-center-start > .swal2-popup[b-30ss8ovsky], div:where(.swal2-container).swal2-center-left > .swal2-popup[b-30ss8ovsky] {
        grid-row: 2;
        align-self: center
    }

    div:where(.swal2-container).swal2-center > .swal2-popup[b-30ss8ovsky] {
        grid-column: 2;
        grid-row: 2;
        place-self: center center
    }

    div:where(.swal2-container).swal2-center-end > .swal2-popup[b-30ss8ovsky], div:where(.swal2-container).swal2-center-right > .swal2-popup[b-30ss8ovsky] {
        grid-column: 3;
        grid-row: 2;
        place-self: center end
    }

    div:where(.swal2-container).swal2-bottom-start > .swal2-popup[b-30ss8ovsky], div:where(.swal2-container).swal2-bottom-left > .swal2-popup[b-30ss8ovsky] {
        grid-column: 1;
        grid-row: 3;
        align-self: end
    }

    div:where(.swal2-container).swal2-bottom > .swal2-popup[b-30ss8ovsky] {
        grid-column: 2;
        grid-row: 3;
        place-self: end center
    }

    div:where(.swal2-container).swal2-bottom-end > .swal2-popup[b-30ss8ovsky], div:where(.swal2-container).swal2-bottom-right > .swal2-popup[b-30ss8ovsky] {
        grid-column: 3;
        grid-row: 3;
        place-self: end end
    }

    div:where(.swal2-container).swal2-grow-row > .swal2-popup[b-30ss8ovsky], div:where(.swal2-container).swal2-grow-fullscreen > .swal2-popup[b-30ss8ovsky] {
        grid-column: 1/4;
        width: 100%
    }

    div:where(.swal2-container).swal2-grow-column > .swal2-popup[b-30ss8ovsky], div:where(.swal2-container).swal2-grow-fullscreen > .swal2-popup[b-30ss8ovsky] {
        grid-row: 1/4;
        align-self: stretch
    }

    div:where(.swal2-container).swal2-no-transition[b-30ss8ovsky] {
        transition: none !important
    }

    div:where(.swal2-container) div:where(.swal2-popup)[b-30ss8ovsky] {
        display: none;
        position: relative;
        box-sizing: border-box;
        grid-template-columns: minmax(0, 100%);
        width: 32em;
        max-width: 100%;
        padding: 0 0 1.25em;
        border: none;
        border-radius: 5px;
        background: #fff;
        color: hsl(0,0%,33%);
        font-family: inherit;
        font-size: 1rem
    }

        div:where(.swal2-container) div:where(.swal2-popup):focus[b-30ss8ovsky] {
            outline: none
        }

        div:where(.swal2-container) div:where(.swal2-popup).swal2-loading[b-30ss8ovsky] {
            overflow-y: hidden
        }

        div:where(.swal2-container) div:where(.swal2-popup).swal2-draggable[b-30ss8ovsky] {
            cursor: grab
        }

            div:where(.swal2-container) div:where(.swal2-popup).swal2-draggable div:where(.swal2-icon)[b-30ss8ovsky] {
                cursor: grab
            }

        div:where(.swal2-container) div:where(.swal2-popup).swal2-dragging[b-30ss8ovsky] {
            cursor: grabbing
        }

            div:where(.swal2-container) div:where(.swal2-popup).swal2-dragging div:where(.swal2-icon)[b-30ss8ovsky] {
                cursor: grabbing
            }

    div:where(.swal2-container) h2:where(.swal2-title)[b-30ss8ovsky] {
        position: relative;
        max-width: 100%;
        margin: 0;
        padding: .8em 1em 0;
        color: inherit;
        font-size: 1.875em;
        font-weight: 600;
        text-align: center;
        text-transform: none;
        word-wrap: break-word;
        cursor: initial
    }

    div:where(.swal2-container) div:where(.swal2-actions)[b-30ss8ovsky] {
        display: flex;
        z-index: 1;
        box-sizing: border-box;
        flex-wrap: wrap;
        align-items: center;
        justify-content: center;
        width: auto;
        margin: 1.25em auto 0;
        padding: 0
    }

        div:where(.swal2-container) div:where(.swal2-actions):not(.swal2-loading) .swal2-styled[disabled][b-30ss8ovsky] {
            opacity: .4
        }

        div:where(.swal2-container) div:where(.swal2-actions):not(.swal2-loading) .swal2-styled:hover[b-30ss8ovsky] {
            background-image: linear-gradient(rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.1))
        }

        div:where(.swal2-container) div:where(.swal2-actions):not(.swal2-loading) .swal2-styled:active[b-30ss8ovsky] {
            background-image: linear-gradient(rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.2))
        }

    div:where(.swal2-container) div:where(.swal2-loader)[b-30ss8ovsky] {
        display: none;
        align-items: center;
        justify-content: center;
        width: 2.2em;
        height: 2.2em;
        margin: 0 1.875em;
        animation: swal2-rotate-loading-b-30ss8ovsky 1.5s linear 0s infinite normal;
        border-width: .25em;
        border-style: solid;
        border-radius: 100%;
        border-color: #2778c4 rgba(0,0,0,0) #2778c4 rgba(0,0,0,0)
    }

    div:where(.swal2-container) button:where(.swal2-styled)[b-30ss8ovsky] {
        margin: .3125em;
        padding: .625em 1.1em;
        transition: box-shadow .1s;
        box-shadow: 0 0 0 3px rgba(0,0,0,0);
        font-weight: 500
    }

        div:where(.swal2-container) button:where(.swal2-styled):not([disabled])[b-30ss8ovsky] {
            cursor: pointer
        }

        div:where(.swal2-container) button:where(.swal2-styled):where(.swal2-confirm)[b-30ss8ovsky] {
            border: 0;
            border-radius: .25em;
            background: initial;
            background-color: #7066e0;
            color: #fff;
            font-size: 1em
        }

            div:where(.swal2-container) button:where(.swal2-styled):where(.swal2-confirm):focus-visible[b-30ss8ovsky] {
                box-shadow: 0 0 0 3px rgba(112,102,224,.5)
            }

        div:where(.swal2-container) button:where(.swal2-styled):where(.swal2-deny)[b-30ss8ovsky] {
            border: 0;
            border-radius: .25em;
            background: initial;
            background-color: #dc3741;
            color: #fff;
            font-size: 1em
        }

            div:where(.swal2-container) button:where(.swal2-styled):where(.swal2-deny):focus-visible[b-30ss8ovsky] {
                box-shadow: 0 0 0 3px rgba(220,55,65,.5)
            }

        div:where(.swal2-container) button:where(.swal2-styled):where(.swal2-cancel)[b-30ss8ovsky] {
            border: 0;
            border-radius: .25em;
            background: initial;
            background-color: #6e7881;
            color: #fff;
            font-size: 1em
        }

            div:where(.swal2-container) button:where(.swal2-styled):where(.swal2-cancel):focus-visible[b-30ss8ovsky] {
                box-shadow: 0 0 0 3px rgba(110,120,129,.5)
            }

        div:where(.swal2-container) button:where(.swal2-styled).swal2-default-outline:focus-visible[b-30ss8ovsky] {
            box-shadow: 0 0 0 3px rgba(100,150,200,.5)
        }

        div:where(.swal2-container) button:where(.swal2-styled):focus-visible[b-30ss8ovsky] {
            outline: none
        }

        div:where(.swal2-container) button:where(.swal2-styled)[b-30ss8ovsky]::-moz-focus-inner {
            border: 0
        }

    div:where(.swal2-container) div:where(.swal2-footer)[b-30ss8ovsky] {
        margin: 1em 0 0;
        padding: 1em 1em 0;
        border-top: 1px solid #eee;
        color: inherit;
        font-size: 1em;
        text-align: center;
        cursor: initial
    }

    div:where(.swal2-container) .swal2-timer-progress-bar-container[b-30ss8ovsky] {
        position: absolute;
        right: 0;
        bottom: 0;
        left: 0;
        grid-column: auto !important;
        overflow: hidden;
        border-bottom-right-radius: 5px;
        border-bottom-left-radius: 5px
    }

    div:where(.swal2-container) div:where(.swal2-timer-progress-bar)[b-30ss8ovsky] {
        width: 100%;
        height: .25em;
        background: rgba(0,0,0,.2)
    }

    div:where(.swal2-container) img:where(.swal2-image)[b-30ss8ovsky] {
        max-width: 100%;
        margin: 2em auto 1em;
        cursor: initial
    }

    div:where(.swal2-container) button:where(.swal2-close)[b-30ss8ovsky] {
        z-index: 2;
        align-items: center;
        justify-content: center;
        width: 1.2em;
        height: 1.2em;
        margin-top: 0;
        margin-right: 0;
        margin-bottom: -1.2em;
        padding: 0;
        overflow: hidden;
        transition: color .1s,box-shadow .1s;
        border: none;
        border-radius: 5px;
        background: rgba(0,0,0,0);
        color: #ccc;
        font-family: monospace;
        font-size: 2.5em;
        cursor: pointer;
        justify-self: end
    }

        div:where(.swal2-container) button:where(.swal2-close):hover[b-30ss8ovsky] {
            transform: none;
            background: rgba(0,0,0,0);
            color: #f27474
        }

        div:where(.swal2-container) button:where(.swal2-close):focus-visible[b-30ss8ovsky] {
            outline: none;
            box-shadow: inset 0 0 0 3px rgba(100,150,200,.5)
        }

        div:where(.swal2-container) button:where(.swal2-close)[b-30ss8ovsky]::-moz-focus-inner {
            border: 0
        }

    div:where(.swal2-container) .swal2-html-container[b-30ss8ovsky] {
        z-index: 1;
        justify-content: center;
        margin: 0;
        padding: 1em 1.6em .3em;
        overflow: auto;
        color: inherit;
        font-size: 1.125em;
        font-weight: normal;
        line-height: normal;
        text-align: center;
        word-wrap: break-word;
        word-break: break-word;
        cursor: initial
    }

    div:where(.swal2-container) input:where(.swal2-input)[b-30ss8ovsky], div:where(.swal2-container) input:where(.swal2-file)[b-30ss8ovsky], div:where(.swal2-container) textarea:where(.swal2-textarea)[b-30ss8ovsky], div:where(.swal2-container) select:where(.swal2-select)[b-30ss8ovsky], div:where(.swal2-container) div:where(.swal2-radio)[b-30ss8ovsky], div:where(.swal2-container) label:where(.swal2-checkbox)[b-30ss8ovsky] {
        margin: 1em 2em 3px
    }

    div:where(.swal2-container) input:where(.swal2-input)[b-30ss8ovsky], div:where(.swal2-container) input:where(.swal2-file)[b-30ss8ovsky], div:where(.swal2-container) textarea:where(.swal2-textarea)[b-30ss8ovsky] {
        box-sizing: border-box;
        width: auto;
        transition: border-color .1s,box-shadow .1s;
        border: 1px solid hsl(0,0%,85%);
        border-radius: .1875em;
        background: rgba(0,0,0,0);
        box-shadow: inset 0 1px 1px rgba(0,0,0,.06),0 0 0 3px rgba(0,0,0,0);
        color: inherit;
        font-size: 1.125em
    }

        div:where(.swal2-container) input:where(.swal2-input).swal2-inputerror[b-30ss8ovsky], div:where(.swal2-container) input:where(.swal2-file).swal2-inputerror[b-30ss8ovsky], div:where(.swal2-container) textarea:where(.swal2-textarea).swal2-inputerror[b-30ss8ovsky] {
            border-color: #f27474 !important;
            box-shadow: 0 0 2px #f27474 !important
        }

        div:where(.swal2-container) input:where(.swal2-input):focus[b-30ss8ovsky], div:where(.swal2-container) input:where(.swal2-file):focus[b-30ss8ovsky], div:where(.swal2-container) textarea:where(.swal2-textarea):focus[b-30ss8ovsky] {
            border: 1px solid #b4dbed;
            outline: none;
            box-shadow: inset 0 1px 1px rgba(0,0,0,.06),0 0 0 3px rgba(100,150,200,.5)
        }

        div:where(.swal2-container) input:where(.swal2-input)[b-30ss8ovsky]::placeholder, div:where(.swal2-container) input:where(.swal2-file)[b-30ss8ovsky]::placeholder, div:where(.swal2-container) textarea:where(.swal2-textarea)[b-30ss8ovsky]::placeholder {
            color: #ccc
        }

    div:where(.swal2-container) .swal2-range[b-30ss8ovsky] {
        margin: 1em 2em 3px;
        background: #fff
    }

        div:where(.swal2-container) .swal2-range input[b-30ss8ovsky] {
            width: 80%
        }

        div:where(.swal2-container) .swal2-range output[b-30ss8ovsky] {
            width: 20%;
            color: inherit;
            font-weight: 600;
            text-align: center
        }

        div:where(.swal2-container) .swal2-range input[b-30ss8ovsky], div:where(.swal2-container) .swal2-range output[b-30ss8ovsky] {
            height: 2.625em;
            padding: 0;
            font-size: 1.125em;
            line-height: 2.625em
        }

    div:where(.swal2-container) .swal2-input[b-30ss8ovsky] {
        height: 2.625em;
        padding: 0 .75em
    }

    div:where(.swal2-container) .swal2-file[b-30ss8ovsky] {
        width: 75%;
        margin-right: auto;
        margin-left: auto;
        background: rgba(0,0,0,0);
        font-size: 1.125em
    }

    div:where(.swal2-container) .swal2-textarea[b-30ss8ovsky] {
        height: 6.75em;
        padding: .75em
    }

    div:where(.swal2-container) .swal2-select[b-30ss8ovsky] {
        min-width: 50%;
        max-width: 100%;
        padding: .375em .625em;
        background: rgba(0,0,0,0);
        color: inherit;
        font-size: 1.125em
    }

    div:where(.swal2-container) .swal2-radio[b-30ss8ovsky], div:where(.swal2-container) .swal2-checkbox[b-30ss8ovsky] {
        align-items: center;
        justify-content: center;
        background: #fff;
        color: inherit
    }

        div:where(.swal2-container) .swal2-radio label[b-30ss8ovsky], div:where(.swal2-container) .swal2-checkbox label[b-30ss8ovsky] {
            margin: 0 .6em;
            font-size: 1.125em
        }

        div:where(.swal2-container) .swal2-radio input[b-30ss8ovsky], div:where(.swal2-container) .swal2-checkbox input[b-30ss8ovsky] {
            flex-shrink: 0;
            margin: 0 .4em
        }

    div:where(.swal2-container) label:where(.swal2-input-label)[b-30ss8ovsky] {
        display: flex;
        justify-content: center;
        margin: 1em auto 0
    }

    div:where(.swal2-container) div:where(.swal2-validation-message)[b-30ss8ovsky] {
        align-items: center;
        justify-content: center;
        margin: 1em 0 0;
        padding: .625em;
        overflow: hidden;
        background: hsl(0,0%,94%);
        color: #666;
        font-size: 1em;
        font-weight: 300
    }

        div:where(.swal2-container) div:where(.swal2-validation-message)[b-30ss8ovsky]::before {
            content: "!";
            display: inline-block;
            width: 1.5em;
            min-width: 1.5em;
            height: 1.5em;
            margin: 0 .625em;
            border-radius: 50%;
            background-color: #f27474;
            color: #fff;
            font-weight: 600;
            line-height: 1.5em;
            text-align: center
        }

    div:where(.swal2-container) .swal2-progress-steps[b-30ss8ovsky] {
        flex-wrap: wrap;
        align-items: center;
        max-width: 100%;
        margin: 1.25em auto;
        padding: 0;
        background: rgba(0,0,0,0);
        font-weight: 600
    }

        div:where(.swal2-container) .swal2-progress-steps li[b-30ss8ovsky] {
            display: inline-block;
            position: relative
        }

        div:where(.swal2-container) .swal2-progress-steps .swal2-progress-step[b-30ss8ovsky] {
            z-index: 20;
            flex-shrink: 0;
            width: 2em;
            height: 2em;
            border-radius: 2em;
            background: #2778c4;
            color: #fff;
            line-height: 2em;
            text-align: center
        }

            div:where(.swal2-container) .swal2-progress-steps .swal2-progress-step.swal2-active-progress-step[b-30ss8ovsky] {
                background: #2778c4
            }

                div:where(.swal2-container) .swal2-progress-steps .swal2-progress-step.swal2-active-progress-step ~ .swal2-progress-step[b-30ss8ovsky] {
                    background: #add8e6;
                    color: #fff
                }

                div:where(.swal2-container) .swal2-progress-steps .swal2-progress-step.swal2-active-progress-step ~ .swal2-progress-step-line[b-30ss8ovsky] {
                    background: #add8e6
                }

        div:where(.swal2-container) .swal2-progress-steps .swal2-progress-step-line[b-30ss8ovsky] {
            z-index: 10;
            flex-shrink: 0;
            width: 2.5em;
            height: .4em;
            margin: 0 -1px;
            background: #2778c4
        }

div:where(.swal2-icon)[b-30ss8ovsky] {
    position: relative;
    box-sizing: content-box;
    justify-content: center;
    width: 5em;
    height: 5em;
    margin: 2.5em auto .6em;
    border: 0.25em solid rgba(0,0,0,0);
    border-radius: 50%;
    border-color: #000;
    font-family: inherit;
    line-height: 5em;
    cursor: default;
    user-select: none
}

    div:where(.swal2-icon) .swal2-icon-content[b-30ss8ovsky] {
        display: flex;
        align-items: center;
        font-size: 3.75em
    }

    div:where(.swal2-icon).swal2-error[b-30ss8ovsky] {
        border-color: #f27474;
        color: #f27474
    }

        div:where(.swal2-icon).swal2-error .swal2-x-mark[b-30ss8ovsky] {
            position: relative;
            flex-grow: 1
        }

        div:where(.swal2-icon).swal2-error [class^=swal2-x-mark-line][b-30ss8ovsky] {
            display: block;
            position: absolute;
            top: 2.3125em;
            width: 2.9375em;
            height: .3125em;
            border-radius: .125em;
            background-color: #f27474
        }

            div:where(.swal2-icon).swal2-error [class^=swal2-x-mark-line][class$=left][b-30ss8ovsky] {
                left: 1.0625em;
                transform: rotate(45deg)
            }

            div:where(.swal2-icon).swal2-error [class^=swal2-x-mark-line][class$=right][b-30ss8ovsky] {
                right: 1em;
                transform: rotate(-45deg)
            }

        div:where(.swal2-icon).swal2-error.swal2-icon-show[b-30ss8ovsky] {
            animation: swal2-animate-error-icon-b-30ss8ovsky .5s
        }

            div:where(.swal2-icon).swal2-error.swal2-icon-show .swal2-x-mark[b-30ss8ovsky] {
                animation: swal2-animate-error-x-mark-b-30ss8ovsky .5s
            }

    div:where(.swal2-icon).swal2-warning[b-30ss8ovsky] {
        border-color: rgb(249.95234375,205.965625,167.74765625);
        color: #f8bb86
    }

        div:where(.swal2-icon).swal2-warning.swal2-icon-show[b-30ss8ovsky] {
            animation: swal2-animate-error-icon-b-30ss8ovsky .5s
        }

            div:where(.swal2-icon).swal2-warning.swal2-icon-show .swal2-icon-content[b-30ss8ovsky] {
                animation: swal2-animate-i-mark-b-30ss8ovsky .5s
            }

    div:where(.swal2-icon).swal2-info[b-30ss8ovsky] {
        border-color: rgb(156.7033492823,224.2822966507,246.2966507177);
        color: #3fc3ee
    }

        div:where(.swal2-icon).swal2-info.swal2-icon-show[b-30ss8ovsky] {
            animation: swal2-animate-error-icon-b-30ss8ovsky .5s
        }

            div:where(.swal2-icon).swal2-info.swal2-icon-show .swal2-icon-content[b-30ss8ovsky] {
                animation: swal2-animate-i-mark-b-30ss8ovsky .8s
            }

    div:where(.swal2-icon).swal2-question[b-30ss8ovsky] {
        border-color: rgb(200.8064516129,217.9677419355,225.1935483871);
        color: #87adbd
    }

        div:where(.swal2-icon).swal2-question.swal2-icon-show[b-30ss8ovsky] {
            animation: swal2-animate-error-icon-b-30ss8ovsky .5s
        }

            div:where(.swal2-icon).swal2-question.swal2-icon-show .swal2-icon-content[b-30ss8ovsky] {
                animation: swal2-animate-question-mark-b-30ss8ovsky .8s
            }

    div:where(.swal2-icon).swal2-success[b-30ss8ovsky] {
        border-color: #a5dc86;
        color: #a5dc86
    }

        div:where(.swal2-icon).swal2-success [class^=swal2-success-circular-line][b-30ss8ovsky] {
            position: absolute;
            width: 3.75em;
            height: 7.5em;
            border-radius: 50%
        }

            div:where(.swal2-icon).swal2-success [class^=swal2-success-circular-line][class$=left][b-30ss8ovsky] {
                top: -0.4375em;
                left: -2.0635em;
                transform: rotate(-45deg);
                transform-origin: 3.75em 3.75em;
                border-radius: 7.5em 0 0 7.5em
            }

            div:where(.swal2-icon).swal2-success [class^=swal2-success-circular-line][class$=right][b-30ss8ovsky] {
                top: -0.6875em;
                left: 1.875em;
                transform: rotate(-45deg);
                transform-origin: 0 3.75em;
                border-radius: 0 7.5em 7.5em 0
            }

        div:where(.swal2-icon).swal2-success .swal2-success-ring[b-30ss8ovsky] {
            position: absolute;
            z-index: 2;
            top: -0.25em;
            left: -0.25em;
            box-sizing: content-box;
            width: 100%;
            height: 100%;
            border: .25em solid rgba(165,220,134,.3);
            border-radius: 50%
        }

        div:where(.swal2-icon).swal2-success .swal2-success-fix[b-30ss8ovsky] {
            position: absolute;
            z-index: 1;
            top: .5em;
            left: 1.625em;
            width: .4375em;
            height: 5.625em;
            transform: rotate(-45deg)
        }

        div:where(.swal2-icon).swal2-success [class^=swal2-success-line][b-30ss8ovsky] {
            display: block;
            position: absolute;
            z-index: 2;
            height: .3125em;
            border-radius: .125em;
            background-color: #a5dc86
        }

            div:where(.swal2-icon).swal2-success [class^=swal2-success-line][class$=tip][b-30ss8ovsky] {
                top: 2.875em;
                left: .8125em;
                width: 1.5625em;
                transform: rotate(45deg)
            }

            div:where(.swal2-icon).swal2-success [class^=swal2-success-line][class$=long][b-30ss8ovsky] {
                top: 2.375em;
                right: .5em;
                width: 2.9375em;
                transform: rotate(-45deg)
            }

        div:where(.swal2-icon).swal2-success.swal2-icon-show .swal2-success-line-tip[b-30ss8ovsky] {
            animation: swal2-animate-success-line-tip-b-30ss8ovsky .75s
        }

        div:where(.swal2-icon).swal2-success.swal2-icon-show .swal2-success-line-long[b-30ss8ovsky] {
            animation: swal2-animate-success-line-long-b-30ss8ovsky .75s
        }

        div:where(.swal2-icon).swal2-success.swal2-icon-show .swal2-success-circular-line-right[b-30ss8ovsky] {
            animation: swal2-rotate-success-circular-line-b-30ss8ovsky 4.25s ease-in
        }

[class^=swal2][b-30ss8ovsky] {
    -webkit-tap-highlight-color: rgba(0,0,0,0)
}

.swal2-show[b-30ss8ovsky] {
    animation: swal2-show-b-30ss8ovsky .3s
}

.swal2-hide[b-30ss8ovsky] {
    animation: swal2-hide-b-30ss8ovsky .15s forwards
}

.swal2-noanimation[b-30ss8ovsky] {
    transition: none
}

.swal2-scrollbar-measure[b-30ss8ovsky] {
    position: absolute;
    top: -9999px;
    width: 50px;
    height: 50px;
    overflow: scroll
}

.swal2-rtl .swal2-close[b-30ss8ovsky] {
    margin-right: initial;
    margin-left: 0
}

.swal2-rtl .swal2-timer-progress-bar[b-30ss8ovsky] {
    right: 0;
    left: auto
}

@keyframes swal2-toast-show-b-30ss8ovsky {
    0% {
        transform: translateY(-0.625em) rotateZ(2deg)
    }

    33% {
        transform: translateY(0) rotateZ(-2deg)
    }

    66% {
        transform: translateY(0.3125em) rotateZ(2deg)
    }

    100% {
        transform: translateY(0) rotateZ(0deg)
    }
}

@keyframes swal2-toast-hide-b-30ss8ovsky {
    100% {
        transform: rotateZ(1deg);
        opacity: 0
    }
}

@keyframes swal2-toast-animate-success-line-tip-b-30ss8ovsky {
    0% {
        top: .5625em;
        left: .0625em;
        width: 0
    }

    54% {
        top: .125em;
        left: .125em;
        width: 0
    }

    70% {
        top: .625em;
        left: -0.25em;
        width: 1.625em
    }

    84% {
        top: 1.0625em;
        left: .75em;
        width: .5em
    }

    100% {
        top: 1.125em;
        left: .1875em;
        width: .75em
    }
}

@keyframes swal2-toast-animate-success-line-long-b-30ss8ovsky {
    0% {
        top: 1.625em;
        right: 1.375em;
        width: 0
    }

    65% {
        top: 1.25em;
        right: .9375em;
        width: 0
    }

    84% {
        top: .9375em;
        right: 0;
        width: 1.125em
    }

    100% {
        top: .9375em;
        right: .1875em;
        width: 1.375em
    }
}

@keyframes swal2-show-b-30ss8ovsky {
    0% {
        transform: scale(0.7)
    }

    45% {
        transform: scale(1.05)
    }

    80% {
        transform: scale(0.95)
    }

    100% {
        transform: scale(1)
    }
}

@keyframes swal2-hide-b-30ss8ovsky {
    0% {
        transform: scale(1);
        opacity: 1
    }

    100% {
        transform: scale(0.5);
        opacity: 0
    }
}

@keyframes swal2-animate-success-line-tip-b-30ss8ovsky {
    0% {
        top: 1.1875em;
        left: .0625em;
        width: 0
    }

    54% {
        top: 1.0625em;
        left: .125em;
        width: 0
    }

    70% {
        top: 2.1875em;
        left: -0.375em;
        width: 3.125em
    }

    84% {
        top: 3em;
        left: 1.3125em;
        width: 1.0625em
    }

    100% {
        top: 2.8125em;
        left: .8125em;
        width: 1.5625em
    }
}

@keyframes swal2-animate-success-line-long-b-30ss8ovsky {
    0% {
        top: 3.375em;
        right: 2.875em;
        width: 0
    }

    65% {
        top: 3.375em;
        right: 2.875em;
        width: 0
    }

    84% {
        top: 2.1875em;
        right: 0;
        width: 3.4375em
    }

    100% {
        top: 2.375em;
        right: .5em;
        width: 2.9375em
    }
}

@keyframes swal2-rotate-success-circular-line-b-30ss8ovsky {
    0% {
        transform: rotate(-45deg)
    }

    5% {
        transform: rotate(-45deg)
    }

    12% {
        transform: rotate(-405deg)
    }

    100% {
        transform: rotate(-405deg)
    }
}

@keyframes swal2-animate-error-x-mark-b-30ss8ovsky {
    0% {
        margin-top: 1.625em;
        transform: scale(0.4);
        opacity: 0
    }

    50% {
        margin-top: 1.625em;
        transform: scale(0.4);
        opacity: 0
    }

    80% {
        margin-top: -0.375em;
        transform: scale(1.15)
    }

    100% {
        margin-top: 0;
        transform: scale(1);
        opacity: 1
    }
}

@keyframes swal2-animate-error-icon-b-30ss8ovsky {
    0% {
        transform: rotateX(100deg);
        opacity: 0
    }

    100% {
        transform: rotateX(0deg);
        opacity: 1
    }
}

@keyframes swal2-rotate-loading-b-30ss8ovsky {
    0% {
        transform: rotate(0deg)
    }

    100% {
        transform: rotate(360deg)
    }
}

@keyframes swal2-animate-question-mark-b-30ss8ovsky {
    0% {
        transform: rotateY(-360deg)
    }

    100% {
        transform: rotateY(0)
    }
}

@keyframes swal2-animate-i-mark-b-30ss8ovsky {
    0% {
        transform: rotateZ(45deg);
        opacity: 0
    }

    25% {
        transform: rotateZ(-25deg);
        opacity: .4
    }

    50% {
        transform: rotateZ(15deg);
        opacity: .8
    }

    75% {
        transform: rotateZ(-5deg);
        opacity: 1
    }

    100% {
        transform: rotateX(0);
        opacity: 1
    }
}

body.swal2-shown:not(.swal2-no-backdrop,.swal2-toast-shown)[b-30ss8ovsky] {
    overflow: hidden
}

body.swal2-height-auto[b-30ss8ovsky] {
    height: auto !important
}

body.swal2-no-backdrop .swal2-container[b-30ss8ovsky] {
    background-color: rgba(0,0,0,0) !important;
    pointer-events: none
}

    body.swal2-no-backdrop .swal2-container .swal2-popup[b-30ss8ovsky] {
        pointer-events: all
    }

    body.swal2-no-backdrop .swal2-container .swal2-modal[b-30ss8ovsky] {
        box-shadow: 0 0 10px rgba(0,0,0,.4)
    }

@media print {
    body.swal2-shown:not(.swal2-no-backdrop,.swal2-toast-shown)[b-30ss8ovsky] {
        overflow-y: scroll !important
    }

        body.swal2-shown:not(.swal2-no-backdrop,.swal2-toast-shown) > [aria-hidden=true][b-30ss8ovsky] {
            display: none
        }

        body.swal2-shown:not(.swal2-no-backdrop,.swal2-toast-shown) .swal2-container[b-30ss8ovsky] {
            position: static !important
        }
}

body.swal2-toast-shown .swal2-container[b-30ss8ovsky] {
    box-sizing: border-box;
    width: 360px;
    max-width: 100%;
    background-color: rgba(0,0,0,0);
    pointer-events: none
}

    body.swal2-toast-shown .swal2-container.swal2-top[b-30ss8ovsky] {
        inset: 0 auto auto 50%;
        transform: translateX(-50%)
    }

    body.swal2-toast-shown .swal2-container.swal2-top-end[b-30ss8ovsky], body.swal2-toast-shown .swal2-container.swal2-top-right[b-30ss8ovsky] {
        inset: 0 0 auto auto
    }

    body.swal2-toast-shown .swal2-container.swal2-top-start[b-30ss8ovsky], body.swal2-toast-shown .swal2-container.swal2-top-left[b-30ss8ovsky] {
        inset: 0 auto auto 0
    }

    body.swal2-toast-shown .swal2-container.swal2-center-start[b-30ss8ovsky], body.swal2-toast-shown .swal2-container.swal2-center-left[b-30ss8ovsky] {
        inset: 50% auto auto 0;
        transform: translateY(-50%)
    }

    body.swal2-toast-shown .swal2-container.swal2-center[b-30ss8ovsky] {
        inset: 50% auto auto 50%;
        transform: translate(-50%, -50%)
    }

    body.swal2-toast-shown .swal2-container.swal2-center-end[b-30ss8ovsky], body.swal2-toast-shown .swal2-container.swal2-center-right[b-30ss8ovsky] {
        inset: 50% 0 auto auto;
        transform: translateY(-50%)
    }

    body.swal2-toast-shown .swal2-container.swal2-bottom-start[b-30ss8ovsky], body.swal2-toast-shown .swal2-container.swal2-bottom-left[b-30ss8ovsky] {
        inset: auto auto 0 0
    }

    body.swal2-toast-shown .swal2-container.swal2-bottom[b-30ss8ovsky] {
        inset: auto auto 0 50%;
        transform: translateX(-50%)
    }

    body.swal2-toast-shown .swal2-container.swal2-bottom-end[b-30ss8ovsky], body.swal2-toast-shown .swal2-container.swal2-bottom-right[b-30ss8ovsky] {
        inset: auto 0 0 auto
    }
/* /Components/Layout/Shared/Modals/ClerkApprovalModal.razor.rz.scp.css */
.ca-backdrop[b-tl0zfb8zkw] {
    position: fixed;
    inset: 0;
    background: rgba(15, 23, 42, .55);
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 1060;
    padding: 16px;
}

.ca-modal[b-tl0zfb8zkw] {
    background: #fff;
    border-radius: 16px;
    width: 100%;
    max-width: 560px;
    box-shadow: 0 24px 72px rgba(0,0,0,.28);
    overflow: hidden;
    animation: caIn-b-tl0zfb8zkw .22s ease-out;
}

@keyframes caIn-b-tl0zfb8zkw {
    from {
        opacity: 0;
        transform: scale(.95) translateY(10px);
    }

    to {
        opacity: 1;
        transform: scale(1) translateY(0);
    }
}

.ca-header[b-tl0zfb8zkw] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 16px 20px;
    font-weight: 700;
    font-size: .97rem;
}

    .ca-header .btn-close[b-tl0zfb8zkw] {
        filter: invert(1) grayscale(1) brightness(2);
    }

.ca-body[b-tl0zfb8zkw] {
    padding: 24px 24px 16px;
}

.ca-footer[b-tl0zfb8zkw] {
    display: flex;
    justify-content: flex-end;
    gap: 10px;
    padding: 14px 24px;
    background: #f8fafc;
    border-top: 1px solid #e2e8f0;
}

/* Requisition summary box */
.ca-req-box[b-tl0zfb8zkw] {
    background: #f1f5f9;
    border-radius: 10px;
    padding: 12px 16px;
    border-left: 4px solid #2563eb;
}

/* Steps */
.ca-step[b-tl0zfb8zkw] {
    border: 1.5px solid #e2e8f0;
    border-radius: 12px;
    padding: 14px 16px;
    transition: border-color .2s, background .2s;
}

.ca-step-active[b-tl0zfb8zkw] {
    border-color: #bfdbfe;
    background: #f0f7ff;
}

.ca-step-done[b-tl0zfb8zkw] {
    border-color: #bbf7d0;
    background: #f0fdf4;
}

.ca-step-disabled[b-tl0zfb8zkw] {
    border-color: #e2e8f0;
    background: #f8f9fa;
    opacity: .6;
    pointer-events: none;
}

.ca-step-header[b-tl0zfb8zkw] {
    display: flex;
    align-items: flex-start;
    gap: 12px;
}

.ca-step-badge[b-tl0zfb8zkw] {
    width: 28px;
    height: 28px;
    border-radius: 50%;
    flex-shrink: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    font-weight: 700;
    font-size: .85rem;
}

.ca-assigned-display[b-tl0zfb8zkw] {
    background: #dcfce7;
    border: 1px solid #86efac;
    border-radius: 8px;
    padding: 8px 14px;
    font-size: .92rem;
}

.font-monospace[b-tl0zfb8zkw] {
    font-family: 'Courier New', Courier, monospace;
}
/* /Components/Layout/Shared/Modals/GuardStrengthModal.razor.rz.scp.css */
/* ── Modal shell ───────────────────────────────────────────── */
.guard-modal-content[b-zj0959vocd] {
    border-radius: 16px !important;
    overflow: hidden;
}

.guard-modal-header[b-zj0959vocd] {
    background: linear-gradient(135deg, #1e3a5f 0%, #0d6efd 100%);
    padding: 20px 24px 20px;
}

    .guard-modal-header .modal-title[b-zj0959vocd],
    .guard-modal-header p[b-zj0959vocd] {
        color: #fff !important;
    }

    .guard-modal-header .text-muted[b-zj0959vocd] {
        color: rgba(255,255,255,.7) !important;
    }

    .guard-modal-header .btn-close[b-zj0959vocd] {
        filter: invert(1) brightness(2);
    }

.guard-modal-icon-wrap[b-zj0959vocd] {
    width: 48px;
    height: 48px;
    border-radius: 12px;
    background: rgba(255,255,255,.18);
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1.4rem;
    color: #fff;
    flex-shrink: 0;
}

/* ── Serving pill ──────────────────────────────────────────── */
.guard-serving-pill[b-zj0959vocd] {
    display: inline-flex;
    align-items: center;
    padding: 8px 18px;
    border-radius: 50px;
    font-weight: 600;
    font-size: .875rem;
}

.serving-yes[b-zj0959vocd] {
    background: #d1fae5;
    color: #065f46;
    border: 1px solid #6ee7b7;
}

.serving-no[b-zj0959vocd] {
    background: #fee2e2;
    color: #991b1b;
    border: 1px solid #fca5a5;
}

/* ── Info cards ────────────────────────────────────────────── */
.guard-info-card[b-zj0959vocd] {
    border: 1px solid #e5e7eb;
    border-radius: 12px;
    overflow: hidden;
}

.guard-info-card-header[b-zj0959vocd] {
    background: #f8fafc;
    border-bottom: 1px solid #e5e7eb;
    padding: 10px 16px;
    font-size: .8rem;
    font-weight: 700;
    color: #374151;
    letter-spacing: .3px;
}

.guard-info-card-body[b-zj0959vocd] {
    padding: 14px 16px;
}

.guard-kv-row[b-zj0959vocd] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 5px 0;
    border-bottom: 1px solid #f3f4f6;
}

    .guard-kv-row:last-child[b-zj0959vocd] {
        border-bottom: none;
    }

.guard-kv-label[b-zj0959vocd] {
    font-size: .8rem;
    color: #6b7280;
}

.guard-kv-value[b-zj0959vocd] {
    font-size: .85rem;
    font-weight: 600;
    color: #111827;
}

/* ── Guard strength grid ───────────────────────────────────── */
.guard-strength-grid[b-zj0959vocd] {
    display: flex;
    align-items: stretch;
    padding: 16px 12px 12px;
}

.guard-strength-item[b-zj0959vocd] {
    flex: 1;
    text-align: center;
    padding: 0 8px;
}

.guard-strength-divider[b-zj0959vocd] {
    width: 1px;
    background: #e5e7eb;
    margin: 4px 0;
}

.guard-strength-icon[b-zj0959vocd] {
    font-size: 1.3rem;
    margin-bottom: 6px;
}

.guard-strength-item.male .guard-strength-icon[b-zj0959vocd] {
    color: #3b82f6;
}

.guard-strength-item.female .guard-strength-icon[b-zj0959vocd] {
    color: #ec4899;
}

.guard-strength-item.total .guard-strength-icon[b-zj0959vocd] {
    color: #0d6efd;
}

.guard-strength-num[b-zj0959vocd] {
    font-size: 1.6rem;
    font-weight: 800;
    line-height: 1;
    margin-bottom: 4px;
}

.guard-strength-label[b-zj0959vocd] {
    font-size: .72rem;
    color: #6b7280;
    font-weight: 500;
}

/* ── Strength bar ──────────────────────────────────────────── */
.guard-bar-wrap[b-zj0959vocd] {
}

.guard-bar[b-zj0959vocd] {
    height: 10px;
    border-radius: 10px;
    overflow: hidden;
    display: flex;
    background: #f3f4f6;
}

.guard-bar-male[b-zj0959vocd] {
    background: #3b82f6;
    transition: width .4s;
}

.guard-bar-female[b-zj0959vocd] {
    background: #ec4899;
    transition: width .4s;
}

.guard-dot[b-zj0959vocd] {
    display: inline-block;
    width: 8px;
    height: 8px;
    border-radius: 50%;
    margin-right: 3px;
}

.male-dot[b-zj0959vocd] {
    background: #3b82f6;
}

.female-dot[b-zj0959vocd] {
    background: #ec4899;
}

/* ── Remarks ───────────────────────────────────────────────── */
.guard-remarks[b-zj0959vocd] {
    background: #f9fafb;
    border: 1px solid #e5e7eb;
    border-radius: 10px;
    padding: 10px 14px;
}

/* ── Empty state ───────────────────────────────────────────── */
.guard-empty-state[b-zj0959vocd] {
    color: #9ca3af;
}

.guard-empty-icon[b-zj0959vocd] {
    width: 72px;
    height: 72px;
    border-radius: 50%;
    background: #f3f4f6;
    margin: 0 auto;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 2rem;
    color: #d1d5db;
}
/* /Components/Layout/Shared/Modals/RequisitionContactModal.razor.rz.scp.css */
/* px sizes on purpose: the app theme overrides rem values. */
.rcm-backdrop[b-s8wzydpi5q] {
    position: fixed;
    inset: 0;
    background: rgba(30, 41, 59, 0.35);
    backdrop-filter: blur(2px);
    z-index: 1055;
    animation: rcmFadeIn-b-s8wzydpi5q .18s ease;
}

.rcm-shell[b-s8wzydpi5q] {
    position: fixed;
    inset: 0;
    z-index: 1060;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 1rem;
    pointer-events: none;
}

.rcm-dialog[b-s8wzydpi5q] {
    width: 100%;
    max-width: 840px;
    background: #fff;
    border-radius: 16px;
    border: 1px solid #e5e7eb;
    box-shadow: 0 24px 60px rgba(15, 23, 42, .22);
    pointer-events: all;
    overflow: hidden;
    max-height: 92vh;
    display: flex;
    flex-direction: column;
    animation: rcmSlideIn-b-s8wzydpi5q .22s ease;
}

/* ── Header ── */
.rcm-hero[b-s8wzydpi5q] {
    position: relative;
    background: linear-gradient(100deg, #eaf2ff 0%, #f8fbff 60%, #ffffff 100%);
    border-bottom: 1px solid #dbe5f6;
    border-top: 4px solid #2563eb;
    padding: 1.3rem 1.75rem;
    flex-shrink: 0;
}

.rcm-hero-pattern[b-s8wzydpi5q] {
    display: none;
}

.rcm-hero-inner[b-s8wzydpi5q] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    flex-wrap: wrap;
    padding-right: 2.75rem;
}

.rcm-hero-left[b-s8wzydpi5q] {
    display: flex;
    align-items: center;
    gap: 1.1rem;
}

.rcm-icon-ring[b-s8wzydpi5q] {
    width: 58px;
    height: 58px;
    border-radius: 50%;
    background: #2563eb;
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 24px;
    flex-shrink: 0;
    box-shadow: 0 0 0 5px rgba(37, 99, 235, .15);
}

.rcm-eyebrow[b-s8wzydpi5q] {
    font-size: 12.5px;
    font-weight: 700;
    letter-spacing: .09em;
    text-transform: uppercase;
    color: #64748b;
    margin: 0 0 3px;
}

.rcm-hero-title[b-s8wzydpi5q] {
    font-size: 23px;
    font-weight: 700;
    color: #0f172a;
    margin: 0;
    line-height: 1.25;
}

.rcm-designation[b-s8wzydpi5q] {
    font-size: 15.5px;
    color: #475569;
    margin: 4px 0 0;
}

.rcm-req-pill[b-s8wzydpi5q] {
    display: inline-flex;
    align-items: center;
    padding: 7px 16px;
    background: #eef2ff;
    border: 1px solid #c7d2fe;
    border-radius: 50px;
    color: #3730a3;
    font-size: 15px;
    font-weight: 700;
    white-space: nowrap;
}

.rcm-close[b-s8wzydpi5q] {
    position: absolute;
    top: 1rem;
    right: 1rem;
    width: 36px;
    height: 36px;
    border-radius: 50%;
    border: none;
    background: rgba(255,255,255,.7);
    color: #64748b;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 17px;
    cursor: pointer;
    transition: background .15s, color .15s;
}

    .rcm-close:hover[b-s8wzydpi5q] {
        background: #fee2e2;
        color: #b91c1c;
    }

/* ── Body ── */
.rcm-body[b-s8wzydpi5q] {
    padding: 1.5rem 1.75rem;
    overflow-y: auto;
    flex: 1;
    background: #fff;
}

.rcm-loading[b-s8wzydpi5q] {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 1rem;
    padding: 3rem 0;
    color: #64748b;
    font-size: 16px;
}

.rcm-spinner[b-s8wzydpi5q] {
    width: 40px;
    height: 40px;
    border: 3px solid #e2e8f0;
    border-top-color: #2563eb;
    border-radius: 50%;
    animation: rcmSpin-b-s8wzydpi5q .75s linear infinite;
}

.rcm-empty[b-s8wzydpi5q] {
    text-align: center;
    padding: 2.5rem 1rem;
}

.rcm-empty-icon[b-s8wzydpi5q] {
    width: 72px;
    height: 72px;
    border-radius: 50%;
    background: #fef3c7;
    color: #d97706;
    font-size: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 auto 1rem;
}

.rcm-empty h5[b-s8wzydpi5q] {
    font-size: 20px;
    font-weight: 700;
    color: #1e293b;
    margin-bottom: .5rem;
}

.rcm-empty p[b-s8wzydpi5q] {
    font-size: 16px;
    color: #64748b;
    max-width: 460px;
    margin: 0 auto;
    line-height: 1.5;
}

/* ── Organisation ── */
.rcm-org-banner[b-s8wzydpi5q] {
    display: flex;
    align-items: center;
    gap: 1rem;
    background: #f1f6ff;
    border: 1px solid #cfe0fb;
    border-left: 4px solid #2563eb;
    border-radius: 12px;
    padding: 1rem 1.2rem;
    margin-bottom: 1.1rem;
}

.rcm-org-icon[b-s8wzydpi5q] {
    width: 48px;
    height: 48px;
    border-radius: 12px;
    background: #dbe9ff;
    color: #2563eb;
    font-size: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
}

.rcm-org-text[b-s8wzydpi5q] {
    display: flex;
    flex-direction: column;
    gap: 3px;
}

.rcm-section-eyebrow[b-s8wzydpi5q] {
    font-size: 12.5px;
    font-weight: 700;
    letter-spacing: .08em;
    text-transform: uppercase;
    color: #64748b;
}

.rcm-section-eyebrow--amber[b-s8wzydpi5q] {
    color: #92400e;
}

.rcm-org-name[b-s8wzydpi5q] {
    font-size: 18.5px;
    font-weight: 700;
    color: #1e293b;
    line-height: 1.3;
}

/* ── Cards ── */
.rcm-grid[b-s8wzydpi5q] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 1rem;
    margin-bottom: 1.1rem;
}

@media (max-width: 700px) {
    .rcm-grid[b-s8wzydpi5q] {
        grid-template-columns: 1fr;
    }
}

.rcm-card[b-s8wzydpi5q] {
    border-radius: 12px;
    border: 1px solid #e5e7eb;
    overflow: hidden;
    background: #fff;
    box-shadow: 0 1px 3px rgba(16, 24, 40, .05);
}

.rcm-card-header[b-s8wzydpi5q] {
    display: flex;
    align-items: center;
    gap: .6rem;
    padding: .75rem 1.1rem;
    font-size: 13.5px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: .06em;
    border-bottom: 1px solid #e5e7eb;
}

.rcm-card-ic[b-s8wzydpi5q] {
    width: 28px;
    height: 28px;
    border-radius: 8px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-size: 13px;
    background: rgba(255,255,255,.8);
}

.rcm-card--blue .rcm-card-header[b-s8wzydpi5q] {
    background: #eff6ff;
    color: #1d4ed8;
}

.rcm-card--teal .rcm-card-header[b-s8wzydpi5q] {
    background: #f0fdfa;
    color: #0f766e;
}

.rcm-card-body[b-s8wzydpi5q] {
    padding: .5rem 1.1rem .7rem;
    display: flex;
    flex-direction: column;
    background: #fff;
}

.rcm-field[b-s8wzydpi5q] {
    display: flex;
    align-items: center;
    gap: .85rem;
    padding: .75rem 0;
}

.rcm-divider[b-s8wzydpi5q] {
    height: 1px;
    background: #f1f5f9;
}

.rcm-fic[b-s8wzydpi5q] {
    width: 38px;
    height: 38px;
    border-radius: 50%;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-size: 15px;
    flex-shrink: 0;
}

.rcm-fic--blue[b-s8wzydpi5q] {
    background: #dbeafe;
    color: #1d4ed8;
}

.rcm-fic--green[b-s8wzydpi5q] {
    background: #dcfce7;
    color: #15803d;
}

.rcm-fic--teal[b-s8wzydpi5q] {
    background: #ccfbf1;
    color: #0f766e;
}

.rcm-fbody[b-s8wzydpi5q] {
    display: flex;
    flex-direction: column;
    gap: 2px;
    min-width: 0;
    flex: 1;
}

.rcm-field-label[b-s8wzydpi5q] {
    font-size: 12.5px;
    font-weight: 700;
    letter-spacing: .06em;
    text-transform: uppercase;
    color: #94a3b8;
}

.rcm-field-value[b-s8wzydpi5q] {
    font-size: 17px;
    font-weight: 600;
    color: #1e293b;
    line-height: 1.35;
    word-break: break-word;
}

.rcm-field-value--lg[b-s8wzydpi5q] {
    font-size: 18px;
    font-weight: 700;
}

.rcm-link[b-s8wzydpi5q] {
    text-decoration: none;
    color: #2563eb !important;
    transition: color .15s;
}

    .rcm-link:hover[b-s8wzydpi5q] {
        color: #1e40af !important;
        text-decoration: underline;
    }

.rcm-email[b-s8wzydpi5q] {
    font-size: 15.5px;
    word-break: break-all;
}

.rcm-act[b-s8wzydpi5q] {
    flex-shrink: 0;
    display: inline-flex;
    align-items: center;
    padding: 6px 13px;
    border-radius: 8px;
    font-size: 14px;
    font-weight: 600;
    text-decoration: none;
    border: 1px solid;
    transition: background .15s;
}

.rcm-act--green[b-s8wzydpi5q] {
    color: #15803d;
    background: #f0fdf4;
    border-color: #bbf7d0;
}

    .rcm-act--green:hover[b-s8wzydpi5q] {
        background: #dcfce7;
        color: #166534;
    }

.rcm-act--teal[b-s8wzydpi5q] {
    color: #0f766e;
    background: #f0fdfa;
    border-color: #99f6e4;
}

    .rcm-act--teal:hover[b-s8wzydpi5q] {
        background: #ccfbf1;
        color: #115e59;
    }

/* ── Security site ── */
.rcm-security-site[b-s8wzydpi5q] {
    display: flex;
    align-items: center;
    gap: 1rem;
    background: #fffbeb;
    border: 1px solid #fde68a;
    border-left: 4px solid #d97706;
    border-radius: 12px;
    padding: 1rem 1.2rem;
    margin-bottom: 1.1rem;
}

.rcm-security-icon[b-s8wzydpi5q] {
    width: 48px;
    height: 48px;
    border-radius: 12px;
    background: #fef3c7;
    color: #d97706;
    font-size: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
}

.rcm-security-text[b-s8wzydpi5q] {
    display: flex;
    flex-direction: column;
    gap: 3px;
}

.rcm-security-address[b-s8wzydpi5q] {
    font-size: 17px;
    font-weight: 600;
    color: #1e293b;
    line-height: 1.4;
}

/* ── Audit ── */
.rcm-audit[b-s8wzydpi5q] {
    display: flex;
    align-items: center;
    gap: .85rem;
    flex-wrap: wrap;
    padding: .75rem 1.1rem;
    background: #f8fafc;
    border: 1px solid #eef2f7;
    border-radius: 10px;
    font-size: 14.5px;
    color: #64748b;
}

    .rcm-audit strong[b-s8wzydpi5q] {
        color: #334155;
        font-weight: 600;
    }

.rcm-audit-sep[b-s8wzydpi5q] {
    width: 5px;
    height: 5px;
    border-radius: 50%;
    background: #cbd5e1;
    flex-shrink: 0;
}

/* ── Footer ── */
.rcm-footer[b-s8wzydpi5q] {
    padding: .9rem 1.75rem;
    border-top: 1px solid #e5e7eb;
    display: flex;
    justify-content: flex-end;
    background: #f8fafc;
    flex-shrink: 0;
}

.rcm-btn-close[b-s8wzydpi5q] {
    display: inline-flex;
    align-items: center;
    padding: .55rem 1.6rem;
    background: #fff;
    color: #334155;
    border: 1px solid #cbd5e1;
    border-radius: 8px;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: background .15s, border-color .15s;
}

    .rcm-btn-close:hover[b-s8wzydpi5q] {
        background: #fee2e2;
        border-color: #fca5a5;
        color: #b91c1c;
    }

@keyframes rcmFadeIn-b-s8wzydpi5q {
    from {
        opacity: 0;
    }

    to {
        opacity: 1;
    }
}

@keyframes rcmSlideIn-b-s8wzydpi5q {
    from {
        opacity: 0;
        transform: translateY(-10px);
    }

    to {
        opacity: 1;
        transform: translateY(0);
    }
}

@keyframes rcmSpin-b-s8wzydpi5q {
    to {
        transform: rotate(360deg);
    }
}
/* /Components/Layout/Shared/Modals/SlotBookingModal.razor.rz.scp.css */
.mini-calendar td[b-xmurrt8w4r], .mini-calendar th[b-xmurrt8w4r] {
    width: 14.28%;
    vertical-align: middle;
    padding: 6px 2px;
}

.empty-cell[b-xmurrt8w4r] {
    background: #fafafa;
}

.muted-cell[b-xmurrt8w4r] {
    color: #cbd5e1;
    font-size: .85rem;
}

.slot-cell[b-xmurrt8w4r] {
    cursor: pointer;
    border-radius: 6px;
    transition: transform .1s;
}

    .slot-cell:hover[b-xmurrt8w4r] {
        transform: scale(1.05);
    }

.slot-available[b-xmurrt8w4r] {
    background: #d1fae5;
    color: #065f46;
}

.slot-almostfull[b-xmurrt8w4r] {
    background: #fef3c7;
    color: #92400e;
}

.slot-full[b-xmurrt8w4r] {
    background: #fee2e2;
    color: #991b1b;
    cursor: not-allowed;
    opacity: .7;
}

.slot-toosoon[b-xmurrt8w4r] {
    background: #f1f5f9;
    color: #94a3b8;
    cursor: not-allowed;
}

.slot-disabled[b-xmurrt8w4r] {
    background: #f8fafc;
    color: #cbd5e1;
    cursor: not-allowed;
}

.slot-selected[b-xmurrt8w4r] {
    outline: 3px solid #2563eb !important;
    font-weight: 700;
}

.legend-box[b-xmurrt8w4r] {
    display: inline-block;
    width: 12px;
    height: 12px;
    border-radius: 3px;
    margin-right: 4px;
}
/* /Components/Layout/Shared/OfficerComplianceRenewalPanel.razor.rz.scp.css */
.cmp-icon[b-hf5g52bajf] { width: 36px; height: 36px; border-radius: 10px; display: inline-flex; align-items: center; justify-content: center; }
.cmp-ref[b-hf5g52bajf] { max-width: 190px; }
.cmp-kpi[b-hf5g52bajf] { background: #fff; border-left: 4px solid; border-radius: .5rem; padding: .75rem 1rem; box-shadow: 0 .125rem .25rem rgba(0,0,0,.075); }
.cmp-kpi-n[b-hf5g52bajf] { font-size: 1.6rem; font-weight: 700; line-height: 1.1; }
.cmp-kpi-l[b-hf5g52bajf] { font-size: .8rem; color: #6c757d; }
/* /Components/Layout/Shared/PrettyInputFile.razor.rz.scp.css */
.DropZone[b-eytuwk2ofw] {
    position: relative;
    padding: 1em;
    border: 2px dashed #ccc;
    border-radius: 5px;
    width: 100%;
    display: flex;
    align-items: center;
}

[b-eytuwk2ofw] .DropFile {
    left: 0;
    top: 0;
    position: absolute;
    width: 100%;
    height: 100%;
    opacity: 0;
}
/* /Components/Pages/Account/ChangeMobile.razor.rz.scp.css */
.cm-text[b-ka6qr386jy] {
    font-size: 16px !important;
    line-height: 1.45;
}

.cm-sub[b-ka6qr386jy] {
    font-size: 14.5px !important;
    line-height: 1.4;
}

.cm-title[b-ka6qr386jy] {
    font-size: 17px !important;
}

.cm-badge[b-ka6qr386jy] {
    font-size: 13.5px !important;
    font-weight: 600;
    padding: .5em .85em;
}

.cm-label[b-ka6qr386jy] {
    display: block;
    font-size: 15px !important;
    font-weight: 600;
    color: #212529;
    margin-bottom: .4rem;
}

.cm-btn[b-ka6qr386jy] {
    font-size: 15.5px !important;
    padding-top: .55rem;
    padding-bottom: .55rem;
}

.min-w-0[b-ka6qr386jy] {
    min-width: 0;
}

/* inputs */
.cm-input .form-control[b-ka6qr386jy], .cm-input .input-group-text[b-ka6qr386jy], .cm-input-lg[b-ka6qr386jy], .cm-otp[b-ka6qr386jy] {
    font-size: 16px !important;
    padding: .6rem .85rem;
}

.cm-otp[b-ka6qr386jy] {
    letter-spacing: .35em;
    font-weight: 700;
    text-align: center;
}

.cm-input .input-group-text[b-ka6qr386jy] {
    background: #f1f5f9;
    font-weight: 600;
    color: #475569;
}

/* stepper */
.cm-steps[b-ka6qr386jy] {
    display: flex;
}

.cm-step[b-ka6qr386jy] {
    position: relative;
    flex: 1;
    text-align: center;
    padding: 0 .25rem;
}

    .cm-step[b-ka6qr386jy]::before {
        content: "";
        position: absolute;
        top: 18px;
        left: -50%;
        width: 100%;
        height: 3px;
        background: #dee2e6;
        z-index: 0;
    }

    .cm-step:first-child[b-ka6qr386jy]::before {
        display: none;
    }

    .cm-step.done[b-ka6qr386jy]::before, .cm-step.current[b-ka6qr386jy]::before {
        background: #198754;
    }

.cm-step-dot[b-ka6qr386jy] {
    position: relative;
    z-index: 1;
    width: 38px;
    height: 38px;
    border-radius: 50%;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background: #e9ecef;
    color: #6c757d;
    font-size: 15px;
    border: 3px solid #fff;
    box-shadow: 0 0 0 1px #dee2e6;
}

.cm-step.done .cm-step-dot[b-ka6qr386jy] {
    background: #198754;
    color: #fff;
    box-shadow: 0 0 0 1px #198754;
}

.cm-step.current .cm-step-dot[b-ka6qr386jy] {
    background: #0d6efd;
    color: #fff;
    box-shadow: 0 0 0 4px rgba(13,110,253,.2);
}

.cm-step-t[b-ka6qr386jy] {
    font-size: 14.5px;
    font-weight: 700;
    color: #212529;
    margin-top: .4rem;
    line-height: 1.2;
}

.cm-step.current .cm-step-t[b-ka6qr386jy] {
    color: #0a58ca;
}

@media (max-width: 576px) {
    .cm-steps[b-ka6qr386jy] {
        flex-direction: column;
        gap: .6rem;
    }

    .cm-step[b-ka6qr386jy] {
        display: flex;
        align-items: center;
        gap: .75rem;
        text-align: left;
    }

        .cm-step[b-ka6qr386jy]::before {
            display: none;
        }

    .cm-step-t[b-ka6qr386jy] {
        margin-top: 0;
    }
}

/* sections */
.cm-section[b-ka6qr386jy] {
    border-left: 4px solid #0d6efd !important;
}

.cm-num[b-ka6qr386jy] {
    width: 36px;
    height: 36px;
    border-radius: 50%;
    color: #fff;
    font-size: 17px;
    font-weight: 700;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
}

.cm-otp-box[b-ka6qr386jy] {
    background: #f8fafc;
    border: 1px dashed #bcd0ee;
    border-radius: 10px;
    padding: 1rem;
}

.cm-lock[b-ka6qr386jy] {
    background: #fff8e1;
    border: 1px solid #ffe08a;
    border-left: 4px solid #ffc107;
    border-radius: 8px;
    padding: .75rem 1rem;
    font-size: 15.5px;
    color: #7a5b00;
    font-weight: 600;
}

.cm-fieldset[b-ka6qr386jy] {
    border: 0;
    padding: 0;
    margin: 0;
    min-width: 0;
}

.cm-locked[b-ka6qr386jy] {
    opacity: .55;
    filter: grayscale(.4);
    pointer-events: none;
    user-select: none;
}

/* upload */
.cm-drop[b-ka6qr386jy] {
    position: relative;
    text-align: center;
    border: 2px dashed #9db8e4;
    background: #f5f9ff;
    border-radius: 12px;
    padding: 1.75rem 1rem;
    transition: background .15s, border-color .15s;
}

    .cm-drop:hover[b-ka6qr386jy] {
        background: #eaf2ff;
        border-color: #0d6efd;
    }

    .cm-drop input[type=file][b-ka6qr386jy] {
        position: absolute;
        inset: 0;
        width: 100%;
        height: 100%;
        opacity: 0;
        cursor: pointer;
    }

.cm-drop-err[b-ka6qr386jy] {
    border-color: #dc3545;
    background: #fff5f5;
}

.cm-drop-ic[b-ka6qr386jy] {
    font-size: 34px;
    color: #0d6efd;
    margin-bottom: .35rem;
}

.cm-drop-t[b-ka6qr386jy] {
    font-size: 16.5px;
    font-weight: 600;
    color: #212529;
}

.cm-file[b-ka6qr386jy] {
    display: flex;
    align-items: center;
    gap: .85rem;
    border: 1px solid #cfe3d6;
    background: #f3fbf6;
    border-radius: 10px;
    padding: .85rem 1rem;
}

.cm-file-ic[b-ka6qr386jy] {
    width: 44px;
    height: 44px;
    border-radius: 10px;
    background: #d9f2e1;
    color: #198754;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-size: 19px;
    flex-shrink: 0;
}

.cm-file-n[b-ka6qr386jy] {
    font-size: 16px;
    font-weight: 600;
    color: #212529;
}

/* sidebar */
.cm-side li[b-ka6qr386jy] {
    display: flex;
    gap: .8rem;
    align-items: flex-start;
    font-size: 15.5px;
    line-height: 1.45;
    padding: .6rem 0;
    border-bottom: 1px solid #f1f3f5;
}

    .cm-side li:last-child[b-ka6qr386jy] {
        border-bottom: 0;
    }

.cm-side-ic[b-ka6qr386jy] {
    width: 38px;
    height: 38px;
    border-radius: 50%;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    font-size: 15px;
}

.cm-test-card[b-ka6qr386jy] {
    border-left: 4px solid #ffc107 !important;
    background: #fffdf5;
}

/* success */
.cm-success-card[b-ka6qr386jy] {
    border-top: 4px solid #198754 !important;
}

.cm-success-ic[b-ka6qr386jy] {
    font-size: 64px;
    color: #198754;
    line-height: 1;
    margin-bottom: 1rem;
}

.cm-ref[b-ka6qr386jy] {
    display: inline-block;
    background: #f1f5f9;
    border: 1px solid #e2e8f0;
    border-radius: 999px;
    padding: .4rem 1.1rem;
    font-size: 16px;
    color: #334155;
}
/* /Components/Pages/Account/ChnagePassword.razor.rz.scp.css */

.profile-page-wrapper[b-73ghp1krjf]  .input-group {
    flex-wrap: nowrap !important;
    display: flex !important;
    align-items: stretch;
}

.profile-page-wrapper[b-73ghp1krjf]  .input-group > .form-control,
.profile-page-wrapper[b-73ghp1krjf]  .input-group > input {
    flex: 1 1 auto !important;
    width: 1% !important;
    min-width: 0 !important;
    max-width: none !important;
}

.profile-page-wrapper[b-73ghp1krjf]  .input-group > .btn {
    flex: 0 0 auto !important;
    width: auto !important;
}
/* /Components/Pages/Account/JcoRegister.razor.rz.scp.css */
.loader-overlay[b-pibjbff8ir] {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(255, 255, 255, 0.7);
    z-index: 9999;
    text-align: center;
}

.loader-content[b-pibjbff8ir] {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.email-verified-badge[b-pibjbff8ir] {
    display: inline-flex;
    align-items: center;
    gap: 4px;
    padding: 2px 8px;
    background: #d4edda;
    color: #155724;
    border-radius: 4px;
    font-size: 12px;
    font-weight: 600;
    margin-left: 8px;
}

.timer-text[b-pibjbff8ir] {
    display: block;
    margin-top: 6px;
    color: #6c757d;
    font-size: 13px;
}

.otp-message[b-pibjbff8ir] {
    padding: 8px 12px;
    border-radius: 4px;
    margin-top: 8px;
    font-size: 14px;
    display: flex;
    align-items: center;
    gap: 8px;
}

.status-success[b-pibjbff8ir] {
    background: #d4edda;
    color: #155724;
    border: 1px solid #c3e6cb;
}

.status-error[b-pibjbff8ir] {
    background: #f8d7da;
    color: #721c24;
    border: 1px solid #f5c6cb;
}

.status-info[b-pibjbff8ir] {
    background: #d1ecf1;
    color: #0c5460;
    border: 1px solid #bee5eb;
}

.resend-link[b-pibjbff8ir] {
    color: #007bff;
    cursor: pointer;
    text-decoration: underline;
}

    .resend-link:hover[b-pibjbff8ir] {
        color: #0056b3;
    }
/* /Components/Pages/Account/OfficerRegister.razor.rz.scp.css */
.loader-overlay[b-acma49c77b] {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(255, 255, 255, 0.7);
    z-index: 9999;
    text-align: center;
}

.loader-content[b-acma49c77b] {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.email-verified-badge[b-acma49c77b] {
    display: inline-flex;
    align-items: center;
    gap: 4px;
    padding: 2px 8px;
    background: #d4edda;
    color: #155724;
    border-radius: 4px;
    font-size: 12px;
    font-weight: 600;
    margin-left: 8px;
}

.timer-text[b-acma49c77b] {
    display: block;
    margin-top: 6px;
    color: #6c757d;
    font-size: 13px;
}

.otp-message[b-acma49c77b] {
    padding: 8px 12px;
    border-radius: 4px;
    margin-top: 8px;
    font-size: 14px;
    display: flex;
    align-items: center;
    gap: 8px;
}

.status-success[b-acma49c77b] {
    background: #d4edda;
    color: #155724;
    border: 1px solid #c3e6cb;
}

.status-error[b-acma49c77b] {
    background: #f8d7da;
    color: #721c24;
    border: 1px solid #f5c6cb;
}

.status-info[b-acma49c77b] {
    background: #d1ecf1;
    color: #0c5460;
    border: 1px solid #bee5eb;
}

.resend-link[b-acma49c77b] {
    color: #007bff;
    cursor: pointer;
    text-decoration: underline;
}

    .resend-link:hover[b-acma49c77b] {
        color: #0056b3;
    }
/* /Components/Pages/Account/Profile.razor.rz.scp.css */
/* ============================================================
       Only what Bootstrap can't already do — cards, badges, grid,
       spacing and typography are all plain Bootstrap utilities
       matching the rest of the app.
       ============================================================ */
/* Read-only label/value pattern reused across all info cards */
.ro-label[b-smwov80pp6] {
    font-size: .7rem;
    text-transform: uppercase;
    letter-spacing: .03em;
    color: #64748b;
    font-weight: 700;
    margin-bottom: 2px;
}

.ro-value[b-smwov80pp6] {
    font-size: .92rem;
    color: #1e293b;
    font-weight: 500;
}

/* Status banner + icon + pill colors — driven by
       GetStatusBannerClass() / GetStatusIconClass() / GetStatusBadgeClass()
       in code, values unchanged (banner-success, icon-warning, etc.) */
.status-banner.banner-success[b-smwov80pp6] {
    background: #f0fdf4;
    border-color: #bbf7d0 !important;
}

.status-banner.banner-danger[b-smwov80pp6] {
    background: #fef2f2;
    border-color: #fecaca !important;
}

.status-banner.banner-warning[b-smwov80pp6] {
    background: #fffbeb;
    border-color: #fde68a !important;
}

.status-banner.banner-info[b-smwov80pp6] {
    background: #f0fdfa;
    border-color: #99f6e4 !important;
}

.status-icon-circle[b-smwov80pp6] {
    width: 40px;
    height: 40px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1.1rem;
    flex-shrink: 0;
}

    .status-icon-circle.icon-success[b-smwov80pp6] {
        background: #16a34a;
        color: #fff;
    }

    .status-icon-circle.icon-danger[b-smwov80pp6] {
        background: #dc2626;
        color: #fff;
    }

    .status-icon-circle.icon-warning[b-smwov80pp6] {
        background: #d97706;
        color: #fff;
    }

    .status-icon-circle.icon-info[b-smwov80pp6] {
        background: #0d9488;
        color: #fff;
    }

.badge-success-pill[b-smwov80pp6] {
    background: #16a34a;
    color: #fff;
}

.badge-danger-pill[b-smwov80pp6] {
    background: #dc2626;
    color: #fff;
}

.badge-warning-pill[b-smwov80pp6] {
    background: #d97706;
    color: #fff;
}

.badge-info-pill[b-smwov80pp6] {
    background: #0d9488;
    color: #fff;
}
/* /Components/Pages/Admin/ADG/ADGDashboardStatePrototype.razor.rz.scp.css */
.adg-zone-banner[b-yfeyxmd5g3] {
    display: flex;
    align-items: center;
    gap: 14px;
    padding: 12px 18px;
    margin-bottom: 16px;
    background: #fffbeb;
    border: 1px solid #fde68a;
    border-left: 4px solid #f59e0b;
    border-radius: 10px;
    color: #78350f;
    font-size: .875rem;
}

.adg-zone-banner i.fa-map-location-dot[b-yfeyxmd5g3] {
    font-size: 1.2rem;
    color: #f59e0b;
}

.adg-zone-banner strong[b-yfeyxmd5g3] {
    display: block;
    margin-bottom: 1px;
    font-size: .9rem;
}

.adg-zone-banner span:not(.adg-zone-tag):not(.adg-zone-chip)[b-yfeyxmd5g3] {
    font-size: .8rem;
    opacity: .8;
}

.adg-zone-banner > div[b-yfeyxmd5g3] {
    flex: 1;
}

.adg-zone-tag[b-yfeyxmd5g3] {
    font-size: .72rem;
    font-weight: 700;
    background: #fef3c7;
    color: #92400e;
    border: 1px solid #fde68a;
    padding: 4px 12px;
    border-radius: 20px;
    white-space: nowrap;
    flex-shrink: 0;
}

.adg-zone-chip[b-yfeyxmd5g3] {
    font-size: .7rem;
    font-weight: 700;
    background: #eff6ff;
    color: #1d4ed8;
    border: 1px solid #bfdbfe;
    padding: 3px 10px;
    border-radius: 20px;
    vertical-align: middle;
}

.scope-pill[b-yfeyxmd5g3] {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 6px 12px;
    border-radius: 20px;
    font-size: .8rem;
}

.scope-pill-all[b-yfeyxmd5g3] {
    background: #eff6ff;
    color: #1d4ed8;
    border: 1px solid #bfdbfe;
}

.scope-pill-state[b-yfeyxmd5g3] {
    background: #f0fdf4;
    color: #166534;
    border: 1px solid #bbf7d0;
}

.stat-card[b-yfeyxmd5g3] {
    transition: transform .2s, box-shadow .2s;
    position: relative;
    overflow: hidden;
}

    .stat-card:hover[b-yfeyxmd5g3] {
        transform: translateY(-4px);
        box-shadow: 0 8px 24px rgba(0,0,0,.12) !important;
    }

.stat-icon[b-yfeyxmd5g3] {
    width: 50px;
    height: 50px;
    border-radius: 12px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    font-size: 1.4rem;
    flex-shrink: 0;
}

.stat-accent[b-yfeyxmd5g3] {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    height: 3px;
}

.table thead.sticky-top[b-yfeyxmd5g3] {
    position: sticky;
    top: 0;
    z-index: 10;
}

.table-success[b-yfeyxmd5g3] {
    background-color: #d1e7dd !important;
}

/* /Components/Pages/Admin/ADG/ZoneStateSelectorDialog.razor.rz.scp.css */
/* ================================================================
   ZoneStateSelectorDialog.razor.css
   ================================================================ */
.zss-backdrop[b-w7lstw41yo] {
    position: fixed;
    inset: 0;
    z-index: 1080;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 20px;
    background: rgba(15, 23, 42, 0.45);
    animation: zss-fade-in .15s ease-out;
}

.zss-card[b-w7lstw41yo] {
    position: relative;
    width: min(560px, 100%);
    max-height: calc(100vh - 40px);
    overflow-y: auto;
    background: #fff;
    border-radius: 16px;
    box-shadow: 0 24px 60px rgba(15, 23, 42, .28);
    animation: zss-pop-in .18s ease-out;
}

.zss-close[b-w7lstw41yo] {
    position: absolute;
    top: 14px;
    right: 14px;
    width: 32px;
    height: 32px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border: 0;
    border-radius: 8px;
    background: #f1f5f9;
    color: #64748b;
    cursor: pointer;
}

    .zss-close:hover[b-w7lstw41yo] {
        background: #e2e8f0;
        color: #334155;
    }

.zss-header[b-w7lstw41yo] {
    text-align: center;
    padding: 32px 28px 20px;
}

.zss-badge[b-w7lstw41yo] {
    width: 54px;
    height: 54px;
    margin: 0 auto 14px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 14px;
    background: linear-gradient(135deg, #2563eb, #1d4ed8);
    color: #fff;
    font-size: 1.4rem;
}

.zss-header h3[b-w7lstw41yo] {
    margin: 0 0 6px;
    font-size: 1.25rem;
    font-weight: 750;
    color: #0f172a;
}

.zss-header p[b-w7lstw41yo] {
    margin: 0;
    font-size: .9rem;
    color: #64748b;
}

.zss-body[b-w7lstw41yo] {
    padding: 4px 28px 24px;
}

.zss-option[b-w7lstw41yo] {
    width: 100%;
    display: flex;
    align-items: center;
    gap: 14px;
    padding: 14px 16px;
    border: 1px solid #dbeafe;
    border-radius: 12px;
    background: #eff6ff;
    cursor: pointer;
    text-align: left;
    transition: border-color .15s ease, background .15s ease;
}

    .zss-option:hover[b-w7lstw41yo],
    .zss-option.active[b-w7lstw41yo] {
        border-color: #2563eb;
        background: #dbeafe;
    }

.zss-option-icon[b-w7lstw41yo] {
    width: 40px;
    height: 40px;
    flex-shrink: 0;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 10px;
    background: #2563eb;
    color: #fff;
    font-size: 1.05rem;
}

.zss-option-text[b-w7lstw41yo] {
    display: flex;
    flex-direction: column;
    gap: 2px;
}

    .zss-option-text strong[b-w7lstw41yo] {
        font-size: .95rem;
        color: #0f172a;
    }

    .zss-option-text small[b-w7lstw41yo] {
        font-size: .78rem;
        color: #64748b;
    }

.zss-chevron[b-w7lstw41yo] {
    margin-left: auto;
    color: #93c5fd;
}

.zss-divider[b-w7lstw41yo] {
    display: flex;
    align-items: center;
    gap: 10px;
    margin: 20px 0 14px;
    color: #94a3b8;
    font-size: .78rem;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: .03em;
}

    .zss-divider[b-w7lstw41yo]::before,
    .zss-divider[b-w7lstw41yo]::after {
        content: "";
        flex: 1;
        height: 1px;
        background: #e2e8f0;
    }

.zss-state-grid[b-w7lstw41yo] {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 10px;
}

.zss-state-card[b-w7lstw41yo] {
    padding: 14px;
    border: 1px solid #e2e8f0;
    border-radius: 12px;
    background: #fff;
    text-align: left;
    cursor: pointer;
    display: flex;
    flex-direction: column;
    gap: 3px;
    transition: border-color .15s ease, background .15s ease, transform .1s ease;
}

    .zss-state-card:hover[b-w7lstw41yo] {
        border-color: #93c5fd;
        background: #f8fafc;
    }

    .zss-state-card.active[b-w7lstw41yo] {
        border-color: #16a34a;
        background: #f0fdf4;
    }

.zss-state-name[b-w7lstw41yo] {
    font-weight: 700;
    font-size: .92rem;
    color: #0f172a;
}

.zss-state-count[b-w7lstw41yo] {
    font-size: .76rem;
    color: #64748b;
}

.zss-footer[b-w7lstw41yo] {
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 14px 28px;
    border-top: 1px solid #f1f5f9;
    background: #f8fafc;
    color: #64748b;
    font-size: .78rem;
    border-radius: 0 0 16px 16px;
}

    .zss-footer i[b-w7lstw41yo] {
        color: #2563eb;
    }
/* /Components/Pages/Admin/BOO/BooApproval.razor.rz.scp.css */
/* ── Zone / Role Banner ────────────────────────────────── */
.approval-zone-banner[b-lijaz6y3l4] {
    display: flex;
    align-items: center;
    gap: 14px;
    padding: 12px 18px;
    margin-bottom: 8px;
    border: 1px solid #e5e7eb;
    border-left: 4px solid;
    border-radius: 10px;
    font-size: .875rem;
}

.approval-zone-banner i[b-lijaz6y3l4] {
    font-size: 1.2rem;
}

.approval-zone-banner strong[b-lijaz6y3l4] {
    display: block;
    font-size: .9rem;
}

.approval-zone-banner span:not(.approval-role-tag)[b-lijaz6y3l4] {
    font-size: .8rem;
    opacity: .8;
}

.approval-zone-banner > div[b-lijaz6y3l4] {
    flex: 1;
}

.approval-role-tag[b-lijaz6y3l4] {
    font-size: .72rem;
    font-weight: 700;
    border: 1px solid;
    padding: 4px 12px;
    border-radius: 20px;
    white-space: nowrap;
}

/* ── Stats cards ───────────────────────────────────────── */
.approval-stat-card[b-lijaz6y3l4] {
    display: flex;
    align-items: center;
    gap: 14px;
    padding: 16px 20px;
    border-radius: 12px;
    background: #fff;
    border: 1px solid #e5e7eb;
    border-top: 3px solid var(--ac, #0d6efd);
    box-shadow: 0 1px 4px rgba(0,0,0,.06);
    transition: transform .15s, box-shadow .15s;
}

    .approval-stat-card:hover[b-lijaz6y3l4] {
        transform: translateY(-3px);
        box-shadow: 0 6px 20px rgba(0,0,0,.1);
    }

.asc-icon[b-lijaz6y3l4] {
    width: 44px;
    height: 44px;
    border-radius: 10px;
    background: #eff6ff;
    color: var(--ac, #0d6efd);
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1.2rem;
    flex-shrink: 0;
}

.asc-num[b-lijaz6y3l4] {
    font-size: 1.7rem;
    font-weight: 800;
    line-height: 1;
    color: var(--ac, #0d6efd);
}

.asc-lbl[b-lijaz6y3l4] {
    font-size: .78rem;
    color: #6b7280;
    margin-top: 2px;
}

/* ── Session review card ───────────────────────────────── */
.session-review-card[b-lijaz6y3l4] {
    border-bottom: 1px solid #f3f4f6;
    transition: background .1s;
}

    .session-review-card.urgent[b-lijaz6y3l4] {
        border-left: 4px solid #dc2626;
    }

    .session-review-card:last-child[b-lijaz6y3l4] {
        border-bottom: none;
    }

.src-header[b-lijaz6y3l4] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 16px 20px;
    cursor: pointer;
    gap: 16px;
    flex-wrap: wrap;
}

    .src-header:hover[b-lijaz6y3l4] {
        background: #f9fafb;
    }

.src-meta[b-lijaz6y3l4] {
    display: flex;
    flex-direction: column;
    gap: 8px;
    flex: 1;
    min-width: 0;
}

.src-title[b-lijaz6y3l4] {
    display: flex;
    align-items: center;
    gap: 8px;
    font-size: .95rem;
}

.src-chevron[b-lijaz6y3l4] {
    font-size: .75rem;
    color: #9ca3af;
    transition: transform .15s;
}

.src-chips[b-lijaz6y3l4] {
    display: flex;
    flex-wrap: wrap;
    gap: 6px;
}

.src-chip[b-lijaz6y3l4] {
    font-size: .72rem;
    font-weight: 600;
    background: #f3f4f6;
    color: #374151;
    padding: 3px 10px;
    border-radius: 20px;
    border: 1px solid #e5e7eb;
}

    .src-chip.chip-success[b-lijaz6y3l4] {
        background: #dcfce7;
        color: #15803d;
        border-color: #bbf7d0;
    }

    .src-chip.chip-warn[b-lijaz6y3l4] {
        background: #fef3c7;
        color: #b45309;
        border-color: #fde68a;
    }

    .src-chip.chip-danger[b-lijaz6y3l4] {
        background: #fee2e2;
        color: #b91c1c;
        border-color: #fecaca;
    }

    .src-chip.chip-time[b-lijaz6y3l4] {
        background: #eff6ff;
        color: #1d4ed8;
        border-color: #bfdbfe;
    }

.src-actions[b-lijaz6y3l4] {
    display: flex;
    gap: 8px;
    flex-shrink: 0;
    flex-wrap: wrap;
}

/* ── Expanded detail panel ─────────────────────────────── */
.src-detail-panel[b-lijaz6y3l4] {
    padding: 16px 24px 20px;
    background: linear-gradient(135deg, #f8fafc 0%, #eff6ff 100%);
    border-top: 1px solid #e5e7eb;
    animation: fadeSlideIn-b-lijaz6y3l4 .18s ease-out;
}

@keyframes fadeSlideIn-b-lijaz6y3l4 {
    from {
        opacity: 0;
        transform: translateY(-6px);
    }

    to {
        opacity: 1;
        transform: translateY(0);
    }
}

.detail-section-title[b-lijaz6y3l4] {
    font-size: .85rem;
    font-weight: 700;
    color: #374151;
    margin-bottom: 8px;
    padding-bottom: 6px;
    border-bottom: 2px solid #e5e7eb;
}

.detail-table-wrapper[b-lijaz6y3l4] {
    max-height: 280px;
    overflow-y: auto;
    border: 1px solid #e5e7eb;
    border-radius: 8px;
}

    .detail-table-wrapper .table[b-lijaz6y3l4] {
        margin-bottom: 0;
    }

        .detail-table-wrapper .table thead th[b-lijaz6y3l4] {
            position: sticky;
            top: 0;
            z-index: 2;
            background: #f8f9fa;
            font-size: .78rem;
            font-weight: 600;
        }

        .detail-table-wrapper .table tbody td[b-lijaz6y3l4] {
            font-size: .82rem;
        }

/* ── Remark banners ────────────────────────────────────── */
.remark-banner[b-lijaz6y3l4] {
    padding: 10px 14px;
    border-radius: 8px;
    border-left: 4px solid;
}

.remark-sa[b-lijaz6y3l4] {
    background: #f0fdf4;
    border-left-color: #16a34a;
}

.remark-label[b-lijaz6y3l4] {
    font-size: .75rem;
    font-weight: 700;
    color: #6b7280;
    margin-bottom: 2px;
}

.remark-text[b-lijaz6y3l4] {
    font-size: .85rem;
    color: #374151;
}

/* ── Urgent pulse ──────────────────────────────────────── */
@keyframes urgentPulse-b-lijaz6y3l4 {
    0%, 100% {
        opacity: 1;
    }

    50% {
        opacity: .6;
    }
}

.animate-pulse[b-lijaz6y3l4] {
    animation: urgentPulse-b-lijaz6y3l4 1.5s ease-in-out infinite;
}

/* ── Table stickies ────────────────────────────────────── */
.table thead th[b-lijaz6y3l4] {
    white-space: nowrap;
}

/* /Components/Pages/Admin/BOO/BooSessionHistory.razor.rz.scp.css */
.jd-zone-banner[b-3oa88n3is5] {
    display: flex;
    align-items: center;
    gap: 14px;
    padding: 12px 18px;
    background: #eff6ff;
    border: 1px solid #bfdbfe;
    border-left: 4px solid #2563eb;
    border-radius: 10px;
    color: #1e3a5f;
    font-size: .875rem;
}

.jd-zone-banner i[b-3oa88n3is5] {
    font-size: 1.2rem;
    color: #2563eb;
}

.jd-zone-banner strong[b-3oa88n3is5] {
    display: block;
    font-size: .9rem;
}

.jd-zone-banner span:not(.jd-zone-tag)[b-3oa88n3is5] {
    font-size: .8rem;
    opacity: .8;
}

.jd-zone-banner > div[b-3oa88n3is5] {
    flex: 1;
}

.jd-zone-tag[b-3oa88n3is5] {
    font-size: .72rem;
    font-weight: 700;
    background: #dbeafe;
    color: #1e40af;
    border: 1px solid #bfdbfe;
    padding: 4px 12px;
    border-radius: 20px;
    white-space: nowrap;
}

.table thead th[b-3oa88n3is5] {
    position: sticky;
    top: 0;
    z-index: 5;
    background: #f8f9fa;
    font-size: .82rem;
    font-weight: 600;
    white-space: nowrap;
}
/* /Components/Pages/Admin/BOO/BooSessionResult.razor.rz.scp.css */
/* ── Zone Banner ───────────────────────────────────────── */
.jd-zone-banner[b-b8e45ddh13] {
    display: flex;
    align-items: center;
    gap: 14px;
    padding: 12px 18px;
    background: #eff6ff;
    border: 1px solid #bfdbfe;
    border-left: 4px solid #2563eb;
    border-radius: 10px;
    color: #1e3a5f;
    font-size: .875rem;
}

.jd-zone-banner i[b-b8e45ddh13] {
    font-size: 1.2rem;
    color: #2563eb;
}

.jd-zone-banner strong[b-b8e45ddh13] {
    display: block;
    font-size: .9rem;
}

.jd-zone-banner span:not(.jd-zone-tag)[b-b8e45ddh13] {
    font-size: .8rem;
    opacity: .8;
}

.jd-zone-banner > div[b-b8e45ddh13] {
    flex: 1;
}

.jd-zone-tag[b-b8e45ddh13] {
    font-size: .72rem;
    font-weight: 700;
    background: #dbeafe;
    color: #1e40af;
    border: 1px solid #bfdbfe;
    padding: 4px 12px;
    border-radius: 20px;
}

/* ── Loading ───────────────────────────────────────────── */
.boo-result-loading[b-b8e45ddh13] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    min-height: 400px;
}

.loading-orb[b-b8e45ddh13] {
    width: 80px;
    height: 80px;
    border-radius: 50%;
    background: linear-gradient(135deg, #0d6efd, #198754);
    display: flex;
    align-items: center;
    justify-content: center;
    animation: orbPulse-b-b8e45ddh13 1.4s ease-in-out infinite;
    box-shadow: 0 0 30px rgba(13,110,253,.4);
}

.orb-inner[b-b8e45ddh13] {
    width: 50px;
    height: 50px;
    border-radius: 50%;
    background: rgba(255,255,255,.3);
    animation: orbPulse-b-b8e45ddh13 1.4s ease-in-out infinite reverse;
}

@keyframes orbPulse-b-b8e45ddh13 {
    0%, 100% {
        transform: scale(1);
    }

    50% {
        transform: scale(.85);
        opacity: .7;
    }
}

/* ── Scoreboard ────────────────────────────────────────── */
.boo-scoreboard[b-b8e45ddh13] {
    background: linear-gradient(135deg, #0d6efd, #198754);
    border-radius: 16px;
    padding: 28px 32px;
    color: #fff;
    box-shadow: 0 8px 32px rgba(13,110,253,.3);
}

.scoreboard-header[b-b8e45ddh13] {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    flex-wrap: wrap;
    gap: 12px;
}

.shuffle-badge[b-b8e45ddh13] {
    background: rgba(255,255,255,.15);
    border: 1px solid rgba(255,255,255,.3);
    padding: 6px 18px;
    border-radius: 20px;
    font-size: .85rem;
    font-weight: 700;
}

.score-grid[b-b8e45ddh13] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(160px, 1fr));
    gap: 16px;
}

.score-tile[b-b8e45ddh13] {
    background: rgba(255,255,255,.12);
    border: 1px solid rgba(255,255,255,.2);
    border-top: 3px solid var(--tc, #fff);
    border-radius: 12px;
    padding: 18px 16px;
    text-align: center;
    transition: transform .15s;
}

    .score-tile:hover[b-b8e45ddh13] {
        transform: translateY(-3px);
    }

.score-num[b-b8e45ddh13] {
    font-size: 2.4rem;
    font-weight: 900;
    color: var(--tc, #fff);
    line-height: 1;
}

.score-lbl[b-b8e45ddh13] {
    font-size: .9rem;
    font-weight: 700;
    margin-top: 4px;
}

.score-sub[b-b8e45ddh13] {
    font-size: .72rem;
    opacity: .7;
    margin-top: 2px;
}

/* ── Tabs ──────────────────────────────────────────────── */
.nav-tabs-styled[b-b8e45ddh13] {
    border-bottom: 2px solid #dee2e6;
}

    .nav-tabs-styled .nav-link[b-b8e45ddh13] {
        border: none;
        border-bottom: 3px solid transparent;
        color: #6c757d;
        font-weight: 600;
        padding: .6rem 1rem;
        font-size: .88rem;
        transition: all .15s;
    }

        .nav-tabs-styled .nav-link:hover[b-b8e45ddh13] {
            color: #0d6efd;
            background: #f0f4ff;
        }

        .nav-tabs-styled .nav-link.active[b-b8e45ddh13] {
            color: #0d6efd;
            border-bottom-color: #0d6efd;
            background: transparent;
        }

        .nav-tabs-styled .nav-link[disabled][b-b8e45ddh13] {
            opacity: .45;
            cursor: not-allowed;
        }

/* ── Approval Pipeline ─────────────────────────────────── */
.pipeline-steps[b-b8e45ddh13] {
    display: flex;
    align-items: stretch;
    gap: 0;
    flex-wrap: wrap;
}

.pipeline-step[b-b8e45ddh13] {
    flex: 1;
    min-width: 220px;
    display: flex;
    align-items: flex-start;
    gap: 14px;
    padding: 16px 20px;
    border-radius: 10px;
    border: 2px solid #dee2e6;
    margin: 4px;
    transition: border-color .2s, background .2s;
}

    .pipeline-step.step-active[b-b8e45ddh13] {
        border-color: #f59e0b;
        background: #fffbeb;
    }

    .pipeline-step.step-approved[b-b8e45ddh13] {
        border-color: #22c55e;
        background: #f0fdf4;
    }

    .pipeline-step.step-rejected[b-b8e45ddh13] {
        border-color: #dc2626;
        background: #fff5f5;
    }

    .pipeline-step.step-idle[b-b8e45ddh13] {
        border-color: #dee2e6;
        background: #f8f9fa;
        opacity: .7;
    }

.step-icon[b-b8e45ddh13] {
    width: 40px;
    height: 40px;
    border-radius: 50%;
    background: #e9ecef;
    color: #6c757d;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1.1rem;
    flex-shrink: 0;
}

    .step-icon.gold[b-b8e45ddh13] {
        background: #fef3c7;
        color: #d97706;
    }

.step-approved .step-icon[b-b8e45ddh13] {
    background: #dcfce7;
    color: #16a34a;
}

.step-active .step-icon[b-b8e45ddh13] {
    background: #fef3c7;
    color: #d97706;
}

.step-rejected .step-icon[b-b8e45ddh13] {
    background: #fee2e2;
    color: #dc2626;
}

.step-title[b-b8e45ddh13] {
    font-size: .88rem;
    font-weight: 700;
    margin-bottom: 4px;
}

.step-meta[b-b8e45ddh13] {
    font-size: .75rem;
    color: #6c757d;
    margin-top: 4px;
}

.step-notes[b-b8e45ddh13] {
    font-size: .78rem;
    color: #374151;
    margin-top: 6px;
    background: rgba(0,0,0,.04);
    padding: 6px 10px;
    border-radius: 6px;
    border-left: 3px solid #dee2e6;
}

.pipeline-connector[b-b8e45ddh13] {
    display: flex;
    align-items: center;
    padding: 0 4px;
    color: #dee2e6;
    font-size: 1.4rem;
    align-self: center;
}

    .pipeline-connector[b-b8e45ddh13]::before {
        content: '→';
    }

    .pipeline-connector.active[b-b8e45ddh13] {
        color: #22c55e;
    }

/* ── Table ─────────────────────────────────────────────── */
.table thead th[b-b8e45ddh13] {
    position: sticky;
    top: 0;
    z-index: 5;
    background: #f8f9fa;
    font-size: .82rem;
    font-weight: 600;
    white-space: nowrap;
}

/* ── Sponsorship Letter ────────────────────────────────── */
.sponsorship-letter-card[b-b8e45ddh13] {
    border-radius: 12px;
    overflow: hidden;
}

.sponsorship-header[b-b8e45ddh13] {
    background: linear-gradient(90deg, #1e3a5f, #0d6efd);
    color: #fff;
}

.sponsorship-body[b-b8e45ddh13] {
    background: #fff;
    border: 1px solid #dee2e6;
    border-radius: 8px;
    padding: 28px 32px;
    font-family: Georgia, serif;
    line-height: 1.7;
    color: #1a1a2e;
    max-width: 860px;
    margin: 0 auto;
}

.letter-header-block[b-b8e45ddh13] {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    border-bottom: 2px solid #0d6efd;
    padding-bottom: 12px;
}

.letter-logo-block[b-b8e45ddh13] {
    display: flex;
    gap: 14px;
    align-items: center;
}

.dgr-monogram[b-b8e45ddh13] {
    width: 52px;
    height: 52px;
    border-radius: 50%;
    background: linear-gradient(135deg,#0d6efd,#198754);
    color: #fff;
    font-weight: 900;
    font-size: 1rem;
    display: flex;
    align-items: center;
    justify-content: center;
}

.letter-ref-block[b-b8e45ddh13] {
    text-align: right;
}

.letter-subject[b-b8e45ddh13] {
    font-weight: 700;
    text-decoration: underline;
}

.letter-footer[b-b8e45ddh13] {
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
    margin-top: 24px;
    border-top: 1px solid #dee2e6;
    padding-top: 16px;
}

.signature-block .sig-line[b-b8e45ddh13] {
    width: 180px;
    height: 1px;
    background: #1a1a2e;
    margin-bottom: 4px;
}

.letter-stamp[b-b8e45ddh13] {
    width: 80px;
    height: 80px;
    border-radius: 50%;
    border: 3px double #0d6efd;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #0d6efd;
    opacity: .5;
}

.stamp-inner[b-b8e45ddh13] {
    text-align: center;
}

@media print {
    .nav-tabs-styled[b-b8e45ddh13], .d-flex.gap-2 > .btn[b-b8e45ddh13], .approval-pipeline[b-b8e45ddh13] {
        display: none !important;
    }

    .boo-scoreboard[b-b8e45ddh13] {
        -webkit-print-color-adjust: exact;
        print-color-adjust: exact;
    }
}

/* /Components/Pages/Admin/BOO/Listing.razor.rz.scp.css */
/* px + !important on purpose: the app theme sets its own font-size on table/th/td and overrides rem values. */
.boo-text[b-4wqugckxf6] {
    font-size: 16px !important;
    line-height: 1.45;
}

.boo-sub[b-4wqugckxf6] {
    font-size: 14px !important;
    line-height: 1.35;
}

.boo-title[b-4wqugckxf6] {
    font-size: 17px !important;
}

.boo-label[b-4wqugckxf6] {
    font-size: 14.5px !important;
    font-weight: 600;
    display: block;
    color: #343a40;
}

.boo-badge[b-4wqugckxf6] {
    font-size: 13.5px !important;
    font-weight: 600;
    padding: .45em .8em;
}

.boo-code[b-4wqugckxf6] {
    font-size: 14.5px !important;
}

.boo-filter .form-control[b-4wqugckxf6], .boo-filter .form-select[b-4wqugckxf6], .boo-filter .input-group-text[b-4wqugckxf6] {
    font-size: 15px !important;
}

.boo-filter .btn[b-4wqugckxf6] {
    font-size: 14.5px !important;
    font-weight: 600;
}

/* ── Zone banner ── */
.jd-zone-banner[b-4wqugckxf6] {
    display: flex;
    align-items: center;
    gap: 14px;
    padding: 14px 20px;
    background: #eff6ff;
    border: 1px solid #bfdbfe;
    border-left: 4px solid #2563eb;
    border-radius: 10px;
    color: #1e3a5f;
}

    .jd-zone-banner i.fa-map-location-dot[b-4wqugckxf6] {
        font-size: 22px;
        color: #2563eb;
    }

    .jd-zone-banner strong[b-4wqugckxf6] {
        display: block;
        margin-bottom: 1px;
        font-size: 16.5px;
    }

    .jd-zone-banner span:not(.jd-zone-tag)[b-4wqugckxf6] {
        font-size: 14.5px;
        opacity: .85;
    }

    .jd-zone-banner > div[b-4wqugckxf6] {
        flex: 1;
    }

.jd-zone-tag[b-4wqugckxf6] {
    font-size: 13.5px;
    font-weight: 700;
    background: #dbeafe;
    color: #1e40af;
    border: 1px solid #bfdbfe;
    padding: 5px 14px;
    border-radius: 20px;
    white-space: nowrap;
    flex-shrink: 0;
}

.jd-zone-chip[b-4wqugckxf6] {
    font-size: 13.5px;
    font-weight: 700;
    background: #eff6ff;
    color: #1d4ed8;
    border: 1px solid #bfdbfe;
    padding: 3px 12px;
    border-radius: 20px;
    vertical-align: middle;
}

.boo-age-pill[b-4wqugckxf6] {
    display: inline-flex;
    align-items: center;
    font-size: 14px;
    font-weight: 600;
    background: #e1f1fb;
    color: #0a6a8f;
    padding: 2px 10px;
    border-radius: 20px;
}

/* ── Stats ── */
.stat-mini[b-4wqugckxf6] {
    transition: transform .15s, box-shadow .15s;
}

    .stat-mini:hover[b-4wqugckxf6] {
        transform: translateY(-2px);
        box-shadow: 0 6px 20px rgba(0,0,0,.12) !important;
    }

.stat-mini-icon[b-4wqugckxf6] {
    width: 48px;
    height: 48px;
    border-radius: 12px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 19px;
    flex-shrink: 0;
}

.boo-kpi-n[b-4wqugckxf6] {
    font-size: 28px;
    font-weight: 700;
    line-height: 1.05;
}

.boo-kpi-l[b-4wqugckxf6] {
    font-size: 14.5px;
    color: #6c757d;
}

/* ── Section cards ── */
.boo-section-1[b-4wqugckxf6] {
    border-top: 3px solid #0d6efd !important;
}

.boo-section-2[b-4wqugckxf6] {
    border-top: 3px solid #198754 !important;
}

.boo-step[b-4wqugckxf6] {
    width: 36px;
    height: 36px;
    border-radius: 50%;
    color: #fff;
    font-size: 17px;
    font-weight: 700;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
}

.boo-divider[b-4wqugckxf6] {
    position: relative;
    text-align: center;
}

    .boo-divider[b-4wqugckxf6]::before {
        content: "";
        position: absolute;
        left: 0;
        right: 0;
        top: 50%;
        border-top: 1px solid #adb5bd;
    }

    .boo-divider span[b-4wqugckxf6] {
        position: relative;
        background: #f8f9fa;
        padding: 0 16px;
        font-size: 14px;
        font-weight: 700;
        letter-spacing: .05em;
        color: #6c757d;
    }

/* ── Tables ── */
.boo-scroll[b-4wqugckxf6] {
    max-height: 520px;
    overflow: auto;
}

.boo-table[b-4wqugckxf6] {
    min-width: 1100px;
    --bs-table-hover-bg: #f3f8ff;
}

    .boo-table > thead > tr > th[b-4wqugckxf6],
    .boo-table > tbody > tr > td[b-4wqugckxf6] {
        font-size: 15.5px !important;
        line-height: 1.4;
        padding: .7rem .8rem;
    }

    .boo-table > thead > tr > th[b-4wqugckxf6] {
        position: sticky;
        top: 0;
        z-index: 5;
        background: #cfe2ff;
        color: #0a2e66;
        font-size: 14px !important;
        font-weight: 700;
        text-transform: uppercase;
        letter-spacing: .02em;
        white-space: nowrap;
    }

.boo-table-green > thead > tr > th[b-4wqugckxf6] {
    background: #d1e7dd;
    color: #0a3622;
}

.boo-table .boo-sub[b-4wqugckxf6] {
    font-size: 14px !important;
}

.boo-table .btn-sm[b-4wqugckxf6] {
    font-size: 14.5px !important;
    padding: .35rem .7rem;
}

.boo-agency[b-4wqugckxf6] {
    max-width: 160px;
}

.boo-check[b-4wqugckxf6] {
    font-size: 16px;
}

.boo-chev[b-4wqugckxf6] {
    width: 22px;
    height: 22px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 4px;
    font-size: 12px;
    cursor: pointer;
}

    .boo-chev:hover[b-4wqugckxf6] {
        background: #e9ecef;
    }

.boo-guards[b-4wqugckxf6] {
    font-size: 16px !important;
    padding: .4em .8em;
}

.row-selected[b-4wqugckxf6] {
    background-color: #fef3c7 !important;
    outline: 2px solid #f59e0b;
    outline-offset: -2px;
}

    .row-selected > td[b-4wqugckxf6] {
        background-color: #fef3c7 !important;
    }

/* ── Detail expand ── */
.detail-panel[b-4wqugckxf6] {
    background: linear-gradient(135deg, #f0fff4 0%, #f8fffe 100%);
    animation: slideDown-b-4wqugckxf6 .18s ease-out;
}

.detail-row td[b-4wqugckxf6] {
    border-left: 4px solid #198754 !important;
}

.boo-dl[b-4wqugckxf6] {
    font-size: 15px !important;
}

    .boo-dl dt[b-4wqugckxf6], .boo-dl dd[b-4wqugckxf6] {
        font-size: 15px !important;
        margin-bottom: .35rem;
    }

.boo-dl-title[b-4wqugckxf6] {
    font-size: 15px !important;
    text-transform: uppercase;
    letter-spacing: .03em;
}

@keyframes slideDown-b-4wqugckxf6 {
    from {
        opacity: 0;
        transform: translateY(-4px);
    }

    to {
        opacity: 1;
        transform: translateY(0);
    }
}

.pagination .page-link[b-4wqugckxf6] {
    font-size: 15px;
    padding: .4rem .8rem;
}

/* ── Commence ── */
.start-combination-section[b-4wqugckxf6] {
    background: linear-gradient(135deg, #e8f4ff 0%, #f0fff4 100%);
    border-radius: 16px;
    border: 2px dashed #0d6efd33;
}

.combination-card[b-4wqugckxf6] {
    max-width: 680px;
    background: #fff;
    border-radius: 16px;
    border: 1px solid #dee2e6;
}

.boo-step-final[b-4wqugckxf6] {
    width: 54px;
    height: 54px;
    margin: 0 auto;
    border-radius: 50%;
    background: linear-gradient(135deg, #0d6efd, #198754);
    color: #fff;
    font-size: 22px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.btn-commence[b-4wqugckxf6] {
    background: linear-gradient(135deg, #0d6efd, #198754);
    color: #fff;
    border: none;
    font-size: 19px;
    font-weight: 700;
    padding: .9rem 2.6rem;
    border-radius: 50px;
    box-shadow: 0 6px 24px rgba(13,110,253,.35);
    transition: transform .2s, box-shadow .2s;
    letter-spacing: .5px;
}

    .btn-commence:hover:not(:disabled)[b-4wqugckxf6] {
        transform: translateY(-3px);
        box-shadow: 0 10px 32px rgba(13,110,253,.45);
        color: #fff;
    }

    .btn-commence:disabled[b-4wqugckxf6] {
        background: #adb5bd;
        box-shadow: none;
        cursor: not-allowed;
    }

.summary-pill[b-4wqugckxf6] {
    font-size: 15.5px;
}

/* ── Modal ── */
.boo-modal .modal-body[b-4wqugckxf6] {
    font-size: 16px;
}

.boo-modal .form-control[b-4wqugckxf6] {
    font-size: 15.5px !important;
}

.boo-modal .btn[b-4wqugckxf6] {
    font-size: 15px;
    font-weight: 600;
}

/* ── Print ── */
@media print {
    .no-print[b-4wqugckxf6] {
        display: none !important;
    }

    .start-combination-section[b-4wqugckxf6] {
        display: none !important;
    }
}
/* /Components/Pages/Admin/BOO/Waitinglist.razor.rz.scp.css */
.jd-zone-banner[b-fm8c0mx0tx] {
    display: flex;
    align-items: center;
    gap: 14px;
    padding: 12px 18px;
    background: #eff6ff;
    border: 1px solid #bfdbfe;
    border-left: 4px solid #2563eb;
    border-radius: 10px;
    color: #1e3a5f;
    font-size: .875rem;
}

.jd-zone-banner i.fa-map-location-dot[b-fm8c0mx0tx] {
    font-size: 1.2rem;
    color: #2563eb;
}

.jd-zone-banner strong[b-fm8c0mx0tx] {
    display: block;
    margin-bottom: 1px;
    font-size: .9rem;
}

.jd-zone-banner span:not(.jd-zone-tag)[b-fm8c0mx0tx] {
    font-size: .8rem;
    opacity: .8;
}

.jd-zone-banner > div[b-fm8c0mx0tx] {
    flex: 1;
}

.jd-zone-tag[b-fm8c0mx0tx] {
    font-size: .72rem;
    font-weight: 700;
    background: #dbeafe;
    color: #1e40af;
    border: 1px solid #bfdbfe;
    padding: 4px 12px;
    border-radius: 20px;
    white-space: nowrap;
    flex-shrink: 0;
}

.jd-zone-chip[b-fm8c0mx0tx] {
    font-size: .7rem;
    font-weight: 700;
    background: #eff6ff;
    color: #1d4ed8;
    border: 1px solid #bfdbfe;
    padding: 3px 10px;
    border-radius: 20px;
    vertical-align: middle;
}

/* Stat cards */
.wl-stat-card[b-fm8c0mx0tx] {
    display: flex;
    align-items: center;
    gap: 14px;
    padding: 16px 20px;
    border-radius: 12px;
    background: #fff;
    border: 1px solid #e5e7eb;
    box-shadow: 0 1px 4px rgba(0,0,0,.06);
    cursor: pointer;
    transition: transform .15s, box-shadow .15s;
}

    .wl-stat-card:hover[b-fm8c0mx0tx] {
        transform: translateY(-3px);
        box-shadow: 0 6px 20px rgba(0,0,0,.1);
        border-color: var(--clr);
    }

.wl-stat-icon[b-fm8c0mx0tx] {
    width: 44px;
    height: 44px;
    border-radius: 10px;
    background: var(--bg);
    color: var(--clr);
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1.2rem;
    flex-shrink: 0;
}

.wl-stat-num[b-fm8c0mx0tx] {
    font-size: 1.6rem;
    font-weight: 700;
    line-height: 1;
}

.wl-stat-label[b-fm8c0mx0tx] {
    font-size: .78rem;
    color: #6b7280;
    margin-top: 2px;
}

/* Detail row */
.detail-panel[b-fm8c0mx0tx] {
    background: linear-gradient(135deg, #eff6ff 0%, #f8fffe 100%);
    animation: slideDown-b-fm8c0mx0tx .18s ease-out;
}

.detail-row td[b-fm8c0mx0tx] {
    border-left: 4px solid #0d6efd !important;
}

@keyframes slideDown-b-fm8c0mx0tx {
    from {
        opacity: 0;
        transform: translateY(-4px);
    }

    to {
        opacity: 1;
        transform: translateY(0);
    }
}

.table thead th[b-fm8c0mx0tx] {
    position: sticky;
    top: 0;
    z-index: 5;
    background: #f8f9fa;
    font-size: .82rem;
    font-weight: 600;
    white-space: nowrap;
}

.table-success[b-fm8c0mx0tx] {
    background-color: #d1e7dd !important;
}

.table-danger[b-fm8c0mx0tx] {
    background-color: #f8d7da !important;
}
/* /Components/Pages/Admin/BOO/WAITINGPreview.razor.rz.scp.css */
/* Summary stat boxes — same pattern used on the SA Status Register */
.stat-box[b-rog77zx95s] {
    display: flex;
    align-items: center;
    gap: 12px;
    background: #fff;
    border: 1px solid #e5e7eb;
    border-left: 4px solid var(--c, #6b7280);
    padding: .7rem .9rem;
    height: 100%;
}

.stat-box:hover[b-rog77zx95s] {
    background: #f8f9fa;
}

.stat-box-icon[b-rog77zx95s] {
    font-size: 1.2rem;
    color: var(--c, #6b7280);
    flex-shrink: 0;
}

.stat-box-label[b-rog77zx95s] {
    font-size: .7rem;
    text-transform: uppercase;
    letter-spacing: .04em;
    color: #6b7280;
    font-weight: 700;
}

.stat-box-value[b-rog77zx95s] {
    font-size: 1.4rem;
    font-weight: 800;
    color: #111827;
    font-family: 'Courier New', monospace;
    line-height: 1.1;
}

.stat-c-amber[b-rog77zx95s] {
    --c: #d97706;
}

.stat-c-green[b-rog77zx95s] {
    --c: #16a34a;
}

.stat-c-red[b-rog77zx95s] {
    --c: #dc2626;
}

.stat-c-blue[b-rog77zx95s] {
    --c: #2563eb;
}

.rec-section-label[b-rog77zx95s] {
    font-size: .72rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: .04em;
    color: #374151;
    border-left: 3px solid #2563eb;
    padding-left: 7px;
    margin-bottom: 6px;
}

.detail-panel[b-rog77zx95s] {
    background: #f8fafc;
}

.detail-row td[b-rog77zx95s] {
    border-left: 4px solid #2563eb !important;
}

.table thead.sticky-top th[b-rog77zx95s] {
    position: sticky;
    top: 0;
    z-index: 5;
}

.table-success[b-rog77zx95s] {
    background-color: #d1e7dd !important;
}

.table-danger[b-rog77zx95s] {
    background-color: #f8d7da !important;
}

/* Modals */
.wl-modal-backdrop[b-rog77zx95s] {
    position: fixed;
    inset: 0;
    background: rgba(15,23,42,.5);
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 1060;
    padding: 16px;
}

.wl-modal[b-rog77zx95s] {
    background: #fff;
    width: 100%;
    max-width: 480px;
    box-shadow: 0 20px 60px rgba(0,0,0,.25);
    overflow: hidden;
}

.wl-modal-header[b-rog77zx95s] {
    padding: 14px 18px;
    font-weight: 700;
    display: flex;
    align-items: center;
}

.wl-modal-body[b-rog77zx95s] {
    padding: 18px;
}

.wl-modal-footer[b-rog77zx95s] {
    padding: 12px 18px;
    background: #f8fafc;
    border-top: 1px solid #e2e8f0;
    display: flex;
    justify-content: flex-end;
    gap: 8px;
}

/* Toast */
.wl-toast[b-rog77zx95s] {
    position: fixed;
    bottom: 20px;
    right: 20px;
    z-index: 1070;
    background: #16a34a;
    color: #fff;
    padding: 10px 18px;
    font-size: .85rem;
    font-weight: 600;
    box-shadow: 0 8px 24px rgba(0,0,0,.2);
}
/* /Components/Pages/Admin/Cancellations.razor.rz.scp.css */
/* ===================================
           HERO SECTION
           =================================== */
.cancelled-hero-section[b-vt403667uy] {
    position: relative;
    overflow: hidden;
    margin: -2rem -2rem 0 -2rem;
    padding: 0 2rem;
}

.hero-overlay[b-vt403667uy] {
    position: absolute;
    inset: 0;
    background: radial-gradient(circle at 20% 50%, rgba(255,255,255,0.1) 0%, transparent 50%), radial-gradient(circle at 80% 80%, rgba(255,255,255,0.1) 0%, transparent 50%);
}

.hero-badge[b-vt403667uy] {
    display: inline-block;
    padding: 0.5rem 1.25rem;
    background: rgba(255,255,255,0.2);
    border-radius: 50px;
    color: white;
    font-weight: 600;
    font-size: 0.875rem;
    backdrop-filter: blur(10px);
}

.hero-stats-card[b-vt403667uy] {
    background: rgba(255,255,255,0.95);
    border-radius: 20px;
    padding: 2rem;
    text-align: center;
}

.hero-stat-number[b-vt403667uy] {
    font-size: 3.5rem;
    font-weight: 800;
    color: #dc3545;
    line-height: 1;
}

.hero-stat-label[b-vt403667uy] {
    font-size: 1rem;
    color: #6c757d;
    font-weight: 600;
    margin-top: 0.5rem;
}

/* ===================================
           MODERN STAT CARDS
           =================================== */
.modern-stat-card[b-vt403667uy] {
    background: white;
    border-radius: 16px;
    overflow: hidden;
    box-shadow: 0 4px 12px rgba(0,0,0,0.08);
    transition: all 0.3s ease;
    height: 100%;
    display: flex;
    flex-direction: column;
}

    .modern-stat-card:hover[b-vt403667uy] {
        transform: translateY(-8px);
        box-shadow: 0 12px 24px rgba(0,0,0,0.15);
    }

.stat-card-inner[b-vt403667uy] {
    padding: 1.5rem;
    display: flex;
    align-items: center;
    gap: 1.25rem;
    flex: 1;
}

.stat-icon-wrapper[b-vt403667uy] {
    width: 70px;
    height: 70px;
    border-radius: 16px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 2rem;
    flex-shrink: 0;
}

.officer-card .stat-icon-wrapper[b-vt403667uy] {
    background: linear-gradient(135deg, #0d6efd, #0a58ca);
    color: white;
}

.pbor-card .stat-icon-wrapper[b-vt403667uy] {
    background: linear-gradient(135deg, #0dcaf0, #0891b2);
    color: white;
}

.coal-card .stat-icon-wrapper[b-vt403667uy] {
    background: linear-gradient(135deg, #ffc107, #ff9800);
    color: white;
}

.all-card .stat-icon-wrapper[b-vt403667uy] {
    background: linear-gradient(135deg, #6c757d, #495057);
    color: white;
}

.stat-details[b-vt403667uy] {
    flex: 1;
}

.stat-number[b-vt403667uy] {
    font-size: 2.5rem;
    font-weight: 800;
    margin: 0;
    line-height: 1;
    color: #212529;
}

.stat-title[b-vt403667uy] {
    font-size: 0.95rem;
    color: #6c757d;
    margin: 0.5rem 0;
    font-weight: 600;
}

.stat-badge[b-vt403667uy] {
    display: inline-block;
    padding: 0.35rem 0.75rem;
    background: #f8f9fa;
    border-radius: 6px;
    font-size: 0.75rem;
    color: #495057;
    font-weight: 600;
}

.stat-card-footer[b-vt403667uy] {
    padding: 0 1.5rem 1.5rem 1.5rem;
}

.btn-view-category[b-vt403667uy] {
    width: 100%;
    padding: 0.75rem 1rem;
    background: #f8f9fa;
    border: 2px solid #e9ecef;
    border-radius: 10px;
    font-weight: 600;
    color: #495057;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all 0.3s ease;
}

    .btn-view-category:hover[b-vt403667uy], .btn-view-category.active[b-vt403667uy] {
        background: #0d6efd;
        border-color: #0d6efd;
        color: white;
        transform: translateY(-2px);
    }

/* ===================================
           CATEGORY LEGEND
           =================================== */
.legend-badge[b-vt403667uy] {
    padding: 0.5rem 1rem;
    border-radius: 8px;
    font-weight: 600;
    font-size: 0.875rem;
    display: inline-flex;
    align-items: center;
}

.badge-officer[b-vt403667uy] {
    background: linear-gradient(135deg, #e3f2fd, #bbdefb);
    color: #0d6efd;
    border: 2px solid #0d6efd;
}

.badge-pbor[b-vt403667uy] {
    background: linear-gradient(135deg, #e0f7fa, #b2ebf2);
    color: #0dcaf0;
    border: 2px solid #0dcaf0;
}

.badge-coal[b-vt403667uy] {
    background: linear-gradient(135deg, #fff3cd, #ffe69c);
    color: #ff9800;
    border: 2px solid #ffc107;
}

/* ===================================
           TABLE STYLING
           =================================== */
.modern-table[b-vt403667uy] {
    border-collapse: separate;
    border-spacing: 0;
}

    .modern-table thead th[b-vt403667uy] {
        background: linear-gradient(to bottom, #f8f9fa, #e9ecef);
        color: #495057;
        font-weight: 700;
        font-size: 0.875rem;
        text-transform: uppercase;
        letter-spacing: 0.5px;
        padding: 1rem;
        border: none;
        position: sticky;
        top: 0;
        z-index: 10;
    }

    .modern-table tbody td[b-vt403667uy] {
        padding: 1rem;
        vertical-align: middle;
        border-bottom: 1px solid #dee2e6;
    }

/* Row Colors by Type */
.row-officer[b-vt403667uy] {
    background: linear-gradient(to right, #e3f2fd 0%, #f8f9fa 100%);
    border-left: 4px solid #0d6efd;
}

.row-pbor[b-vt403667uy] {
    background: linear-gradient(to right, #e0f7fa 0%, #f8f9fa 100%);
    border-left: 4px solid #0dcaf0;
}

.row-coal[b-vt403667uy] {
    background: linear-gradient(to right, #fff3cd 0%, #f8f9fa 100%);
    border-left: 4px solid #ffc107;
}

.modern-table tbody tr:hover[b-vt403667uy] {
    filter: brightness(0.97);
    box-shadow: 0 2px 8px rgba(0,0,0,0.08);
}

/* ===================================
           TYPE BADGES IN TABLE
           =================================== */
.type-badge[b-vt403667uy] {
    padding: 0.4rem 0.9rem;
    border-radius: 8px;
    font-weight: 600;
    font-size: 0.813rem;
    display: inline-flex;
    align-items: center;
    white-space: nowrap;
}

/* ===================================
           TABLE CONTENT STYLING
           =================================== */
.reg-code[b-vt403667uy] {
    background: #f8f9fa;
    padding: 0.35rem 0.75rem;
    border-radius: 6px;
    font-family: 'Courier New', monospace;
    font-size: 0.875rem;
    color: #495057;
    border: 1px solid #dee2e6;
}

.name-link[b-vt403667uy] {
    color: #212529;
    text-decoration: none;
    font-weight: 600;
    transition: all 0.2s ease;
}

    .name-link:hover[b-vt403667uy] {
        color: #0d6efd;
        text-decoration: underline;
    }

.rank-badge[b-vt403667uy] {
    background: #e9ecef;
    padding: 0.35rem 0.75rem;
    border-radius: 6px;
    font-size: 0.875rem;
    font-weight: 600;
    color: #495057;
}

.contact-info[b-vt403667uy] {
    display: flex;
    flex-direction: column;
    gap: 0.35rem;
}

.contact-item[b-vt403667uy] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    font-size: 0.875rem;
}

    .contact-item i[b-vt403667uy] {
        font-size: 0.75rem;
    }

.date-info[b-vt403667uy] {
    display: flex;
    flex-direction: column;
}

.date-primary[b-vt403667uy] {
    font-weight: 600;
    color: #212529;
}

.date-secondary[b-vt403667uy] {
    font-size: 0.75rem;
    color: #6c757d;
}

.reason-box[b-vt403667uy] {
    padding: 0.5rem 0.75rem;
    background: #fff3cd;
    border-left: 3px solid #ffc107;
    border-radius: 6px;
    font-size: 0.875rem;
}

.action-cell[b-vt403667uy] {
    background: #f8f9fa !important;
}

.btn-action[b-vt403667uy] {
    background: white;
    border: 2px solid #dee2e6;
    color: #0d6efd;
    padding: 0.5rem 0.75rem;
    border-radius: 8px;
    font-weight: 600;
    transition: all 0.2s ease;
}

    .btn-action:hover[b-vt403667uy] {
        background: #0d6efd;
        border-color: #0d6efd;
        color: white;
        transform: scale(1.1);
    }

/* ===================================
           EMPTY STATE
           =================================== */
.empty-state[b-vt403667uy] {
    text-align: center;
}

.empty-state-icon[b-vt403667uy] {
    font-size: 5rem;
    color: #dee2e6;
    margin-bottom: 1rem;
}

/* ===================================
           MODERN PAGINATION
           =================================== */
.modern-pagination[b-vt403667uy] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 1.5rem 2rem;
    background: #f8f9fa;
    border-top: 1px solid #dee2e6;
}

.pagination .page-link[b-vt403667uy] {
    border-radius: 8px;
    margin: 0 0.25rem;
    padding: 0.5rem 0.75rem;
    min-width: 40px;
    text-align: center;
    font-weight: 600;
    border: 2px solid #dee2e6;
    color: #495057;
}

.pagination .page-item.active .page-link[b-vt403667uy] {
    background: #0d6efd;
    border-color: #0d6efd;
    color: white;
}

.pagination .page-link:hover:not(.active)[b-vt403667uy] {
    background: #e9ecef;
    border-color: #0d6efd;
}

/* ===================================
           RESPONSIVE
           =================================== */
@media (max-width: 768px) {
    .cancelled-hero-section[b-vt403667uy] {
        margin: -1rem -1rem 0 -1rem;
        padding: 0 1rem;
    }

    .hero-content h1[b-vt403667uy] {
        font-size: 2rem;
    }

    .stat-number[b-vt403667uy] {
        font-size: 2rem;
    }

    .modern-pagination[b-vt403667uy] {
        flex-direction: column;
        gap: 1rem;
    }
}
/* /Components/Pages/Admin/SA/EmpCertificateReview.razor.rz.scp.css */
.clerk-zone-chip[b-wyupp98k8q] {
    font-size: .7rem;
    font-weight: 700;
    background: #f0fdf4;
    color: #15803d;
    border: 1px solid #bbf7d0;
    padding: 3px 10px;
    border-radius: 20px;
    vertical-align: middle;
}

.status-tabs[b-wyupp98k8q] {
    display: flex;
    gap: 10px;
}

.status-tab[b-wyupp98k8q] {
    flex: 1;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 6px;
    padding: 12px;
    border: 2px solid #e2e8f0;
    border-radius: 10px;
    background: #fff;
    font-weight: 600;
    color: #64748b;
    transition: all .15s;
}

    .status-tab:hover[b-wyupp98k8q] {
        background: #f8fafc;
    }

    .status-tab.active.pending[b-wyupp98k8q] {
        border-color: #d97706;
        background: #fffbeb;
        color: #92400e;
    }

    .status-tab.active.completed[b-wyupp98k8q] {
        border-color: #16a34a;
        background: #f0fdf4;
        color: #14532d;
    }

    .status-tab.active.all[b-wyupp98k8q] {
        border-color: #2563eb;
        background: #eff6ff;
        color: #1e3a8a;
    }

.tab-count[b-wyupp98k8q] {
    background: rgba(0,0,0,.08);
    border-radius: 999px;
    padding: 1px 9px;
    font-size: .78rem;
    margin-left: 4px;
}

.table thead.sticky-top[b-wyupp98k8q] {
    position: sticky;
    top: 0;
    z-index: 10;
}

.table-success[b-wyupp98k8q] {
    background-color: #d1e7dd !important;
}

.table-danger[b-wyupp98k8q] {
    background-color: #f8d7da !important;
}
/* /Components/Pages/Admin/SA/Print.razor.rz.scp.css */
/* ============================================================
           GLOBAL RESET FOR PRINT PAGE
        ============================================================ */
*[b-o1wn58sxan], *[b-o1wn58sxan]::before, *[b-o1wn58sxan]::after {
    box-sizing: border-box;
}

body[b-o1wn58sxan] {
    margin: 0;
    padding: 0;
    background: #d0d0d0;
    font-family: Arial, sans-serif;
}

/* ============================================================
           A4 PAGE CONTAINER
           Margins: 70px all sides (approx 18.5mm each side)
        ============================================================ */
.cert-page[b-o1wn58sxan] {
    width: 210mm;
    min-height: 297mm;
    margin: 20px auto;
    background: #fff;
    padding: 70px;
    box-shadow: 0 0 10px rgba(0,0,0,0.25);
    font-size: 12pt;
    line-height: 1.5;
    color: #000;
    position: relative;
}

/* ============================================================
           CERTIFICATE NUMBER — TOP RIGHT
        ============================================================ */
.cert-number-top[b-o1wn58sxan] {
    text-align: right;
    font-size: 14pt;
    font-weight: bold;
    margin-bottom: 40px;
}

/* ============================================================
           INTRO TEXT
        ============================================================ */
.cert-intro[b-o1wn58sxan] {
    margin-bottom: 12px;
    font-size: 12pt;
}

/* ============================================================
           PARAGRAPH ROWS  (a), (b), (c)...
        ============================================================ */
.cert-para[b-o1wn58sxan] {
    display: flex;
    align-items: flex-start;
    margin-bottom: 14px;
}

.para-label[b-o1wn58sxan] {
    min-width: 38px;
    font-weight: bold;
    font-size: 12pt;
    flex-shrink: 0;
}

.para-content[b-o1wn58sxan] {
    flex: 1;
    font-size: 12pt;
    text-align: justify;
}

/* Indented continuation paragraph under (a) */
.cert-para-indent[b-o1wn58sxan] {
    margin-left: 38px;
    margin-bottom: 16px;
    font-size: 12pt;
    text-align: justify;
}

/* ============================================================
           DETAILS TABLE
        ============================================================ */
.cert-table[b-o1wn58sxan] {
    width: 100%;
    border-collapse: collapse;
    margin: 16px 0 20px 38px;
    font-size: 12pt;
}

    .cert-table thead tr th[b-o1wn58sxan] {
        text-decoration: underline;
        font-weight: bold;
        text-align: left;
        padding: 2px 8px 6px 0;
        background: transparent;
        border: none;
        font-size: 12pt;
    }

    .cert-table tbody tr td[b-o1wn58sxan] {
        padding: 3px 8px 3px 0;
        vertical-align: top;
        border: none;
        font-size: 12pt;
    }

.col-sno[b-o1wn58sxan] {
    width: 48px;
}

.col-desc[b-o1wn58sxan] {
    width: 240px;
}

.col-detail[b-o1wn58sxan] {
}

.col-photo[b-o1wn58sxan] {
    width: 130px;
    vertical-align: top;
    text-align: center;
    border: 1px solid #000;
    padding: 6px;
    font-size: 11pt;
    height: 120px;
}

/* ============================================================
           FOOTER
        ============================================================ */
.cert-footer[b-o1wn58sxan] {
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
    margin-top: 50px;
    margin-bottom: 30px;
}

.footer-date[b-o1wn58sxan] {
    font-size: 12pt;
}

.footer-signature[b-o1wn58sxan] {
    text-align: center;
    font-size: 11pt;
    min-width: 180px;
}

.sig-line[b-o1wn58sxan] {
    width: 180px;
    border-bottom: 1.5px solid #000;
    margin-bottom: 6px;
    height: 50px;
}

.sig-seal[b-o1wn58sxan] {
    font-size: 10pt;
    color: #555;
    font-style: italic;
    margin-top: 3px;
}

/* ============================================================
           CONTACT FOOTER
        ============================================================ */
.cert-contact-footer[b-o1wn58sxan] {
    border-top: 1px solid #999;
    padding-top: 10px;
    font-size: 10pt;
    color: #444;
    text-align: center;
    line-height: 1.7;
}

/* ============================================================
           PRINT ACTIONS BUTTON BAR
        ============================================================ */
.print-actions[b-o1wn58sxan] {
    background: #f0f0f0;
    padding: 10px 14px;
    border-bottom: 1px solid #ccc;
    margin-bottom: 20px;
    margin-left: -70px;
    margin-right: -70px;
    margin-top: -70px;
}

/* ============================================================
           PRINT MEDIA — A4 EXACT RENDERING
        ============================================================ */
@media print {
    html[b-o1wn58sxan], body[b-o1wn58sxan] {
        margin: 0 !important;
        padding: 0 !important;
        background: none !important;
    }

    .no-print[b-o1wn58sxan] {
        display: none !important;
    }

    .cert-page[b-o1wn58sxan] {
        width: 100%;
        min-height: 0;
        margin: 0;
        padding: 70px;
        box-shadow: none;
    }
}

@page {
    size: A4 portrait;
    margin: 0;
}

/* ============================================================
           RESPONSIVE — MOBILE FALLBACK
        ============================================================ */
@media screen and (max-width: 800px) {
    body[b-o1wn58sxan] {
        background: #fff;
    }

    .cert-page[b-o1wn58sxan] {
        width: 100%;
        margin: 0;
        padding: 20px;
        box-shadow: none;
    }

    .cert-table[b-o1wn58sxan] {
        margin-left: 0;
        font-size: 10pt;
    }

    .col-photo[b-o1wn58sxan] {
        display: none;
    }
}

/* /Components/Pages/Admin/SA/SponsorshipLetterPrint.razor.rz.scp.css */
/* Reuse identical print/A4 CSS block from your SA certificate page verbatim */
*[b-kyynncysvi], *[b-kyynncysvi]::before, *[b-kyynncysvi]::after {
    box-sizing: border-box;
}

body[b-kyynncysvi] {
    margin: 0;
    padding: 0;
    background: #d0d0d0;
    font-family: Arial, sans-serif;
}

.cert-page[b-kyynncysvi] {
    width: 210mm;
    min-height: 297mm;
    margin: 20px auto;
    background: #fff;
    padding: 70px;
    box-shadow: 0 0 10px rgba(0,0,0,0.25);
    font-size: 12pt;
    line-height: 1.5;
    color: #000;
    position: relative;
}

.cert-number-top[b-kyynncysvi] {
    text-align: right;
    font-size: 14pt;
    font-weight: bold;
    margin-bottom: 40px;
}

.cert-intro[b-kyynncysvi] {
    margin-bottom: 12px;
    font-size: 12pt;
}

.cert-para[b-kyynncysvi] {
    display: flex;
    align-items: flex-start;
    margin-bottom: 14px;
}

.para-label[b-kyynncysvi] {
    min-width: 38px;
    font-weight: bold;
    font-size: 12pt;
    flex-shrink: 0;
}

.para-content[b-kyynncysvi] {
    flex: 1;
    font-size: 12pt;
    text-align: justify;
}

.cert-para-indent[b-kyynncysvi] {
    margin-left: 38px;
    margin-bottom: 16px;
    font-size: 12pt;
    text-align: justify;
}

.cert-table[b-kyynncysvi] {
    width: 100%;
    border-collapse: collapse;
    margin: 16px 0 20px 38px;
    font-size: 12pt;
}

    .cert-table thead tr th[b-kyynncysvi] {
        text-decoration: underline;
        font-weight: bold;
        text-align: left;
        padding: 2px 8px 6px 0;
        border: none;
        font-size: 12pt;
    }

    .cert-table tbody tr td[b-kyynncysvi] {
        padding: 3px 8px 3px 0;
        vertical-align: top;
        border: none;
        font-size: 12pt;
    }

.col-sno[b-kyynncysvi] {
    width: 48px;
}

.col-desc[b-kyynncysvi] {
    width: 280px;
}

.cert-footer[b-kyynncysvi] {
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
    margin-top: 50px;
    margin-bottom: 30px;
}

.footer-date[b-kyynncysvi] {
    font-size: 12pt;
}

.footer-signature[b-kyynncysvi] {
    text-align: center;
    font-size: 11pt;
    min-width: 180px;
}

.sig-line[b-kyynncysvi] {
    width: 180px;
    border-bottom: 1.5px solid #000;
    margin-bottom: 6px;
    height: 50px;
}

.sig-seal[b-kyynncysvi] {
    font-size: 10pt;
    color: #555;
    font-style: italic;
    margin-top: 3px;
}

.cert-contact-footer[b-kyynncysvi] {
    border-top: 1px solid #999;
    padding-top: 10px;
    font-size: 10pt;
    color: #444;
    text-align: center;
    line-height: 1.7;
}

.print-actions[b-kyynncysvi] {
    background: #f0f0f0;
    padding: 10px 14px;
    border-bottom: 1px solid #ccc;
    margin-bottom: 20px;
    margin-left: -70px;
    margin-right: -70px;
    margin-top: -70px;
}

@media print {
    html[b-kyynncysvi], body[b-kyynncysvi] {
        margin: 0 !important;
        padding: 0 !important;
        background: none !important;
    }

    .no-print[b-kyynncysvi] {
        display: none !important;
    }

    .cert-page[b-kyynncysvi] {
        width: 100%;
        min-height: 0;
        margin: 0;
        padding: 70px;
        box-shadow: none;
    }
}

@page {
    size: A4 portrait;
    margin: 0;
}

@media screen and (max-width: 800px) {
    body[b-kyynncysvi] {
        background: #fff;
    }

    .cert-page[b-kyynncysvi] {
        width: 100%;
        margin: 0;
        padding: 20px;
        box-shadow: none;
    }

    .cert-table[b-kyynncysvi] {
        margin-left: 0;
        font-size: 10pt;
    }
}

/* /Components/Pages/Admin/SA/States/Clerk/PsuReqClerkDashboard.razor.rz.scp.css */
/* ============================================================
           Requisition list card — flat / rounded-0 / bordered, matching
           the Status Update Sheet & Weekly Update Sheet visual language.
           ============================================================ */
.req-card[b-pf6rglwcl5] {
    border: 1px solid #dee2e6;
    border-left-width: 4px;
    border-radius: 0;
    background: #fff;
    padding: 14px 16px;
    transition: box-shadow .15s;
}

.req-card:hover[b-pf6rglwcl5] {
    box-shadow: 0 2px 10px rgba(15, 23, 42, .08);
}

.req-card-top[b-pf6rglwcl5] {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    gap: 12px;
}

.req-signed-row[b-pf6rglwcl5] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 10px;
    padding: 6px 0 10px;
}

.req-card-org[b-pf6rglwcl5] {
    display: flex;
    align-items: flex-start;
    gap: 12px;
}

.req-header-title[b-pf6rglwcl5] {
    font-size: 1.5rem;
    font-weight: 700;
    color: #0f172a;
    line-height: 1.25;
}

.req-header-reqid[b-pf6rglwcl5] {
    display: inline-flex;
    align-items: center;
    font-size: 1rem;
    font-weight: 600;
    color: #1d4ed8;
    background: #eff6ff;
    border: 1px solid #dbeafe;
    padding: 2px 8px;
    border-radius: 4px;
    margin-top: 4px;
}

.req-header-meta[b-pf6rglwcl5] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 4px;
    font-size: 1.2rem;
    color: crimson;
    margin-top: 6px;
}

.req-meta-sep[b-pf6rglwcl5] {
    color: #94a3b8;
    margin: 0 2px;
}

.req-org-avatar[b-pf6rglwcl5] {
    width: 38px;
    height: 38px;
    background: #eef2f7;
    border-radius: 6px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #334155;
    flex-shrink: 0;
}

.req-org-name[b-pf6rglwcl5] {
    font-weight: 700;
    color: #1e293b;
}

.req-org-meta[b-pf6rglwcl5] {
    font-size: 1.2rem;
    margin-top: 2px;
}

/* Stat blocks — same pattern as Status Update Sheet's summary strip */
.req-stat-box[b-pf6rglwcl5] {
    border: 1px solid #e2e8f0;
    background: #f8f9fa;
    padding: 6px 10px;
    height: 100%;
}

.req-stat-label[b-pf6rglwcl5] {
    font-size: 1rem;
    text-transform: uppercase;
    letter-spacing: .03em;
    color: darkblue;
    font-weight: 700;
}

.req-stat-value[b-pf6rglwcl5] {
    font-size: 1rem;
    color: #1e293b;
    font-weight: 600;
}

.req-prev-remarks[b-pf6rglwcl5] {
    background: #fffbeb;
    border-left: 3px solid #f59e0b;
    padding: 8px 12px;
    font-size: .82rem;
    color: #78350f;
    margin-bottom: 8px;
}

.req-card-actions[b-pf6rglwcl5] {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    margin-top: 8px;
}

/* ============================================================
           Reject modal — UNCHANGED from your original file.
           ============================================================ */
.req-modal-backdrop[b-pf6rglwcl5] {
    position: fixed;
    inset: 0;
    background: rgba(15,23,42,.5);
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 1060;
    padding: 16px;
}

.req-modal[b-pf6rglwcl5] {
    background: #fff;
    border-radius: 14px;
    width: 100%;
    max-width: 520px;
    box-shadow: 0 20px 60px rgba(0,0,0,.25);
    overflow: hidden;
}

.req-modal-header[b-pf6rglwcl5] {
    padding: 16px 20px;
    font-size: 1rem;
    font-weight: 700;
    display: flex;
    align-items: center;
}

.req-modal-body[b-pf6rglwcl5] {
    padding: 20px;
}

.req-modal-footer[b-pf6rglwcl5] {
    padding: 14px 20px;
    background: #f8fafc;
    border-top: 1px solid #e2e8f0;
    display: flex;
    justify-content: flex-end;
    gap: 8px;
}

.req-modal-org-box[b-pf6rglwcl5] {
    background: #f1f5f9;
    border-radius: 8px;
    padding: 10px 14px;
    border-left: 4px solid #16a34a;
}
/* /Components/Pages/Admin/SA/States/Clerk/PsuRequisitionWorkflowReview.razor.rz.scp.css */
.font-monospace[b-vgxjyat5x7] {
    font-family: 'Courier New', Courier, monospace;
}

.req-modal-backdrop[b-vgxjyat5x7] {
    position: fixed;
    inset: 0;
    background: rgba(15,23,42,.5);
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 1060;
    padding: 16px;
}

.req-modal[b-vgxjyat5x7] {
    background: #fff;
    border-radius: 14px;
    width: 100%;
    max-width: 520px;
    box-shadow: 0 20px 60px rgba(0,0,0,.25);
    overflow: hidden;
}

.req-modal-header[b-vgxjyat5x7] {
    padding: 16px 20px;
    font-size: 1rem;
    font-weight: 700;
    display: flex;
    align-items: center;
}

.req-modal-body[b-vgxjyat5x7] {
    padding: 20px;
}

.req-modal-footer[b-vgxjyat5x7] {
    padding: 14px 20px;
    background: #f8fafc;
    border-top: 1px solid #e2e8f0;
    display: flex;
    justify-content: flex-end;
    gap: 8px;
}
/* /Components/Pages/Admin/SA/States/Clerk/Review.razor.rz.scp.css */
/* ── Tab Navigation — unchanged from your original ───── */
.review-tab-nav[b-b7ic1fz90j] {
    display: flex;
    gap: 4px;
    border-bottom: 2px solid #e2e8f0;
    padding-bottom: 0;
    flex-wrap: wrap;
}

.review-tab[b-b7ic1fz90j] {
    display: flex;
    align-items: center;
    padding: 10px 22px;
    border: none;
    background: #f8fafc;
    border-radius: 8px 8px 0 0;
    font-size: 1.5rem;
    font-weight: 600;
    color: #64748b;
    cursor: pointer;
    border: 1px solid #e2e8f0;
    border-bottom: none;
    transition: background .15s, color .15s;
    margin-bottom: -2px;
}

    .review-tab:hover[b-b7ic1fz90j] {
        background: #eff6ff;
        color: #2563eb;
    }

    .review-tab.active[b-b7ic1fz90j] {
        background: #fff;
        color: #2563eb;
        border-color: #bfdbfe;
        border-bottom: 2px solid #fff;
        z-index: 1;
    }

/* ── Timeline — unchanged from your original ─────────── */
.timeline-item + .timeline-item[b-b7ic1fz90j] {
    border-top: 1px dashed #e5e7eb;
    padding-top: .75rem;
}

/* =========================================================
       SA WORKFLOW REVIEW — TAB NAV
       Adopts the same design language as AppointmentStatusTabs:
       pill container, icon box, gradient active state, tone colors.
       Blazor CSS isolation scopes all of this automatically —
       safe even if .review-tab / .review-tab-nav exist elsewhere.
       ========================================================= */

.review-tab-nav[b-b7ic1fz90j] {
    display: flex;
    align-items: stretch;
    gap: 4px;
    width: 100%;
    padding: 4px;
    background: #f2f3fa;
    border-radius: 14px;
    overflow-x: auto;
    scrollbar-width: none;
}

    .review-tab-nav[b-b7ic1fz90j]::-webkit-scrollbar {
        display: none;
    }

/* ---------- tone colors per tab ---------- */
.tone-review[b-b7ic1fz90j] {
    --t-color: #2563eb;
    --t-dark: #1d4ed8;
    --t-soft: #dbeafe;
}

.tone-officer[b-b7ic1fz90j] {
    --t-color: #0284c7;
    --t-dark: #0369a1;
    --t-soft: #e0f2fe;
}

.tone-guards[b-b7ic1fz90j] {
    --t-color: #059669;
    --t-dark: #047857;
    --t-soft: #d1fae5;
}

.tone-admin[b-b7ic1fz90j] {
    --t-color: #d97706;
    --t-dark: #b45309;
    --t-soft: #fef3c7;
}

.tone-renewal[b-b7ic1fz90j] {
    --t-color: #0d9488;
    --t-dark: #0f766e;
    --t-soft: #ccfbf1;
}

/* ---------- NEW: Status Updates tone ---------- */
.tone-status[b-b7ic1fz90j] {
    --t-color: #7c3aed;
    --t-dark: #6d28d9;
    --t-soft: #ede9fe;
}

.review-tab-pulse[b-b7ic1fz90j] {
    animation: review-pulse 1.4s infinite;
}

.review-tab-pulse-box[b-b7ic1fz90j] {
    animation: review-pulse 2s infinite;
}


/* ---------- tab button ---------- */
.review-tab[b-b7ic1fz90j] {
    position: relative;
    flex: 1 1 0;
    min-width: 0;
    display: inline-flex;
    align-items: center;
    justify-content: flex-start;
    gap: 10px;
    height: 48px;
    padding: 0 14px;
    border: 0;
    border-radius: 11px;
    background: transparent;
    color: #475467;
    white-space: nowrap;
    cursor: pointer;
    transition: background .15s ease, box-shadow .15s ease, color .15s ease;
}

    .review-tab:hover:not(.active)[b-b7ic1fz90j] {
        background: #fff;
        box-shadow: 0 1px 4px rgba(16, 24, 39, .10);
    }

    .review-tab:focus-visible[b-b7ic1fz90j] {
        outline: 2px solid var(--t-color);
        outline-offset: 1px;
    }

    .review-tab.active[b-b7ic1fz90j] {
        background: linear-gradient(160deg, var(--t-color), var(--t-dark));
        color: #fff;
        box-shadow: 0 4px 12px color-mix(in srgb, var(--t-color) 35%, transparent);
    }

/* icon box */
.review-tab-icon[b-b7ic1fz90j] {
    width: 30px;
    height: 30px;
    min-width: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 9px;
    background: var(--t-soft);
    color: var(--t-color);
    font-size: 15px;
    transition: background .15s ease, color .15s ease;
}

.review-tab.active .review-tab-icon[b-b7ic1fz90j] {
    background: rgba(255, 255, 255, .22);
    color: #fff;
}

/* label */
.review-tab-copy[b-b7ic1fz90j] {
    flex: 1 1 auto;
    min-width: 0;
    display: flex;
}

.review-tab-label[b-b7ic1fz90j] {
    font-size: 13.5px;
    font-weight: 700;
    color: inherit;
    overflow: hidden;
    text-overflow: ellipsis;
}

/* status badge on the review tab */
.review-tab-badge[b-b7ic1fz90j] {
    flex: 0 0 auto;
    font-weight: 700;
}

.review-tab.active .review-tab-badge[b-b7ic1fz90j] {
    background: #fff !important;
    color: var(--t-dark) !important;
}

/* loading spinner on the officer tab */
.review-tab-spinner[b-b7ic1fz90j] {
    flex: 0 0 auto;
    width: 0.9rem;
    height: 0.9rem;
}

/* =========================================================
       RESPONSIVE
       ========================================================= */
@media (max-width: 992px) {
    .review-tab[b-b7ic1fz90j] {
        gap: 8px;
        padding: 0 10px;
    }

    .review-tab-label[b-b7ic1fz90j] {
        font-size: 12.5px;
    }
}

@media (max-width: 640px) {
    .review-tab[b-b7ic1fz90j] {
        flex: 0 0 auto;
        min-width: 190px;
    }
}
@media (prefers-reduced-motion: reduce) {
    .review-tab[b-b7ic1fz90j] {
        transition: none;
    }
}

/* /Components/Pages/Admin/SA/States/JD/PsuRequisitionJDDashboard.razor.rz.scp.css */
/* ── Existing styles (unchanged) ───────────────────── */
.req-jd-banner[b-5u712c4rh4] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
    padding: 14px 20px;
    background: linear-gradient(135deg,#1e3a5f,#1e40af);
    border-radius: 12px;
    cursor: pointer;
    color: #fff;
    animation: reqBannerPulse-b-5u712c4rh4 2.5s ease-in-out 4;
}

.req-jd-banner:hover[b-5u712c4rh4] {
    filter: brightness(1.08);
}

@keyframes reqBannerPulse-b-5u712c4rh4 {
    0%, 100% {
        box-shadow: 0 0 0 0 rgba(37,99,235,0);
    }

    50% {
        box-shadow: 0 0 0 10px rgba(37,99,235,.25);
    }
}

.req-jd-banner-left[b-5u712c4rh4] {
    display: flex;
    align-items: center;
    gap: 14px;
}

.req-jd-banner-icon[b-5u712c4rh4] {
    width: 46px;
    height: 46px;
    background: rgba(255,255,255,.2);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1.2rem;
    flex-shrink: 0;
}

.req-jd-banner-title[b-5u712c4rh4] {
    font-weight: 700;
    font-size: 1rem;
}

.req-jd-banner-sub[b-5u712c4rh4] {
    font-size: .8rem;
    opacity: .85;
    margin-top: 2px;
}

.req-jd-count[b-5u712c4rh4] {
    background: #fbbf24;
    color: #1e293b;
    border-radius: 50%;
    width: 36px;
    height: 36px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1rem;
    font-weight: 800;
    flex-shrink: 0;
}

.req-signed-row[b-5u712c4rh4] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 10px;
    padding: 6px 0 10px;
}

.req-jd-card[b-5u712c4rh4] {
    border: 1px solid #bfdbfe;
    border-left: 5px solid #2563eb;
    border-radius: 12px;
    background: #f8faff;
    padding: 16px 18px;
    transition: box-shadow .2s;
}

    .req-jd-card:hover[b-5u712c4rh4] {
        box-shadow: 0 4px 16px rgba(37,99,235,.12);
    }

    .req-jd-card.waiting-long[b-5u712c4rh4] {
        border-color: #fca5a5;
        border-left-color: #dc2626;
        background: #fff8f8;
    }

.req-jd-card-top[b-5u712c4rh4] {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    gap: 12px;
    margin-bottom: 12px;
}

.req-jd-org[b-5u712c4rh4] {
    display: flex;
    align-items: flex-start;
    gap: 12px;
}

.req-jd-avatar[b-5u712c4rh4] {
    width: 40px;
    height: 40px;
    background: #dbeafe;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #1d4ed8;
    font-size: 1.05rem;
    flex-shrink: 0;
}

.req-jd-org-name[b-5u712c4rh4] {
    font-weight: 700;
    font-size: .97rem;
    color: #1e293b;
}

.req-jd-org-meta[b-5u712c4rh4] {
    font-size: .78rem;
    color: #64748b;
    margin-top: 3px;
}

.req-wait-badge[b-5u712c4rh4] {
    display: inline-block;
    color: #fff;
    border-radius: 20px;
    padding: 4px 12px;
    font-size: .78rem;
    font-weight: 700;
}

.req-jd-details[b-5u712c4rh4] {
    display: flex;
    flex-wrap: wrap;
    gap: 16px;
    background: #eff6ff;
    border-radius: 8px;
    padding: 10px 14px;
    margin-bottom: 10px;
}

.req-jd-detail-item[b-5u712c4rh4] {
    display: flex;
    flex-direction: column;
    min-width: 120px;
}

.req-jd-label[b-5u712c4rh4] {
    font-size: .7rem;
    text-transform: uppercase;
    letter-spacing: .04em;
    color: #64748b;
    font-weight: 600;
}

.req-jd-value[b-5u712c4rh4] {
    font-size: .85rem;
    color: #1e293b;
    font-weight: 500;
}

.req-clerk-note[b-5u712c4rh4] {
    background: #f0fdf4;
    border: 1px solid #bbf7d0;
    border-radius: 8px;
    padding: 8px 12px;
    font-size: .82rem;
    color: #166534;
    margin-bottom: 10px;
}

.req-jd-card-actions[b-5u712c4rh4] {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
}

/* ── Reject modal (unchanged) ───────────────────────── */
.req-modal-backdrop[b-5u712c4rh4] {
    position: fixed;
    inset: 0;
    background: rgba(15,23,42,.5);
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 1060;
    padding: 16px;
}

.req-modal[b-5u712c4rh4] {
    background: #fff;
    border-radius: 14px;
    width: 100%;
    max-width: 520px;
    box-shadow: 0 20px 60px rgba(0,0,0,.25);
    overflow: hidden;
}

.req-modal-header[b-5u712c4rh4] {
    padding: 16px 20px;
    font-size: 1rem;
    font-weight: 700;
    display: flex;
    align-items: center;
}

.req-modal-body[b-5u712c4rh4] {
    padding: 20px;
}

.req-modal-footer[b-5u712c4rh4] {
    padding: 14px 20px;
    background: #f8fafc;
    border-top: 1px solid #e2e8f0;
    display: flex;
    justify-content: flex-end;
    gap: 8px;
}

.req-modal-org-box[b-5u712c4rh4] {
    background: #f1f5f9;
    border-radius: 8px;
    padding: 10px 14px;
    border-left: 4px solid #2563eb;
}

/* ══ Sponsorship Letter Modal ═══════════════════════════ */
.sponsorship-modal[b-5u712c4rh4] {
    background: #fff;
    border-radius: 16px;
    width: 100%;
    max-width: 780px;
    max-height: 92vh;
    overflow: hidden;
    display: flex;
    flex-direction: column;
    box-shadow: 0 25px 80px rgba(0,0,0,.3);
    animation: slModalIn-b-5u712c4rh4 .25s ease-out;
}

@keyframes slModalIn-b-5u712c4rh4 {
    from {
        opacity: 0;
        transform: scale(.96) translateY(12px);
    }

    to {
        opacity: 1;
        transform: scale(1) translateY(0);
    }
}

/* Header */
.sponsorship-modal-header[b-5u712c4rh4] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 16px 20px;
    background: linear-gradient(135deg,#064e3b,#059669);
    color: #fff;
    flex-shrink: 0;
}

.sponsorship-modal-icon[b-5u712c4rh4] {
    width: 42px;
    height: 42px;
    background: rgba(255,255,255,.2);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
}

.sponsorship-modal-header .btn-close[b-5u712c4rh4] {
    filter: invert(1) grayscale(100%) brightness(200%);
}

/* Scrollable letter body */
.sponsorship-modal-body[b-5u712c4rh4] {
    flex: 1;
    overflow-y: auto;
    padding: 32px 36px;
    font-family: Arial, sans-serif;
    font-size: 11pt;
    line-height: 1.55;
    color: #000;
    background: #fff;
}

/* Footer */
.sponsorship-modal-footer[b-5u712c4rh4] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
    gap: 10px;
    padding: 14px 20px;
    background: #f8fafc;
    border-top: 1px solid #e2e8f0;
    flex-shrink: 0;
}

/* ── Letter typography (mirrors print page) ──────────── */
.sl-ref-top[b-5u712c4rh4] {
    text-align: right;
    font-size: 12pt;
    font-weight: bold;
    margin-bottom: 28px;
}

.sl-intro[b-5u712c4rh4] {
    margin-bottom: 10px;
    font-size: 11pt;
}

.sl-para[b-5u712c4rh4] {
    display: flex;
    align-items: flex-start;
    margin-bottom: 12px;
}

.sl-label[b-5u712c4rh4] {
    min-width: 34px;
    font-weight: bold;
    font-size: 11pt;
    flex-shrink: 0;
}

.sl-content[b-5u712c4rh4] {
    flex: 1;
    font-size: 11pt;
    text-align: justify;
}

.sl-indent[b-5u712c4rh4] {
    margin-left: 34px;
    margin-bottom: 14px;
    font-size: 11pt;
    text-align: justify;
}

.sl-table[b-5u712c4rh4] {
    width: 100%;
    border-collapse: collapse;
    margin: 14px 0 18px 34px;
    font-size: 11pt;
}

    .sl-table thead th[b-5u712c4rh4] {
        text-decoration: underline;
        font-weight: bold;
        text-align: left;
        padding: 2px 8px 6px 0;
        border: none;
    }

    .sl-table tbody td[b-5u712c4rh4] {
        padding: 3px 8px 3px 0;
        vertical-align: top;
        border: none;
    }

.sl-col-sno[b-5u712c4rh4] {
    width: 42px;
}

.sl-col-desc[b-5u712c4rh4] {
    width: 240px;
}

.sl-footer[b-5u712c4rh4] {
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
    margin-top: 36px;
    margin-bottom: 24px;
}

.sl-footer-date[b-5u712c4rh4] {
    font-size: 11pt;
}

.sl-footer-sig[b-5u712c4rh4] {
    text-align: center;
    font-size: 10pt;
    min-width: 160px;
}

.sl-sig-line[b-5u712c4rh4] {
    width: 160px;
    border-bottom: 1.5px solid #000;
    margin-bottom: 5px;
    height: 44px;
}

.sl-sig-seal[b-5u712c4rh4] {
    font-size: 9pt;
    color: #555;
    font-style: italic;
    margin-top: 3px;
}

.sl-contact-footer[b-5u712c4rh4] {
    border-top: 1px solid #999;
    padding-top: 8px;
    font-size: 9.5pt;
    color: #444;
    text-align: center;
    line-height: 1.7;
}

/* Print: only the letter body, no modal chrome */
@media print {
    body > *:not(#sponsorshipLetterContent)[b-5u712c4rh4] {
        display: none !important;
    }

    .sponsorship-modal-header[b-5u712c4rh4],
    .sponsorship-modal-footer[b-5u712c4rh4],
    .no-print[b-5u712c4rh4] {
        display: none !important;
    }

    .sponsorship-modal-body[b-5u712c4rh4] {
        overflow: visible !important;
        max-height: none !important;
        padding: 50px 60px;
    }
}

@media (max-width:600px) {
    .sponsorship-modal[b-5u712c4rh4] {
        max-height: 100vh;
        border-radius: 0;
    }

    .sponsorship-modal-body[b-5u712c4rh4] {
        padding: 20px 18px;
    }

    .sl-table[b-5u712c4rh4] {
        margin-left: 0;
    }
}
/* /Components/Pages/Admin/SA/States/JD/Review.razor.rz.scp.css */
/* px + !important on purpose: the app theme sets its own font-size and was overriding rem values. */
.jd-text[b-x49e6sfi2r] {
    font-size: 16px !important;
    line-height: 1.45;
}

.jd-sm[b-x49e6sfi2r] {
    font-size: 14.5px !important;
    line-height: 1.4;
}

.jd-badge[b-x49e6sfi2r] {
    font-size: 14px !important;
    font-weight: 600;
    padding: .5em .85em;
}

.jd-card-title[b-x49e6sfi2r] {
    font-size: 17px !important;
}

.jd-search[b-x49e6sfi2r] {
    min-width: 320px;
}

/* ── Summary strip ── */
.jd-kpi-ic[b-x49e6sfi2r] {
    width: 46px;
    height: 46px;
    border-radius: 50%;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-size: 18px;
    flex-shrink: 0;
}

.jd-kpi-n[b-x49e6sfi2r] {
    font-size: 28px;
    font-weight: 700;
    line-height: 1.05;
}

.jd-kpi-l[b-x49e6sfi2r] {
    font-size: 14.5px;
    color: #6c757d;
}

/* ── Cards grid (fills the screen on wide monitors) ── */
.jd-grid[b-x49e6sfi2r] {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(560px, 1fr));
    gap: 1rem;
}

@media (max-width: 640px) {
    .jd-grid[b-x49e6sfi2r] {
        grid-template-columns: 1fr;
    }

    .jd-search[b-x49e6sfi2r] {
        min-width: 0;
        width: 100% !important;
    }
}

/* ── Pending entry card ── */
.jd-pending-card[b-x49e6sfi2r] {
    border: 1px solid #bfdbfe;
    border-left: 5px solid #2563eb;
    border-radius: 12px;
    background: #fff;
    padding: 18px 20px;
    transition: box-shadow .2s;
    display: flex;
    flex-direction: column;
}

    .jd-pending-card:hover[b-x49e6sfi2r] {
        box-shadow: 0 4px 16px rgba(37,99,235,.14);
    }

    .jd-pending-card.waiting-long[b-x49e6sfi2r] {
        border-color: #fca5a5;
        border-left-color: #dc2626;
        background: #fffafa;
    }

.jd-pending-top[b-x49e6sfi2r] {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    gap: 12px;
    margin-bottom: 14px;
}

.jd-pending-officer[b-x49e6sfi2r] {
    display: flex;
    align-items: flex-start;
    gap: 12px;
}

.jd-officer-avatar[b-x49e6sfi2r] {
    width: 46px;
    height: 46px;
    background: #dbeafe;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #1d4ed8;
    font-size: 18px;
    flex-shrink: 0;
}

.jd-officer-name[b-x49e6sfi2r] {
    font-weight: 700;
    font-size: 17.5px !important;
    color: #1e293b;
    line-height: 1.3;
}

.jd-officer-meta[b-x49e6sfi2r] {
    font-size: 14.5px !important;
    color: #64748b;
    margin-top: 3px;
    line-height: 1.4;
}

    .jd-officer-meta code[b-x49e6sfi2r] {
        font-size: 14px;
    }

.jd-wait-badge[b-x49e6sfi2r] {
    display: inline-block;
    color: #fff;
    border-radius: 20px;
    padding: 6px 14px;
    font-size: 14px;
    font-weight: 700;
}

.jd-pending-agency[b-x49e6sfi2r] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 12px 16px;
    background: #eff6ff;
    border-radius: 10px;
    padding: 12px 16px;
    margin-bottom: 12px;
}

.jd-agency-item[b-x49e6sfi2r] {
    display: flex;
    flex-direction: column;
    min-width: 0;
}

.jd-agency-label[b-x49e6sfi2r] {
    font-size: 12.5px !important;
    text-transform: uppercase;
    letter-spacing: .04em;
    color: #64748b;
    font-weight: 700;
}

.jd-agency-value[b-x49e6sfi2r] {
    font-size: 15.5px !important;
    color: #1e293b;
    font-weight: 500;
    word-break: break-word;
}

.jd-clerk-remarks[b-x49e6sfi2r] {
    background: #f0fdf4;
    border: 1px solid #bbf7d0;
    border-radius: 8px;
    padding: 10px 14px;
    font-size: 15px !important;
    color: #166534;
    margin-bottom: 12px;
}

.jd-pending-actions[b-x49e6sfi2r] {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    padding-top: 4px;
    margin-top: auto;
}

    .jd-pending-actions .btn[b-x49e6sfi2r], .return-req-card .btn[b-x49e6sfi2r] {
        font-size: 14.5px !important;
        padding: .45rem .95rem;
        font-weight: 600;
    }

/* ── Return requests ── */
.jd-return-alert[b-x49e6sfi2r] {
    background: #fffbeb;
    border-left: 4px solid #d97706 !important;
    border-radius: 12px;
}

.return-req-card[b-x49e6sfi2r] {
    border: 1px solid #fde68a;
    border-left: 4px solid #d97706;
    border-radius: 12px;
    background: #fffbeb;
    padding: 16px 18px;
}

.return-req-avatar[b-x49e6sfi2r] {
    width: 42px;
    height: 42px;
    background: #fef3c7;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #92400e;
    font-size: 17px;
    flex-shrink: 0;
}

.return-req-reason[b-x49e6sfi2r] {
    background: #fff;
    border: 1px solid #fde68a;
    border-radius: 8px;
    padding: 12px 14px;
}

.dgr-forward-check[b-x49e6sfi2r] {
    background: #faf9ff;
    border: 1px solid #ddd6fe;
    border-radius: 8px;
    padding: 10px 12px 10px 2.2rem;
    font-size: 15px;
}

.text-purple[b-x49e6sfi2r] {
    color: #7c3aed !important;
}

/* ── Pagination ── */
.pagination .page-link[b-x49e6sfi2r] {
    font-size: 15px;
    padding: .4rem .8rem;
}

/* ── Modals ── */
.jd-modal-backdrop[b-x49e6sfi2r] {
    position: fixed;
    inset: 0;
    background: rgba(15,23,42,.5);
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 1060;
    padding: 16px;
}

.jd-modal[b-x49e6sfi2r] {
    background: #fff;
    border-radius: 14px;
    width: 100%;
    max-width: 580px;
    box-shadow: 0 20px 60px rgba(0,0,0,.25);
    overflow: hidden;
}

.jd-modal-header[b-x49e6sfi2r] {
    padding: 16px 22px;
    font-size: 18px;
    font-weight: 700;
    display: flex;
    align-items: center;
}

.jd-modal-body[b-x49e6sfi2r] {
    padding: 22px;
    font-size: 16px;
}

    .jd-modal-body .form-label[b-x49e6sfi2r] {
        font-size: 15px;
    }

    .jd-modal-body .form-control[b-x49e6sfi2r], .jd-modal-body .form-select[b-x49e6sfi2r] {
        font-size: 15.5px !important;
    }

.jd-modal-footer[b-x49e6sfi2r] {
    padding: 14px 22px;
    background: #f8fafc;
    border-top: 1px solid #e2e8f0;
    display: flex;
    justify-content: flex-end;
    gap: 8px;
}

    .jd-modal-footer .btn[b-x49e6sfi2r] {
        font-size: 15px;
        font-weight: 600;
        padding: .5rem 1.1rem;
    }

.officer-summary-box[b-x49e6sfi2r] {
    background: #f1f5f9;
    border-radius: 8px;
    padding: 12px 16px;
    border-left: 4px solid #2563eb;
    font-size: 16px;
}
/* /Components/Pages/Admin/SA/States/Notification.razor.rz.scp.css */
/* Stat cards */
.dgr-stat-card[b-05j91r82v5] {
    position: relative;
    overflow: hidden;
    transition: transform .2s, box-shadow .2s;
}

.dgr-stat-card:hover[b-05j91r82v5] {
    transform: translateY(-3px);
    box-shadow: 0 8px 24px rgba(0,0,0,.12) !important;
}

.dgr-stat-icon[b-05j91r82v5] {
    width: 48px;
    height: 48px;
    border-radius: 12px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    font-size: 1.3rem;
    flex-shrink: 0;
}

.dgr-stat-accent[b-05j91r82v5] {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    height: 3px;
}

.dgr-stat-pulse[b-05j91r82v5] {
    animation: dgrPulse-b-05j91r82v5 2.5s ease-in-out infinite;
}

.dgr-stat-pulse-warning[b-05j91r82v5] {
    animation: dgrPulseWarn-b-05j91r82v5 2.5s ease-in-out infinite;
}

@keyframes dgrPulse-b-05j91r82v5 {
    0%, 100% {
        box-shadow: 0 0 0 0 rgba(22,163,74,0);
    }

    50% {
        box-shadow: 0 0 0 7px rgba(22,163,74,.2);
    }
}

@keyframes dgrPulseWarn-b-05j91r82v5 {
    0%, 100% {
        box-shadow: 0 0 0 0 rgba(220,38,38,0);
    }

    50% {
        box-shadow: 0 0 0 7px rgba(220,38,38,.2);
    }
}

/* Notification rows */
.dgr-notif-row[b-05j91r82v5] {
    display: flex;
    align-items: flex-start;
    gap: 14px;
    padding: 14px 18px;
    border-bottom: 1px solid #f1f5f9;
    cursor: pointer;
    transition: background .15s;
}

    .dgr-notif-row:hover[b-05j91r82v5] {
        background: #f8fafc;
    }

    .dgr-notif-row.unread[b-05j91r82v5] {
        background: #fefce8;
    }

    .dgr-notif-row.notif-return.unread[b-05j91r82v5] {
        background: #fff8f8;
    }

    .dgr-notif-row:last-child[b-05j91r82v5] {
        border-bottom: none;
    }

.dgr-notif-icon[b-05j91r82v5] {
    width: 40px;
    height: 40px;
    border-radius: 50%;
    flex-shrink: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1rem;
    color: #fff;
    margin-top: 3px;
}

.icon-waitlist[b-05j91r82v5] {
    background: #16a34a;
}

.icon-return[b-05j91r82v5] {
    background: #dc2626;
}

.dgr-notif-content[b-05j91r82v5] {
    flex: 1;
    min-width: 0;
}

.dgr-notif-type-badge[b-05j91r82v5] {
    display: flex;
    align-items: center;
    gap: 8px;
    margin-bottom: 4px;
}

.dgr-unread-dot[b-05j91r82v5] {
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background: #dc2626;
    display: inline-block;
    flex-shrink: 0;
}

.dgr-notif-officer[b-05j91r82v5] {
    font-size: .9rem;
    color: #1e293b;
    margin-bottom: 3px;
}

.dgr-notif-return-reason[b-05j91r82v5] {
    background: #fef2f2;
    border: 1px solid #fecaca;
    border-radius: 6px;
    padding: 6px 10px;
    font-size: .8rem;
    color: #991b1b;
    margin-top: 6px;
}

.dgr-notif-action-hint[b-05j91r82v5] {
    color: #64748b;
    font-size: .78rem;
}

.dgr-notif-right[b-05j91r82v5] {
    flex-shrink: 0;
    text-align: right;
    min-width: 90px;
}

.dgr-notif-time[b-05j91r82v5] {
    font-size: .75rem;
    color: #94a3b8;
}
/* /Components/Pages/Admin/Schemes/Cancellation.razor.rz.scp.css */
/* Cancelled Row */
.row-cancelled[b-9gxn11dhtp] {
    background-color: rgba(220, 53, 69, 0.15);
    color: #212529;
}

.table-hover tbody tr:hover[b-9gxn11dhtp] {
    filter: brightness(0.95);
}

/* Statistics Cards */
.stat-card[b-9gxn11dhtp] {
    display: flex;
    align-items: center;
    gap: 14px;
    padding: 16px;
    background-color: #fff;
    border-left: 5px solid;
    box-shadow: 0 4px 10px rgba(0,0,0,0.06);
}

.stat-icon[b-9gxn11dhtp] {
    font-size: 2rem;
    line-height: 1;
}

.stat-content h3[b-9gxn11dhtp] {
    margin: 0;
    font-weight: 700;
    font-size: 1.6rem;
}

.stat-content span[b-9gxn11dhtp] {
    font-size: 0.85rem;
    color: #6c757d;
    font-weight: 500;
}

.border-primary[b-9gxn11dhtp] {
    border-color: #0d6efd;
}

.border-info[b-9gxn11dhtp] {
    border-color: #0dcaf0;
}

.border-warning[b-9gxn11dhtp] {
    border-color: #ffc107;
}

.border-danger[b-9gxn11dhtp] {
    border-color: #dc3545;
}

/* Pagination */
.table-footer[b-9gxn11dhtp] {
    margin-top: 20px;
    padding: 16px;
    background-color: #f8f9fa;
    text-align: center;
}

.pagination-info[b-9gxn11dhtp] {
    font-size: 0.9rem;
    font-weight: 500;
    color: #495057;
}

.pagination .page-link[b-9gxn11dhtp] {
    min-width: 40px;
    font-weight: 500;
}

.pagination .page-item.active .page-link[b-9gxn11dhtp] {
    background-color: #0d6efd;
    border-color: #0d6efd;
    color: #fff;
}

/* Title Icon */
.title-icon[b-9gxn11dhtp] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 48px;
    height: 48px;
    border-radius: 8px;
    background-color: rgba(220, 53, 69, 0.1);
}

    .title-icon i[b-9gxn11dhtp] {
        font-size: 24px;
    }

/* Text truncate with ellipsis */
.text-truncate[b-9gxn11dhtp] {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
/* /Components/Pages/Admin/Schemes/Index.razor.rz.scp.css */
/* Modern gradient backgrounds */
.bg-gradient-primary[b-x2te378foc] {
    background: linear-gradient(135deg, #0d6efd 0%, #0a58ca 100%);
}

.bg-gradient-primary-soft[b-x2te378foc] {
    background: linear-gradient(135deg, rgba(13, 110, 253, 0.1) 0%, rgba(10, 88, 202, 0.05) 100%);
}

/* Soft background colors */
.bg-soft-primary[b-x2te378foc] {
    background-color: rgba(13, 110, 253, 0.1);
}

.bg-soft-success[b-x2te378foc] {
    background-color: rgba(25, 135, 84, 0.1);
}

.bg-soft-warning[b-x2te378foc] {
    background-color: rgba(255, 193, 7, 0.1);
}

.bg-soft-danger[b-x2te378foc] {
    background-color: rgba(220, 53, 69, 0.1);
}

.bg-primary-soft[b-x2te378foc] {
    background-color: rgba(13, 110, 253, 0.1);
}

.bg-success-soft[b-x2te378foc] {
    background-color: rgba(25, 135, 84, 0.1);
}

.bg-warning-soft[b-x2te378foc] {
    background-color: rgba(255, 193, 7, 0.1);
}

.bg-danger-soft[b-x2te378foc] {
    background-color: rgba(220, 53, 69, 0.1);
}

.bg-secondary-soft[b-x2te378foc] {
    background-color: rgba(108, 117, 125, 0.1);
}

/* Badge variants */
.badge.bg-primary-soft[b-x2te378foc] {
    background-color: rgba(13, 110, 253, 0.1) !important;
    color: #0d6efd !important;
}

.badge.bg-success-soft[b-x2te378foc] {
    background-color: rgba(25, 135, 84, 0.1) !important;
    color: #198754 !important;
}

.badge.bg-danger-soft[b-x2te378foc] {
    background-color: rgba(220, 53, 69, 0.1) !important;
    color: #dc3545 !important;
}

.badge.bg-secondary-soft[b-x2te378foc] {
    background-color: rgba(108, 117, 125, 0.1) !important;
    color: #6c757d !important;
}

.badge.bg-warning-soft[b-x2te378foc] {
    background-color: rgba(255, 193, 7, 0.1) !important;
    color: #ffc107 !important;
}

.bg-warning-subtle[b-x2te378foc] {
    background-color: rgba(255, 193, 7, 0.15);
}

.bg-success-subtle[b-x2te378foc] {
    background-color: rgba(25, 135, 84, 0.15);
}

.bg-primary-subtle[b-x2te378foc] {
    background-color: rgba(13, 110, 253, 0.15);
}

/* Stat Cards */
.stat-card[b-x2te378foc] {
    border-radius: 16px;
    padding: 20px;
    transition: transform 0.2s ease;
    border: none;
    background: white;
    box-shadow: 0 4px 12px rgba(0,0,0,0.03);
}

    .stat-card:hover[b-x2te378foc] {
        transform: translateY(-2px);
        box-shadow: 0 8px 24px rgba(0,0,0,0.05);
    }

    .stat-card .stat-icon[b-x2te378foc] {
        width: 48px;
        height: 48px;
        display: flex;
        align-items: center;
        justify-content: center;
        font-size: 1.2rem;
    }

/* Scheme Cards */
.scheme-card[b-x2te378foc] {
    background: white;
    border-radius: 20px;
    border: 1px solid rgba(0,0,0,0.05);
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.165, 0.84, 0.44, 1);
    position: relative;
    overflow: hidden;
}

    .scheme-card[b-x2te378foc]::before {
        content: '';
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        height: 4px;
        background: linear-gradient(90deg, #0d6efd, #0a58ca);
        opacity: 0;
        transition: opacity 0.3s ease;
    }

    .scheme-card:hover[b-x2te378foc] {
        transform: translateY(-8px);
        box-shadow: 0 20px 30px rgba(0,0,0,0.08);
        border-color: transparent;
    }

        .scheme-card:hover[b-x2te378foc]::before {
            opacity: 1;
        }

.scheme-icon-wrapper[b-x2te378foc] {
    width: 70px;
    height: 70px;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: transform 0.3s ease;
}

.scheme-card:hover .scheme-icon-wrapper[b-x2te378foc] {
    transform: scale(1.1);
}

.border-danger-soft[b-x2te378foc] {
    border-color: rgba(220, 53, 69, 0.2) !important;
}

.animate-hover[b-x2te378foc] {
    transition: all 0.3s ease;
}

/* Recent Activity */
.recent-item[b-x2te378foc] {
    border-bottom: 1px solid rgba(0,0,0,0.05);
}

    .recent-item:last-child[b-x2te378foc] {
        border-bottom: none;
    }

.recent-icon[b-x2te378foc] {
    width: 36px;
    height: 36px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.opacity-25[b-x2te378foc] {
    opacity: 0.25;
}

.opacity-90[b-x2te378foc] {
    opacity: 0.9;
}
/* /Components/Pages/Admin/Users/Create.razor.rz.scp.css */
/* ============================================================
           Only what Bootstrap can't already do. Everything else — card
           borders, badges, form controls, alerts, spacing — is plain
           Bootstrap utility classes matching the rest of the app.
           ============================================================ */
/* Greys out + disables a step card until its prerequisites are met */
.locked-section[b-4sjlc6ruo9] {
    opacity: .5;
    pointer-events: none;
}

/* Selectable state tile (shared visual pattern with the
           State Assignment page) */
.state-tile[b-4sjlc6ruo9] {
    cursor: pointer;
    transition: all .12s;
    background: #fff;
}

    .state-tile:hover[b-4sjlc6ruo9] {
        border-color: #93c5fd !important;
        background: #f8fbff;
    }

.state-tile-checked[b-4sjlc6ruo9] {
    border-color: #0d6efd !important;
    background: #eef6ff;
}

.state-tile-check[b-4sjlc6ruo9] {
    width: 16px;
    height: 16px;
    border-radius: 3px;
    border: 1px solid #ced4da;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-size: .6rem;
    color: #fff;
    flex-shrink: 0;
    background: #fff;
}

    .state-tile-check.checked[b-4sjlc6ruo9] {
        background: #0d6efd;
        border-color: #0d6efd;
    }

@media (max-width: 640px) {
    #create_user_page .row.g-2[b-4sjlc6ruo9],
    #create_user_page .row.g-3[b-4sjlc6ruo9] {
        row-gap: .5rem;
    }
}

/* /Components/Pages/Admin/Users/Manage.razor.rz.scp.css */
.avatar-circle[b-eubou0wiq8] {
    width: 40px;
    height: 40px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 600;
}

.form-select[b-eubou0wiq8] {
    line-height: 2.5 !important;
}

.table-header th[b-eubou0wiq8] {
    text-align: center !important;
    padding: 1rem !important;
    font-size: 0.85rem;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.5px;
}

.search-input-wrapper[b-eubou0wiq8] {
    position: relative;
}

    .search-input-wrapper input[b-eubou0wiq8] {
        padding-right: 2.5rem;
    }

.search-icon-right[b-eubou0wiq8] {
    position: absolute;
    right: 12px;
    top: 50%;
    transform: translateY(-50%);
    color: #6c757d;
    pointer-events: none;
}

.search-clear-btn[b-eubou0wiq8] {
    position: absolute;
    right: 40px;
    top: 50%;
    transform: translateY(-50%);
    border: none;
    background: transparent;
    color: #6c757d;
    cursor: pointer;
    padding: 0;
    width: 24px;
    height: 24px;
    display: flex;
    align-items: center;
    justify-content: center;
}

    .search-clear-btn:hover[b-eubou0wiq8] {
        color: #dc3545;
    }

.section-header[b-eubou0wiq8] {
    padding: 3.25rem 2.5rem;
    margin-bottom: 1.5rem;
}

.user-count-badge[b-eubou0wiq8] {
    display: inline-block;
    background-color: #0d6efd;
    color: white;
    padding: 0.5rem 1.2rem;
    border-radius: 25px;
    font-weight: 700;
    font-size: 1.5rem;
    margin-left: 15px;
    box-shadow: 0 2px 8px rgba(13, 110, 253, 0.3);
}

.delete-btn[b-eubou0wiq8] {
    padding: 0.4rem 0.8rem;
    font-size: 0.9rem;
    border-radius: 6px;
    transition: all 0.2s;
}

    .delete-btn:hover[b-eubou0wiq8] {
        transform: scale(1.05);
    }
/* /Components/Pages/Admin/Users/ManageUsers.razor.rz.scp.css */
:root[b-8yg50jm5wq] {
    --ink: #0f172a;
    --ink2: #475569;
    --ink3: #94a3b8;
    --sur: #ffffff;
    --bg: #f1f5f9;
    --bor: #e2e8f0;
    --blu: #2563eb;
    --warn: #d97706;
    --danger: #dc2626;
    --rad: 12px;
    --sh: 0 1px 3px rgba(15,23,42,.07), 0 1px 2px rgba(15,23,42,.04);
    --sh-md: 0 4px 16px rgba(15,23,42,.10);
}

.mu[b-8yg50jm5wq] {
    padding: 28px 32px;
    background: var(--bg);
    min-height: 100vh;
}

.mu-header[b-8yg50jm5wq] {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    flex-wrap: wrap;
    gap: 16px;
    margin-bottom: 20px;
}

.mu-breadcrumb[b-8yg50jm5wq] {
    display: flex;
    align-items: center;
    gap: 6px;
    font-size: .75rem;
    color: var(--ink3);
    margin-bottom: 6px;
}

    .mu-breadcrumb a[b-8yg50jm5wq] {
        color: var(--blu);
        text-decoration: none;
        font-weight: 600;
    }

        .mu-breadcrumb a:hover[b-8yg50jm5wq] {
            text-decoration: underline;
        }

    .mu-breadcrumb i[b-8yg50jm5wq] {
        font-size: .6rem;
    }

.mu-title[b-8yg50jm5wq] {
    font-size: 2rem;
    font-weight: 800;
    color: var(--ink);
    letter-spacing: -.035em;
    margin: 0 0 8px;
    line-height: 1;
}

.mu-sub[b-8yg50jm5wq] {
    display: flex;
    align-items: center;
    gap: 8px;
    flex-wrap: wrap;
}

.role-chip[b-8yg50jm5wq] {
    font-size: .7rem;
    font-weight: 700;
    padding: 3px 10px;
    border-radius: 20px;
}

.zone-chip[b-8yg50jm5wq] {
    font-size: .7rem;
    font-weight: 700;
    background: #fef3c7;
    color: #92400e;
    padding: 3px 10px;
    border-radius: 20px;
    border: 1px solid #fde68a;
}

.mu-header-actions[b-8yg50jm5wq] {
    display: flex;
    gap: 10px;
    align-items: center;
}

.mu-alert[b-8yg50jm5wq] {
    margin-bottom: 16px;
}

/* Branch tags */
.branch-tag[b-8yg50jm5wq] {
    font-size: .65rem;
    font-weight: 800;
    padding: 2px 8px;
    border-radius: 6px;
    text-transform: uppercase;
    letter-spacing: .04em;
}

.branch-drz[b-8yg50jm5wq] {
    background: #eff6ff;
    color: #1d4ed8;
    border: 1px solid #bfdbfe;
}

.branch-sa[b-8yg50jm5wq] {
    background: #f5f3ff;
    color: #6d28d9;
    border: 1px solid #ddd6fe;
}

.branch-app[b-8yg50jm5wq] {
    background: #f0fdf4;
    color: #15803d;
    border: 1px solid #bbf7d0;
}

.branch-sys[b-8yg50jm5wq] {
    background: #fef2f2;
    color: #991b1b;
    border: 1px solid #fecaca;
}

/* Zone badge variants */
.z-warn[b-8yg50jm5wq] {
    background: #fff7ed;
    color: #c2410c;
    border-color: #fed7aa;
}

.btn-outline[b-8yg50jm5wq] {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    background: var(--sur);
    border: 1px solid var(--bor);
    color: var(--ink);
    font-weight: 600;
    font-size: .85rem;
    padding: 9px 18px;
    border-radius: 9px;
    cursor: pointer;
    transition: background .15s;
}

    .btn-outline:hover:not(:disabled)[b-8yg50jm5wq] {
        background: #f8fafc;
        box-shadow: var(--sh);
    }

    .btn-outline:disabled[b-8yg50jm5wq] {
        opacity: .45;
        cursor: not-allowed;
    }

.btn-primary-action[b-8yg50jm5wq] {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    background: var(--blu);
    color: #fff;
    font-weight: 700;
    font-size: .85rem;
    padding: 9px 20px;
    border-radius: 9px;
    text-decoration: none;
    transition: background .15s, transform .1s;
}

    .btn-primary-action:hover[b-8yg50jm5wq] {
        background: #1d4ed8;
        color: #fff;
        transform: translateY(-1px);
    }

.zone-banner[b-8yg50jm5wq] {
    display: flex;
    align-items: flex-start;
    gap: 14px;
    padding: 14px 18px;
    margin-bottom: 16px;
    background: #fffbeb;
    border: 1px solid #fde68a;
    border-left: 4px solid #f59e0b;
    border-radius: var(--rad);
    color: #78350f;
    font-size: .875rem;
}

    .zone-banner i[b-8yg50jm5wq] {
        font-size: 1.1rem;
        color: #f59e0b;
    }

    .zone-banner strong[b-8yg50jm5wq] {
        display: block;
        margin-bottom: 2px;
    }

    .zone-banner p[b-8yg50jm5wq] {
        margin: 0;
        opacity: .85;
    }

    .zone-banner > div[b-8yg50jm5wq] {
        flex: 1;
    }

.filter-bar[b-8yg50jm5wq] {
    background: var(--sur);
    border: 1px solid var(--bor);
    border-radius: var(--rad);
    padding: 14px 16px;
    margin-bottom: 16px;
    box-shadow: var(--sh);
}

.filter-row[b-8yg50jm5wq] {
    display: flex;
    gap: 12px;
    flex-wrap: wrap;
    align-items: flex-end;
}

.filter-field[b-8yg50jm5wq] {
    display: flex;
    flex-direction: column;
    gap: 5px;
    flex: 1;
    min-width: 140px;
}

.filter-search[b-8yg50jm5wq] {
    flex: 2;
    min-width: 220px;
}

.filter-sm[b-8yg50jm5wq] {
    flex: 0 1 90px;
    min-width: 80px;
}

.filter-label[b-8yg50jm5wq] {
    font-size: .68rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: .06em;
    color: var(--ink3);
}

.search-wrap[b-8yg50jm5wq] {
    position: relative;
}

.search-ico[b-8yg50jm5wq] {
    position: absolute;
    left: 10px;
    top: 50%;
    transform: translateY(-50%);
    color: var(--ink3);
    font-size: .8rem;
}

.search-input[b-8yg50jm5wq] {
    width: 100%;
    padding: 8px 32px;
    border: 1px solid var(--bor);
    border-radius: 8px;
    font-size: .875rem;
    background: #fafbfc;
    outline: none;
    transition: border-color .15s;
    font-family: inherit;
}

    .search-input:focus[b-8yg50jm5wq] {
        border-color: var(--blu);
        background: #fff;
    }

.search-clear[b-8yg50jm5wq] {
    position: absolute;
    right: 8px;
    top: 50%;
    transform: translateY(-50%);
    background: none;
    border: none;
    color: var(--ink3);
    cursor: pointer;
}

.filter-select[b-8yg50jm5wq] {
    width: 100%;
    padding: 8px 10px;
    border: 1px solid var(--bor);
    border-radius: 8px;
    font-size: .875rem;
    background: #fafbfc;
    outline: none;
    cursor: pointer;
    font-family: inherit;
}

    .filter-select:focus[b-8yg50jm5wq] {
        border-color: var(--blu);
        background: #fff;
    }

.zone-locked-field[b-8yg50jm5wq] {
    padding: 8px 10px;
    background: #fffbeb;
    border: 1px solid #fde68a;
    border-radius: 8px;
    font-size: .875rem;
    font-weight: 600;
    color: #78350f;
}

.table-card[b-8yg50jm5wq] {
    background: var(--sur);
    border: 1px solid var(--bor);
    border-radius: var(--rad);
    box-shadow: var(--sh);
    overflow: hidden;
}

.table-toolbar[b-8yg50jm5wq] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 12px 20px;
    border-bottom: 1px solid var(--bor);
    background: #fafbfc;
    gap: 10px;
    flex-wrap: wrap;
}

.toolbar-left[b-8yg50jm5wq] {
    display: flex;
    align-items: center;
    gap: 8px;
    flex-wrap: wrap;
}

.count-pill[b-8yg50jm5wq] {
    font-size: .72rem;
    font-weight: 800;
    background: #eff6ff;
    color: var(--blu);
    padding: 3px 12px;
    border-radius: 20px;
}

.filter-tag[b-8yg50jm5wq] {
    display: inline-flex;
    align-items: center;
    gap: 5px;
    font-size: .72rem;
    background: #f0fdf4;
    color: #14532d;
    border: 1px solid #bbf7d0;
    border-radius: 20px;
    padding: 3px 10px;
}

    .filter-tag button[b-8yg50jm5wq] {
        background: none;
        border: none;
        color: inherit;
        cursor: pointer;
        padding: 0;
    }

.page-info-sm[b-8yg50jm5wq] {
    font-size: .75rem;
    color: var(--ink3);
    white-space: nowrap;
}

.table-loading[b-8yg50jm5wq] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 12px;
    padding: 60px 20px;
    font-size: .875rem;
    color: var(--ink3);
}

.loader-ring[b-8yg50jm5wq] {
    width: 36px;
    height: 36px;
    border-radius: 50%;
    border: 3px solid var(--bor);
    border-top-color: var(--blu);
    animation: spin .8s linear infinite;
}


.table-empty[b-8yg50jm5wq] {
    text-align: center;
    padding: 60px 20px;
    color: var(--ink3);
}

    .table-empty i[b-8yg50jm5wq] {
        font-size: 2.5rem;
        margin-bottom: 12px;
        display: block;
    }

    .table-empty h6[b-8yg50jm5wq] {
        font-size: .95rem;
        color: var(--ink2);
    }

.table-scroll[b-8yg50jm5wq] {
    overflow-x: auto;
}

.data-table[b-8yg50jm5wq] {
    width: 100%;
    border-collapse: collapse;
}

    .data-table thead tr[b-8yg50jm5wq] {
        border-bottom: 1px solid var(--bor);
        background: #fafbfc;
    }

    .data-table th[b-8yg50jm5wq] {
        font-size: .67rem;
        font-weight: 700;
        text-transform: uppercase;
        letter-spacing: .07em;
        color: var(--ink3);
        padding: 10px 16px;
        white-space: nowrap;
    }

.th-first[b-8yg50jm5wq] {
    padding-left: 20px;
}

.th-last[b-8yg50jm5wq] {
    text-align: center;
    padding-right: 20px;
}

.data-table td[b-8yg50jm5wq] {
    padding: 13px 16px;
    border-bottom: 1px solid #f1f5f9;
    vertical-align: middle;
}

.td-first[b-8yg50jm5wq] {
    padding-left: 20px;
}

.td-last[b-8yg50jm5wq] {
    padding-right: 20px;
}

.data-table tbody tr[b-8yg50jm5wq] {
    transition: background .1s;
}

    .data-table tbody tr:last-child td[b-8yg50jm5wq] {
        border-bottom: none;
    }

    .data-table tbody tr:hover[b-8yg50jm5wq] {
        background: #f8fafc;
    }

.row-self[b-8yg50jm5wq] {
    background: #eff6ff !important;
}

.user-cell[b-8yg50jm5wq] {
    display: flex;
    align-items: center;
    gap: 10px;
}

.u-av[b-8yg50jm5wq] {
    width: 36px;
    height: 36px;
    border-radius: 9px;
    flex-shrink: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 12px;
    font-weight: 700;
    color: #fff;
    text-transform: uppercase;
}

.u-name[b-8yg50jm5wq] {
    font-size: .85rem;
    font-weight: 600;
    color: var(--ink);
    display: flex;
    align-items: center;
    gap: 5px;
}

.u-id[b-8yg50jm5wq] {
    font-size: .68rem;
    color: var(--ink3);
    font-family: monospace;
    margin-top: 1px;
}

.you-tag[b-8yg50jm5wq] {
    font-size: .6rem;
    font-weight: 700;
    background: #dbeafe;
    color: var(--blu);
    padding: 1px 5px;
    border-radius: 4px;
}

.r-badge[b-8yg50jm5wq] {
    font-size: .68rem;
    font-weight: 700;
    padding: 3px 9px;
    border-radius: 20px;
    white-space: nowrap;
}

.z-badge[b-8yg50jm5wq] {
    font-size: .7rem;
    font-weight: 700;
    background: #fef3c7;
    color: #92400e;
    border: 1px solid #fde68a;
    padding: 3px 9px;
    border-radius: 20px;
}

.td-nil[b-8yg50jm5wq] {
    color: var(--ink3);
    font-size: .8rem;
}

.td-sm[b-8yg50jm5wq] {
    font-size: .8rem;
    color: var(--ink2);
    line-height: 1.4;
}

.td-muted[b-8yg50jm5wq] {
    color: var(--ink3) !important;
}

.actions-wrap[b-8yg50jm5wq] {
    display: flex;
    justify-content: center;
    gap: 4px;
}

.act[b-8yg50jm5wq] {
    width: 30px;
    height: 30px;
    border-radius: 7px;
    border: none;
    cursor: pointer;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-size: .75rem;
    text-decoration: none;
    transition: background .12s, color .12s;
}

.act-view[b-8yg50jm5wq] {
    background: #eff6ff;
    color: var(--blu);
}

    .act-view:hover[b-8yg50jm5wq] {
        background: var(--blu);
        color: #fff;
    }

.act-edit[b-8yg50jm5wq] {
    background: #fffbeb;
    color: var(--warn);
}

    .act-edit:hover[b-8yg50jm5wq] {
        background: var(--warn);
        color: #fff;
    }

.act-del[b-8yg50jm5wq] {
    background: #fef2f2;
    color: var(--danger);
}

    .act-del:hover[b-8yg50jm5wq] {
        background: var(--danger);
        color: #fff;
    }

.pagination-row[b-8yg50jm5wq] {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 4px;
    padding: 14px;
}

.pg-btn[b-8yg50jm5wq] {
    width: 34px;
    height: 34px;
    border-radius: 8px;
    border: 1px solid var(--bor);
    background: var(--sur);
    color: var(--ink);
    font-size: .8rem;
    font-weight: 600;
    cursor: pointer;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    transition: background .12s;
}

    .pg-btn:hover:not(:disabled)[b-8yg50jm5wq] {
        background: #eff6ff;
        color: var(--blu);
        border-color: var(--blu);
    }

    .pg-btn.pg-active[b-8yg50jm5wq] {
        background: var(--blu);
        color: #fff;
        border-color: var(--blu);
    }

    .pg-btn:disabled[b-8yg50jm5wq] {
        opacity: .35;
        cursor: not-allowed;
    }

.pg-range[b-8yg50jm5wq] {
    font-size: .75rem;
    color: var(--ink3);
    margin-left: 8px;
}

.overlay[b-8yg50jm5wq] {
    position: fixed;
    inset: 0;
    background: rgba(15,23,42,.45);
    backdrop-filter: blur(3px);
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 1050;
}

.modal-box[b-8yg50jm5wq] {
    background: #fff;
    border-radius: 16px;
    width: 100%;
    max-width: 460px;
    box-shadow: 0 24px 60px rgba(15,23,42,.2);
    overflow: hidden;
}

.modal-head[b-8yg50jm5wq] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 18px 20px;
    border-bottom: 1px solid var(--bor);
    font-size: .95rem;
    font-weight: 700;
    color: var(--ink);
}

.modal-close[b-8yg50jm5wq] {
    width: 28px;
    height: 28px;
    border-radius: 6px;
    background: #f1f5f9;
    border: none;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--ink3);
}

    .modal-close:hover[b-8yg50jm5wq] {
        background: var(--bor);
    }

.modal-body[b-8yg50jm5wq] {
    padding: 20px;
}

.modal-user-info[b-8yg50jm5wq] {
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 12px;
    background: #fafbfc;
    border: 1px solid var(--bor);
    border-radius: 10px;
    margin-bottom: 4px;
}

.zone-req-note[b-8yg50jm5wq] {
    padding: 10px 12px;
    background: #fffbeb;
    border: 1px solid #fde68a;
    border-radius: 8px;
    font-size: .8rem;
    color: #78350f;
    font-weight: 500;
}

.modal-foot[b-8yg50jm5wq] {
    padding: 14px 20px;
    border-top: 1px solid var(--bor);
    display: flex;
    justify-content: flex-end;
    gap: 10px;
    background: #fafbfc;
}

.req[b-8yg50jm5wq] {
    color: var(--danger);
}

.btn-warn[b-8yg50jm5wq] {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    background: var(--warn);
    color: #fff;
    font-weight: 700;
    font-size: .85rem;
    padding: 9px 20px;
    border-radius: 9px;
    border: none;
    cursor: pointer;
}

    .btn-warn:hover:not(:disabled)[b-8yg50jm5wq] {
        background: #b45309;
    }

    .btn-warn:disabled[b-8yg50jm5wq] {
        opacity: .45;
        cursor: not-allowed;
    }

@media (max-width: 640px) {
    .mu[b-8yg50jm5wq] {
        padding: 16px;
    }

    .filter-row[b-8yg50jm5wq] {
        flex-direction: column;
    }

    .filter-field[b-8yg50jm5wq] {
        min-width: 100%;
    }
}

/* /Components/Pages/Appl/ChangeMobile/ChangeMobileOutcomeAlert.razor.rz.scp.css */
.cm-oa[b-u6qd9undn0] {
    position: relative;
    display: flex;
    align-items: flex-start;
    gap: 1rem;
    background: #fff;
    border: 1px solid #e5e7eb;
    border-left-width: 5px;
    border-radius: 12px;
    padding: 1rem 3rem 1rem 1.1rem;
    margin-bottom: 1rem;
    box-shadow: 0 2px 8px rgba(16, 24, 40, .07);
}

.cm-oa-ic[b-u6qd9undn0] {
    width: 50px;
    height: 50px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 21px;
    flex-shrink: 0;
}

.cm-oa-main[b-u6qd9undn0] {
    flex: 1;
    min-width: 0;
}

.cm-oa-head[b-u6qd9undn0] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: .5rem .85rem;
    margin-bottom: .25rem;
}

.cm-oa-title[b-u6qd9undn0] {
    font-size: 18.5px;
    font-weight: 700;
    line-height: 1.25;
}

.cm-oa-req[b-u6qd9undn0] {
    font-size: 14px;
    font-weight: 600;
    background: #f1f5f9;
    color: #475569;
    border: 1px solid #e2e8f0;
    border-radius: 999px;
    padding: 2px 11px;
}

.cm-oa-text[b-u6qd9undn0] {
    font-size: 16px;
    line-height: 1.5;
    color: forestgreen;
}

    .cm-oa-text strong[b-u6qd9undn0] {
        color: #0f172a;
    }

/* progress */
.cm-oa-track[b-u6qd9undn0] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: .35rem;
    margin-top: .75rem;
}

.cm-oa-step[b-u6qd9undn0] {
    display: inline-flex;
    align-items: center;
    gap: .4rem;
    font-size: 13.5px;
    font-weight: 600;
    padding: 4px 11px;
    border-radius: 999px;
    background: #f1f5f9;
    color: #94a3b8;
    border: 1px solid #e2e8f0;
}

    .cm-oa-step.done[b-u6qd9undn0] {
        background: #e7f6ec;
        color: #146c43;
        border-color: #b6e0c6;
    }

    .cm-oa-step.cur[b-u6qd9undn0] {
        background: #e3ecff;
        color: #0a58ca;
        border-color: #bcd0ee;
    }

    .cm-oa-step.fail[b-u6qd9undn0] {
        background: #fde8ea;
        color: #b02a37;
        border-color: #f5b5bb;
    }

.cm-oa-line[b-u6qd9undn0] {
    width: 22px;
    height: 3px;
    border-radius: 2px;
    background: #e2e8f0;
}

    .cm-oa-line.on[b-u6qd9undn0] {
        background: #94a3b8;
    }

.cm-oa-link[b-u6qd9undn0] {
    display: inline-flex;
    align-items: center;
    margin-top: .85rem;
    font-size: 15px;
    font-weight: 700;
    text-decoration: none;
    padding: .4rem 1rem;
    border-radius: 8px;
    border: 1px solid currentColor;
}

    .cm-oa-link:hover[b-u6qd9undn0] {
        background: rgba(0,0,0,.04);
    }

.cm-oa-close[b-u6qd9undn0] {
    position: absolute;
    top: .65rem;
    right: .65rem;
    width: 32px;
    height: 32px;
    border-radius: 50%;
    border: none;
    background: transparent;
    color: #94a3b8;
    font-size: 16px;
    cursor: pointer;
}

    .cm-oa-close:hover[b-u6qd9undn0] {
        background: #f1f5f9;
        color: #334155;
    }

/* variants */
.cm-oa-info[b-u6qd9undn0] {
    border: 3px solid crimson;
    background: linear-gradient(90deg, #f3f8ff, #fff 45%);
}

    .cm-oa-info .cm-oa-ic[b-u6qd9undn0], .cm-oa-info .cm-oa-title[b-u6qd9undn0], .cm-oa-info .cm-oa-link[b-u6qd9undn0] {
        color: #0a58ca;
    }

    .cm-oa-info .cm-oa-ic[b-u6qd9undn0] {
        background: #dbeafe;
    }

.cm-oa-success[b-u6qd9undn0] {
    border-left-color: #198754;
    background: linear-gradient(90deg, #f1faf4, #fff 45%);
}

    .cm-oa-success .cm-oa-ic[b-u6qd9undn0], .cm-oa-success .cm-oa-title[b-u6qd9undn0], .cm-oa-success .cm-oa-link[b-u6qd9undn0] {
        color: #146c43;
    }

    .cm-oa-success .cm-oa-ic[b-u6qd9undn0] {
        background: #d1f0dc;
    }

.cm-oa-danger[b-u6qd9undn0] {
    border-left-color: #dc3545;
    background: linear-gradient(90deg, #fff5f6, #fff 45%);
}

    .cm-oa-danger .cm-oa-ic[b-u6qd9undn0], .cm-oa-danger .cm-oa-title[b-u6qd9undn0], .cm-oa-danger .cm-oa-link[b-u6qd9undn0] {
        color: #b02a37;
    }

    .cm-oa-danger .cm-oa-ic[b-u6qd9undn0] {
        background: #fde0e3;
    }

.cm-oa-warning[b-u6qd9undn0] {
    border-left-color: #ffc107;
    background: linear-gradient(90deg, #fffbea, #fff 45%);
}

    .cm-oa-warning .cm-oa-ic[b-u6qd9undn0], .cm-oa-warning .cm-oa-title[b-u6qd9undn0], .cm-oa-warning .cm-oa-link[b-u6qd9undn0] {
        color: #8a5a00;
    }

    .cm-oa-warning .cm-oa-ic[b-u6qd9undn0] {
        background: #fff0b8;
    }

.cm-oa-secondary[b-u6qd9undn0] {
    border-left-color: #6c757d;
}

    .cm-oa-secondary .cm-oa-ic[b-u6qd9undn0] {
        background: #eceef1;
        color: #5c636a;
    }

    .cm-oa-secondary .cm-oa-title[b-u6qd9undn0], .cm-oa-secondary .cm-oa-link[b-u6qd9undn0] {
        color: #495057;
    }

@media (max-width: 576px) {
    .cm-oa[b-u6qd9undn0] {
        padding-right: 2.6rem;
    }

    .cm-oa-ic[b-u6qd9undn0] {
        width: 42px;
        height: 42px;
        font-size: 18px;
    }

    .cm-oa-line[b-u6qd9undn0] {
        width: 10px;
    }
}

/* /Components/Pages/Appl/ChangeMobile/ChangeMobileQueueView.razor.rz.scp.css */
.cmq-text[b-rabd015thv] {
    font-size: 16px !important;
}

.cmq-sub[b-rabd015thv] {
    font-size: 14px !important;
    line-height: 1.35;
}

.cmq-label[b-rabd015thv] {
    display: block;
    font-size: 14.5px !important;
    font-weight: 600;
    margin-bottom: .25rem;
    color: #343a40;
}

.cmq-filter .form-control[b-rabd015thv], .cmq-filter .form-select[b-rabd015thv] {
    font-size: 15px !important;
}

.cmq-filter .btn[b-rabd015thv] {
    font-size: 14.5px !important;
    font-weight: 600;
}

.cmq-card[b-rabd015thv] {
    border-top: 3px solid #0d6efd !important;
}

.cmq-scroll[b-rabd015thv] {
    max-height: calc(100vh - 340px);
    min-height: 260px;
    overflow: auto;
}

.cmq-table[b-rabd015thv] {
    --bs-table-hover-bg: #f3f8ff;
}

    .cmq-table > thead > tr > th[b-rabd015thv], .cmq-table > tbody > tr > td[b-rabd015thv] {
        font-size: 15.5px !important;
        line-height: 1.4;
        padding: .75rem .9rem;
    }

    .cmq-table > thead > tr > th[b-rabd015thv] {
        position: sticky;
        top: 0;
        z-index: 3;
        background: #cfe2ff;
        color: #0a2e66;
        font-size: 13.5px !important;
        font-weight: 700;
        text-transform: uppercase;
        letter-spacing: .03em;
        white-space: nowrap;
    }

    .cmq-table tbody tr:nth-child(even) > td[b-rabd015thv] {
        background-color: #fafbfc;
    }

.cmq-code[b-rabd015thv] {
    font-size: 14.5px !important;
}

.cmq-old[b-rabd015thv] {
    color: #94a3b8;
    text-decoration: line-through;
}

.cmq-badge[b-rabd015thv] {
    font-size: 13.5px !important;
    font-weight: 600;
    padding: .5em .85em;
}

.cmq-table .cmq-btn[b-rabd015thv] {
    font-size: 14.5px !important;
    font-weight: 600;
    padding: .4rem .95rem;
}

.cmq-empty[b-rabd015thv] {
    text-align: center;
    padding: 3rem 1rem;
    font-size: 17px;
}

.cmq-empty-ic[b-rabd015thv] {
    width: 64px;
    height: 64px;
    border-radius: 50%;
    background: #eef2f7;
    color: #94a3b8;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-size: 26px;
    margin-bottom: .75rem;
}
/* /Components/Pages/Appl/ChangeMobile/ChangeMobileReviewView.razor.rz.scp.css */
.cmr-text[b-f4v3abkajn] {
    font-size: 16px !important;
    line-height: 1.45;
}

.cmr-sub[b-f4v3abkajn] {
    font-size: 14px !important;
    line-height: 1.35;
}

.cmr-title[b-f4v3abkajn] {
    font-size: 17px !important;
}

.cmr-label[b-f4v3abkajn] {
    display: block;
    font-size: 15px;
    font-weight: 600;
    margin-bottom: .4rem;
    color: #212529;
}

.cmr-input[b-f4v3abkajn] {
    font-size: 16px !important;
}

.cmr-btn[b-f4v3abkajn] {
    font-size: 14.5px !important;
    font-weight: 600;
    padding: .4rem .9rem;
}

.cmr-action[b-f4v3abkajn] {
    font-size: 16px !important;
    font-weight: 600;
    padding: .6rem 1.5rem;
}

.cmr-code[b-f4v3abkajn] {
    font-size: 15.5px !important;
}

.cmr-status[b-f4v3abkajn] {
    font-size: 15px !important;
    font-weight: 600;
    padding: .55em 1em;
}

.min-w-0[b-f4v3abkajn] {
    min-width: 0;
}

.cmr-chips[b-f4v3abkajn] {
    display: flex;
    flex-wrap: wrap;
    gap: .45rem;
}

.cmr-chip[b-f4v3abkajn] {
    display: inline-flex;
    align-items: center;
    gap: .45rem;
    background: #f1f5f9;
    border: 1px solid #e2e8f0;
    color: #334155;
    border-radius: 999px;
    padding: 4px 13px;
    font-size: 14.5px;
    font-weight: 500;
}

    .cmr-chip i[b-f4v3abkajn] {
        color: #64748b;
    }

/* old vs new */
.cmr-num[b-f4v3abkajn] {
    height: 100%;
    border-radius: 12px;
    padding: 1.1rem 1rem;
    border: 1px solid;
}

.cmr-num-old[b-f4v3abkajn] {
    background: #f8fafc;
    border-color: #e2e8f0;
}

.cmr-num-new[b-f4v3abkajn] {
    background: #ecfdf5;
    border-color: #a7f3d0;
}

.cmr-num-l[b-f4v3abkajn] {
    font-size: 13.5px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: .05em;
    color: #64748b;
    margin-bottom: .35rem;
}

.cmr-num-v[b-f4v3abkajn] {
    font-size: 26px;
    font-weight: 700;
    color: #1e293b;
    letter-spacing: .02em;
}

.cmr-num-new .cmr-num-v[b-f4v3abkajn] {
    color: #146c43;
}

.cmr-num-new .cmr-num-l[b-f4v3abkajn] {
    color: #198754;
}

.cmr-arrow[b-f4v3abkajn] {
    width: 44px;
    height: 44px;
    border-radius: 50%;
    background: #dbeafe;
    color: #0d6efd;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-size: 18px;
}

@@media (max-width: 767px) {
    .cmr-arrow i[b-f4v3abkajn] {
        transform: rotate(90deg);
    }
}

/* table */
.cmr-table > thead > tr > th[b-f4v3abkajn], .cmr-table > tbody > tr > td[b-f4v3abkajn] {
    font-size: 15.5px !important;
    line-height: 1.4;
    padding: .75rem .9rem;
}

.cmr-table > thead > tr > th[b-f4v3abkajn] {
    background: #e9eef6;
    color: #0a2e66;
    font-size: 13.5px !important;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: .03em;
}

.cmr-key[b-f4v3abkajn] {
    font-weight: 600;
    background: #f8fafc;
    color: #343a40;
}

.cmr-match[b-f4v3abkajn] {
    font-size: 20px !important;
}

/* file */
.cmr-file[b-f4v3abkajn] {
    display: flex;
    align-items: center;
    gap: .9rem;
    border: 1px solid #e2e8f0;
    background: #f8fafc;
    border-radius: 10px;
    padding: .75rem 1rem;
}

.cmr-file-ic[b-f4v3abkajn] {
    width: 44px;
    height: 44px;
    border-radius: 10px;
    background: #e0ecff;
    color: #2563eb;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-size: 19px;
    flex-shrink: 0;
}

.cmr-file-n[b-f4v3abkajn] {
    font-size: 16px;
    font-weight: 600;
    color: #212529;
}

/* remarks */
.cmr-remark[b-f4v3abkajn] {
    border-radius: 10px;
    border: 1px solid;
    border-left-width: 5px;
    padding: .9rem 1.1rem;
    margin-bottom: 1rem;
}

.cmr-remark-h[b-f4v3abkajn] {
    font-weight: 700;
    font-size: 16px;
    margin-bottom: .3rem;
}

.cmr-remark-info[b-f4v3abkajn] {
    background: #eff8ff;
    border-color: #bcdcf7;
    color: #0a4a7a;
}

.cmr-remark-dark[b-f4v3abkajn] {
    background: #f4f5f7;
    border-color: #d5d9de;
    color: #343a40;
}

/* /Components/Pages/Appl/ChangeMobile/ChangeMobileTimeline.razor.rz.scp.css */
.cmt-empty[b-wgddpqkbld] {
    text-align: center;
    color: #94a3b8;
    font-size: 16px;
    padding: 1.25rem 0;
}

.cmt-empty i[b-wgddpqkbld] {
    font-size: 28px;
    display: block;
    margin-bottom: .4rem;
}

.cmt-item[b-wgddpqkbld] {
    position: relative;
    display: flex;
    gap: .9rem;
    padding-bottom: 1.25rem;
}

    .cmt-item:not(:last-child)[b-wgddpqkbld]::before {
        content: "";
        position: absolute;
        left: 19px;
        top: 42px;
        bottom: 0;
        width: 2px;
        background: #e2e8f0;
    }

.cmt-dot[b-wgddpqkbld] {
    width: 40px;
    height: 40px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 16px;
    flex-shrink: 0;
    border: 2px solid #fff;
    box-shadow: 0 0 0 1px #e2e8f0;
}

.cmt-body[b-wgddpqkbld] {
    flex: 1;
    min-width: 0;
}

.cmt-title[b-wgddpqkbld] {
    font-size: 16.5px;
    font-weight: 700;
    color: #1e293b;
    line-height: 1.3;
}

.cmt-meta[b-wgddpqkbld] {
    display: flex;
    flex-wrap: wrap;
    gap: .15rem .9rem;
    margin-top: .2rem;
    font-size: 14px;
    color: #64748b;
}

.cmt-role[b-wgddpqkbld] {
    margin-left: .4rem;
    font-size: 12.5px;
    font-weight: 600;
    background: #f1f5f9;
    border: 1px solid #e2e8f0;
    color: #475569;
    border-radius: 999px;
    padding: 0 8px;
}

.cmt-remarks[b-wgddpqkbld] {
    margin-top: .5rem;
    padding: .55rem .8rem;
    border-radius: 8px;
    border-left: 3px solid;
    font-size: 15px;
    line-height: 1.45;
    font-style: italic;
    background: #f8fafc;
    color: #334155;
}

.cmt-primary[b-wgddpqkbld] {
    background: #dbeafe;
    color: #1d4ed8;
}

.cmt-info[b-wgddpqkbld] {
    background: #cffafe;
    color: #0e7490;
}

.cmt-success[b-wgddpqkbld] {
    background: #d1f0dc;
    color: #146c43;
}

.cmt-danger[b-wgddpqkbld] {
    background: #fde0e3;
    color: #b02a37;
}

.cmt-secondary[b-wgddpqkbld] {
    background: #eceef1;
    color: #5c636a;
}

.cmt-remarks-primary[b-wgddpqkbld] {
    border-color: #3b82f6;
}

.cmt-remarks-info[b-wgddpqkbld] {
    border-color: #06b6d4;
}

.cmt-remarks-success[b-wgddpqkbld] {
    border-color: #22c55e;
    background: #f3fbf6;
}

.cmt-remarks-danger[b-wgddpqkbld] {
    border-color: #ef4444;
    background: #fff6f6;
}

.cmt-remarks-secondary[b-wgddpqkbld] {
    border-color: #94a3b8;
}
/* /Components/Pages/Appl/ChangeMobile/OfficerContactHistoryTable.razor.rz.scp.css */
.och-title[b-2lx1sttcck] {
    font-size: 17px !important;
}

.och-sub[b-2lx1sttcck] {
    font-size: 14px !important;
}

.och-badge[b-2lx1sttcck] {
    font-size: 13.5px !important;
    font-weight: 600;
    padding: .5em .85em;
}

.och-scroll[b-2lx1sttcck] {
    max-height: 420px;
    overflow: auto;
}

.och-table > thead > tr > th[b-2lx1sttcck], .och-table > tbody > tr > td[b-2lx1sttcck] {
    font-size: 15.5px !important;
    line-height: 1.4;
    padding: .75rem .9rem;
}

.och-table > thead > tr > th[b-2lx1sttcck] {
    position: sticky;
    top: 0;
    z-index: 2;
    background: #e9eef6;
    color: #0a2e66;
    font-size: 13.5px !important;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: .03em;
    white-space: nowrap;
    border-bottom: 2px solid #cfe0fb;
}

.och-table[b-2lx1sttcck] {
    --bs-table-hover-bg: #f3f8ff;
}

.och-field[b-2lx1sttcck] {
    font-size: 13.5px !important;
    font-weight: 600;
    padding: .5em .8em;
}

.och-mobile[b-2lx1sttcck] {
    background: #dbeafe;
    color: #1d4ed8;
}

.och-email[b-2lx1sttcck] {
    background: #cffafe;
    color: #0e7490;
}

.och-old[b-2lx1sttcck] {
    color: #94a3b8;
    text-decoration: line-through;
    text-decoration-color: #cbd5e1;
}

.och-new[b-2lx1sttcck] {
    font-weight: 700;
    color: #146c43;
}

.och-arrow[b-2lx1sttcck] {
    color: #22c55e;
    font-size: 12px;
}

.och-code[b-2lx1sttcck] {
    font-size: 14px !important;
}

.och-empty[b-2lx1sttcck] {
    text-align: center;
    padding: 2rem 1rem;
    font-size: 16px;
}

.och-empty-ic[b-2lx1sttcck] {
    width: 56px;
    height: 56px;
    border-radius: 50%;
    background: #eef2f7;
    color: #94a3b8;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-size: 22px;
    margin-bottom: .6rem;
}

/* /Components/Pages/Appl/DG/RegLetterDG.razor.rz.scp.css */
/* ── HERO CARD ──────────────────────────────────────────────── */
.dg-hero-card[b-qdpomelrt2] {
    background: linear-gradient(135deg, #f8f5ff 0%, #ede9fe 100%);
    border-radius: 16px;
    padding: 1.5rem 2rem;
    border-left: 6px solid #7c3aed;
    box-shadow: 0 4px 12px rgba(124, 58, 237, 0.08);
    position: relative;
    overflow: hidden;
}

.dg-hero-card[b-qdpomelrt2]::before {
    content: '';
    position: absolute;
    top: -50%;
    right: -10%;
    width: 300px;
    height: 300px;
    background: radial-gradient(circle, rgba(124,58,237,0.05) 0%, transparent 70%);
    border-radius: 50%;
}

.dg-hero-content[b-qdpomelrt2] {
    display: flex;
    align-items: flex-start;
    gap: 1.5rem;
    position: relative;
    z-index: 1;
    flex-wrap: wrap;
}

.dg-hero-icon[b-qdpomelrt2] {
    width: 56px;
    height: 56px;
    background: #7c3aed;
    border-radius: 14px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: white;
    font-size: 1.6rem;
    flex-shrink: 0;
    box-shadow: 0 4px 12px rgba(124, 58, 237, 0.3);
}

.dg-hero-text[b-qdpomelrt2] {
    flex: 1;
    min-width: 200px;
}

.dg-hero-title[b-qdpomelrt2] {
    font-size: 1.6rem;
    font-weight: 700;
    color: #1e1b4b;
    margin-bottom: 0.2rem;
    display: flex;
    align-items: center;
    gap: 0.5rem;
    flex-wrap: wrap;
}

.dg-hero-subtitle[b-qdpomelrt2] {
    color: #4b5563;
    margin-bottom: 0.4rem;
    font-size: 0.95rem;
    display: flex;
    align-items: center;
    gap: 0.75rem;
    flex-wrap: wrap;
}

.dg-hero-badge[b-qdpomelrt2] {
    display: inline-flex;
    align-items: center;
    gap: 0.4rem;
    background: #7c3aed;
    color: white;
    padding: 0.2rem 0.8rem;
    border-radius: 20px;
    font-size: 0.7rem;
    font-weight: 600;
    letter-spacing: 0.3px;
}

.dg-hero-desc[b-qdpomelrt2] {
    color: #6b7280;
    font-size: 0.88rem;
    margin-bottom: 0;
}

.dg-hero-actions[b-qdpomelrt2] {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    gap: 0.4rem;
    flex-shrink: 0;
}

.dg-last-updated[b-qdpomelrt2] {
    font-size: 0.75rem;
    color: #9ca3af;
}

/* ── STATISTICS CARDS ───────────────────────────────────────── */
.dg-stat-card[b-qdpomelrt2] {
    background: white;
    border-radius: 14px;
    padding: 1.25rem 1.5rem;
    display: flex;
    align-items: center;
    gap: 1rem;
    box-shadow: 0 2px 8px rgba(0,0,0,0.06);
    border: 1px solid #f3f4f6;
    transition: all 0.2s ease;
    position: relative;
    min-height: 90px;
}

    .dg-stat-card:hover[b-qdpomelrt2] {
        transform: translateY(-2px);
        box-shadow: 0 8px 24px rgba(0,0,0,0.1);
    }

.dg-stat-icon[b-qdpomelrt2] {
    width: 48px;
    height: 48px;
    border-radius: 12px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1.3rem;
    flex-shrink: 0;
}

.dg-stat-info[b-qdpomelrt2] {
    flex: 1;
}

.dg-stat-number[b-qdpomelrt2] {
    display: block;
    font-size: 1.75rem;
    font-weight: 700;
    line-height: 1.2;
    color: #1f2937;
}

.dg-stat-label[b-qdpomelrt2] {
    font-size: 0.8rem;
    color: #6b7280;
    font-weight: 500;
}

.dg-stat-trend[b-qdpomelrt2] {
    color: #22c55e;
    font-size: 0.8rem;
    opacity: 0.6;
}

.dg-stat-badge[b-qdpomelrt2] {
    position: absolute;
    top: 0.75rem;
    right: 0.75rem;
}

.dg-stat-total .dg-stat-icon[b-qdpomelrt2] {
    background: #ede9fe;
    color: #7c3aed;
}

.dg-stat-total .dg-stat-number[b-qdpomelrt2] {
    color: #5b21b6;
}

.dg-stat-unread .dg-stat-icon[b-qdpomelrt2] {
    background: #fee2e2;
    color: #dc2626;
}

.dg-stat-unread .dg-stat-number[b-qdpomelrt2] {
    color: #b91c1c;
}

.dg-stat-approved .dg-stat-icon[b-qdpomelrt2] {
    background: #dcfce7;
    color: #16a34a;
}

.dg-stat-approved .dg-stat-number[b-qdpomelrt2] {
    color: #15803d;
}

.dg-stat-pending .dg-stat-icon[b-qdpomelrt2] {
    background: #fef3c7;
    color: #f59e0b;
}

.dg-stat-pending .dg-stat-number[b-qdpomelrt2] {
    color: #b45309;
}

/* ── BOARDS CONTAINER ───────────────────────────────────────── */
.dg-boards-container[b-qdpomelrt2] {
    background: white;
    border-radius: 14px;
    box-shadow: 0 2px 12px rgba(0,0,0,0.06);
    border: 1px solid #f3f4f6;
    overflow: hidden;
}

.dg-boards-header[b-qdpomelrt2] {
    padding: 1rem 1.5rem;
    background: #fafafa;
    border-bottom: 1px solid #f3f4f6;
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
    gap: 0.5rem;
}

.dg-boards-title[b-qdpomelrt2] {
    font-size: 1.05rem;
    font-weight: 700;
    color: #1f2937;
    display: flex;
    align-items: center;
}

.dg-boards-filters[b-qdpomelrt2] {
    display: flex;
    gap: 1rem;
    font-size: 0.82rem;
}

/* ── EMPTY STATE ────────────────────────────────────────────── */
.dg-empty-state[b-qdpomelrt2] {
    padding: 3rem 1.5rem;
    text-align: center;
}

    .dg-empty-state i[b-qdpomelrt2] {
        font-size: 3rem;
        color: #d1d5db;
        display: block;
        margin-bottom: 1rem;
    }

/* ── BOARD ITEMS ────────────────────────────────────────────── */
.dg-board-list[b-qdpomelrt2] {
    padding: 0.25rem;
}

.dg-board-item[b-qdpomelrt2] {
    border-bottom: 1px solid #f3f4f6;
    cursor: pointer;
    transition: background 0.15s ease;
    border-radius: 6px;
    margin: 0.25rem 0.5rem;
}

    .dg-board-item:last-child[b-qdpomelrt2] {
        border-bottom: none;
    }

    .dg-board-item:hover[b-qdpomelrt2] {
        background: #faf8ff;
    }

.dg-board-unread[b-qdpomelrt2] {
    background: #f8f5ff;
    border-left: 3px solid #7c3aed;
}

    .dg-board-unread:hover[b-qdpomelrt2] {
        background: #f0ebff;
    }

/* Board Header */
.dg-board-header[b-qdpomelrt2] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0.85rem 1rem;
    gap: 1rem;
}

.dg-board-left[b-qdpomelrt2] {
    display: flex;
    align-items: flex-start;
    gap: 0.75rem;
    flex: 1;
    min-width: 0;
}

.dg-expand-icon[b-qdpomelrt2] {
    color: #9ca3af;
    font-size: 0.7rem;
    margin-top: 0.25rem;
    transition: transform 0.2s ease;
    flex-shrink: 0;
}

.dg-board-info[b-qdpomelrt2] {
    flex: 1;
    min-width: 0;
}

.dg-board-title-row[b-qdpomelrt2] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    flex-wrap: wrap;
    margin-bottom: 0.25rem;
}

.dg-board-number[b-qdpomelrt2] {
    font-weight: 700;
    color: #1f2937;
    font-size: 0.95rem;
}

.dg-board-status[b-qdpomelrt2] {
    font-size: 0.7rem;
    font-weight: 600;
    padding: 0.1rem 0.7rem;
    border-radius: 20px;
    text-transform: uppercase;
    letter-spacing: 0.3px;
}

.dg-status-active[b-qdpomelrt2] {
    background: #dcfce7;
    color: #15803d;
}

.dg-status-pending[b-qdpomelrt2] {
    background: #fef3c7;
    color: #b45309;
}

.dg-status-closed[b-qdpomelrt2] {
    background: #f3f4f6;
    color: #4b5563;
}

.dg-status-approved[b-qdpomelrt2] {
    background: #dbeafe;
    color: #1d4ed8;
}

.dg-status-rejected[b-qdpomelrt2] {
    background: #fee2e2;
    color: #b91c1c;
}

.dg-board-new-badge[b-qdpomelrt2] {
    font-size: 0.65rem;
    font-weight: 700;
    color: #dc2626;
    background: #fee2e2;
    padding: 0.1rem 0.6rem;
    border-radius: 20px;
    display: inline-flex;
    align-items: center;
    animation: dgPulse-b-qdpomelrt2 2s ease-in-out infinite;
}

.dg-board-pending-badge[b-qdpomelrt2] {
    font-size: 0.65rem;
    font-weight: 600;
    color: #b45309;
    background: #fef3c7;
    padding: 0.1rem 0.6rem;
    border-radius: 20px;
    display: inline-flex;
    align-items: center;
}

@keyframes dgPulse-b-qdpomelrt2 {
    0%, 100% {
        opacity: 1;
    }

    50% {
        opacity: 0.6;
    }
}

.dg-board-meta[b-qdpomelrt2] {
    display: flex;
    flex-wrap: wrap;
    gap: 1rem;
    font-size: 0.78rem;
    color: #6b7280;
}

.dg-meta-item[b-qdpomelrt2] {
    display: inline-flex;
    align-items: center;
}

.dg-board-right[b-qdpomelrt2] {
    flex-shrink: 0;
}

.dg-viewed-badge[b-qdpomelrt2] {
    font-size: 0.7rem;
    color: #6b7280;
    background: #f3f4f6;
    padding: 0.15rem 0.7rem;
    border-radius: 20px;
    display: inline-flex;
    align-items: center;
}

/* Board Detail */
.dg-board-detail[b-qdpomelrt2] {
    padding: 0.5rem 1rem 1rem 2.5rem;
    border-top: 1px solid #f3f4f6;
    background: #fafafa;
    border-radius: 0 0 6px 6px;
}

.dg-detail-loading[b-qdpomelrt2] {
    padding: 1rem 1rem 1rem 2.5rem;
    display: flex;
    align-items: center;
    gap: 0.5rem;
    color: #6b7280;
    font-size: 0.9rem;
}

/* Remark Section */
.dg-remark-section[b-qdpomelrt2] {
    background: #fef3c7;
    border-left: 4px solid #f59e0b;
    border-radius: 8px;
    padding: 0.75rem 1rem;
    margin-bottom: 1rem;
}

.dg-remark-header[b-qdpomelrt2] {
    font-size: 0.7rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    color: #b45309;
    margin-bottom: 0.2rem;
}

.dg-remark-body[b-qdpomelrt2] {
    font-size: 0.9rem;
    color: #1f2937;
    font-style: italic;
}

/* Officers Table */
.dg-officers-section[b-qdpomelrt2] {
    background: white;
    border-radius: 8px;
    border: 1px solid #f3f4f6;
    overflow: hidden;
    margin-bottom: 0.75rem;
}

.dg-officers-header[b-qdpomelrt2] {
    padding: 0.6rem 1rem;
    background: #f9fafb;
    font-weight: 600;
    font-size: 0.85rem;
    color: #1f2937;
    border-bottom: 1px solid #f3f4f6;
    display: flex;
    align-items: center;
}

.dg-officers-table-wrapper[b-qdpomelrt2] {
    overflow-x: auto;
    padding: 0;
}

.dg-officers-table[b-qdpomelrt2] {
    margin-bottom: 0;
    font-size: 0.85rem;
}

    .dg-officers-table thead th[b-qdpomelrt2] {
        background: #f9fafb;
        font-weight: 600;
        font-size: 0.7rem;
        text-transform: uppercase;
        letter-spacing: 0.4px;
        color: #4b5563;
        padding: 0.5rem 0.75rem;
        border-bottom: 1px solid #f3f4f6;
    }

    .dg-officers-table tbody td[b-qdpomelrt2] {
        padding: 0.5rem 0.75rem;
        vertical-align: middle;
        border-bottom: 1px solid #f9fafb;
    }

    .dg-officers-table tbody tr:hover[b-qdpomelrt2] {
        background: #faf8ff;
    }

    .dg-officers-table tbody tr:last-child td[b-qdpomelrt2] {
        border-bottom: none;
    }

.dg-item-status[b-qdpomelrt2] {
    font-size: 0.7rem;
    font-weight: 600;
    padding: 0.1rem 0.6rem;
    border-radius: 20px;
    display: inline-block;
}

.dg-status-success[b-qdpomelrt2] {
    background: #dcfce7;
    color: #15803d;
}

.dg-status-pending[b-qdpomelrt2] {
    background: #fef3c7;
    color: #b45309;
}

.dg-detail-footer[b-qdpomelrt2] {
    font-size: 0.75rem;
    color: #9ca3af;
    padding: 0.5rem 0;
    border-top: 1px dashed #e5e7eb;
    margin-top: 0.5rem;
    text-align: center;
}

/* ── RESPONSIVE ─────────────────────────────────────────────── */
@media (max-width: 768px) {
    .dg-hero-card[b-qdpomelrt2] {
        padding: 1rem 1.25rem;
    }

    .dg-hero-content[b-qdpomelrt2] {
        flex-direction: column;
        align-items: stretch;
    }

    .dg-hero-icon[b-qdpomelrt2] {
        width: 44px;
        height: 44px;
        font-size: 1.2rem;
    }

    .dg-hero-title[b-qdpomelrt2] {
        font-size: 1.25rem;
    }

    .dg-hero-actions[b-qdpomelrt2] {
        flex-direction: row;
        align-items: center;
        justify-content: space-between;
        flex-wrap: wrap;
    }

    .dg-stat-card[b-qdpomelrt2] {
        min-height: 70px;
        padding: 0.9rem 1.2rem;
    }

    .dg-stat-number[b-qdpomelrt2] {
        font-size: 1.4rem;
    }

    .dg-boards-header[b-qdpomelrt2] {
        flex-direction: column;
        align-items: flex-start;
    }

    .dg-board-header[b-qdpomelrt2] {
        flex-wrap: wrap;
    }

    .dg-board-meta[b-qdpomelrt2] {
        gap: 0.5rem;
        font-size: 0.7rem;
    }

    .dg-board-detail[b-qdpomelrt2] {
        padding: 0.5rem 0.75rem 0.75rem 1rem;
    }

    .dg-officers-table[b-qdpomelrt2] {
        font-size: 0.75rem;
    }

        .dg-officers-table thead th[b-qdpomelrt2],
        .dg-officers-table tbody td[b-qdpomelrt2] {
            padding: 0.35rem 0.5rem;
        }
}

/* /Components/Pages/Appl/Officer/OfficerDashboardHero.razor.rz.scp.css */
.od-hero[b-oo7ju5vsph] {
    position: relative;
    overflow: hidden;
    background: linear-gradient(100deg, #eef4ff 0%, #ffffff 55%);
    border: 1px solid #dbe5f6;
    border-left: 4px solid #0d6efd;
    border-radius: .75rem;
    padding: 1rem 1.25rem;
    margin-bottom: 1rem;
    box-shadow: 0 1px 3px rgba(16, 24, 40, .06);
}

.od-hero-bg[b-oo7ju5vsph] {
    position: absolute;
    right: 1rem;
    top: 50%;
    transform: translateY(-50%);
    font-size: 7rem;
    color: #0d6efd;
    opacity: .05;
    pointer-events: none;
}

.od-avatar[b-oo7ju5vsph] {
    position: relative;
    width: 60px;
    height: 60px;
    border-radius: 50%;
    background: #0d6efd;
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1.6rem;
    flex-shrink: 0;
    box-shadow: 0 0 0 4px rgba(13, 110, 253, .15);
}

.od-avatar-badge[b-oo7ju5vsph] {
    position: absolute;
    right: -2px;
    bottom: -2px;
    width: 22px;
    height: 22px;
    border-radius: 50%;
    background: #198754;
    color: #fff;
    border: 2px solid #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: .6rem;
}

.od-eyebrow[b-oo7ju5vsph] {
    font-size: .7rem;
    letter-spacing: .08em;
    text-transform: uppercase;
    color: #6c757d;
    font-weight: 600;
}

.od-name[b-oo7ju5vsph] {
    font-weight: 700;
    color: #212529 !important;
    line-height: 1.25;
}

.od-rank[b-oo7ju5vsph] {
    display: inline-block;
    background: rgba(13, 110, 253, .12);
    color: #0a58ca;
    border-radius: .4rem;
    padding: 0 .5rem;
    margin-right: .35rem;
    font-size: .9em;
}

.od-verified[b-oo7ju5vsph] {
    display: inline-flex;
    align-items: center;
    background: rgba(25, 135, 84, .1);
    border: 1px solid rgba(25, 135, 84, .25);
    color: #146c43;
    border-radius: 999px;
    padding: .15rem .7rem;
    font-size: .78rem;
    font-weight: 600;
}

.od-verified-info[b-oo7ju5vsph] {
    background: rgba(13, 110, 253, .1);
    border-color: rgba(13, 110, 253, .25);
    color: #0a58ca;
}

.od-facts[b-oo7ju5vsph] {
    display: flex;
    flex-wrap: wrap;
    background: #fff;
    border: 1px solid #e5e7eb;
    border-radius: .6rem;
}

.od-fact[b-oo7ju5vsph] {
    display: flex;
    align-items: center;
    gap: .6rem;
    padding: .5rem .9rem;
}

    .od-fact + .od-fact[b-oo7ju5vsph] {
        border-left: 1px solid #e5e7eb;
    }

.od-fact-ic[b-oo7ju5vsph] {
    width: 34px;
    height: 34px;
    border-radius: .5rem;
    background: rgba(13, 110, 253, .1);
    color: #0d6efd;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

.od-fact-l[b-oo7ju5vsph] {
    font-size: .66rem;
    text-transform: uppercase;
    letter-spacing: .05em;
    color: #6c757d;
    font-weight: 700;
}

.od-fact-v[b-oo7ju5vsph] {
    font-size: .92rem;
    font-weight: 700;
    color: #212529;
    line-height: 1.2;
}

.od-pw[b-oo7ju5vsph] {
    font-weight: 600;
    background: #fff;
}

@media (max-width: 576px) {
    .od-hero[b-oo7ju5vsph] {
        padding: 1rem;
    }

    .od-facts[b-oo7ju5vsph], .od-pw[b-oo7ju5vsph] {
        width: 100%;
    }

    .od-fact[b-oo7ju5vsph] {
        flex: 1;
    }
}
/* /Components/Pages/Appl/Officer/ProgressTracker.razor.rz.scp.css */
.od-steps[b-whi42cpv3e] {
    display: flex;
}

.od-step[b-whi42cpv3e] {
    position: relative;
    flex: 1;
    text-align: center;
    padding: 0 .25rem;
}

    .od-step[b-whi42cpv3e]::before {
        content: "";
        position: absolute;
        top: 18px;
        left: -50%;
        width: 100%;
        height: 3px;
        background: #dee2e6;
        z-index: 0;
    }

    .od-step:first-child[b-whi42cpv3e]::before {
        display: none;
    }

    .od-step.done[b-whi42cpv3e]::before, .od-step.current[b-whi42cpv3e]::before, .od-step-status[b-whi42cpv3e]::before {
        background: #198754;
    }

.od-step-dot[b-whi42cpv3e] {
    position: relative;
    z-index: 1;
    width: 38px;
    height: 38px;
    border-radius: 50%;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background: #e9ecef;
    color: #6c757d;
    font-size: .9rem;
    border: 3px solid #fff;
    box-shadow: 0 0 0 1px #dee2e6;
}

.od-step.done .od-step-dot[b-whi42cpv3e] {
    background: #198754;
    color: #fff;
    box-shadow: 0 0 0 1px #198754;
}

.od-step.current .od-step-dot[b-whi42cpv3e] {
    background: #0d6efd;
    color: #fff;
    box-shadow: 0 0 0 4px rgba(13, 110, 253, .2);
}

.od-step-t[b-whi42cpv3e] {
    font-size: .85rem;
    font-weight: 700;
    color: #212529;
    margin-top: .4rem;
    line-height: 1.2;
}

.od-step-d[b-whi42cpv3e] {
    font-size: .75rem;
    color: #6c757d;
}

.od-step.current .od-step-t[b-whi42cpv3e] {
    color: #0a58ca;
}

/* final operational-status step */
.od-step-status[b-whi42cpv3e] {
    border-radius: .6rem;
    padding: .5rem .5rem .6rem;
    border: 1px solid transparent;
}

    .od-step-status[b-whi42cpv3e]::before {
        top: 36px;
        left: -45%;
        width: 90%;
    }

    .od-step-status.ok[b-whi42cpv3e] {
        background: rgba(25, 135, 84, .08);
        border-color: rgba(25, 135, 84, .3);
    }

        .od-step-status.ok .od-step-dot[b-whi42cpv3e] {
            background: #198754;
            color: #fff;
            box-shadow: 0 0 0 1px #198754;
        }

        .od-step-status.ok .od-step-d[b-whi42cpv3e] {
            color: #146c43;
        }

    .od-step-status.warn[b-whi42cpv3e] {
        background: rgba(255, 193, 7, .15);
        border-color: rgba(255, 193, 7, .6);
    }

        .od-step-status.warn .od-step-dot[b-whi42cpv3e] {
            background: #ffc107;
            color: #212529;
            box-shadow: 0 0 0 1px #ffc107;
        }

        .od-step-status.warn .od-step-d[b-whi42cpv3e] {
            color: #997404;
        }

    .od-step-status.bad[b-whi42cpv3e] {
        background: rgba(220, 53, 69, .08);
        border-color: rgba(220, 53, 69, .3);
    }

        .od-step-status.bad .od-step-dot[b-whi42cpv3e] {
            background: #dc3545;
            color: #fff;
            box-shadow: 0 0 0 1px #dc3545;
        }

        .od-step-status.bad .od-step-d[b-whi42cpv3e] {
            color: #b02a37;
        }

    .od-step-status.warn[b-whi42cpv3e]::before {
        background: #ffc107;
    }

    .od-step-status.bad[b-whi42cpv3e]::before {
        background: #dc3545;
    }

@media (max-width: 576px) {
    .od-steps[b-whi42cpv3e] {
        flex-direction: column;
        gap: .75rem;
    }

    .od-step[b-whi42cpv3e] {
        display: flex;
        align-items: center;
        gap: .75rem;
        text-align: left;
    }

        .od-step[b-whi42cpv3e]::before {
            display: none;
        }

    .od-step-t[b-whi42cpv3e] {
        margin-top: 0;
    }
}
/* /Components/Pages/Appl/PSU/AppenA.razor.rz.scp.css */
/* ═══ Canvas — full width, fixed layout so every column stays aligned ═══ */
#printDiv[b-ppv13ohloz] {
    --fs: 12px;
    --fs-sub: 10.5px;
    font-family: Arial, Helvetica, sans-serif;
    color: #000;
    background: #fff;
    width: 100%;
    max-width: none;
    margin: 0;
    padding: 10px;
    border: 1px solid #dee2e6;
    box-shadow: 0 1px 3px rgba(0,0,0,.05);
}

.doc-head[b-ppv13ohloz] {
    position: relative;
    text-align: center;
    margin-bottom: 6px;
}

.doc-head-state[b-ppv13ohloz] {
    font-weight: 700;
    font-size: 13px;
    text-decoration: underline;
}

.doc-head-appx[b-ppv13ohloz] {
    position: absolute;
    right: 0;
    top: 0;
    font-weight: 700;
    font-size: 12px;
    text-decoration: underline;
}

.report-table[b-ppv13ohloz] {
    width: 100%;
    table-layout: fixed;
    border-collapse: collapse;
    font-size: var(--fs);
    line-height: 1.25;
}

    .report-table th[b-ppv13ohloz],
    .report-table td[b-ppv13ohloz] {
        border: 1px solid #000 !important;
        padding: 4px 5px;
        vertical-align: middle;
        word-wrap: break-word;
        overflow-wrap: anywhere;
    }

        .report-table td.c[b-ppv13ohloz] {
            text-align: center;
        }

        .report-table td.l[b-ppv13ohloz] {
            text-align: left;
            vertical-align: top;
        }

        .report-table td.r[b-ppv13ohloz] {
            text-align: right;
            padding-right: 8px;
        }

.title-cell[b-ppv13ohloz] {
    font-size: 13px;
    text-decoration: underline;
    text-align: center;
    padding: 6px;
    letter-spacing: .3px;
}

.num-row th[b-ppv13ohloz] {
    font-size: 10px;
    text-align: center;
    padding: 1px 2px;
    background: #f1f3f5;
}

.label-row th[b-ppv13ohloz] {
    text-align: center;
    font-weight: 700;
    background: #e9ecef;
}

.sub-class th[b-ppv13ohloz] {
    font-size: 11px;
    padding: 2px;
}

.sub[b-ppv13ohloz] {
    font-size: var(--fs-sub);
    line-height: 1.2;
    color: #333;
}

.meta[b-ppv13ohloz] {
    color: #0b3d91;
}

.dash[b-ppv13ohloz] {
    color: #999;
}

.fw-bold[b-ppv13ohloz] {
    font-weight: 700;
}

/* City class marker */
.cc[b-ppv13ohloz] {
    display: inline-block;
    min-width: 20px;
    padding: 1px 4px;
    font-weight: 700;
    font-size: 11px;
    border: 1px solid #000;
    text-align: center;
}

.cc-a[b-ppv13ohloz] {
    background: #cfe2ff;
}

.cc-b[b-ppv13ohloz] {
    background: #fff3cd;
}

.cc-c[b-ppv13ohloz] {
    background: #e2e3e5;
}

/* State band (only shown when the list spans several states) */
.state-band td[b-ppv13ohloz] {
    background: #dbe4f0;
    font-weight: 700;
    letter-spacing: .4px;
    padding: 5px 8px;
}

.total-row td[b-ppv13ohloz] {
    background: #f1f3f5;
    font-weight: 700;
}

/* Screen row hover */
.report-table tbody tr:not(.state-band):not(.total-row):hover td[b-ppv13ohloz] {
    background: #f8fbff;
}

/* ═══ Print: A4 landscape, only the table prints ═══ */
@media print {
    body *[b-ppv13ohloz] {
        visibility: hidden;
    }

    #printDiv[b-ppv13ohloz], #printDiv *[b-ppv13ohloz] {
        visibility: visible;
    }

    #printDiv[b-ppv13ohloz] {
        --fs: 8.6px;
        --fs-sub: 7.6px;
        position: absolute;
        left: 0;
        top: 0;
        width: 100% !important;
        max-width: 100% !important;
        padding: 0 !important;
        margin: 0 !important;
        border: none !important;
        box-shadow: none !important;
    }

    @page {
        size: A4 landscape;
        margin: 8mm 8mm;
    }

    .card[b-ppv13ohloz] {
        box-shadow: none !important;
        border: none !important;
    }

    .btn[b-ppv13ohloz], .d-print-none[b-ppv13ohloz] {
        display: none !important;
    }

    .report-table tr[b-ppv13ohloz] {
        page-break-inside: avoid;
    }

    .report-table thead[b-ppv13ohloz] {
        display: table-header-group;
    }
    /* repeat header on every page */
    .report-table th[b-ppv13ohloz], .report-table td[b-ppv13ohloz] {
        padding: 2px 3px;
    }

    .report-table th[b-ppv13ohloz], .report-table td[b-ppv13ohloz], .cc[b-ppv13ohloz], .state-band td[b-ppv13ohloz], .total-row td[b-ppv13ohloz] {
        -webkit-print-color-adjust: exact;
        print-color-adjust: exact;
    }

    .meta[b-ppv13ohloz] {
        color: #000;
    }
}
/* /Components/Pages/Appl/PSU/PsuRequisitionEntry.razor.rz.scp.css */
.progress-wrapper[b-lrgsphzwdl] {
    max-width: 600px;
    margin: 0 auto;
}

.form-select[b-lrgsphzwdl] {
    line-height: 2.5 !important;
}

.progress-steps[b-lrgsphzwdl] {
    padding: 0 20px;
}

.progress-line[b-lrgsphzwdl] {
    height: 3px;
    background: #e9ecef;
    border-radius: 3px;
    margin-top: 22px;
}

.progress-line-filled[b-lrgsphzwdl] {
    height: 100%;
    background: linear-gradient(135deg, #0d6efd 0%, #0a58ca 100%);
    border-radius: 3px;
    transition: width 0.3s ease;
}

.step-circle[b-lrgsphzwdl] {
    width: 44px;
    height: 44px;
    border-radius: 50%;
    background: #e9ecef;
    border: 3px solid #adb5bd;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 600;
    color: #6c757d;
    transition: all 0.3s ease;
    font-size: 1.1rem;
}

    .step-circle.active[b-lrgsphzwdl] {
        background: #0d6efd;
        border-color: #0d6efd;
        color: white;
        box-shadow: 0 0 0 4px rgba(13, 110, 253, 0.15);
    }

    .step-circle.completed[b-lrgsphzwdl] {
        background: #198754;
        border-color: #198754;
        color: white;
    }

.step-label[b-lrgsphzwdl] {
    font-size: 0.875rem;
    color: #6c757d;
}

.step-item.active .step-label[b-lrgsphzwdl] {
    color: #0d6efd;
    font-weight: 600;
}

/* OTP Section */
.otp-section[b-lrgsphzwdl] {
    border-color: #0d6efd !important;
    background-color: #f0f5ff !important;
    animation: fadeIn-b-lrgsphzwdl 0.3s ease;
}

.otp-input[b-lrgsphzwdl] {
    font-size: 1.5rem;
    letter-spacing: 0.5em;
    max-width: 200px;
    padding: 0.5rem 1rem;
}

.otp-input-wrapper[b-lrgsphzwdl] {
    flex: 0 0 auto;
}

/* Upload Zone */
.upload-zone[b-lrgsphzwdl] {
    border: 2px dashed #dee2e6 !important;
    transition: all 0.2s ease;
    cursor: pointer;
    min-height: 90px;
}

    .upload-zone:hover[b-lrgsphzwdl] {
        border-color: #0d6efd !important;
        background-color: #f0f5ff !important;
    }

    .upload-zone.upload-zone-success[b-lrgsphzwdl] {
        border: 2px solid #198754 !important;
        background-color: #f0fff4 !important;
        cursor: default;
    }

/* Utility */
.letter-spacing-wide[b-lrgsphzwdl] {
    letter-spacing: 0.5em;
}

.lh-base[b-lrgsphzwdl] {
    line-height: 1.6;
}

.input-group-text[b-lrgsphzwdl] {
    border-right: none;
}

.input-group .form-control[b-lrgsphzwdl] {
    border-left: none;
}

    .input-group .form-control:focus[b-lrgsphzwdl] {
        box-shadow: none;
        border-color: #86b7fe;
    }

.form-control:disabled[b-lrgsphzwdl] {
    background-color: #f8f9fa;
    opacity: 1;
    cursor: not-allowed;
}

@keyframes fadeIn-b-lrgsphzwdl {
    from {
        opacity: 0;
        transform: translateY(-6px);
    }

    to {
        opacity: 1;
        transform: translateY(0);
    }
}

@media (max-width: 768px) {
    .progress-steps[b-lrgsphzwdl] {
        flex-direction: column;
        gap: 20px;
        align-items: center;
    }

    .progress-line[b-lrgsphzwdl] {
        display: none;
    }

    .step-item[b-lrgsphzwdl] {
        flex-direction: row !important;
        gap: 12px;
    }

    .step-label[b-lrgsphzwdl] {
        margin-top: 0 !important;
    }

    .otp-input[b-lrgsphzwdl] {
        max-width: 100%;
    }
}
/* /Components/Pages/Appl/PSU/PsuRequisitionManage.razor.rz.scp.css */
.detail-panel[b-xihffxsgh4] {
    background: linear-gradient(135deg, #f0f7ff 0%, #f8fffe 100%);
    animation: slideDown-b-xihffxsgh4 0.2s ease-out;
}

@keyframes slideDown-b-xihffxsgh4 {
    from {
        opacity: 0;
        transform: translateY(-6px);
    }

    to {
        opacity: 1;
        transform: translateY(0);
    }
}

.detail-row td[b-xihffxsgh4] {
    border-left: 4px solid #0d6efd !important;
}

.table-hover tbody tr:hover td[b-xihffxsgh4] {
    background-color: #eef4fb !important;
}

.table-secondary[b-xihffxsgh4] {
    opacity: 0.65;
}

.table thead.sticky-top th[b-xihffxsgh4] {
    position: sticky;
    top: 0;
    z-index: 5;
    background: #f8f9fa;
}
/* /Components/Pages/Appl/PSU/RequisitionFormPrint.razor.rz.scp.css */
body[b-l2hnj5l9ii] {
    background: #d0d0d0;
}

.action-bar[b-l2hnj5l9ii] {
    background: #fff;
    border-bottom: 1px solid #ddd;
    padding: 12px 20px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
    gap: 10px;
    position: sticky;
    top: 0;
    z-index: 100;
    box-shadow: 0 2px 6px rgba(0,0,0,.08);
}

.progress-card[b-l2hnj5l9ii] {
    background: #fff;
    padding: 20px 24px 16px;
    border-bottom: 1px solid #e5e5e5;
}

.stepper[b-l2hnj5l9ii] {
    display: flex;
    max-width: 1100px;
    margin: 0 auto;
}

.step[b-l2hnj5l9ii] {
    flex: 1;
    text-align: center;
    position: relative;
    padding: 0 6px;
}

    .step[b-l2hnj5l9ii]::before {
        content: "";
        position: absolute;
        top: 22px;
        left: -50%;
        width: 100%;
        height: 4px;
        background: #dee2e6;
        z-index: 0;
    }

    .step:first-child[b-l2hnj5l9ii]::before {
        display: none;
    }

    .step.linked[b-l2hnj5l9ii]::before {
        background: #198754;
    }

    .step .dot[b-l2hnj5l9ii] {
        width: 48px;
        height: 48px;
        border-radius: 50%;
        margin: 0 auto 8px;
        display: flex;
        align-items: center;
        justify-content: center;
        font-weight: 700;
        font-size: 1.15rem;
        position: relative;
        z-index: 1;
        background: #fff;
        border: 3px solid #ced4da;
        color: #6c757d;
    }

    .step.done .dot[b-l2hnj5l9ii] {
        background: #198754;
        border-color: #198754;
        color: #fff;
    }

    .step.active .dot[b-l2hnj5l9ii] {
        border-color: #0d6efd;
        color: #0d6efd;
        box-shadow: 0 0 0 6px rgba(13,110,253,.15);
    }

    .step.warn .dot[b-l2hnj5l9ii] {
        border-color: #ffc107;
        color: #997404;
        box-shadow: 0 0 0 6px rgba(255,193,7,.25);
    }

    .step .ttl[b-l2hnj5l9ii] {
        font-weight: 600;
        font-size: .95rem;
    }

    .step .sub[b-l2hnj5l9ii] {
        font-size: .78rem;
        color: #6c757d;
        word-break: break-word;
    }

    .step.pending .ttl[b-l2hnj5l9ii] {
        color: #6c757d;
    }

.next-box[b-l2hnj5l9ii] {
    max-width: 1100px;
    margin: 16px auto 0;
    padding: 12px 18px;
    border-radius: 10px;
    display: flex;
    gap: 14px;
    align-items: center;
}

    .next-box.info[b-l2hnj5l9ii] {
        background: #e7f1ff;
        color: #084298;
    }

    .next-box.warn[b-l2hnj5l9ii] {
        background: #fff3cd;
        color: #664d03;
    }

    .next-box.ok[b-l2hnj5l9ii] {
        background: #d1e7dd;
        color: #0f5132;
    }

@media (max-width: 700px) {
    .step .sub[b-l2hnj5l9ii] {
        display: none;
    }

    .step .ttl[b-l2hnj5l9ii] {
        font-size: .75rem;
    }
}

.pdf-frame[b-l2hnj5l9ii] {
    display: block;
    width: 100%;
    height: calc(100vh - 130px);
    min-height: 560px;
    border: 0;
    background: #d0d0d0;
}
/* /Components/Pages/Appl/PSU/RequisitionSuccess.razor.rz.scp.css */

/* ── Reset & Root ─────────────────────────────────────────────── */
.success-root[b-9ws22qxijn] {
    min-height: 100vh;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 2.5rem 1.25rem 3rem;
    position: relative;
    overflow: hidden;
    background: #f0f4f9;
}

/* ── Animated background ─────────────────────────────────────── */
.bg-mesh[b-9ws22qxijn] {
    position: fixed;
    inset: 0;
    pointer-events: none;
    z-index: 0;
}

.mesh-circle[b-9ws22qxijn] {
    position: absolute;
    border-radius: 50%;
    filter: blur(80px);
    opacity: 0.35;
    animation: floatBlob-b-9ws22qxijn 12s ease-in-out infinite alternate;
}

.mesh-1[b-9ws22qxijn] {
    width: 520px;
    height: 520px;
    background: radial-gradient(circle, #3b82f6 0%, #1d4ed8 100%);
    top: -180px;
    left: -160px;
    animation-duration: 14s;
}

.mesh-2[b-9ws22qxijn] {
    width: 400px;
    height: 400px;
    background: radial-gradient(circle, #0ea5e9 0%, #0284c7 100%);
    bottom: -140px;
    right: -100px;
    animation-duration: 10s;
    animation-delay: -4s;
}

.mesh-3[b-9ws22qxijn] {
    width: 280px;
    height: 280px;
    background: radial-gradient(circle, #22d3ee 0%, #06b6d4 100%);
    top: 45%;
    left: 50%;
    transform: translate(-50%, -50%);
    animation-duration: 16s;
    animation-delay: -8s;
    opacity: 0.18;
}

.mesh-dots[b-9ws22qxijn] {
    position: absolute;
    inset: 0;
    background-image: radial-gradient(circle, rgba(30,64,175,0.12) 1px, transparent 1px);
    background-size: 28px 28px;
}

@keyframes floatBlob-b-9ws22qxijn {
    0% {
        transform: scale(1) translate(0, 0);
    }

    100% {
        transform: scale(1.15) translate(30px, -20px);
    }
}

/* ── Card ─────────────────────────────────────────────────────── */
.success-card[b-9ws22qxijn] {
    position: relative;
    z-index: 1;
    width: 100%;
    max-width: 720px;
    background: #ffffff;
    border-radius: 24px;
    box-shadow: 0 1px 1px rgba(0,0,0,0.04), 0 4px 8px rgba(0,0,0,0.06), 0 16px 40px rgba(15,40,100,0.10), 0 40px 80px rgba(15,40,100,0.07);
    padding: 0 0 2.5rem;
    overflow: hidden;
}

.card-accent-bar[b-9ws22qxijn] {
    height: 5px;
    background: linear-gradient(90deg, #1d4ed8 0%, #0ea5e9 50%, #22d3ee 100%);
    border-radius: 24px 24px 0 0;
}

/* ── Checkmark ────────────────────────────────────────────────── */
.check-ring-wrapper[b-9ws22qxijn] {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 2.25rem auto 1.5rem;
    width: 120px;
    height: 120px;
}

.check-ring[b-9ws22qxijn] {
    position: absolute;
    border-radius: 50%;
    border: 2px solid rgba(34, 197, 94, 0.25);
    animation: ringPulse-b-9ws22qxijn 2.5s ease-out infinite;
}

.check-ring--outer[b-9ws22qxijn] {
    width: 120px;
    height: 120px;
    animation-delay: 0.1s;
}

.check-ring--inner[b-9ws22qxijn] {
    width: 96px;
    height: 96px;
    border-color: rgba(34, 197, 94, 0.35);
    animation-delay: 0s;
}

@keyframes ringPulse-b-9ws22qxijn {
    0% {
        transform: scale(0.92);
        opacity: 0.8;
    }

    70% {
        transform: scale(1.08);
        opacity: 0;
    }

    100% {
        transform: scale(0.92);
        opacity: 0;
    }
}

.check-badge[b-9ws22qxijn] {
    position: relative;
    z-index: 2;
    width: 76px;
    height: 76px;
}

.check-svg[b-9ws22qxijn] {
    width: 100%;
    height: 100%;
}

.check-circle[b-9ws22qxijn] {
    fill: none;
    stroke: #22c55e;
    stroke-width: 2;
    stroke-dasharray: 166;
    stroke-dashoffset: 166;
    animation: strokeDraw-b-9ws22qxijn 0.55s cubic-bezier(0.65, 0, 0.45, 1) 0.3s forwards;
    transform-origin: 50% 50%;
}

.check-path[b-9ws22qxijn] {
    fill: none;
    stroke: #22c55e;
    stroke-width: 3;
    stroke-linecap: round;
    stroke-linejoin: round;
    stroke-dasharray: 48;
    stroke-dashoffset: 48;
    animation: strokeDraw-b-9ws22qxijn 0.35s cubic-bezier(0.65, 0, 0.45, 1) 0.75s forwards;
}

@keyframes strokeDraw-b-9ws22qxijn {
    to {
        stroke-dashoffset: 0;
    }
}

/* Burst dots */
.burst-dot[b-9ws22qxijn] {
    position: absolute;
    width: 7px;
    height: 7px;
    border-radius: 50%;
    background: #22c55e;
    top: 50%;
    left: 50%;
    transform-origin: 50% 50%;
    opacity: 0;
    animation: burstOut-b-9ws22qxijn 0.5s ease-out 0.85s forwards;
    transform: rotate(var(--angle)) translateY(-52px) scale(0);
}

    .burst-dot:nth-child(odd)[b-9ws22qxijn] {
        background: #0ea5e9;
        width: 5px;
        height: 5px;
    }

    .burst-dot:nth-child(3n)[b-9ws22qxijn] {
        background: #a3e635;
    }

@keyframes burstOut-b-9ws22qxijn {
    0% {
        opacity: 1;
        transform: rotate(var(--angle)) translateY(-38px) scale(0);
    }

    60% {
        opacity: 1;
        transform: rotate(var(--angle)) translateY(-58px) scale(1);
    }

    100% {
        opacity: 0;
        transform: rotate(var(--angle)) translateY(-68px) scale(0.4);
    }
}

/* ── Text ─────────────────────────────────────────────────────── */
.submitted-label[b-9ws22qxijn] {
    font-size: 1.7rem;
    font-weight: 600;
    letter-spacing: 0.2em;
    color: #0ea5e9;
    text-transform: uppercase;
    margin-bottom: 0.35rem;
}

.headline[b-9ws22qxijn] {
    font-size: clamp(1.75rem, 4vw, 2.5rem);
    font-weight: 800;
    color: #0f172a;
    line-height: 1.15;
    margin-bottom: 0.75rem;
    padding: 0 1.5rem;
}

.subline[b-9ws22qxijn] {
    font-size: 1rem;
    color: #475569;
    line-height: 1.65;
    max-width: 480px;
    margin: 0 auto 0.5rem;
    padding: 0 1.5rem;
}

/* ── Reference Pill ───────────────────────────────────────────── */
.ref-pill[b-9ws22qxijn] {
    display: inline-flex;
    align-items: center;
    gap: 0.6rem;
    margin: 1.25rem auto 0;
    padding: 0.55rem 1rem 0.55rem 1.1rem;
    background: linear-gradient(135deg, #eff6ff, #e0f2fe);
    border: 1.5px solid #bfdbfe;
    border-radius: 999px;
    font-size: 0.875rem;
    justify-content: center;
    flex-wrap: wrap;
}

.ref-label[b-9ws22qxijn] {
    display: flex;
    align-items: center;
    gap: 0.35rem;
    color: #1e40af;
    font-weight: 500;
    white-space: nowrap;
}

.ref-value[b-9ws22qxijn] {
    font-weight: 700;
    font-size: 0.95rem;
    color: #1d4ed8;
    letter-spacing: 0.04em;
    background: rgba(255,255,255,0.7);
    padding: 0.15rem 0.5rem;
    border-radius: 6px;
}

.copy-btn[b-9ws22qxijn] {
    display: flex;
    align-items: center;
    gap: 0.3rem;
    padding: 0.25rem 0.65rem;
    background: #1d4ed8;
    color: #fff;
    border: none;
    border-radius: 999px;
    font-size: 0.75rem;
    font-weight: 600;
    cursor: pointer;
    transition: background 0.2s, transform 0.1s;
    white-space: nowrap;
}

    .copy-btn:hover[b-9ws22qxijn] {
        background: #1e40af;
    }

    .copy-btn:active[b-9ws22qxijn] {
        transform: scale(0.96);
    }

/* ── Timeline ─────────────────────────────────────────────────── */
.timeline[b-9ws22qxijn] {
    margin: 2rem 2rem 0;
    padding: 1.75rem 2rem;
    background: #f8fafc;
    border-radius: 16px;
    border: 1px solid #e2e8f0;
}

.timeline-heading[b-9ws22qxijn] {
    font-size: 2.05rem;
    font-weight: 700;
    color: #0f172a;
    margin-bottom: 1.25rem;
}

.timeline-steps[b-9ws22qxijn] {
    display: flex;
    flex-direction: column;
    gap: 0;
}

.tstep[b-9ws22qxijn] {
    display: grid;
    grid-template-columns: 36px 2px 1fr;
    gap: 0 1rem;
    align-items: start;
}

.tstep-icon[b-9ws22qxijn] {
    width: 36px;
    height: 36px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    z-index: 1;
}

    .tstep-icon svg[b-9ws22qxijn] {
        width: 16px;
        height: 16px;
    }

.tstep-icon--done[b-9ws22qxijn] {
    background: #dcfce7;
    border: 2px solid #22c55e;
    color: #16a34a;
}

.tstep-icon--active[b-9ws22qxijn] {
    background: #dbeafe;
    border: 2px solid #3b82f6;
    color: #1d4ed8;
    animation: iconPulse-b-9ws22qxijn 2s ease-in-out infinite;
}

.tstep-icon--pending[b-9ws22qxijn] {
    background: #f1f5f9;
    border: 2px solid #cbd5e1;
    color: #94a3b8;
}

@keyframes iconPulse-b-9ws22qxijn {
    0%, 100% {
        box-shadow: 0 0 0 0 rgba(59,130,246,0.3);
    }

    50% {
        box-shadow: 0 0 0 6px rgba(59,130,246,0);
    }
}

.tstep-connector[b-9ws22qxijn] {
    width: 2px;
    min-height: 28px;
    background: #22c55e;
    margin: 0 auto;
    border-radius: 2px;
}

.tstep-connector--pending[b-9ws22qxijn] {
    background: #e2e8f0;
}

.tstep-body[b-9ws22qxijn] {
    padding-bottom: 1.5rem;
    padding-top: 0.25rem;
}

.tstep:last-child .tstep-body[b-9ws22qxijn] {
    padding-bottom: 0;
}

.tstep-badge[b-9ws22qxijn] {
    display: inline-block;
    font-size: 0.65rem;
    font-weight: 700;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    border-radius: 999px;
    padding: 0.15rem 0.55rem;
    margin-bottom: 0.3rem;
}

.tstep-badge--done[b-9ws22qxijn] {
    background: #dcfce7;
    color: #15803d;
}

.tstep-badge--active[b-9ws22qxijn] {
    background: #dbeafe;
    color: #1d4ed8;
}

.tstep-badge--pending[b-9ws22qxijn] {
    background: #f1f5f9;
    color: #64748b;
}

.tstep-body h3[b-9ws22qxijn] {
    font-size: 0.9rem;
    font-weight: 600;
    color: #1e293b;
    margin: 0 0 0.2rem;
}

.tstep-body p[b-9ws22qxijn] {
    font-size: 0.8rem;
    color: #64748b;
    margin: 0;
    line-height: 1.5;
}

/* ── Info Banner ──────────────────────────────────────────────── */
.info-banner[b-9ws22qxijn] {
    display: flex;
    align-items: flex-start;
    gap: 0.85rem;
    margin: 1.5rem 2rem 0;
    padding: 1rem 1.25rem;
    background: #fffbeb;
    border: 1.5px solid #fde68a;
    border-radius: 12px;
}

.info-banner-icon[b-9ws22qxijn] {
    flex-shrink: 0;
    width: 20px;
    height: 20px;
    color: #d97706;
    margin-top: 2px;
}

    .info-banner-icon svg[b-9ws22qxijn] {
        width: 20px;
        height: 20px;
    }

.info-banner p[b-9ws22qxijn] {
    font-size: 1.2rem;
    color: #78350f;
    line-height: 1.55;
    margin: 0;
}

/* ── Action Buttons ───────────────────────────────────────────── */
.action-row[b-9ws22qxijn] {
    display: flex;
    gap: 0.75rem;
    justify-content: center;
    flex-wrap: wrap;
    margin: 2rem 2rem 0;
}

.btn-primary-action[b-9ws22qxijn],
.btn-secondary-action[b-9ws22qxijn] {
    display: inline-flex;
    align-items: center;
    gap: 0.45rem;
    padding: 0.65rem 1.4rem;
    border-radius: 10px;
    font-size: 0.875rem;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.2s ease;
    border: none;
    text-decoration: none;
}

.btn-primary-action[b-9ws22qxijn] {
    background: linear-gradient(135deg, #1d4ed8, #0ea5e9);
    color: #fff;
    box-shadow: 0 4px 14px rgba(29, 78, 216, 0.35);
}

    .btn-primary-action:hover[b-9ws22qxijn] {
        background: linear-gradient(135deg, #1e40af, #0284c7);
        box-shadow: 0 6px 20px rgba(29, 78, 216, 0.45);
        transform: translateY(-1px);
    }

.btn-secondary-action[b-9ws22qxijn] {
    background: #fff;
    color: #334155;
    border: 1.5px solid #e2e8f0;
    box-shadow: 0 1px 4px rgba(0,0,0,0.06);
}

    .btn-secondary-action:hover[b-9ws22qxijn] {
        background: #f8fafc;
        border-color: #cbd5e1;
        transform: translateY(-1px);
        box-shadow: 0 3px 8px rgba(0,0,0,0.1);
    }

    .btn-primary-action:active[b-9ws22qxijn],
    .btn-secondary-action:active[b-9ws22qxijn] {
        transform: translateY(0);
    }

/* ── Footer Stamp ─────────────────────────────────────────────── */
.footer-stamp[b-9ws22qxijn] {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 0.6rem;
    margin-top: 2.25rem;
    padding-top: 1.5rem;
    border-top: 1px solid #f1f5f9;
    padding-left: 2rem;
    padding-right: 2rem;
}

.stamp-logo[b-9ws22qxijn] {
    color: #94a3b8;
}

.footer-stamp span[b-9ws22qxijn] {
    font-size: 0.72rem;
    color: #94a3b8;
    text-align: center;
    line-height: 1.4;
}

/* ── Timestamp ────────────────────────────────────────────────── */
.timestamp-note[b-9ws22qxijn] {
    position: relative;
    z-index: 1;
    font-size: 0.75rem;
    color: #64748b;
    margin-top: 1.25rem;
    text-align: center;
}

/* ── Animations ───────────────────────────────────────────────── */
.animate-up[b-9ws22qxijn] {
    opacity: 0;
    transform: translateY(18px);
    animation: fadeUp-b-9ws22qxijn 0.5s cubic-bezier(0.22, 1, 0.36, 1) forwards;
}

@keyframes fadeUp-b-9ws22qxijn {
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

/* ── Responsive ───────────────────────────────────────────────── */
@media (max-width: 640px) {
    .success-card[b-9ws22qxijn] {
        border-radius: 18px;
    }

    .timeline[b-9ws22qxijn] {
        margin: 1.5rem 1rem 0;
        padding: 1.25rem 1.25rem;
    }

    .info-banner[b-9ws22qxijn] {
        margin: 1.25rem 1rem 0;
    }

    .action-row[b-9ws22qxijn] {
        flex-direction: column;
        margin: 1.5rem 1rem 0;
    }

    .btn-primary-action[b-9ws22qxijn],
    .btn-secondary-action[b-9ws22qxijn] {
        width: 100%;
        justify-content: center;
    }

    .footer-stamp[b-9ws22qxijn] {
        padding-left: 1rem;
        padding-right: 1rem;
    }

    .headline[b-9ws22qxijn] {
        font-size: 1.65rem;
    }
}

/* ── Print styles ─────────────────────────────────────────────── */
@media print {
    .bg-mesh[b-9ws22qxijn],
    .burst-dot[b-9ws22qxijn],
    .check-ring[b-9ws22qxijn],
    .action-row[b-9ws22qxijn] {
        display: none !important;
    }

    .success-root[b-9ws22qxijn] {
        background: white;
        padding: 0;
    }

    .success-card[b-9ws22qxijn] {
        box-shadow: none;
        border: 1px solid #e2e8f0;
    }
}
/* /Components/Pages/Appl/Status/ComplianceRenewalReport.razor.rz.scp.css */
.cmp-rep-doc[b-4d53xnwpfd] { width: 38%; background: #f8f9fa; font-size: .85rem; }
.cmp-rep td[b-4d53xnwpfd] { font-size: .85rem; }
/* /Components/Pages/Dashboards/ADGDashboard.razor.rz.scp.css */
/* Zone banner */
.adg-zone-banner[b-2uuouyrzux] {
    display: flex;
    align-items: center;
    gap: 14px;
    padding: 12px 18px;
    margin-bottom: 16px;
    background: #fffbeb;
    border: 1px solid #fde68a;
    border-left: 4px solid #f59e0b;
    border-radius: 10px;
    color: #78350f;
    font-size: .875rem;
}

.adg-zone-banner i.fa-map-location-dot[b-2uuouyrzux] {
    font-size: 1.2rem;
    color: #f59e0b;
}

.adg-zone-banner strong[b-2uuouyrzux] {
    display: block;
    margin-bottom: 1px;
    font-size: .9rem;
}

.adg-zone-banner span:not(.adg-zone-tag):not(.adg-zone-chip)[b-2uuouyrzux] {
    font-size: .8rem;
    opacity: .8;
}

.adg-zone-banner > div[b-2uuouyrzux] {
    flex: 1;
}

.adg-zone-tag[b-2uuouyrzux] {
    font-size: .72rem;
    font-weight: 700;
    background: #fef3c7;
    color: #92400e;
    border: 1px solid #fde68a;
    padding: 4px 12px;
    border-radius: 20px;
    white-space: nowrap;
    flex-shrink: 0;
}

.adg-zone-chip[b-2uuouyrzux] {
    font-size: .7rem;
    font-weight: 700;
    background: #eff6ff;
    color: #1d4ed8;
    border: 1px solid #bfdbfe;
    padding: 3px 10px;
    border-radius: 20px;
    vertical-align: middle;
}

/* Stat cards */
.stat-card[b-2uuouyrzux] {
    transition: transform .2s, box-shadow .2s;
    position: relative;
    overflow: hidden;
}

    .stat-card:hover[b-2uuouyrzux] {
        transform: translateY(-4px);
        box-shadow: 0 8px 24px rgba(0,0,0,.12) !important;
    }

.stat-icon[b-2uuouyrzux] {
    width: 50px;
    height: 50px;
    border-radius: 12px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    font-size: 1.4rem;
    flex-shrink: 0;
}

.stat-accent[b-2uuouyrzux] {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    height: 3px;
}

/* Table */
.table thead.sticky-top[b-2uuouyrzux] {
    position: sticky;
    top: 0;
    z-index: 10;
}

.table-success[b-2uuouyrzux] {
    background-color: #d1e7dd !important;
}

/* Print */
@media print {
    .no-print[b-2uuouyrzux] {
        display: none !important;
    }

    .card[b-2uuouyrzux] {
        box-shadow: none !important;
        border: 1px solid #dee2e6 !important;
    }

    .adg-zone-banner[b-2uuouyrzux] {
        border: 1px solid #fde68a;
    }
}
/* /Components/Pages/Dashboards/DGDashboard.razor.rz.scp.css */
/* ── DG Banner ─────────────────────────────────────────── */
.dg-banner[b-pqpxw56ur7] {
    display: flex;
    align-items: center;
    gap: 14px;
    padding: 14px 20px;
    margin-bottom: 8px;
    background: linear-gradient(135deg, #fefce8, #fffbeb);
    border: 1px solid #fde68a;
    border-left: 5px solid #d97706;
    border-radius: 12px;
    color: #92400e;
    font-size: .875rem;
}

.dg-banner-icon[b-pqpxw56ur7] {
    width: 44px;
    height: 44px;
    border-radius: 50%;
    background: linear-gradient(135deg, #f59e0b, #d97706);
    color: #fff;
    font-size: 1.2rem;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    box-shadow: 0 2px 8px rgba(217,119,6,.3);
}

.dg-banner strong[b-pqpxw56ur7] {
    display: block;
    font-size: 2rem;
    font-weight: 700;
}

.dg-banner span:not(.dg-authority-badge)[b-pqpxw56ur7] {
    font-size: 1.5rem;
    opacity: .8;
}

.dg-banner > div[b-pqpxw56ur7] {
    flex: 1;
}

.dg-authority-badge[b-pqpxw56ur7] {
    font-size: .72rem;
    font-weight: 700;
    background: #fef3c7;
    color: #b45309;
    border: 1px solid #fde68a;
    padding: 4px 14px;
    border-radius: 20px;
    white-space: nowrap;
}

/* ── Header card ───────────────────────────────────────── */
.dg-header-card[b-pqpxw56ur7] {
    border-left: 5px solid #d97706 !important;
}

/* ── DG stat tiles ─────────────────────────────────────── */
.dg-stat-tile[b-pqpxw56ur7] {
    position: relative;
    overflow: hidden;
    background: #fff;
    border-radius: 14px;
    border: 1px solid #e5e7eb;
    border-top: 4px solid var(--dt, #d97706);
    padding: 20px;
    height: 100%;
    box-shadow: 0 2px 8px rgba(0,0,0,.06);
    transition: transform .15s, box-shadow .15s;
}

    .dg-stat-tile:hover[b-pqpxw56ur7] {
        transform: translateY(-3px);
        box-shadow: 0 8px 24px rgba(0,0,0,.1);
    }

.dst-num[b-pqpxw56ur7] {
    font-size: 2.2rem;
    font-weight: 900;
    color: var(--dt);
    line-height: 1;
}

.dst-lbl[b-pqpxw56ur7] {
    font-size: .88rem;
    font-weight: 700;
    color: #374151;
    margin-top: 4px;
}

.dst-sub[b-pqpxw56ur7] {
    font-size: .74rem;
    color: #9ca3af;
    margin-top: 2px;
}

.dst-icon[b-pqpxw56ur7] {
    position: absolute;
    right: 16px;
    top: 50%;
    transform: translateY(-50%);
    font-size: 2.4rem;
    color: var(--dt);
    opacity: .1;
}

/* ── Tabs ──────────────────────────────────────────────── */
.nav-tabs-dg[b-pqpxw56ur7] {
    border-bottom: 2px solid #dee2e6;
}

    .nav-tabs-dg .nav-link[b-pqpxw56ur7] {
        border: none;
        border-bottom: 3px solid transparent;
        color: #6c757d;
        font-weight: 600;
        padding: .6rem 1.2rem;
        transition: all .15s;
    }

        .nav-tabs-dg .nav-link:hover[b-pqpxw56ur7] {
            color: #d97706;
            background: #fffbeb;
        }

        .nav-tabs-dg .nav-link.active[b-pqpxw56ur7] {
            color: #d97706;
            border-bottom-color: #d97706;
        }

/* ── Zone overview cards ───────────────────────────────── */
.zone-overview-card[b-pqpxw56ur7] {
    background: #fff;
    border-radius: 12px;
    border: 1px solid #e5e7eb;
    padding: 16px 20px;
    height: 100%;
    box-shadow: 0 1px 4px rgba(0,0,0,.06);
    transition: transform .15s, box-shadow .15s;
}

    .zone-overview-card:hover[b-pqpxw56ur7] {
        transform: translateY(-2px);
        box-shadow: 0 6px 20px rgba(0,0,0,.1);
    }

    .zone-overview-card.has-pending-dg[b-pqpxw56ur7] {
        border-left: 4px solid #dc2626;
        border-top: 2px solid #dc2626;
    }

    .zone-overview-card.has-pending[b-pqpxw56ur7] {
        border-left: 4px solid #f59e0b;
    }

.zoc-header[b-pqpxw56ur7] {
    display: flex;
    align-items: center;
    gap: 8px;
    margin-bottom: 12px;
}

.zoc-zone-dot[b-pqpxw56ur7] {
    width: 10px;
    height: 10px;
    border-radius: 50%;
    background: #0d6efd;
    flex-shrink: 0;
}

.zoc-grid[b-pqpxw56ur7] {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 8px;
    margin-bottom: 10px;
}

.zoc-item[b-pqpxw56ur7] {
    text-align: center;
}

.zoc-val[b-pqpxw56ur7] {
    font-size: 1.3rem;
    font-weight: 800;
    line-height: 1;
}

.zoc-lbl[b-pqpxw56ur7] {
    font-size: .68rem;
    color: #9ca3af;
    margin-top: 2px;
}

.zoc-footer[b-pqpxw56ur7] {
    font-size: .72rem;
    color: #9ca3af;
}

/* ── DG approval cards ─────────────────────────────────── */
.dg-approvals-header[b-pqpxw56ur7] {
    background: linear-gradient(90deg, #92400e, #d97706);
}

.dg-session-card[b-pqpxw56ur7] {
    border-bottom: 1px solid #f3f4f6;
    transition: background .1s;
}

    .dg-session-card.urgent[b-pqpxw56ur7] {
        border-left: 4px solid #dc2626;
    }

    .dg-session-card:last-child[b-pqpxw56ur7] {
        border-bottom: none;
    }

.dgsc-header[b-pqpxw56ur7] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 16px 20px;
    cursor: pointer;
    gap: 16px;
    flex-wrap: wrap;
}

    .dgsc-header:hover[b-pqpxw56ur7] {
        background: #fffbeb;
    }

.dgsc-left[b-pqpxw56ur7] {
    display: flex;
    align-items: flex-start;
    gap: 4px;
    flex: 1;
    min-width: 0;
}

.dgsc-chips[b-pqpxw56ur7] {
    display: flex;
    flex-wrap: wrap;
    gap: 6px;
}

.dgsc-chip[b-pqpxw56ur7] {
    font-size: .72rem;
    font-weight: 600;
    background: #f3f4f6;
    color: #374151;
    padding: 3px 10px;
    border-radius: 20px;
    border: 1px solid #e5e7eb;
}

    .dgsc-chip.chip-success[b-pqpxw56ur7] {
        background: #dcfce7;
        color: #15803d;
        border-color: #bbf7d0;
    }

    .dgsc-chip.chip-warn[b-pqpxw56ur7] {
        background: #fef3c7;
        color: #b45309;
        border-color: #fde68a;
    }

    .dgsc-chip.chip-danger[b-pqpxw56ur7] {
        background: #fee2e2;
        color: #b91c1c;
        border-color: #fecaca;
    }

    .dgsc-chip.chip-time[b-pqpxw56ur7] {
        background: #eff6ff;
        color: #1d4ed8;
        border-color: #bfdbfe;
    }

.dgsc-right[b-pqpxw56ur7] {
    display: flex;
    gap: 8px;
    flex-shrink: 0;
    flex-wrap: wrap;
}

.dg-zone-pill[b-pqpxw56ur7] {
    background: #fef3c7;
    color: #b45309;
    font-size: .65rem;
    font-weight: 700;
    border-radius: 10px;
}

/* ── DG detail panel ───────────────────────────────────── */
.dg-detail-panel[b-pqpxw56ur7] {
    padding: 20px 24px 24px;
    background: linear-gradient(135deg, #fffbeb 0%, #fef9f0 100%);
    border-top: 1px solid #fde68a;
    animation: fadeSlideIn-b-pqpxw56ur7 .18s ease-out;
}

@keyframes fadeSlideIn-b-pqpxw56ur7 {
    from {
        opacity: 0;
        transform: translateY(-6px);
    }

    to {
        opacity: 1;
        transform: translateY(0);
    }
}

.prior-remark[b-pqpxw56ur7] {
    padding: 10px 14px;
    border-radius: 8px;
    border-left: 4px solid;
    min-width: 200px;
}

.remark-sa[b-pqpxw56ur7] {
    background: #f0fdf4;
    border-left-color: #16a34a;
}

.remark-pd[b-pqpxw56ur7] {
    background: #f5f3ff;
    border-left-color: #7c3aed;
}

.pr-label[b-pqpxw56ur7] {
    font-size: .72rem;
    font-weight: 700;
    color: #6b7280;
}

.pr-text[b-pqpxw56ur7] {
    font-size: .85rem;
    color: #374151;
    margin-top: 2px;
}

.pr-date[b-pqpxw56ur7] {
    font-size: .7rem;
    color: #9ca3af;
    margin-top: 3px;
}

.dg-fulfillment-bar[b-pqpxw56ur7] {
    padding: 14px 16px;
    background: #fff;
    border-radius: 10px;
    border: 1px solid #e5e7eb;
}

.dfb-header[b-pqpxw56ur7] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
    gap: 8px;
}

.dg-detail-block[b-pqpxw56ur7] {
    background: #fff;
    border-radius: 10px;
    border: 1px solid #e5e7eb;
    overflow: hidden;
}

.ddb-title[b-pqpxw56ur7] {
    font-size: .85rem;
    font-weight: 700;
    color: #374151;
    padding: 10px 14px;
    border-bottom: 1px solid #e5e7eb;
    background: #f9fafb;
}

.ddb-scroll[b-pqpxw56ur7] {
    max-height: 260px;
    overflow-y: auto;
}

    .ddb-scroll .table[b-pqpxw56ur7] {
        margin-bottom: 0;
    }

    .ddb-scroll thead th[b-pqpxw56ur7] {
        position: sticky;
        top: 0;
        z-index: 2;
        background: #f8f9fa;
        font-size: .78rem;
    }

.dg-final-action[b-pqpxw56ur7] {
    display: flex;
    gap: 16px;
    align-items: flex-end;
    padding: 16px;
    background: #fff;
    border-radius: 10px;
    border: 1px solid #fde68a;
    margin-top: 16px;
    flex-wrap: wrap;
}

.dfa-notes[b-pqpxw56ur7] {
    flex: 1;
    min-width: 240px;
}

.dfa-btns[b-pqpxw56ur7] {
    display: flex;
    gap: 8px;
    flex-shrink: 0;
    flex-wrap: wrap;
    align-items: center;
}

/* ── Urgent pulse ──────────────────────────────────────── */
@keyframes urgentPulse-b-pqpxw56ur7 {
    0%, 100% {
        opacity: 1;
    }

    50% {
        opacity: .6;
    }
}

.animate-pulse[b-pqpxw56ur7] {
    animation: urgentPulse-b-pqpxw56ur7 1.5s ease-in-out infinite;
}

.table thead th[b-pqpxw56ur7] {
    white-space: nowrap;
}
/* /Components/Pages/Dashboards/ErCellDashboard.razor.rz.scp.css */

:root[b-cps595tbvy] {
    --erc-bg: #f4f6fa;
    --erc-surface: #fff;
    --erc-border: #e4e9f0;
    --erc-border2: #d1d9e6;
    --erc-text: #1a2035;
    --erc-text2: #5c6b82;
    --erc-text3: #94a3b8;
    --erc-red: #dc2626;
    --erc-red-lt: #fef2f2;
    --erc-red-bd: #fecaca;
    --erc-amber: #d97706;
    --erc-amber-lt: #fffbeb;
    --erc-green: #16a34a;
    --erc-green-lt: #f0fdf4;
    --erc-blue: #2563eb;
    --erc-blue-lt: #eff6ff;
    --erc-radius: 12px;
    --erc-shadow: 0 1px 3px rgba(0,0,0,.06),0 4px 16px rgba(0,0,0,.04);
    --erc-shadow-lg: 0 4px 6px rgba(0,0,0,.04),0 10px 40px rgba(0,0,0,.08)
}

.erc-identity[b-cps595tbvy] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
    padding: 14px 20px;
    margin-bottom: 24px;
    background: #0f172a;
    border-left: 4px solid var(--erc-red);
    border-radius: var(--erc-radius);
    color: #e2e8f0
}

.erc-identity-left[b-cps595tbvy] {
    display: flex;
    align-items: center;
    gap: 14px;
    flex: 1
}

.erc-identity-mark[b-cps595tbvy] {
    width: 44px;
    height: 44px;
    border-radius: 10px;
    background: var(--erc-red);
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    font-size: 1.2rem;
    flex-shrink: 0
}

.erc-identity-name[b-cps595tbvy] {
    font-size: 1.95rem;
    font-weight: 700
}

.erc-identity-desc[b-cps595tbvy] {
    font-size: 1.74rem;
    color: deepskyblue;
    margin-top: 2px
}

.erc-identity-pill[b-cps595tbvy] {
    display: flex;
    align-items: center;
    gap: 7px;
    font-size: 1rem;
    font-weight: 700;
    padding: 5px 14px;
    background: rgba(220,38,38,.15);
    color: #fca5a5;
    border: 1px solid rgba(220,38,38,.3);
    border-radius: 20px;
    white-space: nowrap
}

.erc-dot[b-cps595tbvy] {
    width: 7px;
    height: 7px;
    border-radius: 50%;
    background: #f87171;
    animation: erc-pulse-b-cps595tbvy 2s infinite;
    flex-shrink: 0
}

@keyframes erc-pulse-b-cps595tbvy {
    0%, 100% {
        opacity: 1
    }

    50% {
        opacity: .4
    }
}

.erc-page-header[b-cps595tbvy] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: 12px;
    margin-bottom: 24px
}

.erc-h1[b-cps595tbvy] {
    font-size: 1.8rem;
    font-weight: 800;
    color: var(--erc-text);
    letter-spacing: -.03em;
    margin: 0 0 4px
}

.erc-welcome[b-cps595tbvy] {
    font-size: .85rem;
    color: var(--erc-text2);
    margin: 0
}

.erc-sep[b-cps595tbvy] {
    margin: 0 6px;
    color: var(--erc-border2)
}

.erc-header-actions[b-cps595tbvy] {
    display: flex;
    gap: 10px;
    flex-wrap: wrap
}

.erc-btn-ghost[b-cps595tbvy] {
    display: inline-flex;
    align-items: center;
    gap: 7px;
    padding: 8px 16px;
    border-radius: 9px;
    background: var(--erc-surface);
    border: 1px solid var(--erc-border2);
    font-size: .82rem;
    font-weight: 600;
    color: var(--erc-text2);
    cursor: pointer;
    transition: all .15s
}

    .erc-btn-ghost:hover[b-cps595tbvy] {
        border-color: var(--erc-text3);
        color: var(--erc-text)
    }

.erc-btn-primary[b-cps595tbvy] {
    display: inline-flex;
    align-items: center;
    gap: 7px;
    padding: 8px 20px;
    border-radius: 9px;
    background: var(--erc-blue);
    border: none;
    font-size: .82rem;
    font-weight: 700;
    color: #fff;
    cursor: pointer;
    transition: background .15s
}

    .erc-btn-primary:hover[b-cps595tbvy] {
        background: #1d4ed8
    }

.erc-btn-alert[b-cps595tbvy] {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: 8px 16px;
    border-radius: 9px;
    background: var(--erc-red);
    border: none;
    font-size: .82rem;
    font-weight: 700;
    color: #fff;
    cursor: pointer;
    animation: erc-pulse-btn-b-cps595tbvy 2.5s infinite
}

@keyframes erc-pulse-btn-b-cps595tbvy {
    0%, 100% {
        box-shadow: 0 0 0 0 rgba(220,38,38,.4)
    }

    50% {
        box-shadow: 0 0 0 6px rgba(220,38,38,0)
    }
}

.erc-stats[b-cps595tbvy] {
    display: grid;
    grid-template-columns: repeat(4,1fr);
    gap: 14px;
    margin-bottom: 20px
}

.erc-stat[b-cps595tbvy] {
    background: var(--erc-surface);
    border: 1.5px solid var(--erc-border);
    border-radius: var(--erc-radius);
    padding: 18px 20px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    box-shadow: var(--erc-shadow);
    cursor: pointer;
    transition: transform .15s,box-shadow .15s,border-color .15s;
    position: relative;
    overflow: hidden
}

    .erc-stat[b-cps595tbvy]::before {
        content: '';
        position: absolute;
        left: 0;
        top: 0;
        bottom: 0;
        width: 3px
    }

.erc-stat-red[b-cps595tbvy]::before {
    background: var(--erc-red)
}

.erc-stat-amber[b-cps595tbvy]::before {
    background: var(--erc-amber)
}

.erc-stat-green[b-cps595tbvy]::before {
    background: var(--erc-green)
}

.erc-stat-blue[b-cps595tbvy]::before {
    background: var(--erc-blue)
}

.erc-stat:hover[b-cps595tbvy] {
    transform: translateY(-3px);
    box-shadow: var(--erc-shadow-lg)
}

.erc-stat-active[b-cps595tbvy] {
    border-color: var(--erc-blue) !important;
    background: var(--erc-blue-lt)
}

.erc-stat-body[b-cps595tbvy] {
    flex: 1
}

.erc-stat-num[b-cps595tbvy] {
    font-size: 2.2rem;
    font-weight: 800;
    color: var(--erc-text);
    line-height: 1;
    margin-bottom: 3px
}

.erc-stat-lbl[b-cps595tbvy] {
    font-size: .72rem;
    font-weight: 600;
    color: var(--erc-text2);
    text-transform: uppercase;
    letter-spacing: .07em
}

.erc-stat-ico[b-cps595tbvy] {
    width: 46px;
    height: 46px;
    border-radius: 11px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1.2rem;
    color: #fff;
    flex-shrink: 0
}

.erc-ico-red[b-cps595tbvy] {
    background: var(--erc-red)
}

.erc-ico-amber[b-cps595tbvy] {
    background: var(--erc-amber)
}

.erc-ico-green[b-cps595tbvy] {
    background: var(--erc-green)
}

.erc-ico-blue[b-cps595tbvy] {
    background: var(--erc-blue)
}

.erc-filterbar[b-cps595tbvy] {
    background: var(--erc-surface);
    border: 1px solid var(--erc-border);
    border-radius: var(--erc-radius);
    padding: 14px 18px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    margin-bottom: 10px;
    flex-wrap: wrap;
    box-shadow: var(--erc-shadow)
}

.erc-filter-group[b-cps595tbvy] {
    display: flex;
    gap: 10px;
    flex-wrap: wrap;
    flex: 1;
    align-items: center
}

.erc-filter-actions[b-cps595tbvy] {
    display: flex;
    gap: 8px;
    align-items: center
}

.erc-filter-field[b-cps595tbvy] {
    position: relative
}

.erc-field-search[b-cps595tbvy] {
    min-width: 260px
}

.erc-field-small[b-cps595tbvy] {
    min-width: 120px
}

.erc-field-icon[b-cps595tbvy] {
    position: absolute;
    left: 11px;
    top: 50%;
    transform: translateY(-50%);
    color: var(--erc-text3);
    font-size: .8rem;
    pointer-events: none
}

.erc-input[b-cps595tbvy] {
    width: 100%;
    padding: 8px 32px;
    border: 1px solid var(--erc-border);
    border-radius: 8px;
    font-size: .83rem;
    color: var(--erc-text);
    background: var(--erc-bg);
    outline: none;
    transition: border-color .15s
}

    .erc-input:focus[b-cps595tbvy] {
        border-color: var(--erc-blue);
        background: #fff
    }

.erc-select[b-cps595tbvy] {
    padding: 8px 12px;
    border: 1px solid var(--erc-border);
    border-radius: 8px;
    font-size: .83rem;
    color: var(--erc-text);
    background: var(--erc-bg);
    outline: none;
    cursor: pointer
}

    .erc-select:focus[b-cps595tbvy] {
        border-color: var(--erc-blue)
    }

.erc-clear-btn[b-cps595tbvy] {
    position: absolute;
    right: 10px;
    top: 50%;
    transform: translateY(-50%);
    background: none;
    border: none;
    color: var(--erc-text3);
    font-size: .75rem;
    cursor: pointer;
    padding: 2px
}

.erc-chips[b-cps595tbvy] {
    display: flex;
    align-items: center;
    gap: 8px;
    margin-bottom: 14px;
    flex-wrap: wrap
}

.erc-chips-label[b-cps595tbvy] {
    font-size: .72rem;
    color: var(--erc-text3);
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: .06em
}

.erc-chip[b-cps595tbvy] {
    display: inline-flex;
    align-items: center;
    gap: 5px;
    padding: 3px 10px;
    border-radius: 20px;
    font-size: .74rem;
    font-weight: 600;
    background: var(--erc-blue-lt);
    color: var(--erc-blue);
    border: 1px solid #bfdbfe;
    cursor: pointer
}

    .erc-chip:hover[b-cps595tbvy] {
        background: #dbeafe
    }

.erc-chip-remove[b-cps595tbvy] {
    opacity: .6;
    margin-left: 2px
}

.erc-card[b-cps595tbvy] {
    background: var(--erc-surface);
    border: 1px solid var(--erc-border);
    border-radius: var(--erc-radius);
    overflow: hidden;
    box-shadow: var(--erc-shadow-lg)
}

.erc-card-head[b-cps595tbvy] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 16px 22px;
    background: linear-gradient(135deg,#0f172a 0%,#1e293b 100%);
    color: #fff
}

.erc-card-title-group[b-cps595tbvy] {
    display: flex;
    align-items: center;
    gap: 14px
}

.erc-card-title-icon[b-cps595tbvy] {
    width: 40px;
    height: 40px;
    border-radius: 9px;
    background: var(--erc-red);
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1.1rem
}

.erc-card-title[b-cps595tbvy] {
    font-size: 2rem;
    font-weight: 700
}

.erc-card-sub[b-cps595tbvy] {
    font-size: 1.72rem;
    color: deepskyblue;
    margin-top: 1px
}

.erc-record-count[b-cps595tbvy] {
    font-size: 1rem;
    font-weight: 600;
    padding: 4px 12px;
    background: rgba(255,255,255,.08);
    border: 1px solid rgba(255,255,255,.12);
    border-radius: 20px;
    color: #cbd5e1
}

.erc-table[b-cps595tbvy] {
    width: 100%;
    border-collapse: collapse
}

    .erc-table thead th[b-cps595tbvy] {
        padding: 11px 16px;
        background: #f8fafc;
        border-bottom: 1.5px solid var(--erc-border);
        font-size: .68rem;
        font-weight: 700;
        letter-spacing: .07em;
        text-transform: uppercase;
        color: var(--erc-text2);
        white-space: nowrap
    }

.erc-th-sno[b-cps595tbvy] {
    width: 44px;
    text-align: center
}

.erc-tr td[b-cps595tbvy] {
    padding: 14px 16px;
    border-bottom: 1px solid #f1f5f9;
    vertical-align: middle
}

.erc-tr:last-child td[b-cps595tbvy] {
    border-bottom: none
}

.erc-tr:hover td[b-cps595tbvy] {
    background: #f8fafc
}

.erc-tr-pending td[b-cps595tbvy] {
    border-left: 3px solid var(--erc-amber) !important
}

.erc-tr-underreview td[b-cps595tbvy] {
    border-left: 3px solid #0ea5e9 !important
}

.erc-tr-approved td[b-cps595tbvy] {
    border-left: 3px solid var(--erc-green) !important
}

.erc-tr-rejected td[b-cps595tbvy] {
    border-left: 3px solid #94a3b8 !important;
    opacity: .75
}

.erc-tr-pending:hover td[b-cps595tbvy] {
    background: var(--erc-amber-lt) !important
}

.erc-td-sno[b-cps595tbvy] {
    width: 44px;
    text-align: center;
    font-size: .78rem;
    font-weight: 700;
    color: var(--erc-text3)
}

.erc-td-req[b-cps595tbvy] {
    width: 130px
}

.erc-req-no[b-cps595tbvy] {
    font-family: 'JetBrains Mono','Courier New',monospace;
    font-size: .8rem;
    font-weight: 700;
    color: var(--erc-blue)
}

.erc-req-date[b-cps595tbvy] {
    font-size: .7rem;
    color: var(--erc-text3);
    margin-top: 2px
}

.erc-org-name[b-cps595tbvy] {
    font-size: .88rem;
    font-weight: 700;
    color: var(--erc-text)
}

.erc-org-officer[b-cps595tbvy] {
    font-size: .74rem;
    color: var(--erc-text2);
    margin-top: 3px
}

.erc-org-desig[b-cps595tbvy] {
    color: var(--erc-text3)
}

.erc-org-contact[b-cps595tbvy] {
    font-size: .72rem;
    color: var(--erc-text3);
    margin-top: 2px
}

.erc-td-guards[b-cps595tbvy] {
    width: 90px
}

.erc-guards-pill[b-cps595tbvy] {
    display: inline-flex;
    align-items: center;
    gap: 5px;
    padding: 5px 11px;
    border-radius: 20px;
    font-size: .78rem;
    font-weight: 800
}

.erc-guards-lg[b-cps595tbvy] {
    background: #fff7ed;
    color: #c2410c;
    border: 1.5px solid #fed7aa
}

.erc-guards-xl[b-cps595tbvy] {
    background: var(--erc-red-lt);
    color: var(--erc-red);
    border: 1.5px solid var(--erc-red-bd)
}

.erc-guards-label[b-cps595tbvy] {
    font-size: .64rem;
    color: var(--erc-text3);
    text-align: center;
    margin-top: 2px
}

.erc-td-loc[b-cps595tbvy] {
    width: 130px
}

.erc-loc-state[b-cps595tbvy] {
    font-size: .78rem;
    font-weight: 600;
    color: var(--erc-text)
}

.erc-loc-detail[b-cps595tbvy] {
    font-size: .72rem;
    color: var(--erc-text3);
    margin-top: 2px
}

.erc-td-status[b-cps595tbvy] {
    width: 110px
}

.erc-status-date[b-cps595tbvy] {
    font-size: .65rem;
    color: var(--erc-text3);
    margin-top: 4px
}

.erc-td-date[b-cps595tbvy] {
    width: 80px
}

.erc-date-day[b-cps595tbvy] {
    font-size: .8rem;
    font-weight: 700;
    color: var(--erc-text)
}

.erc-date-year[b-cps595tbvy] {
    font-size: .68rem;
    color: var(--erc-text3)
}

.erc-badge[b-cps595tbvy] {
    display: inline-flex;
    align-items: center;
    gap: 5px;
    padding: 4px 10px;
    border-radius: 20px;
    font-size: .72rem;
    font-weight: 700
}

.erc-badge-pending[b-cps595tbvy] {
    background: #fff7ed;
    color: #c2410c;
    border: 1px solid #fed7aa
}

.erc-badge-review[b-cps595tbvy] {
    background: #f0f9ff;
    color: #0369a1;
    border: 1px solid #bae6fd
}

.erc-badge-approved[b-cps595tbvy] {
    background: var(--erc-green-lt);
    color: #15803d;
    border: 1px solid #bbf7d0
}

.erc-badge-rejected[b-cps595tbvy] {
    background: #f8fafc;
    color: #94a3b8;
    border: 1px solid #e2e8f0
}

.erc-badge-default[b-cps595tbvy] {
    background: #f8fafc;
    color: #94a3b8
}

.erc-td-actions[b-cps595tbvy] {
    width: 150px
}

.erc-action-group[b-cps595tbvy] {
    display: flex;
    align-items: center;
    gap: 5px;
    justify-content: center;
    flex-wrap: nowrap
}

.erc-action-btn[b-cps595tbvy] {
    display: inline-flex;
    align-items: center;
    gap: 4px;
    padding: 5px 9px;
    border-radius: 7px;
    font-size: .72rem;
    font-weight: 600;
    border: 1.5px solid transparent;
    cursor: pointer;
    transition: all .15s;
    white-space: nowrap
}

.erc-act-view[b-cps595tbvy] {
    background: var(--erc-blue-lt);
    color: var(--erc-blue);
    border-color: #bfdbfe
}

    .erc-act-view:hover[b-cps595tbvy] {
        background: #dbeafe
    }

.erc-act-review[b-cps595tbvy] {
    background: #f0f9ff;
    color: #0369a1;
    border-color: #bae6fd;
    padding: 5px 8px
}

    .erc-act-review:hover[b-cps595tbvy] {
        background: #e0f2fe
    }

.erc-act-approve[b-cps595tbvy] {
    background: var(--erc-green-lt);
    color: #15803d;
    border-color: #bbf7d0;
    padding: 5px 8px
}

    .erc-act-approve:hover[b-cps595tbvy] {
        background: #dcfce7
    }

.erc-act-reject[b-cps595tbvy] {
    background: var(--erc-red-lt);
    color: var(--erc-red);
    border-color: var(--erc-red-bd);
    padding: 5px 8px
}

    .erc-act-reject:hover[b-cps595tbvy] {
        background: #fee2e2
    }

.erc-state-box[b-cps595tbvy] {
    padding: 64px 20px;
    text-align: center
}

.erc-state-icon[b-cps595tbvy] {
    width: 72px;
    height: 72px;
    border-radius: 18px;
    background: var(--erc-red-lt);
    color: var(--erc-red);
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 2rem;
    margin: 0 auto 18px
}

.erc-state-title[b-cps595tbvy] {
    font-size: 1.05rem;
    font-weight: 700;
    color: var(--erc-text);
    margin-bottom: 8px
}

.erc-state-desc[b-cps595tbvy] {
    font-size: .82rem;
    color: var(--erc-text2);
    max-width: 420px;
    margin: 0 auto;
    line-height: 1.6
}

.erc-spinner[b-cps595tbvy] {
    display: flex;
    justify-content: center;
    margin-bottom: 18px
}

.erc-spin-ring[b-cps595tbvy] {
    width: 40px;
    height: 40px;
    border: 3px solid var(--erc-border);
    border-top-color: var(--erc-red);
    border-radius: 50%;
    animation: spin-b-cps595tbvy .7s linear infinite
}

@keyframes spin-b-cps595tbvy {
    to {
        transform: rotate(360deg)
    }
}

.erc-pagination[b-cps595tbvy] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 14px 22px;
    background: #f8fafc;
    border-top: 1px solid var(--erc-border)
}

.erc-pg-info[b-cps595tbvy] {
    font-size: .78rem;
    color: var(--erc-text2)
}

.erc-pg-controls[b-cps595tbvy] {
    display: flex;
    gap: 4px
}

.erc-pg-btn[b-cps595tbvy] {
    width: 34px;
    height: 34px;
    border-radius: 8px;
    border: 1px solid var(--erc-border);
    background: var(--erc-surface);
    color: var(--erc-text2);
    font-size: .8rem;
    font-weight: 600;
    cursor: pointer;
    transition: all .12s
}

    .erc-pg-btn:hover:not(:disabled)[b-cps595tbvy] {
        border-color: var(--erc-blue);
        color: var(--erc-blue)
    }

    .erc-pg-btn:disabled[b-cps595tbvy] {
        opacity: .4;
        cursor: not-allowed
    }

.erc-pg-active[b-cps595tbvy] {
    background: var(--erc-blue) !important;
    color: #fff !important;
    border-color: var(--erc-blue) !important
}

.erc-overlay[b-cps595tbvy] {
    position: fixed;
    inset: 0;
    background: rgba(15,23,42,.6);
    backdrop-filter: blur(3px);
    z-index: 1040
}

.erc-modal[b-cps595tbvy] {
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    width: 480px;
    max-width: calc(100vw - 32px);
    background: var(--erc-surface);
    border-radius: 16px;
    box-shadow: 0 25px 50px rgba(0,0,0,.25);
    z-index: 1050;
    overflow: hidden;
    animation: erc-modal-in-b-cps595tbvy .2s ease
}

@keyframes erc-modal-in-b-cps595tbvy {
    from {
        transform: translate(-50%,-54%);
        opacity: 0
    }

    to {
        transform: translate(-50%,-50%);
        opacity: 1
    }
}

.erc-modal-header[b-cps595tbvy] {
    display: flex;
    align-items: flex-start;
    gap: 14px;
    padding: 22px 22px 18px
}

.erc-modal-header-approve[b-cps595tbvy] {
    background: linear-gradient(135deg,#14532d,#16a34a);
    color: #fff
}

.erc-modal-header-reject[b-cps595tbvy] {
    background: linear-gradient(135deg,#7f1d1d,#dc2626);
    color: #fff
}

.erc-modal-header-icon[b-cps595tbvy] {
    width: 42px;
    height: 42px;
    border-radius: 10px;
    background: rgba(255,255,255,.2);
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1.1rem;
    flex-shrink: 0
}

.erc-modal-title[b-cps595tbvy] {
    font-size: 1rem;
    font-weight: 800
}

.erc-modal-sub[b-cps595tbvy] {
    font-size: .75rem;
    opacity: .8;
    margin-top: 2px
}

.erc-modal-close[b-cps595tbvy] {
    margin-left: auto;
    background: rgba(255,255,255,.15);
    border: none;
    width: 30px;
    height: 30px;
    border-radius: 7px;
    color: #fff;
    cursor: pointer;
    font-size: .85rem;
    flex-shrink: 0
}

.erc-modal-body[b-cps595tbvy] {
    padding: 22px
}

.erc-modal-req-summary[b-cps595tbvy] {
    padding: 14px 16px;
    background: var(--erc-bg);
    border: 1px solid var(--erc-border);
    border-radius: 10px;
    margin-bottom: 18px
}

.erc-modal-req-no[b-cps595tbvy] {
    font-family: monospace;
    font-size: .85rem;
    font-weight: 700;
    color: var(--erc-blue)
}

.erc-modal-req-org[b-cps595tbvy] {
    font-size: .9rem;
    font-weight: 700;
    color: var(--erc-text);
    margin-top: 4px
}

.erc-modal-req-guards[b-cps595tbvy] {
    font-size: .78rem;
    color: var(--erc-text2);
    margin-top: 6px
}

.erc-modal-label[b-cps595tbvy] {
    display: block;
    font-size: .78rem;
    font-weight: 700;
    color: var(--erc-text2);
    margin-bottom: 7px;
    text-transform: uppercase;
    letter-spacing: .05em
}

.erc-modal-required[b-cps595tbvy] {
    margin-left: 7px;
    padding: 2px 8px;
    background: #fef2f2;
    color: var(--erc-red);
    border-radius: 10px;
    font-size: .68rem;
    text-transform: none
}

.erc-modal-optional[b-cps595tbvy] {
    margin-left: 7px;
    padding: 2px 8px;
    background: var(--erc-bg);
    color: var(--erc-text3);
    border-radius: 10px;
    font-size: .68rem;
    text-transform: none
}

.erc-modal-textarea[b-cps595tbvy] {
    width: 100%;
    padding: 10px 12px;
    border: 1.5px solid var(--erc-border);
    border-radius: 9px;
    font-size: .85rem;
    resize: vertical;
    outline: none
}

    .erc-modal-textarea:focus[b-cps595tbvy] {
        border-color: var(--erc-blue)
    }

.erc-modal-error[b-cps595tbvy] {
    font-size: .76rem;
    color: var(--erc-red);
    margin-top: 6px
}

.erc-modal-footer[b-cps595tbvy] {
    display: flex;
    justify-content: flex-end;
    gap: 10px;
    padding: 16px 22px;
    background: var(--erc-bg);
    border-top: 1px solid var(--erc-border)
}

.erc-modal-btn-cancel[b-cps595tbvy] {
    padding: 9px 20px;
    border-radius: 9px;
    border: 1px solid var(--erc-border2);
    background: var(--erc-surface);
    color: var(--erc-text2);
    font-size: .84rem;
    font-weight: 600;
    cursor: pointer
}

.erc-modal-btn-approve[b-cps595tbvy] {
    padding: 9px 20px;
    border-radius: 9px;
    border: none;
    background: var(--erc-green);
    color: #fff;
    font-size: .84rem;
    font-weight: 700;
    cursor: pointer
}

.erc-modal-btn-reject[b-cps595tbvy] {
    padding: 9px 20px;
    border-radius: 9px;
    border: none;
    background: var(--erc-red);
    color: #fff;
    font-size: .84rem;
    font-weight: 700;
    cursor: pointer
}

    .erc-modal-btn-approve:disabled[b-cps595tbvy], .erc-modal-btn-reject:disabled[b-cps595tbvy] {
        opacity: .6;
        cursor: not-allowed
    }

.mt-3[b-cps595tbvy] {
    margin-top: 1rem
}

@media(max-width:768px) {
    .erc-stats[b-cps595tbvy] {
        grid-template-columns: repeat(2,1fr)
    }

    .erc-filterbar[b-cps595tbvy] {
        flex-direction: column;
        align-items: stretch
    }

    .erc-filter-group[b-cps595tbvy] {
        flex-direction: column
    }

    .erc-field-search[b-cps595tbvy] {
        min-width: 0
    }
}
/* /Components/Pages/Dashboards/JcoAdminDashboard.razor.rz.scp.css */
.stat-card[b-vr0kvgnewl] {
    transition: transform 0.2s, box-shadow 0.2s;
    border-radius: 12px;
    border: 2px solid;
    position: relative;
    overflow: hidden;
    cursor: pointer;
}

.stat-card[b-vr0kvgnewl]::before {
    content: '';
    position: absolute;
    top: 0;
    left: -100%;
    width: 100%;
    height: 3px;
    background: linear-gradient(90deg, transparent, currentColor, transparent);
    transition: left 0.5s;
}

.stat-card:hover[b-vr0kvgnewl] {
    transform: translateY(-5px);
    box-shadow: 0 8px 16px rgba(0,0,0,0.15);
}

    .stat-card:hover[b-vr0kvgnewl]::before {
        animation: borderRun-b-vr0kvgnewl 1.5s infinite;
    }

.icon-wrapper[b-vr0kvgnewl] {
    width: 70px;
    height: 70px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
}

.icon-wrapper-sm[b-vr0kvgnewl] {
    width: 50px;
    height: 50px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
}

.table-hover tbody tr[b-vr0kvgnewl] {
    cursor: pointer;
    transition: background-color 0.15s ease;
}

.badge-custom[b-vr0kvgnewl] {
    padding: 0.5rem 1rem;
    font-size: 0.875rem;
    font-weight: 500;
    border-radius: 50px;
}

.unread-indicator[b-vr0kvgnewl] {
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background-color: #0d6efd;
}

.card-custom[b-vr0kvgnewl] {
    border: none;
    border-radius: 12px;
    box-shadow: 0 2px 8px rgba(0,0,0,0.08);
}

.table-header[b-vr0kvgnewl] {
    background-color: #f8f9fa;
    font-size: 0.85rem;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.5px;
}

    .table-header th[b-vr0kvgnewl] {
        padding: 1rem !important;
        text-align: center !important;
    }

.stat-number[b-vr0kvgnewl] {
    font-size: 3.5rem;
}

.stat-label[b-vr0kvgnewl] {
    font-size: 1.25rem;
}

.stat-label-sm[b-vr0kvgnewl] {
    font-size: 1.1rem;
}

.badge-stat[b-vr0kvgnewl] {
    font-size: 1.6rem;
    padding: 0.9rem 1.6rem;
    font-weight: 600;
}

.badge-stat-sm[b-vr0kvgnewl] {
    font-size: 1.3rem;
    padding: 0.7rem 1.3rem;
    font-weight: 600;
}

.stat-row-label[b-vr0kvgnewl] {
    font-size: 1.7rem;
}

.stat-row-label-sm[b-vr0kvgnewl] {
    font-size: 1.15rem;
}

.stat-link[b-vr0kvgnewl] {
    text-decoration: none;
    color: inherit;
    transition: all 0.2s ease;
    cursor: pointer;
}

    .stat-link:hover[b-vr0kvgnewl] {
        text-decoration: underline;
        opacity: 0.85;
    }

.action-card[b-vr0kvgnewl] {
    cursor: pointer;
    transition: all 0.3s ease;
}

    .action-card:hover[b-vr0kvgnewl] {
        transform: translateY(-8px);
        box-shadow: 0 12px 24px rgba(0,0,0,0.2);
    }

.spinner-border-sm[b-vr0kvgnewl] {
    width: 2rem;
    height: 2rem;
}

.search-wrapper[b-vr0kvgnewl] {
    position: relative;
    max-width: 300px;
}

    .search-wrapper input[b-vr0kvgnewl] {
        padding-right: 40px;
    }

    .search-wrapper .search-icon[b-vr0kvgnewl] {
        position: absolute;
        right: 12px;
        top: 50%;
        transform: translateY(-50%);
        color: #6c757d;
    }

.stat-card-equal[b-vr0kvgnewl] {
    min-height: 220px;
}

@keyframes borderRun-b-vr0kvgnewl {
    0% {
        left: -100%;
    }

    100% {
        left: 200%;
    }
}
/* /Components/Pages/Dashboards/JDDashboard.razor.rz.scp.css */
/* ── Approval priority banner ──────────────────────── */
.jd-approval-banner[b-shlzmrwbzu] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
    padding: 14px 20px;
    margin-bottom: 0;
    background: linear-gradient(135deg,#1e3a5f,#1e40af);
    border-radius: 12px;
    cursor: pointer;
    color: #fff;
    animation: jdBannerPulse-b-shlzmrwbzu 2.5s ease-in-out 4;
}

.jd-approval-banner:hover[b-shlzmrwbzu] {
    filter: brightness(1.08);
}

@keyframes jdBannerPulse-b-shlzmrwbzu {
    0%, 100% {
        box-shadow: 0 0 0 0 rgba(37,99,235,0);
    }

    50% {
        box-shadow: 0 0 0 10px rgba(37,99,235,.25);
    }
}

.jd-approval-banner-left[b-shlzmrwbzu] {
    display: flex;
    align-items: center;
    gap: 14px;
}

.jd-approval-icon[b-shlzmrwbzu] {
    width: 46px;
    height: 46px;
    background: rgba(255,255,255,.2);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1.25rem;
    flex-shrink: 0;
}

.jd-approval-title[b-shlzmrwbzu] {
    font-weight: 700;
    font-size: 1rem;
}

.jd-approval-subtitle[b-shlzmrwbzu] {
    font-size: .8rem;
    opacity: .85;
    margin-top: 2px;
}

.jd-approval-count[b-shlzmrwbzu] {
    background: #fbbf24;
    color: #1e293b;
    border-radius: 50%;
    width: 36px;
    height: 36px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1rem;
    font-weight: 800;
    flex-shrink: 0;
}

/* ── Pulsing stat card ─────────────────────────────── */
.stat-pulse-warning[b-shlzmrwbzu] {
    animation: statPulse-b-shlzmrwbzu 2.5s ease-in-out infinite;
}

@keyframes statPulse-b-shlzmrwbzu {
    0%, 100% {
        box-shadow: 0 0 0 0 rgba(217,119,6,0);
    }

    50% {
        box-shadow: 0 0 0 7px rgba(217,119,6,.2);
    }
}

/* ── Shared stat card styles ───────────────────────── */
.stat-card[b-shlzmrwbzu] {
    transition: transform .2s, box-shadow .2s;
    position: relative;
    overflow: hidden;
}

    .stat-card:hover[b-shlzmrwbzu] {
        transform: translateY(-4px);
        box-shadow: 0 8px 24px rgba(0,0,0,.12) !important;
    }

.stat-icon[b-shlzmrwbzu] {
    width: 50px;
    height: 50px;
    border-radius: 12px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    font-size: 1.4rem;
    flex-shrink: 0;
}

.stat-accent[b-shlzmrwbzu] {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    height: 3px;
}

/* ── Zone banner ───────────────────────────────────── */
.jd-zone-banner[b-shlzmrwbzu] {
    display: flex;
    align-items: center;
    gap: 14px;
    padding: 12px 18px;
    margin-bottom: 16px;
    background: #eff6ff;
    border: 1px solid #bfdbfe;
    border-left: 4px solid #2563eb;
    border-radius: 10px;
    color: #1e3a5f;
    font-size: .875rem;
}

    .jd-zone-banner i.fa-map-location-dot[b-shlzmrwbzu] {
        font-size: 1.2rem;
        color: #2563eb;
    }

    .jd-zone-banner > div[b-shlzmrwbzu] {
        flex: 1;
    }

.jd-zone-tag[b-shlzmrwbzu] {
    font-size: .72rem;
    font-weight: 700;
    background: #dbeafe;
    color: #1e40af;
    border: 1px solid #bfdbfe;
    padding: 4px 12px;
    border-radius: 20px;
    white-space: nowrap;
    flex-shrink: 0;
}

.jd-zone-chip[b-shlzmrwbzu] {
    font-size: .7rem;
    font-weight: 700;
    background: #eff6ff;
    color: #1d4ed8;
    border: 1px solid #bfdbfe;
    padding: 3px 10px;
    border-radius: 20px;
    vertical-align: middle;
}

/* ── Table ─────────────────────────────────────────── */
.table thead.sticky-top[b-shlzmrwbzu] {
    position: sticky;
    top: 0;
    z-index: 10;
}

.table-success[b-shlzmrwbzu] {
    background-color: #d1e7dd !important;
}

@media print {
    .no-print[b-shlzmrwbzu] {
        display: none !important;
    }

    .card[b-shlzmrwbzu] {
        box-shadow: none !important;
        border: 1px solid #dee2e6 !important;
    }

    .jd-approval-banner[b-shlzmrwbzu] {
        display: none !important;
    }
}
/* /Components/Pages/Dashboards/JDDgrDashboard.razor.rz.scp.css */
.text-purple[b-7w3jneeaxo] {
    color: #7c3aed !important;
}

.bg-purple[b-7w3jneeaxo] {
    background: #7c3aed !important;
}

.dgr-header-card[b-7w3jneeaxo] {
    background: linear-gradient(135deg,#4c1d95,#7c3aed);
}

.dgr-stat-card[b-7w3jneeaxo] {
    transition: transform .2s, box-shadow .2s;
    position: relative;
    overflow: hidden;
}

    .dgr-stat-card:hover[b-7w3jneeaxo] {
        transform: translateY(-4px);
        box-shadow: 0 8px 24px rgba(0,0,0,.12) !important;
    }

.stat-icon[b-7w3jneeaxo] {
    width: 50px;
    height: 50px;
    border-radius: 12px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    font-size: 1.4rem;
    flex-shrink: 0;
}

.stat-accent[b-7w3jneeaxo] {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    height: 3px;
}

.dgr-stat-card.pulse[b-7w3jneeaxo] {
    animation: dgrPulse-b-7w3jneeaxo 2.5s ease-in-out infinite;
}

@keyframes dgrPulse-b-7w3jneeaxo {
    0%, 100% {
        box-shadow: 0 0 0 0 rgba(220,38,38,0);
    }

    50% {
        box-shadow: 0 0 0 6px rgba(220,38,38,.18);
    }
}

/* ── Case card ─────────────────────────────────────── */
.dgr-case-card[b-7w3jneeaxo] {
    border: 1px solid #ddd6fe;
    border-left: 4px solid #7c3aed;
    border-radius: 12px;
    background: #faf9ff;
    padding: 16px 18px;
    cursor: pointer;
    transition: box-shadow .15s, transform .15s;
}

    .dgr-case-card:hover[b-7w3jneeaxo] {
        box-shadow: 0 6px 18px rgba(124,58,237,.18);
        transform: translateY(-2px);
    }

    .dgr-case-card.unread[b-7w3jneeaxo] {
        background: #f5f3ff;
        border-left-color: #5b21b6;
    }

.dgr-case-avatar[b-7w3jneeaxo] {
    width: 42px;
    height: 42px;
    background: #ede9fe;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #6d28d9;
    font-size: 1.1rem;
    flex-shrink: 0;
}

.blink-badge[b-7w3jneeaxo] {
    animation: dgrBlink-b-7w3jneeaxo 1.4s step-end infinite;
}

@keyframes dgrBlink-b-7w3jneeaxo {
    0%, 100% {
        opacity: 1;
    }

    50% {
        opacity: .45;
    }
}

.dgr-remarks-box[b-7w3jneeaxo] {
    background: #fff;
    border: 1px solid #e9e4ff;
    border-radius: 8px;
    padding: 8px 12px;
    font-size: .85rem;
    color: #3730a3;
}

.dgr-issue-box[b-7w3jneeaxo] {
    background: #fef2f2;
    border: 1px solid #fca5a5;
    border-radius: 8px;
    padding: 8px 12px;
    font-size: .85rem;
    color: #991b1b;
}

/* ── Modal ──────────────────────────────────────────── */
.dgr-modal-backdrop[b-7w3jneeaxo] {
    position: fixed;
    inset: 0;
    background: rgba(15,23,42,.55);
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 1070;
    padding: 16px;
}

.dgr-modal[b-7w3jneeaxo] {
    background: #fff;
    border-radius: 16px;
    width: 100%;
    max-width: 760px;
    max-height: 88vh;
    display: flex;
    flex-direction: column;
    box-shadow: 0 24px 70px rgba(0,0,0,.3);
    overflow: hidden;
}

.dgr-modal-header[b-7w3jneeaxo] {
    padding: 18px 24px;
    background: linear-gradient(135deg,#5b21b6,#7c3aed);
    color: #fff;
    font-weight: 700;
    font-size: 1.1rem;
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-shrink: 0;
}

.dgr-modal-body[b-7w3jneeaxo] {
    padding: 22px 24px;
    overflow-y: auto;
    flex: 1 1 auto;
}

.dgr-modal-footer[b-7w3jneeaxo] {
    padding: 14px 24px;
    background: #f8fafc;
    border-top: 1px solid #e2e8f0;
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-shrink: 0;
}

.dgr-section-title[b-7w3jneeaxo] {
    font-weight: 700;
    font-size: .92rem;
    color: #5b21b6;
    text-transform: uppercase;
    letter-spacing: .03em;
    margin: 18px 0 10px;
    padding-bottom: 6px;
    border-bottom: 2px solid #ede9fe;
}

.dgr-detail-alert[b-7w3jneeaxo] {
    background: #fffbeb;
    border: 1px solid #fde68a;
    border-left: 4px solid #d97706;
    border-radius: 10px;
    padding: 12px 14px;
}

.dgr-info-pill[b-7w3jneeaxo] {
    background: #f8fafc;
    border: 1px solid #e2e8f0;
    border-radius: 8px;
    padding: 8px 12px;
    height: 100%;
}

    .dgr-info-pill span[b-7w3jneeaxo] {
        display: block;
        font-size: .7rem;
        text-transform: uppercase;
        letter-spacing: .04em;
        color: #64748b;
        font-weight: 600;
        margin-bottom: 2px;
    }

    .dgr-info-pill strong[b-7w3jneeaxo] {
        font-size: .87rem;
        color: #1e293b;
        font-weight: 600;
    }

.timeline-item + .timeline-item[b-7w3jneeaxo] {
    border-top: 1px dashed #e5e7eb;
    padding-top: .75rem;
}
/* /Components/Pages/Dashboards/OfficerAdminDashboard.razor.rz.scp.css */
.stat-card[b-41xbhw8roi] {
    transition: transform 0.2s, box-shadow 0.2s;
    border-radius: 12px;
    border: 2px solid;
    position: relative;
    overflow: hidden;
    cursor: pointer;
}

.stat-card[b-41xbhw8roi]::before {
    content: '';
    position: absolute;
    top: 0;
    left: -100%;
    width: 100%;
    height: 3px;
    background: linear-gradient(90deg, transparent, currentColor, transparent);
    transition: left 0.5s;
}

.stat-card:hover[b-41xbhw8roi] {
    transform: translateY(-5px);
    box-shadow: 0 8px 16px rgba(0,0,0,0.15);
}

    .stat-card:hover[b-41xbhw8roi]::before {
        animation: borderRun-b-41xbhw8roi 1.5s infinite;
    }

.icon-wrapper[b-41xbhw8roi] {
    width: 70px;
    height: 70px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
}

.icon-wrapper-sm[b-41xbhw8roi] {
    width: 50px;
    height: 50px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
}

.table-hover tbody tr[b-41xbhw8roi] {
    cursor: pointer;
    transition: background-color 0.15s ease;
}

.badge-custom[b-41xbhw8roi] {
    padding: 0.5rem 1rem;
    font-size: 0.875rem;
    font-weight: 500;
    border-radius: 50px;
}

.unread-indicator[b-41xbhw8roi] {
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background-color: #0d6efd;
}

.card-custom[b-41xbhw8roi] {
    border: none;
    border-radius: 12px;
    box-shadow: 0 2px 8px rgba(0,0,0,0.08);
}

.table-header[b-41xbhw8roi] {
    background-color: #f8f9fa;
    font-size: 0.85rem;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.5px;
}

    .table-header th[b-41xbhw8roi] {
        padding: 1rem !important;
        text-align: center !important;
    }

.stat-number[b-41xbhw8roi] {
    font-size: 3.5rem;
}

.stat-label[b-41xbhw8roi] {
    font-size: 1.25rem;
}

.stat-label-sm[b-41xbhw8roi] {
    font-size: 2.2rem;
}

.badge-stat[b-41xbhw8roi] {
    font-size: 1.6rem;
    padding: 0.9rem 1.6rem;
    font-weight: 600;
}

.badge-stat-sm[b-41xbhw8roi] {
    font-size: 1.3rem;
    padding: 0.7rem 1.3rem;
    font-weight: 600;
}

.stat-row-label[b-41xbhw8roi] {
    font-size: 1.7rem;
}

.stat-row-label-sm[b-41xbhw8roi] {
    font-size: 1.8rem;
}

.stat-link[b-41xbhw8roi] {
    text-decoration: none;
    color: inherit;
    transition: all 0.2s ease;
    cursor: pointer;
}

    .stat-link:hover[b-41xbhw8roi] {
        text-decoration: underline;
        opacity: 0.85;
    }

.action-card[b-41xbhw8roi] {
    cursor: pointer;
    transition: all 0.3s ease;
}

    .action-card:hover[b-41xbhw8roi] {
        transform: translateY(-8px);
        box-shadow: 0 12px 24px rgba(0,0,0,0.2);
    }

.spinner-border-sm[b-41xbhw8roi] {
    width: 2rem;
    height: 2rem;
}

.search-wrapper[b-41xbhw8roi] {
    position: relative;
    max-width: 300px;
}

    .search-wrapper input[b-41xbhw8roi] {
        padding-right: 40px;
    }

    .search-wrapper .search-icon[b-41xbhw8roi] {
        position: absolute;
        right: 12px;
        top: 50%;
        transform: translateY(-50%);
        color: #6c757d;
    }

.stat-card-sm[b-41xbhw8roi] {
    min-height: 200px;
}

.stat-card-lg[b-41xbhw8roi] {
    min-height: 220px;
}

@keyframes borderRun-b-41xbhw8roi {
    0% {
        left: -100%;
    }

    100% {
        left: 200%;
    }
}
/* /Components/Pages/Dashboards/OfficerDashboard.razor.rz.scp.css */
.od-ic[b-fbeah07w64] {
    width: 42px;
    height: 42px;
    border-radius: 50%;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-size: 1.05rem;
    flex-shrink: 0;
}

/* ── Action cards ── */
.od-act[b-fbeah07w64] {
    height: 100%;
    display: flex;
    flex-direction: column;
    gap: .35rem;
    padding: 1rem;
    border: 1px solid #e9ecef;
    border-top: 3px solid #0d6efd;
    border-radius: .6rem;
    background: #fff;
    transition: box-shadow .15s ease;
}

    .od-act:hover[b-fbeah07w64] {
        box-shadow: 0 .25rem .75rem rgba(16, 24, 40, .08);
    }

.od-act-success[b-fbeah07w64] {
    border-top-color: #198754;
}

.od-act-off[b-fbeah07w64] {
    border-top-color: #adb5bd;
    background: #f8f9fa;
}

    .od-act-off:hover[b-fbeah07w64] {
        box-shadow: none;
    }

.od-act-t[b-fbeah07w64] {
    font-size: .95rem;
    font-weight: 700;
    line-height: 1.25;
    color: #212529;
    margin-top: .25rem;
}

.od-act-d[b-fbeah07w64] {
    font-size: .8rem;
    color: #6c757d;
    margin-bottom: .75rem;
}

/* ── Primary call-to-action (Apply Now) ── */
.od-cta[b-fbeah07w64] {
    display: flex;
    align-items: center;
    gap: .6rem;
}

.od-cta-arrow[b-fbeah07w64] {
    font-size: 2.9rem;
    color: #198754;
    line-height: 1;
    animation: od-nudge 1.1s ease-in-out infinite;
}

.od-cta-btn[b-fbeah07w64] {
    font-size: 1rem;
    font-weight: 700;
    padding: 1rem 2.75rem;
    border-radius: .6rem;
    letter-spacing: .09em;
    box-shadow: 0 .25rem .75rem rgba(25, 135, 84, .35);
    animation: od-ring 1.8s ease-out infinite;
}

    .od-cta-btn:hover[b-fbeah07w64], .od-cta-btn:focus[b-fbeah07w64] {
        animation-play-state: paused;
        transform: translateY(-1px);
    }
/* /Components/Pages/Dashboards/SADashboard.razor.rz.scp.css */
/* ═══════════════════════════════════════════════════════════
       RETURNED ALERT BANNER
    ═══════════════════════════════════════════════════════════ */
.returned-alert-banner[b-ogugjs3h5g] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
    padding: 14px 20px;
    margin-bottom: 0;
    background: linear-gradient(135deg, #fff1f2, #ffe4e6);
    border: 2px solid #fca5a5;
    border-left: 6px solid #dc2626;
    border-radius: 12px 12px 0 0;
    cursor: pointer;
    transition: background .2s;
    animation: bannerPulse-b-ogugjs3h5g 2s ease-in-out 3;
}

.returned-alert-banner:hover[b-ogugjs3h5g] {
    background: linear-gradient(135deg, #ffe4e6, #fecaca);
}

.returned-alert-banner.expanded[b-ogugjs3h5g] {
    border-radius: 12px 12px 0 0;
    border-bottom: none;
}

@keyframes bannerPulse-b-ogugjs3h5g {
    0%, 100% {
        box-shadow: 0 0 0 0 rgba(220, 38, 38, 0);
    }

    50% {
        box-shadow: 0 0 0 8px rgba(220, 38, 38, 0.15);
    }
}

.returned-alert-left[b-ogugjs3h5g] {
    display: flex;
    align-items: center;
    gap: 14px;
}

.returned-alert-icon[b-ogugjs3h5g] {
    width: 44px;
    height: 44px;
    background: #dc2626;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    font-size: 1.2rem;
    flex-shrink: 0;
}

.returned-alert-title[b-ogugjs3h5g] {
    font-weight: 700;
    font-size: 1rem;
    color: #991b1b;
}

.returned-alert-subtitle[b-ogugjs3h5g] {
    font-size: .82rem;
    color: #b91c1c;
    margin-top: 2px;
}

.returned-alert-right[b-ogugjs3h5g] {
    display: flex;
    align-items: center;
    color: #dc2626;
    font-weight: 700;
}

.returned-count-badge[b-ogugjs3h5g] {
    background: #dc2626;
    color: #fff;
    border-radius: 50%;
    width: 32px;
    height: 32px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: .95rem;
    font-weight: 800;
}

/* ═══════════════════════════════════════════════════════════
       RETURNED ENTRIES PANEL
    ═══════════════════════════════════════════════════════════ */
.returned-panel[b-ogugjs3h5g] {
    border: 2px solid #fca5a5;
    border-top: none;
    border-radius: 0 0 12px 12px;
    background: #fff;
    margin-bottom: 20px;
    overflow: hidden;
}

.returned-panel-header[b-ogugjs3h5g] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 12px 18px;
    background: #fef2f2;
    border-bottom: 1px solid #fca5a5;
}

/* Individual card inside the panel */
.returned-entries-list[b-ogugjs3h5g] {
    padding: 12px 16px;
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.returned-entry-card[b-ogugjs3h5g] {
    display: flex;
    align-items: flex-start;
    gap: 16px;
    padding: 14px 16px;
    background: #fff8f8;
    border: 1px solid #fecaca;
    border-left: 4px solid #dc2626;
    border-radius: 10px;
    cursor: pointer;
    transition: background .15s, box-shadow .15s;
}

    .returned-entry-card:hover[b-ogugjs3h5g] {
        background: #fff1f2;
        box-shadow: 0 4px 12px rgba(220, 38, 38, .12);
    }

.returned-entry-avatar[b-ogugjs3h5g] {
    width: 40px;
    height: 40px;
    background: #fee2e2;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #dc2626;
    font-size: 1.1rem;
    flex-shrink: 0;
}

.returned-entry-officer[b-ogugjs3h5g] {
    display: flex;
    align-items: flex-start;
    gap: 10px;
    flex: 0 0 280px;
}

.returned-entry-name[b-ogugjs3h5g] {
    font-weight: 700;
    font-size: .95rem;
    color: #1f2937;
}

.returned-entry-meta[b-ogugjs3h5g] {
    font-size: .78rem;
    color: #6b7280;
    margin-top: 2px;
}

.returned-entry-agency[b-ogugjs3h5g] {
    font-size: .8rem;
    color: #374151;
    margin-top: 4px;
}

.returned-entry-remarks[b-ogugjs3h5g] {
    flex: 1;
    min-width: 0;
}

.returned-entry-remarks-header[b-ogugjs3h5g] {
    font-size: .82rem;
    font-weight: 600;
    color: #92400e;
    margin-bottom: 4px;
}

.returned-entry-time[b-ogugjs3h5g] {
    font-weight: 400;
    color: #9ca3af;
    font-size: .75rem;
}

.returned-entry-remarks-text[b-ogugjs3h5g] {
    background: #fffbeb;
    border: 1px solid #fde68a;
    border-radius: 6px;
    padding: 6px 10px;
    font-size: .83rem;
    color: #78350f;
    line-height: 1.45;
    margin-bottom: 4px;
}

.returned-entry-rejection[b-ogugjs3h5g] {
    background: #fef2f2;
    border: 1px solid #fca5a5;
    border-radius: 6px;
    padding: 4px 10px;
    font-size: .8rem;
    color: #991b1b;
}

.returned-entry-cta[b-ogugjs3h5g] {
    flex-shrink: 0;
    text-align: center;
}

.returned-entry-cta-btn[b-ogugjs3h5g] {
    background: #dc2626;
    color: #fff;
    border-radius: 8px;
    padding: 7px 14px;
    font-size: .82rem;
    font-weight: 600;
    white-space: nowrap;
    transition: background .15s;
}

    .returned-entry-cta-btn:hover[b-ogugjs3h5g] {
        background: #b91c1c;
    }

/* ═══════════════════════════════════════════════════════════
       STAT CARD — Danger pulsing variant
    ═══════════════════════════════════════════════════════════ */
.stat-card-danger-pulse[b-ogugjs3h5g] {
    animation: cardPulse-b-ogugjs3h5g 2.5s ease-in-out infinite;
}

@keyframes cardPulse-b-ogugjs3h5g {
    0%, 100% {
        box-shadow: 0 0 0 0 rgba(220,38,38,0);
    }

    50% {
        box-shadow: 0 0 0 6px rgba(220,38,38,0.18);
    }
}

/* ═══════════════════════════════════════════════════════════
       BLINKING BADGE in table
    ═══════════════════════════════════════════════════════════ */
.blink-badge[b-ogugjs3h5g] {
    animation: blinkBadge-b-ogugjs3h5g 1.4s step-end infinite;
}

@keyframes blinkBadge-b-ogugjs3h5g {
    0%, 100% {
        opacity: 1;
    }

    50% {
        opacity: .45;
    }
}

/* ═══════════════════════════════════════════════════════════
       REST (same as original)
    ═══════════════════════════════════════════════════════════ */
.clerk-zone-banner[b-ogugjs3h5g] {
    display: flex;
    align-items: center;
    gap: 14px;
    padding: 12px 18px;
    margin-bottom: 16px;
    background: #f0fdf4;
    border: 1px solid #bbf7d0;
    border-left: 4px solid #16a34a;
    border-radius: 10px;
    color: #14532d;
    font-size: .875rem;
}

    .clerk-zone-banner i.fa-map-location-dot[b-ogugjs3h5g] {
        font-size: 1.2rem;
        color: #16a34a;
    }

    .clerk-zone-banner strong[b-ogugjs3h5g] {
        display: block;
        margin-bottom: 1px;
        font-size: .9rem;
    }

    .clerk-zone-banner > div[b-ogugjs3h5g] {
        flex: 1;
    }

.clerk-zone-tag[b-ogugjs3h5g] {
    font-size: .72rem;
    font-weight: 700;
    background: #dcfce7;
    color: #166534;
    border: 1px solid #bbf7d0;
    padding: 4px 12px;
    border-radius: 20px;
    white-space: nowrap;
    flex-shrink: 0;
}

.clerk-zone-chip[b-ogugjs3h5g] {
    font-size: .7rem;
    font-weight: 700;
    background: #f0fdf4;
    color: #15803d;
    border: 1px solid #bbf7d0;
    padding: 3px 10px;
    border-radius: 20px;
    vertical-align: middle;
}

.stat-card[b-ogugjs3h5g] {
    transition: transform .2s,box-shadow .2s;
    position: relative;
    overflow: hidden;
}

    .stat-card:hover[b-ogugjs3h5g] {
        transform: translateY(-4px);
        box-shadow: 0 8px 24px rgba(0,0,0,.12) !important;
    }

.stat-icon[b-ogugjs3h5g] {
    width: 50px;
    height: 50px;
    border-radius: 12px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    font-size: 1.4rem;
    flex-shrink: 0;
}

.stat-accent[b-ogugjs3h5g] {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    height: 3px;
}

.table thead.sticky-top[b-ogugjs3h5g] {
    position: sticky;
    top: 0;
    z-index: 10;
}

.table-success[b-ogugjs3h5g] {
    background-color: #d1e7dd !important;
}

.table-danger[b-ogugjs3h5g] {
    background-color: #f8d7da !important;
}

@media print {
    .no-print[b-ogugjs3h5g] {
        display: none !important;
    }

    .card[b-ogugjs3h5g] {
        box-shadow: none !important;
        border: 1px solid #dee2e6 !important;
    }

    .returned-alert-banner[b-ogugjs3h5g], .returned-panel[b-ogugjs3h5g] {
        display: none !important;
    }
}


/* ═══════════════════════════════════════════════════════════
       ACTIVITY CENTER HEADER
    ═══════════════════════════════════════════════════════════ */
.activity-center-header[b-ogugjs3h5g] {
    display: flex;
    align-items: center;
    gap: 14px;
    padding: 14px 20px;
    background: linear-gradient(135deg, #eef2ff, #e0e7ff);
    border: 1px solid #c7d2fe;
    border-left: 5px solid #4f46e5;
    border-radius: 12px;
}

    .activity-center-header i.fa-bolt[b-ogugjs3h5g] {
        width: 40px;
        height: 40px;
        flex-shrink: 0;
        background: #4f46e5;
        color: #fff;
        border-radius: 50%;
        display: flex;
        align-items: center;
        justify-content: center;
        font-size: 1.1rem;
    }

    .activity-center-header strong[b-ogugjs3h5g] {
        display: block;
        font-size: .95rem;
        color: #312e81;
    }

    .activity-center-header span[b-ogugjs3h5g] {
        font-size: .8rem;
        color: #4338ca;
    }

/* ═══════════════════════════════════════════════════════════
       ACTIVITY CARDS — shared shell
    ═══════════════════════════════════════════════════════════ */
.activity-card[b-ogugjs3h5g] {
    border-radius: 14px;
    overflow: hidden;
}

.activity-card-header-primary[b-ogugjs3h5g] {
    background: linear-gradient(135deg, #2563eb, #1d4ed8);
}

.activity-card-header-danger[b-ogugjs3h5g] {
    background: linear-gradient(135deg, #dc2626, #b91c1c);
}

.activity-empty-state[b-ogugjs3h5g] {
    text-align: center;
    padding: 48px 20px;
    color: #94a3b8;
}

    .activity-empty-state i[b-ogugjs3h5g] {
        font-size: 2.2rem;
        margin-bottom: 10px;
        display: block;
        opacity: .6;
    }

    .activity-empty-state p[b-ogugjs3h5g] {
        margin: 0;
        font-size: .85rem;
    }

.activity-avatar[b-ogugjs3h5g] {
    width: 42px;
    height: 42px;
    border-radius: 50%;
    flex-shrink: 0;
    background: #eff6ff;
    color: #2563eb;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1.1rem;
}

.activity-avatar-sm[b-ogugjs3h5g] {
    width: 36px;
    height: 36px;
    font-size: 1rem;
    background: #fef2f2;
    color: #dc2626;
}

.activity-view-btn[b-ogugjs3h5g] {
    width: 32px;
    height: 32px;
    border-radius: 8px;
    flex-shrink: 0;
    border: 1px solid #e2e8f0;
    background: #fff;
    color: #64748b;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all .15s;
}

    .activity-view-btn:hover[b-ogugjs3h5g] {
        background: #2563eb;
        border-color: #2563eb;
        color: #fff;
    }

/* ═══════════════════════════════════════════════════════════
       RECENT REQUESTS LIST
    ═══════════════════════════════════════════════════════════ */
.activity-request-item[b-ogugjs3h5g] {
    display: flex;
    align-items: flex-start;
    gap: 12px;
    padding: 14px 16px;
    border-bottom: 1px solid #f1f5f9;
    transition: background .15s;
}

    .activity-request-item:hover[b-ogugjs3h5g] {
        background: #f8fafc;
    }

    .activity-request-item.is-new[b-ogugjs3h5g] {
        background: linear-gradient(90deg, #fef2f2, #fff);
        border-left: 3px solid #dc2626;
    }

.activity-request-body[b-ogugjs3h5g] {
    flex: 1;
    min-width: 0;
}

.activity-request-meta[b-ogugjs3h5g] {
    font-size: .78rem;
    color: #64748b;
    margin-top: 2px;
}

.activity-timestamp[b-ogugjs3h5g] {
    font-size: .74rem;
    color: #94a3b8;
    margin-top: 3px;
}

/* ═══════════════════════════════════════════════════════════
       SLOT ROSTER — day cards
    ═══════════════════════════════════════════════════════════ */
.roster-timeline[b-ogugjs3h5g] {
    padding: 12px;
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.roster-day-card[b-ogugjs3h5g] {
    border: 1px solid #fecaca;
    border-radius: 12px;
    overflow: hidden;
}

.roster-day-header[b-ogugjs3h5g] {
    width: 100%;
    display: flex;
    align-items: center;
    gap: 14px;
    padding: 12px 14px;
    background: #fff5f5;
    border: none;
    cursor: pointer;
    text-align: left;
}

    .roster-day-header:hover[b-ogugjs3h5g] {
        background: #fff1f2;
    }

.roster-day-icon[b-ogugjs3h5g] {
    width: 54px;
    height: 54px;
    flex-shrink: 0;
    border-radius: 10px;
    background: #dc2626;
    color: #fff;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    line-height: 1;
}

.roster-day-num[b-ogugjs3h5g] {
    font-size: 1.3rem;
    font-weight: 800;
}

.roster-day-mon[b-ogugjs3h5g] {
    font-size: .65rem;
    text-transform: uppercase;
    letter-spacing: .5px;
}

.roster-day-info[b-ogugjs3h5g] {
    flex: 1;
    min-width: 0;
}

.roster-week-badge[b-ogugjs3h5g] {
    background: #dc2626;
    color: #fff;
}

.roster-capacity-bar[b-ogugjs3h5g] {
    width: 100%;
    max-width: 220px;
    height: 6px;
    border-radius: 4px;
    background: #fee2e2;
    overflow: hidden;
}

.roster-capacity-fill[b-ogugjs3h5g] {
    height: 100%;
    border-radius: 4px;
    transition: width .3s;
}

.roster-chevron[b-ogugjs3h5g] {
    color: #dc2626;
    transition: transform .2s;
    flex-shrink: 0;
}

.roster-day-header:not(.collapsed) .roster-chevron[b-ogugjs3h5g] {
    transform: rotate(180deg);
}

.roster-officer-list[b-ogugjs3h5g] {
    background: #fff;
}

.roster-officer-item[b-ogugjs3h5g] {
    display: flex;
    align-items: flex-start;
    gap: 12px;
    padding: 12px 16px;
    border-top: 1px solid #fef2f2;
}

.roster-remark[b-ogugjs3h5g] {
    font-size: .78rem;
    color: #78350f;
    background: #fffbeb;
    border: 1px solid #fde68a;
    border-radius: 6px;
    padding: 4px 8px;
    margin-top: 4px;
    font-style: italic;
}


.roster-show-more-btn[b-ogugjs3h5g] {
    width: 100%;
    border: none;
    background: #fef2f2;
    color: #b91c1c;
    font-size: .78rem;
    font-weight: 600;
    padding: 9px;
    cursor: pointer;
    border-top: 1px dashed #fecaca;
    transition: background .15s;
}

    .roster-show-more-btn:hover[b-ogugjs3h5g] {
        background: #fee2e2;
    }
/* /Components/Pages/Dashboards/SuperAdminDashboard.razor.rz.scp.css */
/* ============================================================
       Only what Bootstrap can't already do — everything else
       (cards, badges, tables, spacing, typography) is plain
       Bootstrap utility classes matching the rest of the app.
       ============================================================ */
/* Little green "live" indicator dot in the top bar */
.live-dot[b-li7qa19ym5] {
    width: 7px;
    height: 7px;
    border-radius: 50%;
    background: #22c55e;
    display: inline-block;
    box-shadow: 0 0 0 3px rgba(34,197,94,.2);
    animation: dash-pulse-b-li7qa19ym5 2s ease-in-out infinite;
}

@keyframes dash-pulse-b-li7qa19ym5 {
    0%, 100% {
        opacity: 1;
    }

    50% {
        opacity: .45;
    }
}

/* Stat tile — left accent bar driven by the --c custom property
       your StatCfg() already sets per role group */
.stat-tile[b-li7qa19ym5] {
    border-left: 4px solid var(--c) !important;
    transition: box-shadow .15s, transform .15s;
}

    .stat-tile:hover[b-li7qa19ym5] {
        box-shadow: 0 2px 10px rgba(15,23,42,.08);
        transform: translateY(-1px);
    }

/* Role hierarchy tiles */
.role-tile[b-li7qa19ym5] {
    background: #f8f9fa;
    transition: all .15s;
}

    .role-tile:hover[b-li7qa19ym5] {
        background: #0d6efd;
        border-color: #0d6efd !important;
    }

        .role-tile:hover *[b-li7qa19ym5] {
            color: #fff !important;
        }

.role-tile-sa[b-li7qa19ym5] {
    background: #faf5ff;
}

    .role-tile-sa:hover[b-li7qa19ym5] {
        background: #7c3aed;
        border-color: #7c3aed !important;
    }

/* Branch chips — driven by BranchClass() in code, unchanged values */
.drz-chip[b-li7qa19ym5] {
    background: #eff6ff;
    color: #1d4ed8;
    border: 1px solid #bfdbfe;
}

.sa-chip[b-li7qa19ym5] {
    background: #f5f3ff;
    color: #6d28d9;
    border: 1px solid #ddd6fe;
}

.app-chip[b-li7qa19ym5] {
    background: #f0fdf4;
    color: #15803d;
    border: 1px solid #bbf7d0;
}

.sys-chip[b-li7qa19ym5] {
    background: #fef2f2;
    color: #991b1b;
    border: 1px solid #fecaca;
}
/* /Components/Pages/Officer/AlreadyRegistered.razor.rz.scp.css */
/* CSS for AlreadyRegistered component */
.already-registered-card[b-f3qfg9k4sf] {
    border-radius: 16px;
    overflow: hidden;
}

.info-icon i[b-f3qfg9k4sf] {
    animation: pulse 2s infinite;
}

@@keyframes pulse {
    0%[b-f3qfg9k4sf] {
        transform: scale(1);
    }

    50%[b-f3qfg9k4sf] {
        transform: scale(1.05);
    }

    100%[b-f3qfg9k4sf] {
        transform: scale(1);
    }
}

.reg-number-card[b-f3qfg9k4sf] {
    background: linear-gradient(135deg, #d4edda 0%, #c3e6cb 100%);
    border-radius: 12px;
    padding: 2rem;
    box-shadow: 0 4px 15px rgba(40, 167, 69, 0.2);
}

.detail-item[b-f3qfg9k4sf] {
    padding: 0.75rem;
    background: white;
    border-radius: 8px;
    border-left: 3px solid #0d6efd;
}

    .detail-item label[b-f3qfg9k4sf] {
        font-size: 0.85rem;
        text-transform: uppercase;
        letter-spacing: 0.5px;
    }

/* Status Timeline Styles */
.status-timeline[b-f3qfg9k4sf] {
    border: 1px solid #dee2e6;
}

.status-step[b-f3qfg9k4sf] {
    padding: 22px 12px;
    text-align: center;
    display: flex;
    flex-direction: column;
    justify-content: center;
    gap: 8px;
    border-right: 1px solid #dee2e6;
    transition: all 0.3s ease;
}

    .status-step:hover[b-f3qfg9k4sf] {
        transform: translateY(-2px);
    }

    .status-step:last-child[b-f3qfg9k4sf] {
        border-right: none;
    }

    .status-step i[b-f3qfg9k4sf] {
        font-size: 1.9rem;
    }

.status-text strong[b-f3qfg9k4sf] {
    display: block;
    font-weight: 700;
    font-size: 1.05rem;
}

.status-text small[b-f3qfg9k4sf] {
    font-size: 0.85rem;
    font-weight: 500;
    opacity: 0.9;
}

/* Legend Colors */
.legend-approved[b-f3qfg9k4sf] {
    background-color: SpringGreen;
    color: #000;
}

.legend-missing[b-f3qfg9k4sf] {
    background-color: Salmon;
    color: #fff;
}

.legend-seen[b-f3qfg9k4sf] {
    background-color: Violet;
    color: #000;
}

/* Responsive */
@@media (max-width: 768px) {
    .status-step[b-f3qfg9k4sf] {
        border-right: none;
        border-bottom: 1px solid #dee2e6;
    }

        .status-step:last-child[b-f3qfg9k4sf] {
            border-bottom: none;
        }
}

/* /Components/Pages/Officer/Complete.razor.rz.scp.css */
/* ===== Horizontal Status Timeline ===== */
.status-timeline[b-uwjpytj7vw] {
    border: 1px solid #dee2e6;
}

.status-step[b-uwjpytj7vw] {
    padding: 22px 12px;
    text-align: center;
    display: flex;
    flex-direction: column;
    justify-content: center;
    gap: 8px;
    border-right: 1px solid #dee2e6;
}

    .status-step:last-child[b-uwjpytj7vw] {
        border-right: none;
    }

    .status-step i[b-uwjpytj7vw] {
        font-size: 1.9rem; /* BIGGER ICON */
    }

.status-text strong[b-uwjpytj7vw] {
    display: block;
    font-weight: 700;
    font-size: 1.05rem; /* BIGGER TITLE */
}

.status-text small[b-uwjpytj7vw] {
    font-size: 0.85rem; /* MORE READABLE */
    font-weight: 500;
    opacity: 0.9;
}

/* ===== Reuse EXISTING LEGEND COLORS ===== */
.legend-approved[b-uwjpytj7vw] {
    background-color: SpringGreen;
    color: #000;
}

.legend-missing[b-uwjpytj7vw] {
    background-color: Salmon;
    color: #fff;
}

.legend-seen[b-uwjpytj7vw] {
    background-color: Violet;
    color: #000;
}
/* /Components/Pages/Officer/Review.razor.rz.scp.css */
/* OfficerRegistrationReview.razor.css */
/* ========================================
       Registration Banner Styling
       ======================================== */
.registration-banner[b-yg9covco3x] {
    background: linear-gradient(135deg, #f8f9fa 0%, #e9ecef 100%);
    border-left: 5px solid #0d6efd;
}

.registration-banner .display-4[b-yg9covco3x] {
    letter-spacing: 2px;
    text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.1);
}

/* ========================================
       Review Table Styling
       ======================================== */
.review-table td[b-yg9covco3x] {
    padding: 12px 16px;
    vertical-align: middle;
    border-bottom: 1px solid #e9ecef;
}

.review-table .fw-semibold[b-yg9covco3x] {
    color: #495057;
    font-size: 0.95rem;
}

.review-table .text-dark[b-yg9covco3x] {
    color: #212529 !important;
    font-size: 0.95rem;
}

.review-table tr:hover[b-yg9covco3x] {
    background-color: #f8f9fa;
}

.table-section-header td[b-yg9covco3x] {
    padding: 16px 16px !important;
    font-weight: 600;
    background-color: #f8f9fa !important;
    border-top: 2px solid #dee2e6;
    border-bottom: 2px solid #dee2e6;
}

.table-section-header h6[b-yg9covco3x] {
    margin: 0;
    font-size: 1rem;
}

/* ========================================
       Breadcrumb Styling
       ======================================== */
.breadcrumb.fancy ul[b-yg9covco3x] {
    padding: 0;
    margin: 0;
    list-style: none;
}

.breadcrumb.fancy li[b-yg9covco3x] {
    display: inline-flex;
    align-items: center;
}

    .breadcrumb.fancy li.active[b-yg9covco3x] {
        font-weight: 600;
    }

    .breadcrumb.fancy li i[b-yg9covco3x] {
        font-size: 1.1rem;
    }

/* ========================================
       Card Enhancements
       ======================================== */
.card[b-yg9covco3x] {
    border-radius: 12px;
    overflow: hidden;
}

.card-header[b-yg9covco3x] {
    border-radius: 12px 12px 0 0 !important;
}

.shadow-lg[b-yg9covco3x] {
    box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.08) !important;
}

.shadow-sm[b-yg9covco3x] {
    box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.05) !important;
}

/* ========================================
       Badge Styling
       ======================================== */
.badge[b-yg9covco3x] {
    padding: 0.5rem 0.75rem;
    font-weight: 500;
    font-size: 0.85rem;
}

/* ========================================
       Alert Styling
       ======================================== */
.alert[b-yg9covco3x] {
    border-radius: 8px;
    border: none;
}

.alert-warning[b-yg9covco3x] {
    background-color: #fff3cd;
    color: #856404;
    border-left: 4px solid #ffc107;
}

.alert-info[b-yg9covco3x] {
    background-color: #d1ecf1;
    color: #0c5460;
    border-left: 4px solid #17a2b8;
}

.alert-danger[b-yg9covco3x] {
    background-color: #f8d7da;
    color: #721c24;
    border-left: 4px solid #dc3545;
}

/* ========================================
       Button Styling
       ======================================== */
.btn-lg[b-yg9covco3x] {
    padding: 12px 24px;
    font-size: 1rem;
    border-radius: 8px;
    font-weight: 500;
    transition: all 0.3s ease;
}

.btn-success[b-yg9covco3x] {
    background-color: #198754;
    border-color: #198754;
}

    .btn-success:hover:not(:disabled)[b-yg9covco3x] {
        background-color: #157347;
        border-color: #146c43;
        transform: translateY(-2px);
        box-shadow: 0 4px 8px rgba(25, 135, 84, 0.3);
    }

.btn-outline-secondary[b-yg9covco3x] {
    border-width: 2px;
}

    .btn-outline-secondary:hover[b-yg9covco3x] {
        transform: translateY(-2px);
        box-shadow: 0 4px 8px rgba(108, 117, 125, 0.2);
    }

.btn:disabled[b-yg9covco3x] {
    cursor: not-allowed;
    opacity: 0.6;
}

/* ========================================
       Declaration Checkbox
       ======================================== */
.form-check-input[b-yg9covco3x] {
    cursor: pointer;
}

    .form-check-input:checked[b-yg9covco3x] {
        background-color: #198754;
        border-color: #198754;
    }

.form-check-label[b-yg9covco3x] {
    cursor: pointer;
    user-select: none;
}

/* ========================================
       Loading Spinner
       ======================================== */
.spinner-border[b-yg9covco3x] {
    vertical-align: middle;
}

/* ========================================
       Document Table
       ======================================== */
.table-bordered[b-yg9covco3x] {
    border-radius: 8px;
    overflow: hidden;
}

.table-hover tbody tr:hover[b-yg9covco3x] {
    background-color: #f8f9fa;
}

.table thead[b-yg9covco3x] {
    background-color: #f8f9fa;
}

/* ========================================
       Responsive Adjustments
       ======================================== */
@media (max-width: 768px) {
    .registration-banner .display-4[b-yg9covco3x] {
        font-size: 2rem;
    }

    .review-table[b-yg9covco3x] {
        font-size: 0.85rem;
    }

    .btn-lg[b-yg9covco3x] {
        padding: 10px 16px;
        font-size: 0.9rem;
    }

    .table-section-header h6[b-yg9covco3x] {
        font-size: 0.9rem;
    }
}

/* ========================================
       Print Styles
       ======================================== */
@media print {
    .btn[b-yg9covco3x],
    .alert[b-yg9covco3x],
    .breadcrumb[b-yg9covco3x],
    .card-header[b-yg9covco3x],
    .form-check[b-yg9covco3x],
    .shadow-lg[b-yg9covco3x],
    .shadow-sm[b-yg9covco3x] {
        display: none !important;
    }

    .card[b-yg9covco3x] {
        border: 1px solid #000;
        box-shadow: none !important;
        page-break-inside: avoid;
    }

    .registration-banner[b-yg9covco3x] {
        background: #fff !important;
        border: 2px solid #000;
    }

    .table-section-header td[b-yg9covco3x] {
        background-color: #f0f0f0 !important;
        -webkit-print-color-adjust: exact;
        print-color-adjust: exact;
    }
}

/* ========================================
       Icon Enhancements
       ======================================== */
.fa-certificate[b-yg9covco3x] {
    filter: drop-shadow(2px 2px 4px rgba(0, 0, 0, 0.1));
}

.text-primary[b-yg9covco3x] {
    color: #0d6efd !important;
}

.text-success[b-yg9covco3x] {
    color: #198754 !important;
}

.text-warning[b-yg9covco3x] {
    color: #ffc107 !important;
}

.text-info[b-yg9covco3x] {
    color: #0dcaf0 !important;
}

/* ========================================
       Utility Classes
       ======================================== */
.bg-opacity-10[b-yg9covco3x] {
    opacity: 0.1;
}

.rounded[b-yg9covco3x] {
    border-radius: 8px !important;
}