.shipping-groups-page .admin-page-header {
    gap: 16px;
}

.shipping-groups-back {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    min-height: 32px;
    margin-bottom: 8px;
    font-weight: 500;
}

.shipping-groups-form {
    max-width: var(--mkp-form-width);
}

.shipping-groups-form .card-body {
    padding: var(--mkp-form-padding);
}

.shipping-groups-section-title {
    margin: 0 0 24px;
    font-size: 16px;
    font-weight: 600;
}

.shipping-groups-form-actions {
    display: flex;
    justify-content: flex-end;
    padding: 16px var(--mkp-form-padding);
    border-top: 1px solid var(--mkp-border);
}

.shipping-groups-form .form-text {
    margin-bottom: 0;
}

.shipping-groups-list {
    min-width: 0;
    overflow: hidden;
}

.shipping-groups-toolbar {
    padding: 16px;
    border-bottom: 1px solid var(--mkp-border);
}

.shipping-groups-search {
    width: min(100%, 360px);
}

.shipping-groups-page #Grid {
    border: 0;
    border-radius: 0;
}

.shipping-groups-page #Grid td:first-child {
    font-weight: 500;
    overflow-wrap: anywhere;
}

/* An empty Kendo export toolbar must not add a second blank filter row.
   Actual export controls retain their original markup and visibility. */
.shipping-groups-page #Grid > .k-grid-toolbar:empty,
.shipping-groups-page #Grid > .k-grid-toolbar:has(> .k-toolbar-overflow-button.k-hidden:only-child) {
    display: none;
}

.shipping-groups-page #Grid :is(th.k-header, .k-table-th) {
    color: var(--mkp-foreground);
    font-size: 14px;
    font-weight: 500;
    background: var(--mkp-muted);
}

.shipping-groups-page #Grid :is(th, td) {
    padding-inline: 16px;
}

.shipping-groups-page #Grid td .btn-group {
    gap: 8px;
}

.shipping-groups-page #Grid td .btn-group > .btn {
    min-width: 32px;
    min-height: 32px;
    margin: 0;
    border-radius: var(--mkp-radius-sm);
    font-size: 14px;
}

.shipping-groups-page #Grid .k-grid-pager {
    padding: 12px 16px;
    font-size: 14px;
}

.shipping-groups-page #Grid .k-pager-info {
    font-size: 14px;
}

.shipping-groups-empty {
    display: grid;
    gap: 8px;
    padding: 32px 20px;
    text-align: center;
    white-space: normal;
}

.shipping-groups-empty span {
    color: var(--mkp-muted-foreground);
    font-weight: 400;
}

@media (max-width: 575.98px) {
    .shipping-groups-form .card-body,
    .shipping-groups-form-actions,
    .shipping-groups-toolbar {
        padding: 16px;
    }
}