.integration-card-body {
    padding: var(--space-6) var(--space-8);
    display: flex;
    flex-direction: column;
    gap: var(--space-5);
    background-color: var(--bg-secondary);
    flex: 1;
}

.detail-card {
    background-color: var(--bg-primary);
    border: 1px solid var(--border-color);
    border-radius: var(--radius-lg);
    box-shadow: var(--shadow-sm);
    overflow: hidden;
}

.detail-content {
    padding: var(--space-5) var(--space-6);
    display: flex;
    flex-direction: column;
    gap: var(--space-3);
}

.detail-row {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: var(--space-4);
    padding-bottom: var(--space-3);
    border-bottom: 1px solid var(--border-light);
}

.detail-row:last-child {
    border-bottom: none;
    padding-bottom: 0;
}

.detail-label {
    font-size: var(--font-size-sm);
    color: var(--text-light);
    font-weight: var(--font-weight-medium);
    flex-shrink: 0;
}

.detail-value {
    font-size: var(--font-size-sm);
    color: var(--text-dark);
    font-weight: var(--font-weight-medium);
    text-align: right;
}

.subscription-actions {
    display: flex;
    gap: var(--space-3);
    flex-wrap: wrap;
}

@media (max-width: 768px) {
    .integration-card-body {
        padding: var(--space-4);
    }

    .detail-row {
        flex-direction: column;
        align-items: flex-start;
        gap: var(--space-1);
    }

    .detail-value {
        text-align: left;
    }
}