.progressivediscount-page h2 {
    margin: 0;
    font-size: 1rem;
    font-weight: 600;
    line-height: 1.5;
}

.progressivediscount-toolbar {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 16px;
    padding: 16px;
}

.progressivediscount-section-description {
    margin: 4px 0 0;
    color: var(--mkp-muted-foreground);
}

.progressivediscount-search { width: min(100%, 340px); }
.progressivediscount-scroll-hint {
    margin: 0;
    padding: 0 16px 12px;
    color: var(--mkp-muted-foreground);
    font-size: var(--mkp-font-size);
    line-height: 1.5;
}
.progressivediscount-scroll-hint i { margin-inline-end: 4px; }
.progressivediscount-page > .k-grid { border-inline: 0; border-bottom: 0; }
.progressivediscount-page #Grid .k-table-th {
    color: var(--mkp-foreground);
    font-size: var(--mkp-font-size);
    font-weight: 600;
}
.progressivediscount-page #Grid .k-grid-header :is(.k-grid-header-menu, .k-grid-filter) {
    color: var(--mkp-muted-foreground);
    opacity: 1;
}
.progressivediscount-page #Grid td:nth-child(2),
.progressivediscount-page #Grid td:nth-child(3) { font-variant-numeric: tabular-nums; }

.progressivediscount-empty {
    display: flex;
    width: 100%;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 10px;
    padding: 40px 16px;
    white-space: normal;
    text-align: center;
}

.progressivediscount-empty > i {
    display: grid;
    place-items: center;
    width: 44px;
    height: 44px;
    border-radius: var(--mkp-radius);
    background: var(--mkp-muted);
    color: var(--mkp-muted-foreground);
    font-size: 18px;
}

.progressivediscount-empty strong { font-size: 1rem; font-weight: 600; color: var(--mkp-foreground); }
.progressivediscount-empty p { margin: 0; max-width: 440px; color: var(--mkp-muted-foreground); }
.progressivediscount-form { max-width: 720px; }
.progressivediscount-form .card-body { padding: 24px; }
.progressivediscount-form-actions {
    display: flex;
    justify-content: flex-end;
    gap: 8px;
    padding: 16px 24px;
    border-top: 1px solid var(--mkp-border);
}
.progressivediscount-section-description { margin-bottom: 20px; }
.progressivediscount-rule { margin-top: 24px; padding-top: 24px; border-top: 1px solid var(--mkp-border); }
.progressivediscount-note { display: flex; align-items: baseline; gap: 10px; margin-top: 24px; padding: 14px 16px; border-radius: var(--mkp-radius); background: var(--mkp-muted); color: var(--mkp-muted-foreground); }
.progressivediscount-note p { margin: 0; }

@media (max-width: 575.98px) {
    .progressivediscount-toolbar, .progressivediscount-form .card-body { padding: 16px; }
    .progressivediscount-search { width: 100%; }
    .progressivediscount-form-actions { padding: 16px; }
    .progressivediscount-empty { padding: 28px 0; }
}