/* =============================================================================
   integration/placeholder.css
   Feature placeholder / coming-soon boxes inside section cards.
   ============================================================================= */

.feature-placeholder,
.feature-request-box {
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    gap: var(--space-3);
    padding: var(--space-8) var(--space-5);
}

.feature-placeholder-icon,
.feature-request-icon {
    width: 52px;
    height: 52px;
    border-radius: var(--radius-full);
    background: var(--primary-light);
    color: var(--primary);
    font-size: var(--font-size-xl);
    display: flex;
    align-items: center;
    justify-content: center;
}

.feature-placeholder h4,
.feature-request-title {
    font-size: var(--font-size-base);
    font-weight: var(--font-weight-semibold);
    color: var(--text-dark);
    margin: 0;
}

.feature-placeholder p,
.feature-request-description {
    font-size: var(--font-size-sm);
    color: var(--text-light);
    max-width: 420px;
    margin: 0;
    line-height: var(--line-height-relaxed);
}

.feature-placeholder-note,
.feature-request-note {
    font-size: var(--font-size-xs);
    color: var(--text-subtle);
    margin: 0;
}