@import "variables";

// ============================================================
// AI Suggestion strip (inline, on each statement line card)
// ============================================================
.o_fusion_ai_suggestion {
    margin-top: $fusion-space-3;
    padding: $fusion-space-3;
    border-radius: $fusion-border-radius;
    border: 1px solid;
    display: flex;
    align-items: center;
    gap: $fusion-space-3;
    font-size: $fusion-font-size-sm;
    transition: all $fusion-transition-base;

    // Confidence bands — apply via [data-band="..."] attribute
    &[data-band="high"] {
        background: $fusion-confidence-high-bg;
        border-color: $fusion-confidence-high;

        .o_fusion_confidence_value { color: $fusion-confidence-high; }
    }
    &[data-band="medium"] {
        background: $fusion-confidence-medium-bg;
        border-color: $fusion-confidence-medium;

        .o_fusion_confidence_value { color: $fusion-confidence-medium; }
    }
    &[data-band="low"] {
        background: $fusion-confidence-low-bg;
        border-color: $fusion-confidence-low;

        .o_fusion_confidence_value { color: $fusion-confidence-low; }
    }
    &[data-band="none"] {
        background: $fusion-confidence-none-bg;
        border-color: $fusion-confidence-none;
        opacity: 0.7;
    }

    .o_fusion_confidence_badge {
        font-weight: $fusion-font-weight-bold;
        font-size: $fusion-font-size-base;
        white-space: nowrap;
    }

    .o_fusion_suggestion_text {
        flex: 1;
        color: $fusion-color-text-primary;

        .o_fusion_reasoning {
            color: $fusion-color-text-secondary;
            font-style: italic;
            margin-top: $fusion-space-1;
        }
    }

    .o_fusion_suggestion_actions {
        display: flex;
        gap: $fusion-space-2;
    }
}

// ============================================================
// Alternatives panel (expandable list of other suggestions)
// ============================================================
.o_fusion_alternatives_panel {
    margin-top: $fusion-space-2;
    padding: $fusion-space-3;
    background: $fusion-color-bg-secondary;
    border: 1px solid $fusion-color-border;
    border-radius: $fusion-border-radius;
    font-size: $fusion-font-size-sm;

    .o_fusion_alternative {
        padding: $fusion-space-2 0;
        border-bottom: 1px solid $fusion-color-border;
        display: flex;
        justify-content: space-between;
        align-items: center;

        &:last-child { border-bottom: none; }

        .alt_confidence {
            font-weight: $fusion-font-weight-medium;
            margin-right: $fusion-space-2;
        }
    }
}