.inline-prompt {
    margin: 0 24px 16px;
    max-width: 800px;
    margin-left: auto;
    margin-right: auto;
}

.inline-prompt-content {
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 12px 16px;
    background: var(--surface-card, #fff);
    border: 1px solid var(--border-default, #e5e7eb);
    border-radius: var(--radius-lg, 12px);
    box-shadow: var(--shadow-sm);
}

.inline-prompt-icon {
    font-size: 24px;
    color: var(--color-primary, #3b82f6);
    flex-shrink: 0;
}

.inline-prompt-text {
    flex: 1;
    display: flex;
    flex-direction: column;
    gap: 2px;
    min-width: 0;
}

.inline-prompt-text strong {
    font-size: var(--font-size-sm, 0.85rem);
    color: var(--color-text-primary);
}

.inline-prompt-text span {
    font-size: var(--font-size-xs, 0.75rem);
    color: var(--color-text-secondary);
}

.inline-prompt-actions {
    display: flex;
    gap: 8px;
    flex-shrink: 0;
}

.inline-prompt-btn {
    padding: 6px 14px;
    border-radius: var(--radius-md, 8px);
    font-size: var(--font-size-sm, 0.85rem);
    font-weight: var(--font-weight-medium, 500);
    border: none;
    cursor: pointer;
    transition: var(--transition-fast);
}

.inline-prompt-btn-primary {
    background: var(--color-primary, #3b82f6);
    color: #fff;
}

.inline-prompt-btn-primary:hover:not(:disabled) {
    background: var(--color-primary-hover, #2563eb);
}

.inline-prompt-btn-primary:disabled {
    opacity: 0.6;
    cursor: not-allowed;
}

.inline-prompt-btn-dismiss {
    background: transparent;
    color: var(--color-text-secondary);
}

.inline-prompt-btn-dismiss:hover {
    background: var(--surface-subtle, #f3f4f6);
}

@media (max-width: 480px) {
    .inline-prompt {
        margin: 0 16px 12px;
    }

    .inline-prompt-content {
        flex-wrap: wrap;
    }

    .inline-prompt-actions {
        width: 100%;
        justify-content: flex-end;
    }
}