/*
 * Responsive surface composition contract.
 *
 * This stylesheet is intentionally loaded after the form-composition layer.
 * It keeps non-form cards, metrics, dashboards, filters, and content panels in
 * responsive rows without allowing form field-span rules to leak into them.
 */

:is(.tww-admin-body, .tww-public-body) .grid {
    display: grid !important;
    min-width: 0;
}

:is(.tww-admin-body, .tww-public-body) .grid > * {
    min-width: 0;
}

:is(.tww-admin-body, .tww-public-body) [class~="grid-cols-1"] { grid-template-columns: repeat(1, minmax(0, 1fr)) !important; }
:is(.tww-admin-body, .tww-public-body) [class~="grid-cols-2"] { grid-template-columns: repeat(2, minmax(0, 1fr)) !important; }
:is(.tww-admin-body, .tww-public-body) [class~="grid-cols-3"] { grid-template-columns: repeat(3, minmax(0, 1fr)) !important; }
:is(.tww-admin-body, .tww-public-body) [class~="grid-cols-4"] { grid-template-columns: repeat(4, minmax(0, 1fr)) !important; }
:is(.tww-admin-body, .tww-public-body) [class~="grid-cols-5"] { grid-template-columns: repeat(5, minmax(0, 1fr)) !important; }
:is(.tww-admin-body, .tww-public-body) [class~="grid-cols-6"] { grid-template-columns: repeat(6, minmax(0, 1fr)) !important; }
:is(.tww-admin-body, .tww-public-body) [class~="grid-cols-7"] { grid-template-columns: repeat(7, minmax(0, 1fr)) !important; }
:is(.tww-admin-body, .tww-public-body) [class~="grid-cols-8"] { grid-template-columns: repeat(8, minmax(0, 1fr)) !important; }
:is(.tww-admin-body, .tww-public-body) [class~="grid-cols-9"] { grid-template-columns: repeat(9, minmax(0, 1fr)) !important; }
:is(.tww-admin-body, .tww-public-body) [class~="grid-cols-10"] { grid-template-columns: repeat(10, minmax(0, 1fr)) !important; }
:is(.tww-admin-body, .tww-public-body) [class~="grid-cols-11"] { grid-template-columns: repeat(11, minmax(0, 1fr)) !important; }
:is(.tww-admin-body, .tww-public-body) [class~="grid-cols-12"] { grid-template-columns: repeat(12, minmax(0, 1fr)) !important; }
:is(.tww-admin-body, .tww-public-body) [class~="col-span-1"] { grid-column: span 1 / span 1 !important; }
:is(.tww-admin-body, .tww-public-body) [class~="col-span-2"] { grid-column: span 2 / span 2 !important; }
:is(.tww-admin-body, .tww-public-body) [class~="col-span-3"] { grid-column: span 3 / span 3 !important; }
:is(.tww-admin-body, .tww-public-body) [class~="col-span-4"] { grid-column: span 4 / span 4 !important; }
:is(.tww-admin-body, .tww-public-body) [class~="col-span-5"] { grid-column: span 5 / span 5 !important; }
:is(.tww-admin-body, .tww-public-body) [class~="col-span-6"] { grid-column: span 6 / span 6 !important; }
:is(.tww-admin-body, .tww-public-body) [class~="col-span-7"] { grid-column: span 7 / span 7 !important; }
:is(.tww-admin-body, .tww-public-body) [class~="col-span-8"] { grid-column: span 8 / span 8 !important; }
:is(.tww-admin-body, .tww-public-body) [class~="col-span-9"] { grid-column: span 9 / span 9 !important; }
:is(.tww-admin-body, .tww-public-body) [class~="col-span-10"] { grid-column: span 10 / span 10 !important; }
:is(.tww-admin-body, .tww-public-body) [class~="col-span-11"] { grid-column: span 11 / span 11 !important; }
:is(.tww-admin-body, .tww-public-body) [class~="col-span-12"] { grid-column: span 12 / span 12 !important; }
:is(.tww-admin-body, .tww-public-body) [class~="col-span-full"] { grid-column: 1 / -1 !important; }
:is(.tww-admin-body, .tww-public-body) [class~="grid-cols-[minmax(0,1fr)_auto]"] { grid-template-columns: minmax(0, 1fr) auto !important; }

.tww-summary-grid,
[data-tww-layout-grid="summary"] {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) !important;
    align-items: stretch;
    gap: .75rem !important;
    width: 100%;
    min-width: 0;
}

.tww-summary-grid > *,
[data-tww-layout-grid="summary"] > * {
    grid-column: auto !important;
    min-width: 0;
    width: auto;
}

@media (min-width: 40rem) {
    .tww-summary-grid,
    [data-tww-layout-grid="summary"] {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    }
}

@media (min-width: 64rem) {
    [data-tww-layout-grid="summary"][data-tww-layout-columns="3"] { grid-template-columns: repeat(3, minmax(0, 1fr)) !important; }
    [data-tww-layout-grid="summary"][data-tww-layout-columns="4"] { grid-template-columns: repeat(4, minmax(0, 1fr)) !important; }
    [data-tww-layout-grid="summary"][data-tww-layout-columns="5"] { grid-template-columns: repeat(5, minmax(0, 1fr)) !important; }
    [data-tww-layout-grid="summary"][data-tww-layout-columns="6"] { grid-template-columns: repeat(6, minmax(0, 1fr)) !important; }
}


