/* =========================================================
   ErrorBanner.css — error/info status banner component.

   Consumed by Razor pages that render `.error-banner` and
   `.status-banner.{draft|processed|...}` strips. Reads tokens
   from sares-tokens.css. Colors are currently hard-coded
   rather than driven from tokens (see onboarding-findings).
   ========================================================= */

.error-banner {
    background-color: #ffdddd;
    color: #a94442;
    padding: 10px;
    margin-top: 10px;
    border: 1px solid #a94442;
    border-radius: 5px;
}

.status-banner.draft {
    background-color: #ccc;
    color: #333;
}

.status-banner.processed {
    background-color: green;
    color: white;
}

.status-banner.approved {
    background-color: blue;
    color: white;
}

.status-banner.rejected {
    background-color: red;
    color: white;
}

.error-banner {
    background-color: #ffd2d2;
    color: #a94442;
    padding: 10px;
    margin-top: 10px;
}

.row-error {
    background-color: #fff3cd;
}

.error-text {
    color: red;
    font-size: 0.9em;
}