@import '_content/Blazor.Bootstrap/Blazor.Bootstrap.olwso25aue.bundle.scp.css';

/* /Components/Layout/MainLayout.razor.rz.scp.css */
.header-container[b-o3ay9ly11f] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%;
    padding: 0 15px;
}

.header-left[b-o3ay9ly11f] {
    flex: 0 0 auto;
}

.header-right[b-o3ay9ly11f] {
    display: flex;
    align-items: center;
    gap: 10px;
}

.header-title[b-o3ay9ly11f] {
    margin: 0;
    font-size: 1.0rem;
    font-weight: bold;
}

.header-logo[b-o3ay9ly11f] {
    height: 40px;
}
/* /Components/Pages/WIJExemptionsEdit.razor.rz.scp.css */


.label-column[b-ubowcczdta] {
    width: 150px; /* Adjust this value as needed */
    white-space: nowrap;
}

.table[b-ubowcczdta] {
    width: 100%;
}

.form-control[b-ubowcczdta] {
    width: 100%;
}

.form-check-input[b-ubowcczdta] {
    border: 2px solid #444 !important;
    background-color: var(--bs-body-bg) !important; /* matches light/dark background */
    border-radius: 0.25rem;
    background-image: none !important; /* removes default checkmark */
    position: relative;
    width: 1.2em;
    height: 1.2em;
}

 /* Custom white checkmark in light mode */
 .form-check-input:checked[b-ubowcczdta] {
        background-color: #0d6efd !important; /* Bootstrap primary blue */
        border-color: #444 !important;
 }

/* Force white checkmark in light mode */
@media (prefers-color-scheme: light) {
    .form-check-input:checked[b-ubowcczdta] {
        background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='m6 10 3 3 6-6'/%3E%3C/svg%3E") !important;
    }
}

/* Dark mode – use dark checkmark (Bootstrap default works fine) */
@media (prefers-color-scheme: dark) {
    .form-check-input[b-ubowcczdta] {
        border-color: #aaa !important; /* slightly lighter border on dark bg */
    }

    .form-check-input:checked[b-ubowcczdta] {
        background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath fill='none' stroke='%2386b7fe' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='m6 10 3 3 6-6'/%3E%3C/svg%3E") !important;
    }
}

.modal-header-flex[b-ubowcczdta] {
    display: flex !important;
    align-items: center !important;
    gap: 20px !important;
}
.modal-header-flex .modal-title[b-ubowcczdta] {
    margin: 0;
}

/* Make disabled InputNumber look exactly like normal form-control */
input.form-control:disabled[b-ubowcczdta],
input.form-control.bg-light[b-ubowcczdta] {
    background-color: #e9ecef !important;
    opacity: 1;
    color: #212529;
    font-weight: 500;
}


/* Make disabled InputNumber look EXACTLY like enabled one */
.form-control:disabled[b-ubowcczdta],
.form-check-input:disabled[b-ubowcczdta] {
    background-color: var(--bs-form-control-bg) !important;
    color: var(--bs-body-color) !important;
    opacity: 1 !important;
}

meta-label label[b-ubowcczdta],
.meta-value[b-ubowcczdta] {
    font-weight: 500 !important;
    color: var(--bs-body-color) !important;
}

.meta-value .badge[b-ubowcczdta] {
   font-size: 0.9rem;
}

.booking-input[b-ubowcczdta] {
    width: 150px !important;
    max-width: 100%; /* responsive safety */
}

.inmate-number-cell[b-ubowcczdta] {
    width: 1%; /* lets it shrink */
    white-space: nowrap;
    padding-left: 2rem !important; /* clean push from the left */
    font-weight: 500;
}

.inmate-value[b-ubowcczdta] {
    margin-left: 0.5rem;
    color: #0d6efd; /* optional: make it stand out */
    font-weight: 600;
}

.inmate-name-display[b-ubowcczdta] {
    min-height: 38px; /* same height as form-control */
    display: flex;
    align-items: center; /* vertically centers text */
    padding-top: 0.375rem; /* matches form-control padding */
    padding-bottom: 0.375rem;
}

.exemption-type-select[b-ubowcczdta] {
    width: 200px !important;
    max-width: 100%; 
}

.start-date-input[b-ubowcczdta] {
    width: 200px !important;
    max-width: 100%; /* responsive on small screens */
}
.days-conceal-cell[b-ubowcczdta] {
    width: 1% !important; /* magic: lets it shrink */
    white-space: nowrap !important; /* prevents wrapping */
    padding-right: 0 !important;
}
/* /Components/Pages/WIJHome.razor.rz.scp.css */

/* Base & layout */
.bg-body[b-euq43hqqi2] {
    background-color: var(--bs-body-bg);
}

.info-box-container li[b-euq43hqqi2] {
    list-style: none;
}

.search-spacing[b-euq43hqqi2] {
    line-height: 0.4;
}

/* Info box (non-member warning) */
.info-box[b-euq43hqqi2] {
    border: 2px solid #333;
    padding: 10px;
    margin: 10px 10px 10px 0;
    font-family: Arial, sans-serif;
    font-size: 13px;
    width: 50%;
}

/* Form layout */
.form-container[b-euq43hqqi2] {
    max-width: 600px;
    margin: 0;
}