@media (min-width: 40rem) {
    :is(.tww-admin-body, .tww-public-body) [class~="sm:grid"] { display: grid !important; }
    :is(.tww-admin-body, .tww-public-body) [class~="sm:flex"] { display: flex !important; }
    :is(.tww-admin-body, .tww-public-body) [class~="sm:inline-flex"] { display: inline-flex !important; }
    :is(.tww-admin-body, .tww-public-body) [class~="sm:block"] { display: block !important; }
    :is(.tww-admin-body, .tww-public-body) [class~="sm:hidden"] { display: none !important; }
    :is(.tww-admin-body, .tww-public-body) [class~="sm:flex-row"] { flex-direction: row !important; }
    :is(.tww-admin-body, .tww-public-body) [class~="sm:flex-col"] { flex-direction: column !important; }
    :is(.tww-admin-body, .tww-public-body) [class~="sm:flex-wrap"] { flex-wrap: wrap !important; }
    :is(.tww-admin-body, .tww-public-body) [class~="sm:items-start"] { align-items: flex-start !important; }
    :is(.tww-admin-body, .tww-public-body) [class~="sm:items-center"] { align-items: center !important; }
    :is(.tww-admin-body, .tww-public-body) [class~="sm:items-end"] { align-items: flex-end !important; }
    :is(.tww-admin-body, .tww-public-body) [class~="sm:justify-start"] { justify-content: flex-start !important; }
    :is(.tww-admin-body, .tww-public-body) [class~="sm:justify-center"] { justify-content: center !important; }
    :is(.tww-admin-body, .tww-public-body) [class~="sm:justify-end"] { justify-content: flex-end !important; }
    :is(.tww-admin-body, .tww-public-body) [class~="sm:justify-between"] { justify-content: space-between !important; }
    :is(.tww-admin-body, .tww-public-body) [class~="sm:flex-1"] { flex: 1 1 0% !important; }
    :is(.tww-admin-body, .tww-public-body) [class~="sm:flex-none"] { flex: none !important; }
    :is(.tww-admin-body, .tww-public-body) [class~="sm:w-auto"] { width: auto !important; }
    :is(.tww-admin-body, .tww-public-body) [class~="sm:grid-cols-1"] { grid-template-columns: repeat(1, minmax(0, 1fr)) !important; }
    :is(.tww-admin-body, .tww-public-body) [class~="sm:grid-cols-2"] { grid-template-columns: repeat(2, minmax(0, 1fr)) !important; }
    :is(.tww-admin-body, .tww-public-body) [class~="sm:grid-cols-3"] { grid-template-columns: repeat(3, minmax(0, 1fr)) !important; }
    :is(.tww-admin-body, .tww-public-body) [class~="sm:grid-cols-4"] { grid-template-columns: repeat(4, minmax(0, 1fr)) !important; }
    :is(.tww-admin-body, .tww-public-body) [class~="sm:grid-cols-5"] { grid-template-columns: repeat(5, minmax(0, 1fr)) !important; }
    :is(.tww-admin-body, .tww-public-body) [class~="sm:grid-cols-6"] { grid-template-columns: repeat(6, minmax(0, 1fr)) !important; }
    :is(.tww-admin-body, .tww-public-body) [class~="sm:grid-cols-7"] { grid-template-columns: repeat(7, minmax(0, 1fr)) !important; }
    :is(.tww-admin-body, .tww-public-body) [class~="sm:grid-cols-8"] { grid-template-columns: repeat(8, minmax(0, 1fr)) !important; }
    :is(.tww-admin-body, .tww-public-body) [class~="sm:grid-cols-9"] { grid-template-columns: repeat(9, minmax(0, 1fr)) !important; }
    :is(.tww-admin-body, .tww-public-body) [class~="sm:grid-cols-10"] { grid-template-columns: repeat(10, minmax(0, 1fr)) !important; }
    :is(.tww-admin-body, .tww-public-body) [class~="sm:grid-cols-11"] { grid-template-columns: repeat(11, minmax(0, 1fr)) !important; }
    :is(.tww-admin-body, .tww-public-body) [class~="sm:grid-cols-12"] { grid-template-columns: repeat(12, minmax(0, 1fr)) !important; }
    :is(.tww-admin-body, .tww-public-body) [class~="sm:col-span-1"] { grid-column: span 1 / span 1 !important; }
    :is(.tww-admin-body, .tww-public-body) [class~="sm:col-span-2"] { grid-column: span 2 / span 2 !important; }
    :is(.tww-admin-body, .tww-public-body) [class~="sm:col-span-3"] { grid-column: span 3 / span 3 !important; }
    :is(.tww-admin-body, .tww-public-body) [class~="sm:col-span-4"] { grid-column: span 4 / span 4 !important; }
    :is(.tww-admin-body, .tww-public-body) [class~="sm:col-span-5"] { grid-column: span 5 / span 5 !important; }
    :is(.tww-admin-body, .tww-public-body) [class~="sm:col-span-6"] { grid-column: span 6 / span 6 !important; }
    :is(.tww-admin-body, .tww-public-body) [class~="sm:col-span-7"] { grid-column: span 7 / span 7 !important; }
    :is(.tww-admin-body, .tww-public-body) [class~="sm:col-span-8"] { grid-column: span 8 / span 8 !important; }
    :is(.tww-admin-body, .tww-public-body) [class~="sm:col-span-9"] { grid-column: span 9 / span 9 !important; }
    :is(.tww-admin-body, .tww-public-body) [class~="sm:col-span-10"] { grid-column: span 10 / span 10 !important; }
    :is(.tww-admin-body, .tww-public-body) [class~="sm:col-span-11"] { grid-column: span 11 / span 11 !important; }
    :is(.tww-admin-body, .tww-public-body) [class~="sm:col-span-12"] { grid-column: span 12 / span 12 !important; }
    :is(.tww-admin-body, .tww-public-body) [class~="sm:col-span-full"] { grid-column: 1 / -1 !important; }
}

