:root{
    --brg-border:#D0D5DD;
    --brg-border-soft:#E4E6EF;
    --brg-text:#181C32;
    --brg-muted:#7E8299;
    --brg-bg:#F8FAFC;
    --brg-card:#FFFFFF;
    --brg-primary:#3699FF;
    --brg-primary-soft:rgba(54,153,255,.14);
    --brg-success:#50CD89;
    --brg-warning:#FFC700;
    --brg-danger:#F1416C;
    --brg-sidebar-1:#111827;
    --brg-sidebar-2:#0F172A;
    --brg-sidebar-border:rgba(255,255,255,.06);
}

/* =========================
   BASE
   ========================= */
html,
body{
    min-height:100%;
}

body{
    background:var(--brg-bg);
    color:var(--brg-text);
}

.brg-page-wrap{
    max-width:1600px;
    margin:0 auto;
}

.app-wrapper{
    min-height:100vh;
    background:var(--brg-bg);
}

.app-main{
    min-height:100vh;
    margin-left:280px;
    width:calc(100% - 280px);
}

/* =========================
   SIDEBAR
   ========================= */
.brg-sidebar{
    position:fixed;
    top:0;
    left:0;
    width:280px;
    height:100vh;
    background:linear-gradient(180deg,var(--brg-sidebar-1) 0%, var(--brg-sidebar-2) 100%);
    border-right:1px solid var(--brg-sidebar-border);
    display:flex;
    flex-direction:column;
    z-index:110;
    box-shadow:8px 0 24px rgba(2,6,23,.18);
}

.brg-sidebar-brand{
    padding:1.25rem 1.5rem;
    border-bottom:1px solid var(--brg-sidebar-border);
}

