/* ═══════════════════════════════════════════════════════════════════════════
   CRM SETTINGS HUB — landing page grid of setting categories
   ═══════════════════════════════════════════════════════════════════════════ */

.crm-settings-grid {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(18rem, 1fr));
    gap: 1.25rem;
    padding: 1.5rem 0 3rem;
}

.crm-settings-card {
    display: flex;
    align-items: flex-start;
    gap: 1rem;
    padding: 1.25rem;
    border: 1px solid var(--w-color-border-furniture, #e5e7eb);
    border-radius: 0.375rem;
    color: var(--w-color-text-label, #111827);
    text-decoration: none;
    transition: border-color 0.15s ease;
}

.crm-settings-card:hover {
    border-color: var(--w-color-border-button-outline-default, #374151);
    text-decoration: none;
}

/* ── Icon ───────────────────────────────────────────────────────────────── */

.crm-settings-card__icon {
    flex-shrink: 0;
    width: 1.75rem;
    height: 1.75rem;
    color: var(--w-color-text-meta, #6b7280);
    margin-top: 0.125rem;
}

.crm-settings-card__icon .icon {
    width: 1.75rem;
    height: 1.75rem;
}

/* ── Body ───────────────────────────────────────────────────────────────── */

.crm-settings-card__title {
    font-size: 0.9375rem;
    font-weight: 600;
    margin: 0 0 0.25rem;
}

.crm-settings-card__description {
    font-size: 0.8125rem;
    color: var(--w-color-text-meta, #6b7280);
    margin: 0;
    line-height: 1.5;
}