/* What a list says while it has no row (templates/partials/_empty_state.html),
   and the dashboard's first steps (templates/dashboard/index.html). */
.empty-state { text-align: center; padding: 40px 24px 44px; white-space: normal; }
.empty-state-icon {
    width: 52px; height: 52px; border-radius: 50%; margin: 0 auto 12px;
    display: flex; align-items: center; justify-content: center;
    background: rgba(var(--bs-primary-rgb), .1); color: var(--bs-primary); font-size: 26px;
}
.empty-state-title { font-size: 16px; font-weight: 600; margin: 0 0 6px; color: var(--bs-body-color); }
.empty-state-text { max-width: 400px; margin: 0 auto 16px; color: var(--bs-secondary-color); }
.empty-state-demo { margin: 14px 0 0; font-size: 13px; color: var(--bs-secondary-color); }
.empty-state.is-filtered { padding: 28px 24px; }
.empty-state.is-filtered .empty-state-title { font-size: 14.5px; }
.tabulator .tabulator-placeholder .tabulator-placeholder-contents:has(.empty-state) { padding: 0; }