.ui-card {
    position: relative;
    min-width: 0;
    overflow: hidden;
    border: 1px solid var(--divider);
    border-radius: var(--radius-card);
    background: var(--gradient-surface);
    box-shadow: var(--shadow-md);
    container-type: inline-size;
}

.ui-card > .ui-page-header {
    padding: 1.25rem 1.5rem 0;
}

.ui-card__body {
    padding: 1.5rem;
}

.ui-card--compact > .ui-page-header {
    padding: var(--space-4) var(--space-4) 0;
}

.ui-card--compact > .ui-card__body {
    padding: var(--space-4);
}