@media (min-width: 48rem) {
    :is(.tww-admin-body, .tww-public-body) [class~="md:grid"] { display: grid !important; }
    :is(.tww-admin-body, .tww-public-body) [class~="md:flex"] { display: flex !important; }
    :is(.tww-admin-body, .tww-public-body) [class~="md:inline-flex"] { display: inline-flex !important; }
    :is(.tww-admin-body, .tww-public-body) [class~="md:block"] { display: block !important; }
    :is(.tww-admin-body, .tww-public-body) [class~="md:hidden"] { display: none !important; }
    :is(.tww-admin-body, .tww-public-body) [class~="md:flex-row"] { flex-direction: row !important; }
    :is(.tww-admin-body, .tww-public-body) [class~="md:flex-col"] { flex-direction: column !important; }
    :is(.tww-admin-body, .tww-public-body) [class~="md:flex-wrap"] { flex-wrap: wrap !important; }
    :is(.tww-admin-body, .tww-public-body) [class~="md:items-start"] { align-items: flex-start !important; }
    :is(.tww-admin-body, .tww-public-body) [class~="md:items-center"] { align-items: center !important; }
    :is(.tww-admin-body, .tww-public-body) [class~="md:items-end"] { align-items: flex-end !important; }
    :is(.tww-admin-body, .tww-public-body) [class~="md:justify-start"] { justify-content: flex-start !important; }
    :is(.tww-admin-body, .tww-public-body) [class~="md:justify-center"] { justify-content: center !important; }
    :is(.tww-admin-body, .tww-public-body) [class~="md:justify-end"] { justify-content: flex-end !important; }
    :is(.tww-admin-body, .tww-public-body) [class~="md:justify-between"] { justify-content: space-between !important; }
    :is(.tww-admin-body, .tww-public-body) [class~="md:flex-1"] { flex: 1 1 0% !important; }
    :is(.tww-admin-body, .tww-public-body) [class~="md:flex-none"] { flex: none !important; }
    :is(.tww-admin-body, .tww-public-body) [class~="md:w-auto"] { width: auto !important; }
    :is(.tww-admin-body, .tww-public-body) [class~="md:grid-cols-1"] { grid-template-columns: repeat(1, minmax(0, 1fr)) !important; }
    :is(.tww-admin-body, .tww-public-body) [class~="md:grid-cols-2"] { grid-template-columns: repeat(2, minmax(0, 1fr)) !important; }
    :is(.tww-admin-body, .tww-public-body) [class~="md:grid-cols-3"] { grid-template-columns: repeat(3, minmax(0, 1fr)) !important; }
    :is(.tww-admin-body, .tww-public-body) [class~="md:grid-cols-4"] { grid-template-columns: repeat(4, minmax(0, 1fr)) !important; }
    :is(.tww-admin-body, .tww-public-body) [class~="md:grid-cols-5"] { grid-template-columns: repeat(5, minmax(0, 1fr)) !important; }
    :is(.tww-admin-body, .tww-public-body) [class~="md:grid-cols-6"] { grid-template-columns: repeat(6, minmax(0, 1fr)) !important; }
    :is(.tww-admin-body, .tww-public-body) [class~="md:grid-cols-7"] { grid-template-columns: repeat(7, minmax(0, 1fr)) !important; }
    :is(.tww-admin-body, .tww-public-body) [class~="md:grid-cols-8"] { grid-template-columns: repeat(8, minmax(0, 1fr)) !important; }
    :is(.tww-admin-body, .tww-public-body) [class~="md:grid-cols-9"] { grid-template-columns: repeat(9, minmax(0, 1fr)) !important; }
    :is(.tww-admin-body, .tww-public-body) [class~="md:grid-cols-10"] { grid-template-columns: repeat(10, minmax(0, 1fr)) !important; }
    :is(.tww-admin-body, .tww-public-body) [class~="md:grid-cols-11"] { grid-template-columns: repeat(11, minmax(0, 1fr)) !important; }
    :is(.tww-admin-body, .tww-public-body) [class~="md:grid-cols-12"] { grid-template-columns: repeat(12, minmax(0, 1fr)) !important; }
    :is(.tww-admin-body, .tww-public-body) [class~="md:col-span-1"] { grid-column: span 1 / span 1 !important; }
    :is(.tww-admin-body, .tww-public-body) [class~="md:col-span-2"] { grid-column: span 2 / span 2 !important; }
    :is(.tww-admin-body, .tww-public-body) [class~="md:col-span-3"] { grid-column: span 3 / span 3 !important; }
    :is(.tww-admin-body, .tww-public-body) [class~="md:col-span-4"] { grid-column: span 4 / span 4 !important; }
    :is(.tww-admin-body, .tww-public-body) [class~="md:col-span-5"] { grid-column: span 5 / span 5 !important; }
    :is(.tww-admin-body, .tww-public-body) [class~="md:col-span-6"] { grid-column: span 6 / span 6 !important; }
    :is(.tww-admin-body, .tww-public-body) [class~="md:col-span-7"] { grid-column: span 7 / span 7 !important; }
    :is(.tww-admin-body, .tww-public-body) [class~="md:col-span-8"] { grid-column: span 8 / span 8 !important; }
    :is(.tww-admin-body, .tww-public-body) [class~="md:col-span-9"] { grid-column: span 9 / span 9 !important; }
    :is(.tww-admin-body, .tww-public-body) [class~="md:col-span-10"] { grid-column: span 10 / span 10 !important; }
    :is(.tww-admin-body, .tww-public-body) [class~="md:col-span-11"] { grid-column: span 11 / span 11 !important; }
    :is(.tww-admin-body, .tww-public-body) [class~="md:col-span-12"] { grid-column: span 12 / span 12 !important; }
    :is(.tww-admin-body, .tww-public-body) [class~="md:col-span-full"] { grid-column: 1 / -1 !important; }
}

