/**
 * Shared UI components — integration with app shell.
 * Core tokens + stat cards + tables: design-system.css
 */

.page-content .stats-grid,
.luxury-page-content .stats-grid {
    margin-bottom: 24px;
}

.page-content > .page-header,
.luxury-page-content > .page-header {
    margin-bottom: 24px;
}

.card + .stats-grid,
.stats-grid + .card,
.stats-grid + .table-card {
    margin-top: 24px;
}

.table-card .card-header,
.table-card .table-card__header {
    margin: 0;
}

.notification-icon .icon {
    width: 22px;
    height: 22px;
}

.perm-check {
    display: inline-flex;
    align-items: center;
    color: var(--success, #22C55E);
    margin-right: 6px;
}

.hk-column-icon .icon {
    width: 22px;
    height: 22px;
}

.report-hub-icon .icon {
    width: 22px;
    height: 22px;
}

.stat-card__icon .icon {
    width: 22px;
    height: 22px;
}