.form-row[b-euq43hqqi2] {
    display: flex;
    align-items: center;
    margin-bottom: 0.25rem;
}

    .form-row label[b-euq43hqqi2] {
        width: 120px;
        margin-right: 1rem;
        font-weight: bold;
        text-align: left;
    }

    .form-row input[b-euq43hqqi2],
    .form-row select[b-euq43hqqi2] {
        width: 200px;
        padding: 0;
        box-sizing: border-box;
    }

        /* Specific input widths */
        .form-row input[name="booking-number"][b-euq43hqqi2] {
            width: 120px;
            padding-left: 1px;
            margin-right: 20px;
            border: 1px solid;
            border-radius: 2px;
        }

        .form-row input[name="inmate-number"][b-euq43hqqi2] {
            width: 110px;
            padding-left: 1px;
            border: 1px solid;
            border-radius: 2px;
        }

        .form-row input[type="date"][b-euq43hqqi2] {
            width: 120px;
            padding-left: 1px;
        }

        .form-row input[name="last-name"][b-euq43hqqi2],
        .form-row input[name="first-name"][b-euq43hqqi2] {
            width: 200px;
            padding-left: 1px;
            border: 1px solid;
            border-radius: 2px;
        }

#race-select[b-euq43hqqi2],
#sex-select[b-euq43hqqi2] {
    width: 75px;
}

.form-row select#agency-type[b-euq43hqqi2],
.form-row select#charge-type[b-euq43hqqi2],
.form-row select#arrest-type[b-euq43hqqi2] {
    width: 250px;
}

/* Fine-tuning for inmate number field alignment */
.label-inmate-number[b-euq43hqqi2] {
    width: 75px;
    margin-left: -5px;
}

.input-inmate-number[b-euq43hqqi2] {
    margin-left: -12px;
}

/* Radio buttons */
.usa-radio[b-euq43hqqi2] {
    margin-bottom: 5px;
    margin-left: 10px;
}

/* Checkboxes */
.checkbox-with-spacing[b-euq43hqqi2] {
    margin-right: 8px;
}

.checkbox-exact-date[b-euq43hqqi2] {
    margin-left: -28px;
}

.checkbox-sort-descending[b-euq43hqqi2] {
    transform: scale(1.1);
    margin-left: 5px;
}

.checkbox-container[b-euq43hqqi2] {
    display: flex;
    align-items: center;
}

    .checkbox-container label[b-euq43hqqi2] {
        padding-left: 15px;
        display: flex;
        align-items: center;
    }

/* Table headers – sortable */
.sortable-header[b-euq43hqqi2] {
    cursor: pointer;
    transition: all 0.2s ease;
}

    .sortable-header:hover[b-euq43hqqi2] {
        background-color: #e9ecef;
        color: #007bff;
        text-decoration: underline;
    }

.th-truncate[b-euq43hqqi2] {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    cursor: pointer;
}

.th-dob[b-euq43hqqi2] {
    max-width: 50px;
}

.th-booking[b-euq43hqqi2] {
    max-width: 90px;
}

/* Table cells – truncated columns */
.td-narrow[b-euq43hqqi2] {
    max-width: 90px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    cursor: default;
}

.td-race[b-euq43hqqi2] {
    max-width: 75px;
}

.td-sex[b-euq43hqqi2] {
    max-width: 35px;
}

.td-dob[b-euq43hqqi2] {
    max-width: 50px;
}

.td-name[b-euq43hqqi2] {
    max-width: 150px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    cursor: pointer;
}

.cursor-default[b-euq43hqqi2] {
    cursor: default;
}

/* Mugshot */
.img-mugshot[b-euq43hqqi2] {
    width: 48px;
    height: auto;
    margin-right: 8px;
    cursor: default;
    vertical-align: middle;
}

/* Modal */
.modal[b-euq43hqqi2] {
    display: block;
    position: fixed;
    z-index: 1000;
    inset: 0;
    background-color: rgba(0,0,0,0.5);
    overflow: auto;
}

.modal-content[b-euq43hqqi2] {
    background-color: #fff;
    margin: 5% auto;
    padding: 20px;
    border: 1px solid #888;
    width: 80%;
    max-width: 620px;
    border-radius: 5px;
    position: relative;
}

.modal-close[b-euq43hqqi2] {
    position: absolute;
    right: 20px;
    top: 10px;
    font-size: 28px;
    font-weight: bold;
    color: #aaa;
    cursor: pointer;
}

/* Dark mode overrides */
:where(.dark) .modal-content[b-euq43hqqi2],
:where(.dark) .error-modal-content[b-euq43hqqi2] {
    background-color: darkgreen !important;
    color: #e0e0e0 !important;
    border-color: #444 !important;
}

:where(.dark) .modal-close:hover[b-euq43hqqi2],
:where(.dark) .modal-close:focus[b-euq43hqqi2] {
    color: #fff !important;
}

/* Placeholder colors */
input[b-euq43hqqi2]::placeholder {
    color: #000;
    opacity: 1;
}

[data-bs-theme="dark"] input.bg-body[b-euq43hqqi2]::placeholder {
    color: white;
    opacity: 1;
}

/* Responsive */
@media (max-width: 600px) {
    .form-row[b-euq43hqqi2] {
        flex-direction: column;
        align-items: flex-start;
    }

        .form-row label[b-euq43hqqi2] {
            width: auto;
            margin-bottom: 0.5rem;
            margin-right: 0;
        }

        .form-row input[b-euq43hqqi2],
        .form-row select[b-euq43hqqi2] {
            width: 100%;
        }
}

.restricted-warning[b-euq43hqqi2] {
    color: red;
    margin-bottom: 10px;
}