/* ==========================================================================
   BMS (BUILDING MANAGEMENT SYSTEM) - OFFICIAL BRAND PALETTE
   Palette Guide:
     - 60% Bianco (#FFFFFF)      : Sfondi, superfici, box di lavoro
     - 30% Blu Navy (#0B1E47)    : Sidebar, menu, titoli, struttura, navigazione
     - 10% Rosso Corallo (#FB373B): Accenti, pulsanti primari, elementi attivi
   ========================================================================== */

:root {
    --bms-navy: #0B1E47;
    --bms-navy-dark: #071533;
    --bms-navy-light: #10295C;
    --bms-navy-hover: #14326F;
    --bms-navy-text: #C4CFE5;
    
    --bms-coral: #FB373B;
    --bms-coral-hover: #E0282C;
    --bms-coral-active: #D41F23;
    --bms-coral-disabled: #FDA2A4;
    --bms-coral-light: #FFF0F1;
    
    --bms-surface: #FFFFFF;
    --bms-bg-app: #F4F6F9;
}

/* --------------------------------------------------------------------------
   1. PULSANTI PRIMARI (.btn-primary)
   -------------------------------------------------------------------------- */
.btn-primary {
    background-color: var(--bms-coral) !important;
    border-color: var(--bms-coral) !important;
    color: #FFFFFF !important;
}

.btn-primary:hover,
.btn-primary:focus,
.btn-primary:active,
.btn-primary.active,
.open .dropdown-toggle.btn-primary,
.btn-primary:active:focus,
.btn-primary:active:hover,
.btn-primary.active:hover,
.btn-primary.active:focus {
    background-color: var(--bms-coral-hover) !important;
    border-color: var(--bms-coral-hover) !important;
    color: #FFFFFF !important;
}

.btn-primary:active,
.btn-primary.active,
.open .dropdown-toggle.btn-primary {
    background-color: var(--bms-coral-active) !important;
    border-color: var(--bms-coral-active) !important;
    background-image: none !important;
}

.btn-primary.disabled,
.btn-primary.disabled:hover,
.btn-primary.disabled:focus,
.btn-primary.disabled:active,
.btn-primary.disabled.active,
.btn-primary[disabled],
.btn-primary[disabled]:hover,
.btn-primary[disabled]:focus,
.btn-primary[disabled]:active,
.btn-primary.active[disabled],
fieldset[disabled] .btn-primary,
fieldset[disabled] .btn-primary:hover,
fieldset[disabled] .btn-primary:focus,
fieldset[disabled] .btn-primary:active,
fieldset[disabled] .btn-primary.active {
    background-color: var(--bms-coral-disabled) !important;
    border-color: var(--bms-coral-disabled) !important;
    color: #FFFFFF !important;
}

/* Outline Buttons */
.btn-primary.btn-outline {
    color: var(--bms-coral) !important;
    background-color: transparent !important;
    border-color: var(--bms-coral) !important;
}

.btn-primary.btn-outline:hover,
.btn-primary.btn-outline:focus,
.btn-primary.btn-outline:active {
    background-color: var(--bms-coral) !important;
    border-color: var(--bms-coral) !important;
    color: #FFFFFF !important;
}

/* Pulsante di toggle e riduzione sidebar */
.btn-bg,
.navbar-minimalize.btn-primary {
    background-color: var(--bms-coral) !important;
    border-color: var(--bms-coral) !important;
    color: #FFFFFF !important;
}

.btn-bg:hover,
.btn-bg:focus,
.navbar-minimalize.btn-primary:hover,
.navbar-minimalize.btn-primary:focus {
    background-color: var(--bms-coral-hover) !important;
    border-color: var(--bms-coral-hover) !important;
    color: #FFFFFF !important;
}

/* --------------------------------------------------------------------------
   2. STRUTTURA & SIDEBAR NAVIGATION (BLU NAVY #0B1E47)
   -------------------------------------------------------------------------- */
body {
    background-color: var(--bms-navy) !important;
}

body.boxed-layout #wrapper {
    background-color: var(--bms-navy) !important;
}

.navbar-default,
.navbar-static-side {
    background-color: var(--bms-navy) !important;
    border-color: var(--bms-navy) !important;
}

.nav-header {
    background-color: var(--bms-navy) !important;
    background-image: none !important;
}

