/* Fluid sizing for billing pages. Components grow into available room and wrap only when needed. */
.billing-plans {
    grid-template-columns: repeat(auto-fit, minmax(min(100%, 250px), 1fr)) !important;
}

.payment-methods {
    grid-template-columns: repeat(auto-fit, minmax(min(100%, 210px), 1fr)) !important;
}

.transfer-fields,
.checkout-fields {
    grid-template-columns: repeat(auto-fit, minmax(min(100%, 220px), 1fr)) !important;
}

.billing-plan,
.payment-method,
.checkout-main,
.checkout-summary,
.editor-grid > *,
.admin-stats > * {
    min-width: 0;
}

.admin-stats {
    grid-template-columns: repeat(auto-fit, minmax(min(100%, 145px), 1fr)) !important;
}

.editor-grid {
    grid-template-columns: repeat(auto-fit, minmax(min(100%, 210px), 1fr)) !important;
}

.checkout-layout {
    grid-template-columns: minmax(min(100%, 430px), 1.65fr) minmax(min(100%, 260px), .75fr) !important;
}

.settings-nav .btn,
.admin-toolbar .btn {
    flex: 1 1 150px;
    max-width: 240px;
}

@media (max-width: 760px) {
    .checkout-layout {
        grid-template-columns: minmax(0, 1fr) !important;
    }

    .admin-stats {
        grid-template-columns: repeat(auto-fit, minmax(min(100%, 125px), 1fr)) !important;
    }
}

@media (max-width: 420px) {
    .settings-nav .btn,
    .admin-toolbar .btn {
        flex-basis: 100%;
        max-width: none;
    }
}