@import 'AFrameAllocation.Client.rkzlnzdtbf.bundle.scp.css';
@import '_content/Blazor.Bootstrap/Blazor.Bootstrap.olwso25aue.bundle.scp.css';
@import '_content/Microsoft.AspNetCore.Components.QuickGrid/Microsoft.AspNetCore.Components.QuickGrid.boiwgh0w5b.bundle.scp.css';

/* /Components/Pages/Reports/AFrameReports.razor.rz.scp.css */
.bold-border[b-y1s0cropl3] {
    border-width: 2px !important; /* Thicker border */
    border-color: black;
}

.custom-form .form-control[b-y1s0cropl3],
.custom-form .form-select[b-y1s0cropl3],
.custom-form .form-check-input[b-y1s0cropl3] {
    border-width: 2px !important;
    border-color: #495057 !important;
}

    .custom-form .form-control:focus[b-y1s0cropl3],
    .custom-form .form-select:focus[b-y1s0cropl3],
    .custom-form .form-check-input:focus[b-y1s0cropl3] {
        border-width: 2px !important;
        border-color: #0d6efd !important;
    }

/* CSS (e.g., in wwwroot/css/site.css or MyComponent.razor.css) */

/* Ensure the container and card are responsive */
.container-fluid[b-y1s0cropl3] {
    width: 100%;
    max-width: 100%; /* Prevent container from exceeding viewport */
}

.card[b-y1s0cropl3] {
    width: 100%;
    max-width: 100%; /* Ensure card fits within parent */
    margin: 0 auto;
    box-sizing: border-box; /* Include padding/borders in width */
}

.card-body[b-y1s0cropl3] {
    width: 100%;
    box-sizing: border-box;
}

/* Grid container for QuickGrid */
.grid-container[b-y1s0cropl3] {
    width: 100%; /* Match card-body width */
    
    box-sizing: border-box;
}

.scrollable-card[b-y1s0cropl3] {
    overflow-x: auto; /* Enable horizontal scrollbar */
    
}

.loading-overlay[b-y1s0cropl3] {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.5);
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    z-index: 1000;
    color: white;
}

    .loading-overlay img[b-y1s0cropl3] {
        margin-bottom: 10px;
    }


.form-label-sm[b-y1s0cropl3] {
    @apply text-sm; /* Bootstrap 5: smaller text */
    padding-top: 0.25rem; /* a little less top padding */
    padding-bottom: 0.25rem;
    font-weight: 500;
}

.form-select-sm[b-y1s0cropl3] {
    @apply form-select text-sm; /* keep all select styling */
    padding-top: 0.25rem;
    padding-bottom: 0.25rem;
    padding-left: 0.5rem;
    height: calc(1.5em + 0.5rem + 2px); /* matches Bootstrap’s .form-select-sm */
}

/* Force the date input to match form-select-sm EXACTLY */
[b-y1s0cropl3] input[type="date"].form-control-sm {
    /* 1. Exact height of .form-select-sm */
    height: calc(1.5em + 0.5rem + 2px) !important; /* ~30px */
    /* 2. Remove native padding */
    padding: 0.25rem 0.5rem !important;
    box-sizing: border-box !important;
    /* 3. Match font */
    font-size: 0.875rem !important; /* text-sm */
    line-height: 1.5 !important;
    /* 4. Kill browser-specific inner padding (Chrome/Edge) */
    -webkit-appearance: none !important;
    -moz-appearance: none !important;
    appearance: none !important;
    /* 5. Optional: tighter border radius */
    border-radius: 0.25rem !important;
}

    /* Optional: hide the default calendar icon (cleaner look) */
    [b-y1s0cropl3] input[type="date"].form-control-sm::-webkit-calendar-picker-indicator {
        opacity: 0;
        cursor: pointer;
    }



/* /Components/Pages/Reports/QueueTimeReports.razor.rz.scp.css */
.bold-border[b-12lxqqjtag] {
    border-width: 2px !important; /* Thicker border */
    border-color: black;
}

.custom-form .form-control[b-12lxqqjtag],
.custom-form .form-select[b-12lxqqjtag],
.custom-form .form-check-input[b-12lxqqjtag] {
    border-width: 2px !important;
    border-color: #495057 !important;
}

    .custom-form .form-control:focus[b-12lxqqjtag],
    .custom-form .form-select:focus[b-12lxqqjtag],
    .custom-form .form-check-input:focus[b-12lxqqjtag] {
        border-width: 2px !important;
        border-color: #0d6efd !important;
    }

/* CSS (e.g., in wwwroot/css/site.css or MyComponent.razor.css) */

/* Ensure the container and card are responsive */
.container-fluid[b-12lxqqjtag] {
    width: 100%;
    max-width: 100%; /* Prevent container from exceeding viewport */
}

.card[b-12lxqqjtag] {
    width: 100%;
    max-width: 100%; /* Ensure card fits within parent */
    margin: 0 auto;
    box-sizing: border-box; /* Include padding/borders in width */
}

.card-body[b-12lxqqjtag] {
    width: 100%;
    box-sizing: border-box;
}

/* Grid container for QuickGrid */
.grid-container[b-12lxqqjtag] {
    width: 100%; /* Match card-body width */

    box-sizing: border-box;
}

.scrollable-card[b-12lxqqjtag] {
    overflow-x: auto; /* Enable horizontal scrollbar */
}