@media (min-width: 64rem) {
    :is(.tww-admin-body, .tww-public-body) [class~="lg:grid"] { display: grid !important; }
    :is(.tww-admin-body, .tww-public-body) [class~="lg:flex"] { display: flex !important; }
    :is(.tww-admin-body, .tww-public-body) [class~="lg:inline-flex"] { display: inline-flex !important; }
    :is(.tww-admin-body, .tww-public-body) [class~="lg:block"] { display: block !important; }
    :is(.tww-admin-body, .tww-public-body) [class~="lg:hidden"] { display: none !important; }
    :is(.tww-admin-body, .tww-public-body) [class~="lg:flex-row"] { flex-direction: row !important; }
    :is(.tww-admin-body, .tww-public-body) [class~="lg:flex-col"] { flex-direction: column !important; }
    :is(.tww-admin-body, .tww-public-body) [class~="lg:flex-wrap"] { flex-wrap: wrap !important; }
    :is(.tww-admin-body, .tww-public-body) [class~="lg:items-start"] { align-items: flex-start !important; }
    :is(.tww-admin-body, .tww-public-body) [class~="lg:items-center"] { align-items: center !important; }
    :is(.tww-admin-body, .tww-public-body) [class~="lg:items-end"] { align-items: flex-end !important; }
    :is(.tww-admin-body, .tww-public-body) [class~="lg:justify-start"] { justify-content: flex-start !important; }
    :is(.tww-admin-body, .tww-public-body) [class~="lg:justify-center"] { justify-content: center !important; }
    :is(.tww-admin-body, .tww-public-body) [class~="lg:justify-end"] { justify-content: flex-end !important; }
    :is(.tww-admin-body, .tww-public-body) [class~="lg:justify-between"] { justify-content: space-between !important; }
    :is(.tww-admin-body, .tww-public-body) [class~="lg:flex-1"] { flex: 1 1 0% !important; }
    :is(.tww-admin-body, .tww-public-body) [class~="lg:flex-none"] { flex: none !important; }
    :is(.tww-admin-body, .tww-public-body) [class~="lg:w-auto"] { width: auto !important; }
    :is(.tww-admin-body, .tww-public-body) [class~="lg:grid-cols-1"] { grid-template-columns: repeat(1, minmax(0, 1fr)) !important; }
    :is(.tww-admin-body, .tww-public-body) [class~="lg:grid-cols-2"] { grid-template-columns: repeat(2, minmax(0, 1fr)) !important; }
    :is(.tww-admin-body, .tww-public-body) [class~="lg:grid-cols-3"] { grid-template-columns: repeat(3, minmax(0, 1fr)) !important; }
    :is(.tww-admin-body, .tww-public-body) [class~="lg:grid-cols-4"] { grid-template-columns: repeat(4, minmax(0, 1fr)) !important; }
    :is(.tww-admin-body, .tww-public-body) [class~="lg:grid-cols-5"] { grid-template-columns: repeat(5, minmax(0, 1fr)) !important; }
    :is(.tww-admin-body, .tww-public-body) [class~="lg:grid-cols-6"] { grid-template-columns: repeat(6, minmax(0, 1fr)) !important; }
    :is(.tww-admin-body, .tww-public-body) [class~="lg:grid-cols-7"] { grid-template-columns: repeat(7, minmax(0, 1fr)) !important; }
    :is(.tww-admin-body, .tww-public-body) [class~="lg:grid-cols-8"] { grid-template-columns: repeat(8, minmax(0, 1fr)) !important; }
    :is(.tww-admin-body, .tww-public-body) [class~="lg:grid-cols-9"] { grid-template-columns: repeat(9, minmax(0, 1fr)) !important; }
    :is(.tww-admin-body, .tww-public-body) [class~="lg:grid-cols-10"] { grid-template-columns: repeat(10, minmax(0, 1fr)) !important; }
    :is(.tww-admin-body, .tww-public-body) [class~="lg:grid-cols-11"] { grid-template-columns: repeat(11, minmax(0, 1fr)) !important; }
    :is(.tww-admin-body, .tww-public-body) [class~="lg:grid-cols-12"] { grid-template-columns: repeat(12, minmax(0, 1fr)) !important; }
    :is(.tww-admin-body, .tww-public-body) [class~="lg:col-span-1"] { grid-column: span 1 / span 1 !important; }
    :is(.tww-admin-body, .tww-public-body) [class~="lg:col-span-2"] { grid-column: span 2 / span 2 !important; }
    :is(.tww-admin-body, .tww-public-body) [class~="lg:col-span-3"] { grid-column: span 3 / span 3 !important; }
    :is(.tww-admin-body, .tww-public-body) [class~="lg:col-span-4"] { grid-column: span 4 / span 4 !important; }
    :is(.tww-admin-body, .tww-public-body) [class~="lg:col-span-5"] { grid-column: span 5 / span 5 !important; }
    :is(.tww-admin-body, .tww-public-body) [class~="lg:col-span-6"] { grid-column: span 6 / span 6 !important; }
    :is(.tww-admin-body, .tww-public-body) [class~="lg:col-span-7"] { grid-column: span 7 / span 7 !important; }
    :is(.tww-admin-body, .tww-public-body) [class~="lg:col-span-8"] { grid-column: span 8 / span 8 !important; }
    :is(.tww-admin-body, .tww-public-body) [class~="lg:col-span-9"] { grid-column: span 9 / span 9 !important; }
    :is(.tww-admin-body, .tww-public-body) [class~="lg:col-span-10"] { grid-column: span 10 / span 10 !important; }
    :is(.tww-admin-body, .tww-public-body) [class~="lg:col-span-11"] { grid-column: span 11 / span 11 !important; }
    :is(.tww-admin-body, .tww-public-body) [class~="lg:col-span-12"] { grid-column: span 12 / span 12 !important; }
    :is(.tww-admin-body, .tww-public-body) [class~="lg:col-span-full"] { grid-column: 1 / -1 !important; }
}

