/*
    Path: src/client/css/main.css

    Description:

    This is the main CSS file, it's the entry point for ESBuild.
    All other CSS files should be imported here via @import, if you want to use them.
    ESBuild will bundle all imported CSS files including this one into a single file.

    This file has to be appended to metadata/app/client.json, example below:

    {
        "cssList": [
            "__APPEND__",
            "client/modules/<module-name>/css/main.css"
        ]
    }

    (If not required, you can remove this file and the metadata/app/client.json entry.)
*/

/* Total Discrepancy Highlighting */
.total-discrepancy-tooltip {
    max-width: 300px;
    padding: 8px 12px;
    border-radius: 4px;
    font-size: 12px;
    line-height: 1.4;
}

.total-discrepancy-tooltip.total-discrepancy-warning {
    background-color: #fff3cd;
    border: 1px solid #ffc107;
    color: #856404;
}

.total-discrepancy-tooltip.total-discrepancy-critical {
    background-color: #f8d7da;
    border: 1px solid #dc3545;
    color: #721c24;
}

/* Calculated Totals Panel */
.calculated-totals-panel .panel-body {
    background-color: #f8f9fa;
    border-radius: 4px;
}

.calculated-totals-panel .discrepancy-indicator {
    margin-left: 8px;
    animation: pulse-warning 2s infinite;
}

@keyframes pulse-warning {
    0% {
        opacity: 1;
    }
    50% {
        opacity: 0.5;
    }
    100% {
        opacity: 1;
    }
}

/* Total Validation Notice */
.total-validation-notice {
    border-left: 4px solid #17a2b8;
    background-color: #d1ecf1;
    color: #0c5460;
}

.total-validation-notice ul {
    font-size: 13px;
}