.nav-footer {
    background-color: var(--bms-navy) !important;
    background-image: none !important;
}

/* Sottomenu di secondo e terzo livello */
ul.nav-second-level,
ul.nav-third-level,
.mini-navbar .nav .nav-second-level,
.canvas-menu.mini-navbar .nav-second-level,
body.mini-navbar .navbar-default .nav > li > .nav-second-level {
    background: var(--bms-navy-dark) !important;
    background-color: var(--bms-navy-dark) !important;
}

/* Testi dei link del menu laterale */
.nav > li > a {
    color: var(--bms-navy-text) !important;
    font-weight: 500;
}

.nav > li > a:hover,
.nav > li > a:focus,
.navbar-default .nav > li > a:hover,
.navbar-default .nav > li > a:focus {
    background-color: var(--bms-navy-light) !important;
    color: #FFFFFF !important;
}

/* Voce attiva nella Sidebar: sfondo Navy illuminato e barra d'accento Rosso Corallo */
.nav > li.active {
    border-left: 4px solid var(--bms-coral) !important;
    background: var(--bms-navy-light) !important;
    background-color: var(--bms-navy-light) !important;
}

.nav > li.active > a {
    color: #FFFFFF !important;
    font-weight: 600;
}

.nav.nav-second-level > li.active {
    border-left: none !important;
}

.nav.nav-second-level > li.active > a {
    color: var(--bms-coral) !important;
    font-weight: 700;
}

.nav.nav-second-level > li > a {
    color: var(--bms-navy-text) !important;
}

.nav.nav-second-level > li > a:hover {
    color: #FFFFFF !important;
    background-color: var(--bms-navy) !important;
}

/* Stile logo ridotto */
.logo-element {
    background-color: var(--bms-navy) !important;
    color: #FFFFFF !important;
}

/* --------------------------------------------------------------------------
   3. BADGE, LABELS E DETTAGLI PRIMARI
   -------------------------------------------------------------------------- */
.label-primary,
.badge-primary,
.label-primary-condivisa,
.posizioneLabel,
.btn-primary-consumabili {
    background-color: var(--bms-coral) !important;
    border-color: var(--bms-coral) !important;
    color: #FFFFFF !important;
}

.riquadro_dettagli_ticket {
    background-color: var(--bms-coral) !important;
    color: #FFFFFF !important;
}

/* Paginazione attiva */
.pagination > .active > a,
.pagination > .active > span,
.pagination > .active > a:hover,
.pagination > .active > span:hover,
.pagination > .active > a:focus,
.pagination > .active > span:focus {
    background-color: var(--bms-coral) !important;
    border-color: var(--bms-coral) !important;
    color: #FFFFFF !important;
}

/* Tabs attive */
.nav-tabs > li.active > a,
.nav-tabs > li.active > a:hover,
.nav-tabs > li.active > a:focus {
    border-top: 3px solid var(--bms-coral) !important;
    color: var(--bms-navy) !important;
    font-weight: 600;
}

/* Wizard / Steps */
.wizard > .steps .current a,
.wizard > .steps .current a:hover,
.wizard > .steps .current a:active {
    background: var(--bms-coral) !important;
}

.wizard > .actions a,
.wizard > .actions a:hover,
.wizard > .actions a:active {
    background: var(--bms-coral) !important;
}

/* --------------------------------------------------------------------------
   4. TITOLI E TIPOGRAFIA
   -------------------------------------------------------------------------- */
.page-heading h2,
.ibox-title h5,
.title_header {
    color: var(--bms-navy);
    font-weight: 700;
}

.text-navy {
    color: var(--bms-navy) !important;
}

.text-coral {
    color: var(--bms-coral) !important;
}

/* --------------------------------------------------------------------------
   5. LOGIN PAGE REFINEMENTS
   -------------------------------------------------------------------------- */
.loginColumns .title {
    color: var(--bms-navy) !important;
    font-weight: 700;
}

.loginColumns .btn-save {
    background-color: var(--bms-coral) !important;
    border-color: var(--bms-coral) !important;
    font-size: 15px;
    font-weight: 600;
    padding: 10px;
    box-shadow: 0 4px 12px rgba(251, 55, 59, 0.28);
}

.loginColumns .btn-save:hover {
    background-color: var(--bms-coral-hover) !important;
    box-shadow: 0 6px 16px rgba(251, 55, 59, 0.38);
}