.adminCompactFields {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: .65rem .85rem;
    margin: 0;
}

.adminFormField {
    display: grid;
    align-content: start;
    gap: .25rem;
    min-width: 0;
    margin: 0;
}

.adminFormLabel {
    color: var(--cx-muted);
    font-size: .85rem;
    font-weight: 600;
    overflow-wrap: anywhere;
}

.adminFormHelp { color: var(--cx-muted); }
.adminFormWide { grid-column: 1 / -1; }
.adminCompactFields .form-control[type="color"] { width: 4rem; padding: .2rem; }
.adminCompactFields input[aria-haspopup="dialog"] { cursor: pointer; }
.adminCompactFields textarea, .billingModalForm textarea { min-height: 3.7rem; resize: vertical; }
.adminCompactFields [data-kiosk-fields] { margin: 0; padding: .5rem .65rem; border: 1px solid var(--cx-border); border-radius: .5rem; }
.adminCompactFields [data-kiosk-fields] > summary { cursor: pointer; }
.adminCompactFields [data-kiosk-fields][open] > summary { margin-bottom: .6rem; }
.billingModalForm { gap: .5rem; }
.billingModalForm .billingFormRow { margin: 0; grid-template-columns: minmax(8rem, 30%) minmax(0, 1fr); align-items: start; }
.billingModalForm [hidden] { display: none !important; }
.billingModalForm :is(input, textarea, select) { min-width: 0; }
.billingModalForm input[type="datetime-local"] { color-scheme: inherit; }
html[data-cx-theme="dark"] .billingModalForm input[type="datetime-local"]::-webkit-calendar-picker-indicator {
    filter: brightness(0) invert(.8);
}
.billingModalForm .billingCheckboxRow { align-items: center; }
.billingModalForm .billingCheckboxRow span, .billingModalForm .billingCheckboxRow input { padding-top: 0; margin-top: 0; }
.adminBillingRecordControls { display: flex; gap: .4rem; min-width: 0; }
.adminBillingRecordButton { flex: 1; min-width: 0; text-align: left; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.adminBillingRecordControls [hidden] { display: none !important; }
.adminFormError { color: var(--cx-danger); margin: 0; }
.searchFilterModal .adminFormField { flex: 1 1 8rem; }
.searchFilterModal .adminFormField :is(input, select) { width: 100%; }
.searchFilterModal [hidden] { display: none !important; }

@media (max-width: 540px) {
    .adminCompactFields, .billingModalForm .billingFormRow { grid-template-columns: minmax(0, 1fr); }
    .billingModalForm .billingCheckboxRow { grid-template-columns: minmax(0, 1fr) auto; }
    .billingModalForm .billingFormRow span { padding-top: 0; }
}