/**************************************************************************
 *
 *      OpenSearch Dashboards 3.5
 *      Plus Innovation Corporate Theme (Magenta/Pink Accent Edition)
 *
 **************************************************************************/

/************* CORPORATE COLORS (Plus Innovation Palette) ****************/

 

/*
barra in alto #E3477E  --> #DC6467
testo pulsane #FFFFFF
Sfondo Pulsante #14469C --> #80BCEB
visualize     #CFDEDB --> #14469C
pulsante login #CFDEDB

*/

 

:root {
    /* Main Brand Colors */
    --pi-primary: #DC6467;       /* Blu istituzionale Plus Innovation */
    --pi-primary-dark: #003B70;  /* Blu scuro per Nav e Sidebar */
    --pi-primary-light: #DC6467; /* Blu chiaro per dettagli secondari */

    /* Accent & Highlight Colors (Magenta #E3477E)) */
    --pi-accent: #DC6467;        /* Rosa/Magenta per Header, Scrollbar e accenti */
    --pi-accent-dark: #C43869;   /* Sfumatura scura per stati Hover */
    --pi-accent-light: #DC6467;  /* Sfondo rosa tenue per Badge, Hover e selezioni */

    /* Neutral & UI Colors */
    --pi-background: #FFFFFF;   /* Sfondo principale chiaro */
    --pi-text: #1C2A3A;          /* Colore testo ad alto contrasto */
    --pi-border: #DDE5ED;        /* Bordi e divisori */
    --pi-surface: #FFFFFF;       /* Sfondo schede e pannelli */

    /* Feedback Colors */
    --pi-success: #28A745;
    --pi-warning: #FFC107;
    --pi-danger: #DC3545;
}

    
/**************** PAGE ****************/

body {
    background: var(--pi-background) !important;
    color: var(--pi-text) !important;
}

/**************** PLUS ****************/

.homSolutionPanel__header {
    background-color: #80BCEB !important;
}
	 /* Assicurati che il testo e le icone all'interno siano bianchi/leggibili */
    color: #ffffff !important;
}
.homSolutionPanel__subtitle {
    color: #14469C;
}

.euiButton--primary.euiButton--fill {
    color: #fcfeff;
    background-color: #14469C;
    border-color: #14469C;
}


/**************** HEADER (BARRA IN ALTO) ****************/

.euiHeader {
    background: var(--pi-accent) !important;
    border: none !important;
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.15) !important;
}

.euiHeaderLogo {
    background: none !important;
}

.euiHeaderSectionItemButton {
    color: #FFFFFF !important;
}

.euiHeaderSectionItemButton:hover {
    background: rgba(255, 255, 255, 0.2) !important;
}


/**************** SIDEBAR / NAVIGATION ****************/

.euiCollapsibleNav {
    background: var(--pi-primary-dark) !important;
}

.euiCollapsibleNavItem {
    border-radius: 6px !important;
    margin: 2px 8px !important;
}

.euiCollapsibleNavItem:hover {
    background: rgba(255, 255, 255, 0.1) !important;
}

/* Indicatore di selezione del menu laterale in Magenta */
.euiCollapsibleNavItem--isSelected,
.euiCollapsibleNavItem--isSelected:hover {
    background: var(--pi-primary) !important;
    border-left: 4px solid var(--pi-accent) !important;
}

.euiCollapsibleNavLink {
    color: #FFFFFF !important;
}


/**************** BUTTONS ****************/

/* Primary Button (Pulsanti di azione principale con colore Magenta) */
.euiButton--primary,
.euiButton--primary.euiButton--fill {
    background-color: var(--pi-accent) !important;
    border-color: var(--pi-accent) !important;
    color: #FFFFFF !important;
}

.euiButton--primary:hover,
.euiButton--primary.euiButton--fill:hover {
    background-color: var(--pi-accent-dark) !important;
    border-color: var(--pi-accent-dark) !important;
}

/* Empty Button */
.euiButtonEmpty--primary {
    color: var(--pi-accent) !important;
}

.euiButtonEmpty--primary:hover {
    color: var(--pi-accent-dark) !important;
    background-color: var(--pi-accent-light) !important;
}




/**************** SCROLLBAR (BARRA DI SCORRIMENTO) ****************/

::-webkit-scrollbar {
    width: 8px;
    height: 8px;
}

::-webkit-scrollbar-track {
    background: var(--pi-background);
}

::-webkit-scrollbar-thumb {
    background: var(--pi-accent);
    border-radius: 4px;
}

::-webkit-scrollbar-thumb:hover {
    background: var(--pi-accent-dark);
}


/**************** LOGIN PAGE ****************/

.loginWelcome__header,
.loginWelcome,
.osdLoginModal {
    background: linear-gradient(135deg, var(--pi-primary-dark) 0%, var(--pi-accent) 100%) !important;
}


/**************** LOADING & SPINNERS ****************/

.euiLoadingSpinner {
    border-color: var(--pi-accent) transparent transparent transparent !important;
}


/**************** TOAST & NOTIFICATIONS ****************/

.euiGlobalToastList {
    z-index: 9999;
}


/**************** CODE EDITOR (MONACO) ****************/

.monaco-editor .margin {
    background: var(--pi-background) !important;
}


/**************** DISCOVER & DASHBOARD ****************/

.osdDocTable {
    border-radius: 8px;
    overflow: hidden;
}

.dshDashboardViewport {
    background: var(--pi-background) !important;
}

.euiTitle {
    color: var(--pi-primary-dark) !important;
}