/*
 * Table repeaters (Repeater::configureUsing() in AppServiceProvider)
 *
 * Compact table repeaters drop the rings around fields, so nothing showed where the focus was,
 * and a select has no caret to give it away. The focused cell is outlined as in a spreadsheet.
 */
.sheet-repeater > table > tbody > tr > td:focus-within {
    box-shadow: inset 0 0 0 2px var(--primary-500);
}

/*
 * Narrower than its columns, a sheet scrolls sideways instead of squeezing them until the first
 * one (the product) is a column of letters. The columns keep the widths they were given.
 */
.sheet-repeater {
    overflow-x: auto;
}

.sheet-repeater > table {
    width: max-content;
    min-width: 100%;
}

/*
 * A scroll container clips what opens below a field: the options of a select, a date picker. While
 * one is open the sheet makes room for it and takes the room back from the layout, so nothing moves.
 */
.sheet-repeater:has([aria-expanded="true"]) {
    padding-bottom: 14rem;
    margin-bottom: -14rem;
}