/* /Pages/Components/Date/DatePicker.razor.rz.scp.css */
/* Calendar root vars */
.datepicker[b-yxbf7p8cit] {
    --dp-cell: 2.25rem; /* Cell size */
    --dp-r: 0.4rem; /* Border radius */
    z-index: 99;
}

    /* Day button base */
    .datepicker .btn-day[b-yxbf7p8cit] {
        display: flex;
        align-items: center;
        justify-content: center;
        width: 100%;
        height: var(--dp-cell);
        font-size: 0.875rem;
        padding: 0;
        overflow: hidden;
        white-space: nowrap;
        /* remove default button border */
        border: none !important;
        box-shadow: none !important;
    }

        /* Hover effect */
        .datepicker .btn-day:hover:not(.bg-primary)[b-yxbf7p8cit] {
            box-shadow: var(--tblr-shadow-sm, 0 1px 2px rgba(0,0,0,.06));
            transform: translateY(-1px);
            background-color: var(--tblr-light, #f5f7fb);
        }

        /* Keyboard focus */
        .datepicker .btn-day:focus-visible[b-yxbf7p8cit] {
            outline: 2px solid var(--tblr-primary, #206bc4);
            outline-offset: 2px;
        }

        /* Today indicator (border only) */
        .datepicker .btn-day.border-primary[b-yxbf7p8cit] {
            border-width: 2px !important;
        }

        /* Selected day */
        .datepicker .btn-day.bg-primary[b-yxbf7p8cit] {
            background-color: var(--tblr-primary, #206bc4);
            border-color: transparent !important;
            color: #fff !important;
        }

        /* Weekend days (text color only) */
        .datepicker .btn-day.text-danger[b-yxbf7p8cit] {
            color: var(--tblr-red, #d63939) !important;
        }

        /* Other month (faded appearance) */
        .datepicker .btn-day.dp-other-month[b-yxbf7p8cit] {
            opacity: 0.4;
        }

        /* Disable transitions on selected day to avoid jitter */
        .datepicker .btn-day.bg-primary:hover[b-yxbf7p8cit] {
            transform: none;
            box-shadow: none;
        }

        /* Optional: make Today + Selected stand out more with a slight glow */
        .datepicker .btn-day.border-primary:not(.bg-primary)[b-yxbf7p8cit] {
            box-shadow: 0 0 0 0.15rem rgba(32, 107, 196, 0.2);
        }

    /* Keep 7-column grid stable when gutters change */
    .datepicker .card-body .row.g-2 .col[b-yxbf7p8cit] {
        flex: 1 0 14.28% !important;
    }


    /* ===== Today styling (subtle animated ring) ===== */
    .datepicker .btn-day.dp-today[b-yxbf7p8cit] {
        position: relative;
        isolation: isolate; /* keep pseudo-element behind text */
        background: linear-gradient(0deg, rgba(32,107,196,.06), rgba(32,107,196,.06));
        border: none !important; /* keep it clean */
        box-shadow: 0 0 0 .12rem rgba(32,107,196,.18);
        border-radius: var(--dp-r);
    }

        /* Pulsing ring behind the button */
        .datepicker .btn-day.dp-today[b-yxbf7p8cit]::after {
            content: "";
            position: absolute;
            inset: -2px; /* slightly larger than the cell */
            border-radius: calc(var(--dp-r) + .15rem);
            box-shadow: 0 0 0 .2rem rgba(32,107,196,.22);
            opacity: .65;
            z-index: -1;
            animation: dpPulse-b-yxbf7p8cit 1.8s ease-in-out infinite;
            pointer-events: none;
        }

        /* Slight shimmer on hover to acknowledge interactivity */
        .datepicker .btn-day.dp-today:hover[b-yxbf7p8cit] {
            background: linear-gradient(0deg, rgba(32,107,196,.09), rgba(32,107,196,.09));
            transform: translateY(-1px);
            box-shadow: 0 1px 2px rgba(0,0,0,.06), 0 0 0 .12rem rgba(32,107,196,.22);
        }

/* Pulse keyframes */
@keyframes dpPulse-b-yxbf7p8cit {
    0% {
        transform: scale(0.98);
        box-shadow: 0 0 0 .2rem rgba(32,107,196,.22);
        opacity: .6;
    }

    50% {
        transform: scale(1.02);
        box-shadow: 0 0 0 .35rem rgba(32,107,196,.10);
        opacity: .35;
    }

    100% {
        transform: scale(0.98);
        box-shadow: 0 0 0 .2rem rgba(32,107,196,.22);
        opacity: .6;
    }
}

/* Respect reduced motion */
@media (prefers-reduced-motion: reduce) {
    .datepicker .btn-day.dp-today[b-yxbf7p8cit]::after {
        animation: none;
        opacity: .35;
    }
}

/* Keep your existing hover rule for non-selected days,
   but don’t override the dp-today tweaks too aggressively */
.datepicker .btn-day:hover:not(.bg-primary):not(.dp-today)[b-yxbf7p8cit] {
    box-shadow: var(--tblr-shadow-sm, 0 1px 2px rgba(0,0,0,.06));
    transform: translateY(-1px);
    background-color: var(--tblr-light, #f5f7fb);
}

/* full-viewport transparent click-catcher that appears only when picker is open */
.dp-backdrop[b-yxbf7p8cit] {
    position: fixed;
    inset: 0;
    background: transparent; /* change to rgba(0,0,0,.05) if you want a faint veil */
    z-index: 1049; /* under the popup */
}
/* ensure popup is above backdrop */
.z-50[b-yxbf7p8cit] {
    z-index: 1050;
}

.z-60[b-yxbf7p8cit] {
    position: relative;
    z-index: 1060;
}
/* /Pages/Components/Date/DatePickerClear.razor.rz.scp.css */
/* Calendar root vars */
.datepicker[b-lkkdeg1n7z] {
    --dp-cell: 2.25rem; /* Cell size */
    --dp-r: 0.4rem; /* Border radius */
    z-index: 99;
}

    /* Day button base */
    .datepicker .btn-day[b-lkkdeg1n7z] {
        display: flex;
        align-items: center;
        justify-content: center;
        width: 100%;
        height: var(--dp-cell);
        font-size: 0.875rem;
        padding: 0;
        overflow: hidden;
        white-space: nowrap;
        /* remove default button border */
        border: none !important;
        box-shadow: none !important;
    }

        /* Hover effect */
        .datepicker .btn-day:hover:not(.bg-primary)[b-lkkdeg1n7z] {
            box-shadow: var(--tblr-shadow-sm, 0 1px 2px rgba(0,0,0,.06));
            transform: translateY(-1px);
            background-color: var(--tblr-light, #f5f7fb);
        }

        /* Keyboard focus */
        .datepicker .btn-day:focus-visible[b-lkkdeg1n7z] {
            outline: 2px solid var(--tblr-primary, #206bc4);
            outline-offset: 2px;
        }

        /* Today indicator (border only) */
        .datepicker .btn-day.border-primary[b-lkkdeg1n7z] {
            border-width: 2px !important;
        }

        /* Selected day */
        .datepicker .btn-day.bg-primary[b-lkkdeg1n7z] {
            background-color: var(--tblr-primary, #206bc4);
            border-color: transparent !important;
            color: #fff !important;
        }

        /* Weekend days (text color only) */
        .datepicker .btn-day.text-danger[b-lkkdeg1n7z] {
            color: var(--tblr-red, #d63939) !important;
        }

        /* Other month (faded appearance) */
        .datepicker .btn-day.dp-other-month[b-lkkdeg1n7z] {
            opacity: 0.4;
        }

        /* Disable transitions on selected day to avoid jitter */
        .datepicker .btn-day.bg-primary:hover[b-lkkdeg1n7z] {
            transform: none;
            box-shadow: none;
        }

        /* Optional: make Today + Selected stand out more with a slight glow */
        .datepicker .btn-day.border-primary:not(.bg-primary)[b-lkkdeg1n7z] {
            box-shadow: 0 0 0 0.15rem rgba(32, 107, 196, 0.2);
        }

    /* Keep 7-column grid stable when gutters change */
    .datepicker .card-body .row.g-2 .col[b-lkkdeg1n7z] {
        flex: 1 0 14.28% !important;
    }


    /* ===== Today styling (subtle animated ring) ===== */
    .datepicker .btn-day.dp-today[b-lkkdeg1n7z] {
        position: relative;
        isolation: isolate; /* keep pseudo-element behind text */
        background: linear-gradient(0deg, rgba(32,107,196,.06), rgba(32,107,196,.06));
        border: none !important; /* keep it clean */
        box-shadow: 0 0 0 .12rem rgba(32,107,196,.18);
        border-radius: var(--dp-r);
    }

        /* Pulsing ring behind the button */
        .datepicker .btn-day.dp-today[b-lkkdeg1n7z]::after {
            content: "";
            position: absolute;
            inset: -2px; /* slightly larger than the cell */
            border-radius: calc(var(--dp-r) + .15rem);
            box-shadow: 0 0 0 .2rem rgba(32,107,196,.22);
            opacity: .65;
            z-index: -1;
            animation: dpPulse-b-lkkdeg1n7z 1.8s ease-in-out infinite;
            pointer-events: none;
        }

        /* Slight shimmer on hover to acknowledge interactivity */
        .datepicker .btn-day.dp-today:hover[b-lkkdeg1n7z] {
            background: linear-gradient(0deg, rgba(32,107,196,.09), rgba(32,107,196,.09));
            transform: translateY(-1px);
            box-shadow: 0 1px 2px rgba(0,0,0,.06), 0 0 0 .12rem rgba(32,107,196,.22);
        }

/* Pulse keyframes */
@keyframes dpPulse-b-lkkdeg1n7z {
    0% {
        transform: scale(0.98);
        box-shadow: 0 0 0 .2rem rgba(32,107,196,.22);
        opacity: .6;
    }

    50% {
        transform: scale(1.02);
        box-shadow: 0 0 0 .35rem rgba(32,107,196,.10);
        opacity: .35;
    }

    100% {
        transform: scale(0.98);
        box-shadow: 0 0 0 .2rem rgba(32,107,196,.22);
        opacity: .6;
    }
}

/* Respect reduced motion */
@media (prefers-reduced-motion: reduce) {
    .datepicker .btn-day.dp-today[b-lkkdeg1n7z]::after {
        animation: none;
        opacity: .35;
    }
}

/* Keep your existing hover rule for non-selected days,
   but don’t override the dp-today tweaks too aggressively */
.datepicker .btn-day:hover:not(.bg-primary):not(.dp-today)[b-lkkdeg1n7z] {
    box-shadow: var(--tblr-shadow-sm, 0 1px 2px rgba(0,0,0,.06));
    transform: translateY(-1px);
    background-color: var(--tblr-light, #f5f7fb);
}

/* full-viewport transparent click-catcher that appears only when picker is open */
.dp-backdrop[b-lkkdeg1n7z] {
    position: fixed;
    inset: 0;
    background: transparent; /* change to rgba(0,0,0,.05) if you want a faint veil */
    z-index: 1049; /* under the popup */
}
/* ensure popup is above backdrop */
.z-50[b-lkkdeg1n7z] {
    z-index: 1050;
}

.z-60[b-lkkdeg1n7z] {
    position: relative;
    z-index: 1060;
}

 
/* /Pages/Components/Date/DatePickerRange.razor.rz.scp.css */
/* Calendar root vars for range picker */
.datepicker-range[b-mup1hy7hnm] {
    --dp-cell: 2.25rem; /* Cell size */
    --dp-r: 0.4rem; /* Border radius */
    z-index: 99;
}

    /* Day button base */
    .datepicker-range .btn-day[b-mup1hy7hnm] {
        display: flex;
        align-items: center;
        justify-content: center;
        width: 100%;
        height: var(--dp-cell);
        font-size: 0.875rem;
        padding: 0;
        overflow: hidden;
        white-space: nowrap;
        border: none !important; /* no button borders */
        box-shadow: none !important;
    }

        /* Hover effect */
        .datepicker-range .btn-day:hover:not(.bg-primary)[b-mup1hy7hnm] {
            box-shadow: var(--tblr-shadow-sm, 0 1px 2px rgba(0,0,0,.06));
            transform: translateY(-1px);
            background-color: var(--tblr-light, #f5f7fb);
        }

        /* Keyboard focus */
        .datepicker-range .btn-day:focus-visible[b-mup1hy7hnm] {
            outline: 2px solid var(--tblr-primary, #206bc4);
            outline-offset: 2px;
        }

        /* Today indicator */
        .datepicker-range .btn-day.border-primary[b-mup1hy7hnm] {
            border-width: 2px !important;
            box-shadow: 0 0 0 0.15rem rgba(32, 107, 196, 0.2);
        }

        /* Selected single day (not range) */
        .datepicker-range .btn-day.bg-primary[b-mup1hy7hnm] {
            background-color: var(--tblr-primary, #206bc4);
            border-color: transparent !important;
            color: #fff !important;
        }

        /* Other month */
        .datepicker-range .btn-day.dp-other-month[b-mup1hy7hnm] {
            opacity: 0.4;
        }

        /* Weekend (just text color) */
        .datepicker-range .btn-day.text-danger[b-mup1hy7hnm] {
            color: var(--tblr-red, #d63939) !important;
        }

        /* ------------------ RANGE STATES ------------------ */

        /* Middle of range (flat rectangle) */
        .datepicker-range .btn-day.dp-in-range[b-mup1hy7hnm] {
            background-color: rgba(32, 107, 196, 0.12);
            border-radius: 0 !important;
        }

        /* Start of range */
        .datepicker-range .btn-day.dp-range-start[b-mup1hy7hnm] {
            background-color: var(--tblr-primary, #206bc4);
            color: #fff !important;
            border-top-left-radius: var(--dp-r);
            border-bottom-left-radius: var(--dp-r);
            border-top-right-radius: 0;
            border-bottom-right-radius: 0;
        }

        /* End of range */
        .datepicker-range .btn-day.dp-range-end[b-mup1hy7hnm] {
            background-color: var(--tblr-primary, #206bc4);
            color: #fff !important;
            border-top-right-radius: var(--dp-r);
            border-bottom-right-radius: var(--dp-r);
            border-top-left-radius: 0;
            border-bottom-left-radius: 0;
        }

        /* Single-day range */
        .datepicker-range .btn-day.dp-range-start.dp-range-end[b-mup1hy7hnm] {
            border-radius: var(--dp-r) !important;
        }

        /* Hover preview */
        .datepicker-range .btn-day.dp-in-range:hover[b-mup1hy7hnm] {
            background-color: rgba(32, 107, 196, 0.2);
        }

    /* Legend chip */
    .datepicker-range .badge.dp-range-chip[b-mup1hy7hnm] {
        background-color: rgba(32, 107, 196, 0.12);
        border: 1px solid rgba(32, 107, 196, 0.35);
    }

    /* Keep 7-column grid fix */
    .datepicker-range .card-body .row.g-2 .col[b-mup1hy7hnm] {
        flex: 1 0 14.28% !important;
    }


/* previously: position: fixed; inset: 0; z-index: 1049; */
.dp-scope[b-mup1hy7hnm] {
    position: relative;
}
/* ensure a containing block */

/* full-viewport transparent click-catcher that appears only when picker is open */
.dp-backdrop[b-mup1hy7hnm] {
    position: absolute;
    inset: 0; /* cover only the dp-scope area */
    background: transparent;
    z-index: 1049;
}

/* ensure popup is above backdrop */
.z-50[b-mup1hy7hnm] {
    z-index: 1050;
}

/* optional range styling hook (already referenced) */
.dp-in-range[b-mup1hy7hnm] {
    background: rgba(13,110,253,.08);
}

.dp-range-start[b-mup1hy7hnm],
.dp-range-end[b-mup1hy7hnm] {
    border-radius: .375rem;
}

.dp-range-chip[b-mup1hy7hnm] {
    border: 1px solid var(--tblr-primary,#206bc4);
}
/* /Pages/Components/Date/DatePickerRangeInline.razor.rz.scp.css */
/******* DatePickerRangeInline (dpri-*) ******/
.dpri-scope[b-1l0o6x9qns] {
    position: relative;
    display: block;
}

.dpri[b-1l0o6x9qns] {
    position: static;
    width: 100%;
    box-shadow: none;
}

    /* 7-column alignment */
    .dpri .card-body .row.g-2 .col[b-1l0o6x9qns] {
        flex: 1 0 14.28% !important;
    }

/* day button base */
.dpri-btn-day[b-1l0o6x9qns] {
    border-radius: .375rem;
    border: none;
}

.dpri-other-month[b-1l0o6x9qns] {
    opacity: .45;
}

/* range preview + selection */
.dpri-in-range[b-1l0o6x9qns] {
    background: rgba(13,110,253,.12);
}

.dpri-range-start[b-1l0o6x9qns], .dpri-range-end[b-1l0o6x9qns] {
    border-radius: .375rem;
}

.dpri-range-chip[b-1l0o6x9qns] {
    background: rgba(13,110,253,.12);
    border: 1px solid rgba(13,110,253,.25);
}
/* /Pages/Components/DropDown/Objects.razor.rz.scp.css */
/* ===== Property dropdown (DropDownObjects) ===== */

.drop-down-objects[b-30vyid55jb] {
    position: relative;
}

    /* Ensure input has room for the chevron even if utilities are missing */
    .drop-down-objects input.form-control[b-30vyid55jb] {
        padding-right: 2.25rem;
    }

    /* Chevron subtle accent when focused */
    .drop-down-objects .form-control:focus ~ svg[b-30vyid55jb] {
        opacity: .9;
    }

    /* Clickable selected pill */
    .drop-down-objects .form-control.cursor-pointer[b-30vyid55jb] {
        cursor: pointer;
        user-select: none;
    }

    /* Layer it above cards/tables but below modals */
    .drop-down-objects .list-group[b-30vyid55jb] {
        display: none;
        z-index: 1051; /* above dropdowns/tooltips (Tabler/BS baseline ~1050) */
        border-radius: .5rem;
        overflow: hidden; /* clip list-group-item hover background */
    }

        /* Show + animate */
        .drop-down-objects .list-group.show[b-30vyid55jb] {
            display: block;
            animation: dd-fade-b-30vyid55jb 120ms ease-out, dd-slide-b-30vyid55jb 120ms ease-out;
            transform-origin: top center;
        }

        /* Item sizing (replace inline padding) */
        .drop-down-objects .list-group .list-group-item[b-30vyid55jb] {
            padding-top: .4rem;
            padding-bottom: .4rem;
            line-height: 1.2;
            border: 0; /* cleaner, relies on container border */
        }

            /* Hover/active styling (plays nice with Tabler variables if present) */
            .drop-down-objects .list-group .list-group-item:hover[b-30vyid55jb] {
                background: rgba(0,0,0,.04);
            }

            .drop-down-objects .list-group .list-group-item.bg-light[b-30vyid55jb] {
                /* when you set bg-light via code for the highlighted row */
                background: rgba(0,0,0,.06) !important;
            }

    /* Scroll area (matches your inline max-height) */
    .drop-down-objects .list-group[b-30vyid55jb] {
        max-height: 240px;
        overflow-y: auto;
    }

        /* Tidy scrollbars */
        .drop-down-objects .list-group.hide-scroll[b-30vyid55jb] {
            scrollbar-width: thin;
            scrollbar-color: var(--tblr-border-color, #d9dee3) transparent;
        }

            .drop-down-objects .list-group.hide-scroll[b-30vyid55jb]::-webkit-scrollbar {
                width: 8px;
            }

            .drop-down-objects .list-group.hide-scroll[b-30vyid55jb]::-webkit-scrollbar-track {
                background: transparent;
            }

            .drop-down-objects .list-group.hide-scroll[b-30vyid55jb]::-webkit-scrollbar-thumb {
                background-color: var(--tblr-border-color, #d9dee3);
                border-radius: 8px;
            }

/* Little animation */
@keyframes dd-fade-b-30vyid55jb {
    from {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

@keyframes dd-slide-b-30vyid55jb {
    from {
        transform: translateY(-4px)
    }

    to {
        transform: translateY(0)
    }
}

/* Utility helpers in case they aren't present globally */
.cursor-pointer[b-30vyid55jb] {
    cursor: pointer;
}

/* Optional: dark theme tweaks */
[data-bs-theme="dark"] .drop-down-objects .list-group[b-30vyid55jb] {
    background: var(--tblr-bg-surface, #1e293b);
    border-color: var(--tblr-border-color, #2b3443);
}

    [data-bs-theme="dark"] .drop-down-objects .list-group .list-group-item:hover[b-30vyid55jb] {
        background: rgba(255,255,255,.05);
    }

    [data-bs-theme="dark"] .drop-down-objects .list-group .list-group-item.bg-light[b-30vyid55jb] {
        background: rgba(255,255,255,.08) !important;
    }
/* /Pages/Components/DropDown/Sources.razor.rz.scp.css */
 
/* /Pages/Components/DropDown/Status.razor.rz.scp.css */
/* #region ========== DropDown ========== */

.drop-down[b-259916iyrm] {
    width: 100%;
}

    /* === Active list item scroll position === */
    .drop-down .list-group-item.active[b-259916iyrm] {
        scroll-margin-top: 4px;
    }

    /* === Chevron animation === */
    .drop-down .dropdown-chevron[b-259916iyrm] {
        transition: transform 0.2s ease;
    }

        .drop-down .dropdown-chevron.open[b-259916iyrm] {
            transform: rotate(180deg);
        }

    /* === Cursor behavior === */
    .drop-down .cursor-pointer[b-259916iyrm] {
        cursor: pointer;
    }

    /* === Hover input highlight === */
    .drop-down .form-control:hover[b-259916iyrm] {
        background-color: #f9f9f9;
    }

    /* === Scrollbar hiding (cross-browser) === */
    .drop-down .hide-scroll[b-259916iyrm]::-webkit-scrollbar {
        display: none;
    }

    .drop-down .hide-scroll[b-259916iyrm] {
        scrollbar-width: none;
        -ms-overflow-style: none;
    }

    /* === Input focus styling === */
    .drop-down input:focus[b-259916iyrm] {
        border-color: #206bc4;
        box-shadow: 0 0 0 0.1rem rgba(32, 107, 196, 0.25);
    }

    /* === Input text field (default, before selection) === */
    .drop-down input.form-control[b-259916iyrm] {
        font-size: 0.875rem;
        height: 2.25rem;
        padding: 0.375rem 0.75rem;
    }

    /* === Selected item display === */
    .drop-down .form-control[b-259916iyrm] {
        height: 2.25rem;
        padding: 0 0.75rem;
        font-size: 0.875rem;
        display: flex;
        align-items: center;
        justify-content: space-between;
        gap: 0.5rem;
        overflow: hidden;
    }

        .drop-down .form-control > .d-flex[b-259916iyrm] {
            align-items: center;
            gap: 0.5rem;
            overflow: hidden;
        }

        .drop-down .form-control img[b-259916iyrm] {
            width: 20px;
            height: 15px;
            object-fit: cover;
            flex-shrink: 0;
        }

        .drop-down .form-control span[b-259916iyrm] {
            font-size: 0.875rem;
            line-height: 1.2;
            white-space: nowrap;
            text-overflow: ellipsis;
            overflow: hidden;
            max-width: 100%;
        }

        .drop-down .form-control svg[b-259916iyrm] {
            flex-shrink: 0;
            width: 16px;
            height: 16px;
        }

    /* === Dropdown wrapper === */
    .drop-down .dropdown-menu[b-259916iyrm] {
        padding: 0;
        min-height: 80px;
        border-radius: 0.5rem;
        overflow: hidden;
    }

    /* === Dropdown fade animation === */
    .drop-down .dropdown-animate[b-259916iyrm] {
        opacity: 0;
        transform: translateY(5px);
        transition: opacity 0.2s ease, transform 0.2s ease;
        pointer-events: none;
        visibility: hidden;
    }

        .drop-down .dropdown-animate.show[b-259916iyrm] {
            opacity: 1;
            transform: translateY(0);
            pointer-events: auto;
            visibility: visible;
        }

    /* === Dropdown list items === */
    .drop-down .list-group-item[b-259916iyrm] {
        border-bottom: 1px solid rgba(0, 0, 0, 0.06);
        padding: 0.4rem 0.75rem !important;
        font-size: 0.875rem;
        line-height: 1.2;
        min-height: 2rem;
    }

        .drop-down .list-group-item:last-child[b-259916iyrm] {
            border-bottom: none;
        }

    /* === Hover on dropdown list items === */
    .drop-down .dropdown-item:hover[b-259916iyrm] {
        background-color: #f6f9fc;
    }

    /* === Inner dropdown items === */
    .drop-down .dropdown-menu .dropdown-item[b-259916iyrm] {
        border-bottom: 1px solid rgba(0, 0, 0, 0.06);
        padding-top: 0.25rem;
        padding-bottom: 0.25rem;
        min-height: 2.25rem;
        line-height: 1.2;
        font-size: 0.875rem;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
    }

    /* === Search input inside dropdown === */
    .drop-down .dropdown-menu input.form-control[b-259916iyrm] {
        border-radius: 0.375rem;
        padding: 0.375rem 0.75rem;
        font-size: 0.95rem;
    }

/* #endregion */
/* /Pages/Components/DropDown/Utilities.razor.rz.scp.css */
/* ===== Property dropdown (DropDownObjects) ===== */

.drop-down-objects[b-0b538bnsl8] {
    position: relative;
}

    /* Ensure input has room for the chevron even if utilities are missing */
    .drop-down-objects input.form-control[b-0b538bnsl8] {
        padding-right: 2.25rem;
    }

    /* Chevron subtle accent when focused */
    .drop-down-objects .form-control:focus ~ svg[b-0b538bnsl8] {
        opacity: .9;
    }

    /* Clickable selected pill */
    .drop-down-objects .form-control.cursor-pointer[b-0b538bnsl8] {
        cursor: pointer;
        user-select: none;
    }

    /* Layer it above cards/tables but below modals */
    .drop-down-objects .list-group[b-0b538bnsl8] {
        display: none;
        z-index: 1051; /* above dropdowns/tooltips (Tabler/BS baseline ~1050) */
        border-radius: .5rem;
        overflow: hidden; /* clip list-group-item hover background */
    }

        /* Show + animate */
        .drop-down-objects .list-group.show[b-0b538bnsl8] {
            display: block;
            animation: dd-fade-b-0b538bnsl8 120ms ease-out, dd-slide-b-0b538bnsl8 120ms ease-out;
            transform-origin: top center;
        }

        /* Item sizing (replace inline padding) */
        .drop-down-objects .list-group .list-group-item[b-0b538bnsl8] {
            padding-top: .4rem;
            padding-bottom: .4rem;
            line-height: 1.2;
            border: 0; /* cleaner, relies on container border */
        }

            /* Hover/active styling (plays nice with Tabler variables if present) */
            .drop-down-objects .list-group .list-group-item:hover[b-0b538bnsl8] {
                background: rgba(0,0,0,.04);
            }

            .drop-down-objects .list-group .list-group-item.bg-light[b-0b538bnsl8] {
                /* when you set bg-light via code for the highlighted row */
                background: rgba(0,0,0,.06) !important;
            }

    /* Scroll area (matches your inline max-height) */
    .drop-down-objects .list-group[b-0b538bnsl8] {
        max-height: 240px;
        overflow-y: auto;
    }

        /* Tidy scrollbars */
        .drop-down-objects .list-group.hide-scroll[b-0b538bnsl8] {
            scrollbar-width: thin;
            scrollbar-color: var(--tblr-border-color, #d9dee3) transparent;
        }

            .drop-down-objects .list-group.hide-scroll[b-0b538bnsl8]::-webkit-scrollbar {
                width: 8px;
            }

            .drop-down-objects .list-group.hide-scroll[b-0b538bnsl8]::-webkit-scrollbar-track {
                background: transparent;
            }

            .drop-down-objects .list-group.hide-scroll[b-0b538bnsl8]::-webkit-scrollbar-thumb {
                background-color: var(--tblr-border-color, #d9dee3);
                border-radius: 8px;
            }

/* Little animation */
@keyframes dd-fade-b-0b538bnsl8 {
    from {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

@keyframes dd-slide-b-0b538bnsl8 {
    from {
        transform: translateY(-4px)
    }

    to {
        transform: translateY(0)
    }
}

/* Utility helpers in case they aren't present globally */
.cursor-pointer[b-0b538bnsl8] {
    cursor: pointer;
}

/* Optional: dark theme tweaks */
[data-bs-theme="dark"] .drop-down-objects .list-group[b-0b538bnsl8] {
    background: var(--tblr-bg-surface, #1e293b);
    border-color: var(--tblr-border-color, #2b3443);
}

    [data-bs-theme="dark"] .drop-down-objects .list-group .list-group-item:hover[b-0b538bnsl8] {
        background: rgba(255,255,255,.05);
    }

    [data-bs-theme="dark"] .drop-down-objects .list-group .list-group-item.bg-light[b-0b538bnsl8] {
        background: rgba(255,255,255,.08) !important;
    }
/* /Pages/Components/LoadingCard.razor.rz.scp.css */
.busy-blur[b-ocy7e96wvr] {
    backdrop-filter: blur(2px);
    -webkit-backdrop-filter: blur(2px);
}
/* /Pages/LayOut/SideBar.razor.rz.scp.css */
.dropdown-item.active[b-czc1cv54ge] {
    color: white !Important;
}

#sidebar-menu .dropdown-item:hover[b-czc1cv54ge] {
    color: white;
}

#sidebar-menu .nav-link:hover[b-czc1cv54ge] {
    color: white;
}