@import "variables";

.o_fusion_reports {
    background: $report-bg-secondary;
    min-height: 100vh;

    &_header {
        background: $report-bg-primary;
        border-bottom: 1px solid $report-border;
        padding: $report-space-4 $report-space-6;
        display: flex;
        justify-content: space-between;
        align-items: center;

        h1 {
            font-size: $report-font-size-xl;
            margin: 0;
        }
    }

    &_table {
        background: $report-bg-primary;
        border: 1px solid $report-border;
        border-radius: $report-border-radius-md;
        margin: $report-space-4;
        overflow: hidden;
        font-family: $report-font-mono;
        font-size: $report-font-size-sm;

        table {
            width: 100%;
            border-collapse: collapse;
        }

        th {
            background: $report-bg-tertiary;
            padding: $report-space-3 $report-space-4;
            text-align: left;
            font-weight: 600;
            color: $report-text-secondary;
            border-bottom: 1px solid $report-border;
        }

        th.amount, td.amount {
            text-align: right;
            white-space: nowrap;
        }

        td {
            padding: $report-space-2 $report-space-4;
            border-bottom: 1px solid lighten($report-border, 5%);
        }

        tr.subtotal {
            font-weight: 600;
            background: $report-bg-secondary;
            border-top: 1px solid $report-text-muted;
        }

        tr.subtotal td {
            border-bottom: 1px solid $report-text-muted;
        }

        tr.drillable {
            cursor: pointer;
            &:hover { background: $report-accent-bg; }
        }

        .level-1 { padding-left: $report-space-4 + $report-indent-per-level; }
        .level-2 { padding-left: $report-space-4 + $report-indent-per-level * 2; }
        .level-3 { padding-left: $report-space-4 + $report-indent-per-level * 3; }

        .variance-pos { color: $report-variance-positive; }
        .variance-neg { color: $report-variance-negative; }
    }

    &_filters {
        background: $report-bg-primary;
        padding: $report-space-3 $report-space-4;
        border-bottom: 1px solid $report-border;
        display: flex;
        gap: $report-space-3;
        align-items: center;
        flex-wrap: wrap;
    }

    .btn_report {
        padding: $report-space-2 $report-space-4;
        border-radius: $report-border-radius;
        background: $report-bg-primary;
        border: 1px solid $report-border;
        color: $report-text-primary;
        font-size: $report-font-size-sm;
        cursor: pointer;
        transition: all 150ms ease-in-out;

        &:hover { background: $report-bg-tertiary; }

        &.primary {
            background: $report-accent;
            border-color: $report-accent;
            color: white;

            &:hover { background: darken($report-accent, 8%); }
        }
    }
}

.o_fusion_anomaly_strip {
    margin: $report-space-3;
    padding: $report-space-3;
    border-radius: $report-border-radius;
    border: 1px solid;
    font-size: $report-font-size-sm;

    &[data-severity="high"] {
        background: $report-severity-high-bg;
        border-color: $report-severity-high;
    }
    &[data-severity="medium"] {
        background: $report-severity-medium-bg;
        border-color: $report-severity-medium;
    }
    &[data-severity="low"] {
        background: $report-severity-low-bg;
        border-color: $report-severity-low;
    }
}

.o_fusion_commentary_panel {
    background: $report-bg-primary;
    border: 1px solid $report-border;
    border-radius: $report-border-radius-md;
    margin: $report-space-3;
    padding: $report-space-4;

    h4 {
        margin: 0 0 $report-space-3;
        font-size: $report-font-size-base;
        color: $report-text-primary;
    }

    .commentary-section {
        margin-bottom: $report-space-3;

        h5 {
            font-size: $report-font-size-sm;
            color: $report-text-secondary;
            text-transform: uppercase;
            letter-spacing: 0.05em;
            margin-bottom: $report-space-2;
        }

        ul {
            margin: 0;
            padding-left: $report-space-4;

            li { margin: $report-space-1 0; }
        }
    }
}