@media (min-width: 80rem) {
    :is(.tww-admin-body, .tww-public-body) [class~="xl:grid"] { display: grid !important; }
    :is(.tww-admin-body, .tww-public-body) [class~="xl:flex"] { display: flex !important; }
    :is(.tww-admin-body, .tww-public-body) [class~="xl:inline-flex"] { display: inline-flex !important; }
    :is(.tww-admin-body, .tww-public-body) [class~="xl:block"] { display: block !important; }
    :is(.tww-admin-body, .tww-public-body) [class~="xl:hidden"] { display: none !important; }
    :is(.tww-admin-body, .tww-public-body) [class~="xl:flex-row"] { flex-direction: row !important; }
    :is(.tww-admin-body, .tww-public-body) [class~="xl:flex-col"] { flex-direction: column !important; }
    :is(.tww-admin-body, .tww-public-body) [class~="xl:flex-wrap"] { flex-wrap: wrap !important; }
    :is(.tww-admin-body, .tww-public-body) [class~="xl:items-start"] { align-items: flex-start !important; }
    :is(.tww-admin-body, .tww-public-body) [class~="xl:items-center"] { align-items: center !important; }
    :is(.tww-admin-body, .tww-public-body) [class~="xl:items-end"] { align-items: flex-end !important; }
    :is(.tww-admin-body, .tww-public-body) [class~="xl:justify-start"] { justify-content: flex-start !important; }
    :is(.tww-admin-body, .tww-public-body) [class~="xl:justify-center"] { justify-content: center !important; }
    :is(.tww-admin-body, .tww-public-body) [class~="xl:justify-end"] { justify-content: flex-end !important; }
    :is(.tww-admin-body, .tww-public-body) [class~="xl:justify-between"] { justify-content: space-between !important; }
    :is(.tww-admin-body, .tww-public-body) [class~="xl:flex-1"] { flex: 1 1 0% !important; }
    :is(.tww-admin-body, .tww-public-body) [class~="xl:flex-none"] { flex: none !important; }
    :is(.tww-admin-body, .tww-public-body) [class~="xl:w-auto"] { width: auto !important; }
    :is(.tww-admin-body, .tww-public-body) [class~="xl:grid-cols-1"] { grid-template-columns: repeat(1, minmax(0, 1fr)) !important; }
    :is(.tww-admin-body, .tww-public-body) [class~="xl:grid-cols-2"] { grid-template-columns: repeat(2, minmax(0, 1fr)) !important; }
    :is(.tww-admin-body, .tww-public-body) [class~="xl:grid-cols-3"] { grid-template-columns: repeat(3, minmax(0, 1fr)) !important; }
    :is(.tww-admin-body, .tww-public-body) [class~="xl:grid-cols-4"] { grid-template-columns: repeat(4, minmax(0, 1fr)) !important; }
    :is(.tww-admin-body, .tww-public-body) [class~="xl:grid-cols-5"] { grid-template-columns: repeat(5, minmax(0, 1fr)) !important; }
    :is(.tww-admin-body, .tww-public-body) [class~="xl:grid-cols-6"] { grid-template-columns: repeat(6, minmax(0, 1fr)) !important; }
    :is(.tww-admin-body, .tww-public-body) [class~="xl:grid-cols-7"] { grid-template-columns: repeat(7, minmax(0, 1fr)) !important; }
    :is(.tww-admin-body, .tww-public-body) [class~="xl:grid-cols-8"] { grid-template-columns: repeat(8, minmax(0, 1fr)) !important; }
    :is(.tww-admin-body, .tww-public-body) [class~="xl:grid-cols-9"] { grid-template-columns: repeat(9, minmax(0, 1fr)) !important; }
    :is(.tww-admin-body, .tww-public-body) [class~="xl:grid-cols-10"] { grid-template-columns: repeat(10, minmax(0, 1fr)) !important; }
    :is(.tww-admin-body, .tww-public-body) [class~="xl:grid-cols-11"] { grid-template-columns: repeat(11, minmax(0, 1fr)) !important; }
    :is(.tww-admin-body, .tww-public-body) [class~="xl:grid-cols-12"] { grid-template-columns: repeat(12, minmax(0, 1fr)) !important; }
    :is(.tww-admin-body, .tww-public-body) [class~="xl:col-span-1"] { grid-column: span 1 / span 1 !important; }
    :is(.tww-admin-body, .tww-public-body) [class~="xl:col-span-2"] { grid-column: span 2 / span 2 !important; }
    :is(.tww-admin-body, .tww-public-body) [class~="xl:col-span-3"] { grid-column: span 3 / span 3 !important; }
    :is(.tww-admin-body, .tww-public-body) [class~="xl:col-span-4"] { grid-column: span 4 / span 4 !important; }
    :is(.tww-admin-body, .tww-public-body) [class~="xl:col-span-5"] { grid-column: span 5 / span 5 !important; }
    :is(.tww-admin-body, .tww-public-body) [class~="xl:col-span-6"] { grid-column: span 6 / span 6 !important; }
    :is(.tww-admin-body, .tww-public-body) [class~="xl:col-span-7"] { grid-column: span 7 / span 7 !important; }
    :is(.tww-admin-body, .tww-public-body) [class~="xl:col-span-8"] { grid-column: span 8 / span 8 !important; }
    :is(.tww-admin-body, .tww-public-body) [class~="xl:col-span-9"] { grid-column: span 9 / span 9 !important; }
    :is(.tww-admin-body, .tww-public-body) [class~="xl:col-span-10"] { grid-column: span 10 / span 10 !important; }
    :is(.tww-admin-body, .tww-public-body) [class~="xl:col-span-11"] { grid-column: span 11 / span 11 !important; }
    :is(.tww-admin-body, .tww-public-body) [class~="xl:col-span-12"] { grid-column: span 12 / span 12 !important; }
    :is(.tww-admin-body, .tww-public-body) [class~="xl:col-span-full"] { grid-column: 1 / -1 !important; }
}

