/**
 * Dashboard widget — Site Health summary on the WP dashboard.
 *
 * Standalone stylesheet enqueued only on wp-admin/index.php when the widget is
 * opted-in. Reuses BE design-system classes (.be-list, .be-empty-state,
 * .be-notice) — adds only the framing classes specific to a WP dashboard
 * widget (skeleton, dot, actions row, footer). All values come from
 * _tokens.css (var(--be-*)). Zero hard-coded colors or spacings.
 *
 * @package BlaminhorEssentials
 */

.be-dashwidget__skeleton {
    padding: var(--be-space-1) 0 var(--be-space-2);
}
.be-dashwidget__skeleton-row {
    height: 14px;
    background: var(--be-color-gray-200);
    border-radius: var(--be-radius-sm);
    margin-bottom: var(--be-space-2);
}
.be-dashwidget__skeleton-row:last-child {
    margin-bottom: 0;
    width: 70%;
}

.be-dashwidget__list .be-list__item {
    align-items: center;
}
.be-dashwidget__list .be-list__item-meta {
    margin-left: var(--be-space-2);
    flex-shrink: 0;
    white-space: nowrap;
}
.be-dashwidget__dot {
    flex-shrink: 0;
    width: 8px;
    height: 8px;
    border-radius: 50%;
    margin-right: var(--be-space-2);
    background: var(--be-color-gray-400);
}
.be-dashwidget__dot--critical { background: var(--be-color-danger); }
.be-dashwidget__dot--warning  { background: var(--be-color-warning); }
.be-dashwidget__dot--info     { background: var(--be-color-info); }
.be-dashwidget__dot--ok       { background: var(--be-color-success); }

.be-dashwidget__actions {
    display: flex;
    gap: var(--be-space-2);
    flex-wrap: wrap;
    margin-top: var(--be-space-3);
    padding-top: var(--be-space-3);
    border-top: 1px solid var(--be-surface-border);
}