/*
 * Custom admin CSS overrides.
 * Loaded after the compiled build (assets/builds/tailwind.css) so rules here win.
 */

/* -------------------------------------------------------------------------
 * Checkbox click target fix (tickets list, customers list, and everywhere
 * else that uses the custom .checkbox styling).
 *
 * The visible checkbox square is drawn by `.checkbox label::before`, but the
 * only clickable element is the real <input>, which is invisible (opacity:0)
 * and only overlaps the box at its dead centre. Off-centre clicks landed on
 * the label (hand cursor) but did nothing. This stretches the invisible input
 * to cover the whole visible box so the entire box is clickable.
 * ---------------------------------------------------------------------- */
.checkbox {
    position: relative;
}

.checkbox input[type="checkbox"],
.checkbox input[type="radio"] {
    cursor: pointer;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    width: 22px;
    height: auto;
    margin: 0;
    z-index: 2;
    opacity: 0;
}