@media (min-width: 96rem) {
    :is(.tww-admin-body, .tww-public-body) [class~="2xl:grid"] { display: grid !important; }
    :is(.tww-admin-body, .tww-public-body) [class~="2xl:flex"] { display: flex !important; }
    :is(.tww-admin-body, .tww-public-body) [class~="2xl:inline-flex"] { display: inline-flex !important; }
    :is(.tww-admin-body, .tww-public-body) [class~="2xl:block"] { display: block !important; }
    :is(.tww-admin-body, .tww-public-body) [class~="2xl:hidden"] { display: none !important; }
    :is(.tww-admin-body, .tww-public-body) [class~="2xl:flex-row"] { flex-direction: row !important; }
    :is(.tww-admin-body, .tww-public-body) [class~="2xl:flex-col"] { flex-direction: column !important; }
    :is(.tww-admin-body, .tww-public-body) [class~="2xl:flex-wrap"] { flex-wrap: wrap !important; }
    :is(.tww-admin-body, .tww-public-body) [class~="2xl:items-start"] { align-items: flex-start !important; }
    :is(.tww-admin-body, .tww-public-body) [class~="2xl:items-center"] { align-items: center !important; }
    :is(.tww-admin-body, .tww-public-body) [class~="2xl:items-end"] { align-items: flex-end !important; }
    :is(.tww-admin-body, .tww-public-body) [class~="2xl:justify-start"] { justify-content: flex-start !important; }
    :is(.tww-admin-body, .tww-public-body) [class~="2xl:justify-center"] { justify-content: center !important; }
    :is(.tww-admin-body, .tww-public-body) [class~="2xl:justify-end"] { justify-content: flex-end !important; }
    :is(.tww-admin-body, .tww-public-body) [class~="2xl:justify-between"] { justify-content: space-between !important; }
    :is(.tww-admin-body, .tww-public-body) [class~="2xl:flex-1"] { flex: 1 1 0% !important; }
    :is(.tww-admin-body, .tww-public-body) [class~="2xl:flex-none"] { flex: none !important; }
    :is(.tww-admin-body, .tww-public-body) [class~="2xl:w-auto"] { width: auto !important; }
    :is(.tww-admin-body, .tww-public-body) [class~="2xl:grid-cols-1"] { grid-template-columns: repeat(1, minmax(0, 1fr)) !important; }
    :is(.tww-admin-body, .tww-public-body) [class~="2xl:grid-cols-2"] { grid-template-columns: repeat(2, minmax(0, 1fr)) !important; }
    :is(.tww-admin-body, .tww-public-body) [class~="2xl:grid-cols-3"] { grid-template-columns: repeat(3, minmax(0, 1fr)) !important; }
    :is(.tww-admin-body, .tww-public-body) [class~="2xl:grid-cols-4"] { grid-template-columns: repeat(4, minmax(0, 1fr)) !important; }
    :is(.tww-admin-body, .tww-public-body) [class~="2xl:grid-cols-5"] { grid-template-columns: repeat(5, minmax(0, 1fr)) !important; }
    :is(.tww-admin-body, .tww-public-body) [class~="2xl:grid-cols-6"] { grid-template-columns: repeat(6, minmax(0, 1fr)) !important; }
    :is(.tww-admin-body, .tww-public-body) [class~="2xl:grid-cols-7"] { grid-template-columns: repeat(7, minmax(0, 1fr)) !important; }
    :is(.tww-admin-body, .tww-public-body) [class~="2xl:grid-cols-8"] { grid-template-columns: repeat(8, minmax(0, 1fr)) !important; }
    :is(.tww-admin-body, .tww-public-body) [class~="2xl:grid-cols-9"] { grid-template-columns: repeat(9, minmax(0, 1fr)) !important; }
    :is(.tww-admin-body, .tww-public-body) [class~="2xl:grid-cols-10"] { grid-template-columns: repeat(10, minmax(0, 1fr)) !important; }
    :is(.tww-admin-body, .tww-public-body) [class~="2xl:grid-cols-11"] { grid-template-columns: repeat(11, minmax(0, 1fr)) !important; }
    :is(.tww-admin-body, .tww-public-body) [class~="2xl:grid-cols-12"] { grid-template-columns: repeat(12, minmax(0, 1fr)) !important; }
    :is(.tww-admin-body, .tww-public-body) [class~="2xl:col-span-1"] { grid-column: span 1 / span 1 !important; }
    :is(.tww-admin-body, .tww-public-body) [class~="2xl:col-span-2"] { grid-column: span 2 / span 2 !important; }
    :is(.tww-admin-body, .tww-public-body) [class~="2xl:col-span-3"] { grid-column: span 3 / span 3 !important; }
    :is(.tww-admin-body, .tww-public-body) [class~="2xl:col-span-4"] { grid-column: span 4 / span 4 !important; }
    :is(.tww-admin-body, .tww-public-body) [class~="2xl:col-span-5"] { grid-column: span 5 / span 5 !important; }
    :is(.tww-admin-body, .tww-public-body) [class~="2xl:col-span-6"] { grid-column: span 6 / span 6 !important; }
    :is(.tww-admin-body, .tww-public-body) [class~="2xl:col-span-7"] { grid-column: span 7 / span 7 !important; }
    :is(.tww-admin-body, .tww-public-body) [class~="2xl:col-span-8"] { grid-column: span 8 / span 8 !important; }
    :is(.tww-admin-body, .tww-public-body) [class~="2xl:col-span-9"] { grid-column: span 9 / span 9 !important; }
    :is(.tww-admin-body, .tww-public-body) [class~="2xl:col-span-10"] { grid-column: span 10 / span 10 !important; }
    :is(.tww-admin-body, .tww-public-body) [class~="2xl:col-span-11"] { grid-column: span 11 / span 11 !important; }
    :is(.tww-admin-body, .tww-public-body) [class~="2xl:col-span-12"] { grid-column: span 12 / span 12 !important; }
    :is(.tww-admin-body, .tww-public-body) [class~="2xl:col-span-full"] { grid-column: 1 / -1 !important; }
}

