/* UI-S02-T03 — pg-empty-state.css: Empty state component styles */
.pg-empty-state {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: var(--pg-sp-12, 48px) var(--pg-sp-8, 32px);
    text-align: center;
    color: var(--pg-color-text-secondary, #6a6d70);
    gap: var(--pg-sp-3, 12px);
}

.pg-empty-state__icon {
    color: var(--pg-color-text-tertiary, #9aa0a6);
    margin-bottom: var(--pg-sp-2, 8px);
    opacity: 0.7;
}

.pg-empty-state__title {
    font-size: 14px;
    font-weight: 600;
    color: var(--pg-color-text, #32363a);
    margin: 0;
}

.pg-empty-state__desc {
    font-size: 13px;
    margin: 0;
    max-width: 340px;
    line-height: 1.5;
    color: var(--pg-color-text-secondary, #6a6d70);
}