:host ::ng-deep {
    .ai-suggest-row {
        margin-bottom: 14px;
    }

    .btn-ai {
        padding: 7px 14px;
        border-radius: var(--radius-md);
        border: 1px solid var(--accent-purple-border);
        background: var(--accent-purple-bg);
        color: var(--accent-purple);
        font-size: 13px;
        font-weight: 600;
        cursor: pointer;
        transition: background 0.15s;

        &:hover:not(:disabled) {
            background: var(--accent-purple-hover);
        }

        &:disabled {
            opacity: 0.55;
            cursor: not-allowed;
        }
    }

    .recommend-error {
        font-size: 12px;
        color: var(--danger);
        margin: 6px 0 0;
    }
}