/* Exact arbitrary grid templates used by the checked-in Blade source. */
@media (min-width: 40rem) {
    :is(.tww-admin-body, .tww-public-body) [class~="sm:grid-cols-[minmax(0,1fr)_auto]"] { grid-template-columns: minmax(0,1fr) auto !important; }
}
@media (min-width: 40rem) {
    :is(.tww-admin-body, .tww-public-body) [class~="sm:grid-cols-[minmax(10rem,1fr)_auto]"] { grid-template-columns: minmax(10rem,1fr) auto !important; }
}
@media (min-width: 48rem) {
    :is(.tww-admin-body, .tww-public-body) [class~="md:grid-cols-[160px_1fr]"] { grid-template-columns: 160px 1fr !important; }
}
@media (min-width: 48rem) {
    :is(.tww-admin-body, .tww-public-body) [class~="md:grid-cols-[1fr_1.4fr_auto]"] { grid-template-columns: 1fr 1.4fr auto !important; }
}
@media (min-width: 48rem) {
    :is(.tww-admin-body, .tww-public-body) [class~="md:grid-cols-[1fr_180px_110px]"] { grid-template-columns: 1fr 180px 110px !important; }
}
@media (min-width: 48rem) {
    :is(.tww-admin-body, .tww-public-body) [class~="md:grid-cols-[1fr_auto]"] { grid-template-columns: 1fr auto !important; }
}
@media (min-width: 48rem) {
    :is(.tww-admin-body, .tww-public-body) [class~="md:grid-cols-[minmax(0,1fr)_auto]"] { grid-template-columns: minmax(0,1fr) auto !important; }
}
@media (min-width: 64rem) {
    :is(.tww-admin-body, .tww-public-body) [class~="lg:grid-cols-[1.15fr_0.85fr]"] { grid-template-columns: 1.15fr 0.85fr !important; }
}
@media (min-width: 64rem) {
    :is(.tww-admin-body, .tww-public-body) [class~="lg:grid-cols-[1fr_auto]"] { grid-template-columns: 1fr auto !important; }
}
@media (min-width: 64rem) {
    :is(.tww-admin-body, .tww-public-body) [class~="lg:grid-cols-[220px_minmax(0,1fr)_minmax(0,1fr)_auto]"] { grid-template-columns: 220px minmax(0,1fr) minmax(0,1fr) auto !important; }
}
@media (min-width: 64rem) {
    :is(.tww-admin-body, .tww-public-body) [class~="lg:grid-cols-[3rem_minmax(0,1fr)_auto]"] { grid-template-columns: 3rem minmax(0,1fr) auto !important; }
}
@media (min-width: 80rem) {
    :is(.tww-admin-body, .tww-public-body) [class~="xl:grid-cols-[0.95fr_1.05fr]"] { grid-template-columns: 0.95fr 1.05fr !important; }
}
@media (min-width: 80rem) {
    :is(.tww-admin-body, .tww-public-body) [class~="xl:grid-cols-[1.1fr_0.9fr]"] { grid-template-columns: 1.1fr 0.9fr !important; }
}
@media (min-width: 80rem) {
    :is(.tww-admin-body, .tww-public-body) [class~="xl:grid-cols-[1.2fr_0.8fr]"] { grid-template-columns: 1.2fr 0.8fr !important; }
}
@media (min-width: 80rem) {
    :is(.tww-admin-body, .tww-public-body) [class~="xl:grid-cols-[1fr_220px_170px_170px_auto]"] { grid-template-columns: 1fr 220px 170px 170px auto !important; }
}
@media (min-width: 80rem) {
    :is(.tww-admin-body, .tww-public-body) [class~="xl:grid-cols-[420px_1fr]"] { grid-template-columns: 420px 1fr !important; }
}
@media (min-width: 80rem) {
    :is(.tww-admin-body, .tww-public-body) [class~="xl:grid-cols-[minmax(0,0.9fr)_minmax(0,1.1fr)]"] { grid-template-columns: minmax(0,0.9fr) minmax(0,1.1fr) !important; }
}
@media (min-width: 80rem) {
    :is(.tww-admin-body, .tww-public-body) [class~="xl:grid-cols-[minmax(0,1.5fr)_minmax(320px,.75fr)]"] { grid-template-columns: minmax(0,1.5fr) minmax(320px,.75fr) !important; }
}
@media (min-width: 80rem) {
    :is(.tww-admin-body, .tww-public-body) [class~="xl:grid-cols-[minmax(0,1fr)_22rem]"] { grid-template-columns: minmax(0,1fr) 22rem !important; }
}
@media (min-width: 80rem) {
    :is(.tww-admin-body, .tww-public-body) [class~="xl:grid-cols-[minmax(0,2fr)_minmax(20rem,1fr)]"] { grid-template-columns: minmax(0,2fr) minmax(20rem,1fr) !important; }
}

