/* _content/RamTech.Shared.Components/Component1.razor.rz.scp.css */
.my-component[b-ynq3tdh71t] {
    border: 2px dashed red;
    padding: 1em;
    margin: 1em 0;
    background-image: url('background.png');
}
/* _content/RamTech.Shared.Components/Grid/ColumnFilterContent.razor.rz.scp.css */
/* ── Column filter content (rendered inside DropdownMenu popover) ── */

/* Ensure checkboxes render properly in all browsers */
input[type="checkbox"][b-rjbvfeeisj] {
    accent-color: rgb(37 99 235); /* blue-600 */
}
/* _content/RamTech.Shared.Components/Grid/DataGrid.razor.rz.scp.css */
/* ── Grid container resize state ── */
.is-resizing[b-rszmdcxqky] {
    cursor: col-resize;
    user-select: none;
}

.is-resizing[b-rszmdcxqky] (*) {
    pointer-events: none;
}

/* ── Drag handle ── */
.drag-handle[b-rszmdcxqky] {
    transition: background-color 100ms ease;
}

.drag-handle:hover[b-rszmdcxqky] {
    background-color: rgb(59 130 246 / 0.3); /* blue-500/30 */
}

:is(.dark) .drag-handle:hover[b-rszmdcxqky] {
    background-color: rgb(59 130 246 / 0.2);
}

.drag-handle:active[b-rszmdcxqky] {
    background-color: rgb(59 130 246 / 0.5); /* blue-500/50 */
}

/* ── Drag-over column highlight ── */
.drag-over[b-rszmdcxqky] {
    background-color: rgb(59 130 246 / 0.15); /* blue-500/15 */
}

/* ── Row selection ── */
.row-selected[b-rszmdcxqky] {
    background-color: rgb(59 130 246 / 0.2);
}

.row-hover:hover[b-rszmdcxqky] {
    background-color: rgb(59 130 246 / 0.1);
}

/* ── Skeleton loading ── */
@keyframes grid-skeleton-pulse-b-rszmdcxqky {
    0%, 100% { opacity: 1; }
    50% { opacity: 0.4; }
}

.grid-skeleton[b-rszmdcxqky] {
    animation: grid-skeleton-pulse-b-rszmdcxqky 1.5s ease-in-out infinite;
}
/* _content/RamTech.Shared.Components/Inputs/Combobox.razor.rz.scp.css */
/* ── CSS Anchor Positioning ── */
.combobox-dropdown[b-0lst0p2p8w] {
    position: absolute;
    margin: 0;
    inset: auto;
}

/* ── Override Tailwind v4 @layer base input styles ── */
.combobox-input-area input[b-0lst0p2p8w] {
    border: 0;
    outline: 0;
    box-shadow: none;
    background-color: transparent;
}

.combobox-input-area input:focus[b-0lst0p2p8w] {
    border: 0;
    outline: 0;
    box-shadow: none;
    --tw-ring-color: transparent;
    --tw-ring-offset-color: transparent;
}

/* ── Popover animations ── */
.combobox-dropdown:popover-open[b-0lst0p2p8w] {
    opacity: 1;
    transform: translateY(0);
    transition: opacity 150ms ease, transform 150ms ease,
                overlay 150ms ease allow-discrete,
                display 150ms ease allow-discrete;
}

@starting-style {
    .combobox-dropdown:popover-open[b-0lst0p2p8w] {
        opacity: 0;
        transform: translateY(-4px);
    }
}
/* _content/RamTech.Shared.Components/Inputs/DatePicker.razor.rz.scp.css */
/* ── CSS Anchor Positioning ──
   Position is managed by DatePickerPopover.js via getBoundingClientRect()
   because the popover top layer breaks pure CSS Anchor Positioning.
   CSS only sets the positioning context. */
.datepicker-popover[b-2j86ityny8] {
    position: absolute;
    margin: 0;
    inset: auto;
}

/* ── Popover animations ── */
.datepicker-popover:popover-open[b-2j86ityny8] {
    opacity: 1;
    transform: translateY(0) scale(1);
    transition:
        opacity 150ms ease,
        transform 150ms ease,
        overlay 150ms ease allow-discrete,
        display 150ms ease allow-discrete;
}

@starting-style {
    .datepicker-popover:popover-open[b-2j86ityny8] {
        opacity: 0;
        transform: translateY(-6px) scale(0.96);
    }
}
/* _content/RamTech.Shared.Components/Inputs/TextareaInput.razor.rz.scp.css */
.textarea-wrapper textarea[b-sdwc7y7l4n] {
    border: 0;
    outline: 0;
    box-shadow: none;
    background-color: transparent;
}

.textarea-wrapper textarea:focus[b-sdwc7y7l4n] {
    border: 0;
    outline: 0;
    box-shadow: none;
    --tw-ring-color: transparent;
    --tw-ring-offset-color: transparent;
}
/* _content/RamTech.Shared.Components/Inputs/TextInput.razor.rz.scp.css */
/* ── Override Tailwind v4 @layer base input styles ──
   Same pattern as Combobox.razor.css — Tailwind's base layer adds
   borders, ring, and background to all <input> elements which
   conflict with the wrapper's styling. */
.textinput-wrapper input[b-xc09ep6wnj] {
    border: 0;
    outline: 0;
    box-shadow: none;
    background-color: transparent;
}

.textinput-wrapper input:focus[b-xc09ep6wnj] {
    border: 0;
    outline: 0;
    box-shadow: none;
    --tw-ring-color: transparent;
    --tw-ring-offset-color: transparent;
}
/* _content/RamTech.Shared.Components/Menus/DropdownMenu.razor.rz.scp.css */
/* ── CSS Anchor Positioning ── */
.dropdown-menu[b-xm1y9t4nyu] {
    position: absolute;
    margin: 0;
    inset: auto;
}

/* ── Popover animations ── */
.dropdown-menu:popover-open[b-xm1y9t4nyu] {
    opacity: 1;
    transform: scale(1);
    transition: opacity 100ms ease, transform 100ms ease,
                overlay 100ms ease allow-discrete,
                display 100ms ease allow-discrete;
}

@starting-style {
    .dropdown-menu:popover-open[b-xm1y9t4nyu] {
        opacity: 0;
        transform: scale(0.95);
    }
}