.brg-logo-mark{
    width:42px;
    height:42px;
    border-radius:14px;
    background:linear-gradient(135deg,#3699FF 0%, #1B84FF 100%);
    color:#fff;
    display:flex;
    align-items:center;
    justify-content:center;
    font-weight:800;
    font-size:1rem;
    box-shadow:0 8px 18px rgba(54,153,255,.22);
}

.brg-logo-title{
    color:#fff;
    font-size:1.15rem;
    font-weight:700;
    line-height:1.1;
}

.brg-logo-subtitle{
    color:#94A3B8;
    font-size:.76rem;
    margin-top:.15rem;
}

.brg-sidebar-user{
    padding:1rem 1.5rem;
    border-bottom:1px solid var(--brg-sidebar-border);
}

.brg-sidebar-scroll{
    padding:1rem;
    overflow-y:auto;
    scrollbar-width:thin;
    scrollbar-color:rgba(255,255,255,.15) transparent;
}

.brg-sidebar-scroll::-webkit-scrollbar{
    width:8px;
}

.brg-sidebar-scroll::-webkit-scrollbar-thumb{
    background:rgba(255,255,255,.12);
    border-radius:999px;
}

.brg-menu-group + .brg-menu-group{
    margin-top:1.15rem;
}

.brg-menu-title{
    font-size:.72rem;
    text-transform:uppercase;
    letter-spacing:.06em;
    color:#64748B;
    font-weight:700;
    margin-bottom:.65rem;
    padding:0 .75rem;
}

.brg-menu-link{
    display:flex;
    align-items:center;
    gap:.8rem;
    padding:.9rem .95rem;
    border-radius:.95rem;
    color:#CBD5E1;
    text-decoration:none;
    transition:all .18s ease;
    margin-bottom:.35rem;
    border:1px solid transparent;
}

.brg-menu-link:hover{
    background:rgba(255,255,255,.06);
    color:#fff;
}

.brg-menu-link.active{
    background:linear-gradient(90deg, rgba(54,153,255,.18) 0%, rgba(54,153,255,.08) 100%);
    color:#fff;
    border-color:rgba(54,153,255,.18);
    box-shadow:inset 0 0 0 1px rgba(255,255,255,.02);
}

.brg-menu-icon{
    width:22px;
    min-width:22px;
    display:inline-flex;
    justify-content:center;
    align-items:center;
}

.brg-menu-text{
    font-weight:600;
    font-size:.95rem;
}

/* =========================
   TOPBAR
   ========================= */
.brg-topbar,
.brg-topbar-2{
    position:sticky;
    top:0;
    z-index:90;
    background:rgba(255,255,255,.92);
    backdrop-filter:blur(8px);
    border-bottom:1px solid #EEF2F6;
}

/* =========================
   CARDS / CONTENEDORES
   ========================= */
.brg-card{
    background:var(--brg-card);
    border:1px solid #EEF1F5;
    border-radius:1rem;
    box-shadow:0 1px 2px rgba(16,24,40,.04);
}

.brg-card .card-header{
    border-bottom:1px solid #F1F3F6;
}

.brg-kpi-card{
    transition:all .18s ease;
}

.brg-kpi-card:hover{
    transform:translateY(-2px);
    box-shadow:0 8px 24px rgba(16,24,40,.08);
}

.brg-kpi-value{
    font-size:2rem;
    line-height:1;
    font-weight:800;
    color:var(--brg-text);
}

.brg-kpi-label{
    font-size:.95rem;
    font-weight:700;
    color:#5E6278;
}

.brg-kpi-subtext{
    font-size:.8rem;
    color:var(--brg-muted);
}

.brg-section-title{
    color:var(--brg-text);
    font-weight:700;
}

.brg-section-subtitle{
    color:var(--brg-muted);
}

/* =========================
   FORMULARIOS
   ========================= */
.brg-input,
.brg-select,
.brg-textarea{
    background:#FFFFFF !important;
    border:1px solid var(--brg-border) !important;
    color:var(--brg-text) !important;
    border-radius:.75rem !important;
    box-shadow:none !important;
    min-height:44px;
}

.brg-textarea{
    min-height:auto;
    resize:vertical;
}

.brg-input:hover,
.brg-select:hover,
.brg-textarea:hover{
    border-color:#BFC5D2 !important;
}

.brg-input:focus,
.brg-select:focus,
.brg-textarea:focus{
    border-color:var(--brg-primary) !important;
    box-shadow:0 0 0 .2rem var(--brg-primary-soft) !important;
    background:#FFFFFF !important;
}

.brg-readonly{
    background:#F5F8FA !important;
    border:1px solid #E4E6EF !important;
    color:#5E6278 !important;
}

.brg-label{
    color:#3F4254;
    font-weight:600;
    margin-bottom:.55rem;
}

/* =========================
   FILTROS
   ========================= */
.brg-filter-card{
    background:linear-gradient(180deg,#FFFFFF 0%, #FCFCFD 100%);
}

.brg-filter-actions{
    padding-top:.25rem;
}

/* =========================
   TABLAS
   ========================= */
.brg-table thead th{
    color:#7E8299 !important;
    font-size:.82rem;
    font-weight:700;
    text-transform:none;
    white-space:nowrap;
}

.brg-table tbody tr{
    transition:background-color .15s ease;
}

.brg-table tbody tr:hover{
    background:#FAFBFF;
}

.brg-table-title{
    color:var(--brg-text);
    font-weight:700;
}

/* =========================
   TIMELINE / EVIDENCIAS
   ========================= */
.brg-note{
    border:1px solid #EEF1F5;
    border-radius:.9rem;
    background:#fff;
    box-shadow:0 1px 2px rgba(16,24,40,.03);
}

.brg-file-link{
    display:inline-flex;
    align-items:center;
    gap:.5rem;
    padding:.65rem .9rem;
    border:1px dashed #D0D5DD;
    border-radius:.75rem;
    background:#fff;
    text-decoration:none;
}

.brg-file-link:hover{
    border-color:var(--brg-primary);
    background:#F5FAFF;
}

/* =========================
   CHIPS / BADGES
   ========================= */
.brg-chip{
    display:inline-flex;
    align-items:center;
    gap:.35rem;
    padding:.35rem .7rem;
    border-radius:999px;
    font-size:.78rem;
    font-weight:600;
    background:#F1F5F9;
    color:#475467;
}

.brg-due-danger{
    background:rgba(241,65,108,.12);
    color:#F1416C;
}

.brg-due-warning{
    background:rgba(255,199,0,.16);
    color:#B7791F;
}

.brg-due-success{
    background:rgba(80,205,137,.14);
    color:#0F9D58;
}

/* =========================
   BOTONES
   ========================= */
.btn.brg-btn-soft{
    background:#EEF6FF;
    color:#3699FF;
    border:1px solid #D6E9FF;
}

.btn.brg-btn-soft:hover{
    background:#DDEEFF;
    color:#1B84FF;
}

/* =========================
   RESPONSIVE
   ========================= */
@media (max-width:1199px){
    .brg-sidebar{
        display:none;
    }

    .app-main{
        margin-left:0;
        width:100%;
    }

    .brg-page-wrap{
        max-width:100%;
    }
}

/* =========================
   FASE 2.2 - PREMIUM DASHBOARD
   ========================= */

.brg-hero-card{
    overflow: hidden;
    position: relative;
    background:
        radial-gradient(circle at top right, rgba(54,153,255,.16) 0%, rgba(54,153,255,0) 36%),
        linear-gradient(135deg, #FFFFFF 0%, #F8FBFF 100%);
}

.brg-hero-content{
    padding: 2rem;
    display:flex;
    align-items:flex-start;
    justify-content:space-between;
    gap:1.5rem;
    min-height: 230px;
}

.brg-hero-eyebrow{
    font-size:.78rem;
    font-weight:700;
    text-transform:uppercase;
    letter-spacing:.06em;
    color:#3699FF;
    margin-bottom:.75rem;
}

.brg-hero-title{
    font-size:1.9rem;
    line-height:1.15;
    font-weight:800;
    color:#181C32;
    margin-bottom:.75rem;
    max-width: 720px;
}

.brg-hero-subtitle{
    color:#7E8299;
    font-size:1rem;
    max-width: 720px;
}

.brg-hero-mini-stats{
    display:grid;
    grid-template-columns:repeat(3, minmax(90px, 1fr));
    gap:.85rem;
    min-width: 290px;
}

.brg-mini-stat{
    background:#fff;
    border:1px solid #EEF1F5;
    border-radius:1rem;
    padding:1rem .9rem;
    text-align:center;
    box-shadow:0 1px 2px rgba(16,24,40,.04);
}

.brg-mini-stat-value{
    font-size:1.35rem;
    font-weight:800;
    color:#181C32;
    line-height:1;
    margin-bottom:.4rem;
}

.brg-mini-stat-label{
    font-size:.78rem;
    color:#7E8299;
    font-weight:600;
}

.brg-side-title{
    font-size:1rem;
    font-weight:700;
    color:#181C32;
    margin-bottom:1.2rem;
}

.brg-summary-item{
    display:flex;
    justify-content:space-between;
    align-items:center;
    padding:.85rem 0;
    border-bottom:1px dashed #E4E7EC;
}

.brg-summary-item:last-child{
    border-bottom:none;
}

.brg-summary-label{
    font-size:.92rem;
    color:#667085;
    font-weight:600;
}

.brg-summary-value{
    font-size:1rem;
    font-weight:800;
    color:#181C32;
}

.brg-kpi-top{
    display:flex;
    align-items:center;
    justify-content:space-between;
    margin-bottom:1rem;
}

.brg-kpi-icon{
    width:42px;
    height:42px;
    border-radius:14px;
    background:rgba(255,255,255,.16);
    display:flex;
    align-items:center;
    justify-content:center;
    font-size:1rem;
}

.brg-kpi-primary{
    background:linear-gradient(135deg,#1B84FF 0%, #3699FF 100%);
    border:none;
}

.brg-kpi-info{
    background:linear-gradient(135deg,#3F4254 0%, #5E6278 100%);
    border:none;
}

.brg-kpi-danger{
    background:linear-gradient(135deg,#F1416C 0%, #FF6B93 100%);
    border:none;
}

.brg-kpi-success{
    background:linear-gradient(135deg,#17C653 0%, #50CD89 100%);
    border:none;
}

.brg-kpi-warning{
    background:linear-gradient(135deg,#F6A800 0%, #FFC700 100%);
    border:none;
}

.brg-priority-item{
    padding:1rem 0;
    border-bottom:1px dashed #E4E7EC;
}

.brg-priority-item:last-child{
    border-bottom:none;
    padding-bottom:0;
}

.brg-priority-top{
    display:flex;
    align-items:flex-start;
    justify-content:space-between;
    gap:.75rem;
    margin-bottom:.4rem;
}

.brg-priority-title{
    font-weight:700;
    color:#181C32;
    line-height:1.3;
}

.brg-priority-meta{
    color:#7E8299;
    font-size:.83rem;
}

.brg-quick-stat{
    display:flex;
    justify-content:space-between;
    align-items:center;
    padding:1rem 0;
    border-bottom:1px dashed #E4E7EC;
}

.brg-quick-stat:last-child{
    border-bottom:none;
}

.brg-quick-stat-label{
    color:#667085;
    font-weight:600;
}

.brg-quick-stat-value{
    color:#181C32;
    font-weight:800;
}

@media (max-width: 1399px){
    .brg-hero-content{
        flex-direction:column;
    }

    .brg-hero-mini-stats{
        width:100%;
        min-width:unset;
    }
}

/* =========================
   FASE 2.3 - DETALLE PREMIUM
   ========================= */

.brg-stat-tile{
    overflow:hidden;
}

.brg-stat-label{
    font-size:.82rem;
    font-weight:700;
    color:#7E8299;
    text-transform:uppercase;
    letter-spacing:.04em;
    margin-bottom:.75rem;
}

.brg-stat-value{
    font-size:2rem;
    line-height:1;
    font-weight:800;
    color:#181C32;
}

.brg-stat-sub{
    margin-top:.75rem;
    font-size:.85rem;
    color:#7E8299;
}

.brg-progress-lg{
    height:10px;
    background:#E9F2FF;
    border-radius:999px;
    overflow:hidden;
}

.brg-meta-grid{
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:1rem;
}

.brg-meta-item{
    background:#F9FAFB;
    border:1px solid #EEF2F6;
    border-radius:.9rem;
    padding:1rem;
}

.brg-meta-label{
    font-size:.78rem;
    text-transform:uppercase;
    letter-spacing:.04em;
    color:#7E8299;
    font-weight:700;
    margin-bottom:.35rem;
}

.brg-meta-value{
    color:#181C32;
    font-weight:700;
    line-height:1.35;
}

.brg-upload-hint{
    font-size:.82rem;
    color:#7E8299;
}

.brg-evidence-grid{
    display:grid;
    grid-template-columns:1fr;
    gap:.85rem;
}

.brg-evidence-card{
    display:flex;
    align-items:center;
    gap:.85rem;
    padding:1rem;
    border:1px solid #E7ECF3;
    border-radius:.95rem;
    background:#FFFFFF;
    text-decoration:none;
    transition:all .18s ease;
}

.brg-evidence-card:hover{
    transform:translateY(-1px);
    box-shadow:0 8px 20px rgba(16,24,40,.06);
    border-color:#B9D7FF;
    background:#F8FBFF;
}

.brg-evidence-icon{
    width:42px;
    height:42px;
    border-radius:12px;
    display:flex;
    align-items:center;
    justify-content:center;
    background:#EEF6FF;
    font-size:1rem;
}

.brg-evidence-name{
    color:#181C32;
    font-weight:600;
    line-height:1.3;
    word-break:break-word;
}

.brg-timeline{
    position:relative;
}

.brg-timeline:before{
    content:"";
    position:absolute;
    top:0;
    bottom:0;
    left:10px;
    width:2px;
    background:#E6EEF9;
}

.brg-timeline-item{
    position:relative;
    padding-left:2.1rem;
    margin-bottom:1.25rem;
}

.brg-timeline-item:last-child{
    margin-bottom:0;
}

.brg-timeline-dot{
    position:absolute;
    left:2px;
    top:6px;
    width:18px;
    height:18px;
    border-radius:999px;
    background:#FFFFFF;
    border:4px solid #3699FF;
    box-shadow:0 0 0 4px #EEF6FF;
}

.brg-timeline-content{
    background:#FFFFFF;
    border:1px solid #EEF1F5;
    border-radius:1rem;
    padding:1rem;
    box-shadow:0 1px 2px rgba(16,24,40,.03);
}

@media (max-width: 991px){
    .brg-meta-grid{
        grid-template-columns:1fr;
    }
}
/* =========================
   FASE 2.4 - TABS / EMPTY / ACTIONS
   ========================= */

.brg-tabs-wrap{
    display:flex;
    flex-wrap:wrap;
    gap:.75rem;
}

.brg-tab-link{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    min-width:120px;
    padding:.75rem 1rem;
    border-radius:.85rem;
    background:#FFFFFF;
    border:1px solid #E7ECF3;
    color:#5E6278;
    text-decoration:none;
    font-weight:700;
    transition:all .18s ease;
}

.brg-tab-link:hover{
    color:#1B84FF;
    border-color:#B9D7FF;
    background:#F8FBFF;
}

.brg-tab-link.active{
    background:linear-gradient(135deg,#1B84FF 0%, #3699FF 100%);
    color:#FFFFFF;
    border-color:transparent;
    box-shadow:0 12px 24px rgba(54,153,255,.20);
}

.brg-empty-state{
    display:flex;
    flex-direction:column;
    align-items:center;
    justify-content:center;
    padding:3.5rem 1.5rem;
    text-align:center;
}

.brg-empty-icon{
    width:72px;
    height:72px;
    border-radius:20px;
    display:flex;
    align-items:center;
    justify-content:center;
    background:#EEF6FF;
    color:#1B84FF;
    font-size:2rem;
    font-weight:800;
    margin-bottom:1rem;
}

.brg-empty-title{
    font-size:1.15rem;
    font-weight:800;
    color:#181C32;
    margin-bottom:.45rem;
}

.brg-empty-text{
    max-width:420px;
    color:#7E8299;
    line-height:1.5;
}

/* ajuste de hero y panel superior derecho */
.brg-hero-card{
    min-height: 210px;
}

.brg-hero-content{
    min-height: 210px;
    align-items: flex-start;
}

.brg-summary-item{
    gap: 1rem;
}

.brg-summary-value{
    min-width: 28px;
    text-align: right;
}

@media (max-width: 1399px){
    .brg-hero-card,
    .brg-hero-content{
        min-height: auto;
    }
}

.brg-hero-card .card-body,
.brg-hero-content{
    padding: 2.25rem 2.5rem !important;
}

.brg-side-title,
.brg-summary-item,
.brg-card .card-body{
    padding-left: 1.5rem;
    padding-right: 1.5rem;
}

.brg-hero-title{
    max-width: 680px;
}

.brg-hero-subtitle{
    max-width: 720px;
    line-height: 1.6;
}

.brg-summary-item{
    padding-top: 1rem;
    padding-bottom: 1rem;
}

.brg-tabs-wrap{
    margin-top: .25rem;
    margin-bottom: 1rem;
}

.brg-card .card-header{
    padding-left: 1.5rem !important;
    padding-right: 1.5rem !important;
}

.brg-card .card-body{
    padding-top: 1.5rem;
    padding-bottom: 1.5rem;
}

/* cierre funcional tareas */
.brg-table .btn{
    white-space: nowrap;
}

/* módulo precios */
.brg-var-pos{
    color:#17C653;
    font-weight:700;
}

.brg-var-neg{
    color:#F1416C;
    font-weight:700;
}

.brg-var-zero{
    color:#7E8299;
    font-weight:700;
}

/* =========================
   SIDEBAR COLLAPSIBLE
   ========================= */

.brg-sidebar-toggle{
    width: 42px;
    height: 42px;
    border-radius: 12px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

.brg-sidebar{
    transition: width .22s ease, transform .22s ease;
}

.app-main{
    transition: margin-left .22s ease, width .22s ease;
}

/* estado normal */
body.brg-sidebar-enabled .brg-sidebar{
    width: 280px;
}

body.brg-sidebar-enabled .app-main{
    margin-left: 280px;
    width: calc(100% - 280px);
}

/* estado colapsado */
body.brg-sidebar-collapsed .brg-sidebar{
    width: 92px;
}

body.brg-sidebar-collapsed .app-main{
    margin-left: 92px;
    width: calc(100% - 92px);
}

body.brg-sidebar-collapsed .brg-brand-text,
body.brg-sidebar-collapsed .brg-user-name,
body.brg-sidebar-collapsed .brg-user-role,
body.brg-sidebar-collapsed .brg-menu-title,
body.brg-sidebar-collapsed .brg-menu-text{
    display: none !important;
}

body.brg-sidebar-collapsed .brg-sidebar-brand,
body.brg-sidebar-collapsed .brg-sidebar-user{
    padding-left: 1rem;
    padding-right: 1rem;
}

body.brg-sidebar-collapsed .brg-brand-inner{
    justify-content: center;
}

body.brg-sidebar-collapsed .brg-menu-link{
    justify-content: center;
    padding-left: .75rem;
    padding-right: .75rem;
}

body.brg-sidebar-collapsed .brg-menu-icon{
    width: auto;
    min-width: auto;
    font-size: 1.15rem;
}

body.brg-sidebar-collapsed .brg-sidebar-user{
    text-align: center;
}

body.brg-sidebar-collapsed .brg-logo-mark{
    margin: 0 auto;
}

/* hover más fuerte estilo app */
.brg-menu-link{
    min-height: 48px;
}

.brg-menu-link .brg-menu-icon i{
    font-size: 1.15rem;
}

.brg-menu-link.active{
    box-shadow: 0 8px 18px rgba(54,153,255,.18);
}

/* responsive */
@media (max-width: 1199px){
    .brg-sidebar{
        transform: translateX(-100%);
        width: 280px !important;
    }

    .app-main{
        margin-left: 0 !important;
        width: 100% !important;
    }

    body.brg-sidebar-mobile-open .brg-sidebar{
        transform: translateX(0);
    }
}

/* módulo control precio pedido */
.brg-table .bg-light-primary td{
    border-top: none !important;
}

.brg-readonly{
    display: flex;
    align-items: center;
}

/* ══════════════════════════════════════════════════════════════════════
   Marca BR (21-sep-2026, pedido por el usuario): rojo/negro/blanco tomados
   del logo de BR Group, en vez del azul/verde/ambar por defecto de la
   plantilla. Se activa envolviendo el contenido de una pantalla en
   <div class="br-brand">...</div> -- informe por informe, no global, para
   poder migrarlos de a uno. Definido una sola vez aqui (antes vivia
   duplicado en un <style> por vista; se centralizo al migrar el segundo
   informe para no repetir las mismas 20 reglas en cada archivo).

   Que SI se toca (acento puro, sin significado propio): botones primary,
   links activos, barra de seleccion, paginacion activa, alert-info.
   Que NO se toca (semaforo de estado real, se pierde la señal si se pinta
   todo del mismo color): badges de severidad/criticidad/clasificacion
   (badge-light-success/warning/danger cuando codifican una escala), y
   cualquier bg-success/bg-danger que sea la mitad de un par bueno/malo
   (ej. "Rotacion Normal" vs "Baja Rotacion" en Edades). Las tarjetas KPI
   .br-kpi-* son la excepcion cuando el color YA coincidia con la marca
   (ver Edades: "Baja Rotacion" ya era rojo=critico). Cada vista decide
   caso por caso cual aplica -- ver el comentario al inicio de cada archivo
   migrado. */
.br-brand { --br-red: #C81324; --br-red-deep: #7A0410; --br-black: #161311; }

.br-brand .br-kpi { border-radius: .95rem; }
.br-brand .br-kpi .card-body i,
.br-brand .br-kpi .card-body div { color: #FFFFFF; }
.br-brand .br-kpi-red { background: linear-gradient(135deg, var(--br-red-deep) 0%, var(--br-red) 100%); }
.br-brand .br-kpi-black { background: var(--br-black); }
/* 22-sep-2026: gris neutro para una categoria "pendiente de revision" que no
   es alarma real pero tampoco debe leerse como rojo/negro -- reemplaza el
   ambar de la plantilla base (ver Inventario al dia: Retenido por calidad).
   Elegido con el mismo tono calido que --page-muted del prototipo, no un
   gris frio generico. */
.br-brand .br-kpi-gray { background: linear-gradient(135deg, #4E4842 0%, #79726A 100%); }
.br-brand .br-kpi-white { background: #FFFFFF; border: 1.5px solid var(--br-red) !important; }
.br-brand .br-kpi-white .card-body i,
.br-brand .br-kpi-white .card-body div { color: var(--br-black) !important; }

.br-brand .text-primary { color: var(--br-red) !important; }
.br-brand .text-hover-primary:hover { color: var(--br-red) !important; }
.br-brand .text-info { color: var(--br-black) !important; }
.br-brand .btn-primary { background-color: var(--br-red) !important; border-color: var(--br-red) !important; }
.br-brand .btn-light-primary { background-color: #FBE7E9 !important; color: var(--br-red) !important; }
.br-brand .btn-light-primary:hover { background-color: var(--br-red) !important; color: #FFFFFF !important; }
.br-brand .btn-light-info { background-color: #F2F0EF !important; color: var(--br-black) !important; }
.br-brand .btn-light-info:hover { background-color: var(--br-black) !important; color: #FFFFFF !important; }
.br-brand .badge-light-primary { background-color: #F2F0EF !important; color: var(--br-black) !important; }
.br-brand .bg-light-primary { background-color: #FBE7E9 !important; }
.br-brand .bg-primary { background-color: var(--br-red) !important; }
.br-brand .alert-info,
.br-brand .alert-primary { background-color: #F2F0EF !important; border-color: #E4DFDC !important; color: var(--br-black) !important; }
.br-brand .pagination .page-item.active .page-link { background-color: var(--br-red) !important; border-color: var(--br-red) !important; }
.br-brand .spinner-border.text-primary { color: var(--br-red) !important; }