/* Guardrail: non-form responsive grids must own their child placement. */
:is(.tww-admin-body, .tww-public-body) :is(
    .tww-summary-grid,
    [data-tww-layout-grid],
    .tww-card-grid,
    .tww-metric-grid
) > * {
    min-width: 0;
}

/*
 * Semantic invoice form composition.
 *
 * This file is the final layout layer. These selectors intentionally reset the
 * full-row fallback from the form-composition stylesheet for every invoice field
 * token used by the Blade component. Keeping the complete token set here prevents
 * a later surface stylesheet from silently returning the form to one field per row.
 */
:is(.tww-admin-body, .tww-public-body)
[data-tww-livewire-form="billing-invoice"]
:is(
    [data-tww-invoice-document-grid],
    [data-tww-invoice-party-grid],
    [data-tww-invoice-appearance-grid],
    [data-tww-invoice-payment-fields]
) {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) !important;
    align-items: start;
    gap: clamp(.75rem, 1.3vw, 1rem) !important;
}

:is(.tww-admin-body, .tww-public-body)
[data-tww-livewire-form="billing-invoice"]
:is(
    [data-tww-invoice-document-grid],
    [data-tww-invoice-party-grid],
    [data-tww-invoice-appearance-grid],
    [data-tww-invoice-payment-fields]
) > [class*="tww-invoice-field-"] {
    grid-column: auto !important;
    min-width: 0;
}

@media (min-width: 48rem) {
    :is(.tww-admin-body, .tww-public-body)
    [data-tww-livewire-form="billing-invoice"]
    :is(
        [data-tww-invoice-document-grid],
        [data-tww-invoice-party-grid],
        [data-tww-invoice-appearance-grid],
        [data-tww-invoice-payment-fields]
    ) {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    }

    :is(.tww-admin-body, .tww-public-body)
    [data-tww-livewire-form="billing-invoice"]
    [data-tww-invoice-party-grid] > .tww-invoice-field-two-fifths,
    :is(.tww-admin-body, .tww-public-body)
    [data-tww-livewire-form="billing-invoice"]
    [data-tww-invoice-payment-fields] > .tww-invoice-field-full {
        grid-column: 1 / -1 !important;
    }
}

@media (min-width: 64rem) {
    :is(.tww-admin-body, .tww-public-body)
    [data-tww-livewire-form="billing-invoice"]
    [data-tww-invoice-document-grid] {
        grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
    }

    :is(.tww-admin-body, .tww-public-body)
    [data-tww-livewire-form="billing-invoice"]
    [data-tww-invoice-party-grid] {
        grid-template-columns: repeat(5, minmax(0, 1fr)) !important;
    }

    :is(.tww-admin-body, .tww-public-body)
    [data-tww-livewire-form="billing-invoice"]
    [data-tww-invoice-appearance-grid],
    :is(.tww-admin-body, .tww-public-body)
    [data-tww-livewire-form="billing-invoice"]
    [data-tww-invoice-payment-fields] {
        grid-template-columns: repeat(6, minmax(0, 1fr)) !important;
    }

    :is(.tww-admin-body, .tww-public-body)
    [data-tww-livewire-form="billing-invoice"]
    [data-tww-invoice-party-grid] > .tww-invoice-field-two-fifths {
        grid-column: span 2 / span 2 !important;
    }

    :is(.tww-admin-body, .tww-public-body)
    [data-tww-livewire-form="billing-invoice"]
    [data-tww-invoice-party-grid] > .tww-invoice-field-one-fifth,
    :is(.tww-admin-body, .tww-public-body)
    [data-tww-livewire-form="billing-invoice"]
    [data-tww-invoice-document-grid] > .tww-invoice-field-quarter {
        grid-column: span 1 / span 1 !important;
    }

    :is(.tww-admin-body, .tww-public-body)
    [data-tww-livewire-form="billing-invoice"]
    :is([data-tww-invoice-appearance-grid], [data-tww-invoice-payment-fields]) > .tww-invoice-field-third {
        grid-column: span 2 / span 2 !important;
    }

    :is(.tww-admin-body, .tww-public-body)
    [data-tww-livewire-form="billing-invoice"]
    :is([data-tww-invoice-appearance-grid], [data-tww-invoice-payment-fields]) > .tww-invoice-field-half {
        grid-column: span 3 / span 3 !important;
    }

    :is(.tww-admin-body, .tww-public-body)
    [data-tww-livewire-form="billing-invoice"]
    [data-tww-invoice-payment-fields] > .tww-invoice-field-two-thirds {
        grid-column: span 4 / span 4 !important;
    }

    :is(.tww-admin-body, .tww-public-body)
    [data-tww-livewire-form="billing-invoice"]
    [data-tww-invoice-payment-fields] > .tww-invoice-field-full {
        grid-column: 1 / -1 !important;
    }
}