/* Poseidon GP brand styling — global pages only (Operations, Manage Operations, login).
   Once inside an operation's own Data Room, branding.css (that operation's own
   identity, e.g. Altura's green) takes over instead. */

/* Explicit Poseidon blue palette — matches the panel's static ->colors() default,
   kept here too so each context's colors live in one obvious place. */
:root {
    --primary-50: 244, 249, 252;
    --primary-100: 233, 243, 249;
    --primary-200: 200, 225, 241;
    --primary-300: 166, 206, 233;
    --primary-400: 100, 170, 216;
    --primary-500: 33, 133, 199;
    --primary-600: 30, 120, 179;
    --primary-700: 25, 100, 149;
    --primary-800: 20, 80, 119;
    --primary-900: 16, 65, 98;
    --primary-950: 10, 40, 60;

    --gray-50: 243, 244, 245;
    --gray-100: 231, 233, 235;
    --gray-200: 195, 200, 205;
    --gray-300: 158, 167, 175;
    --gray-400: 86, 102, 116;
    --gray-500: 13, 36, 56;
    --gray-600: 12, 32, 50;
    --gray-700: 10, 27, 42;
    --gray-800: 8, 22, 34;
    --gray-900: 6, 18, 27;
    --gray-950: 4, 11, 17;
}

.fi-sidebar {
    background: linear-gradient(165deg, #123452 0%, #0d2438 55%, #081726 100%) !important;
    box-shadow: 2px 0 0 rgba(33, 133, 199, 0.35) !important;
    z-index: 30 !important;
}

.fi-sidebar-header {
    height: 6rem !important;
    justify-content: center !important;
}

.fi-sidebar-nav {
    background: transparent !important;
}

.fi-logo {
    height: 4.5rem !important;
    width: auto !important;
}

/* Light text/icons for readability on the dark blue, regardless of light/dark app mode */
.fi-sidebar-item-button,
.fi-sidebar-item-label,
.fi-sidebar-group-label {
    color: rgba(255, 255, 255, 0.82) !important;
}

.fi-sidebar-item-icon {
    color: rgba(255, 255, 255, 0.6) !important;
}

.fi-sidebar-item-active .fi-sidebar-item-button {
    background-color: #1a4266 !important;
}

.fi-sidebar-item-active.fi-sidebar-item-active .fi-sidebar-item-button,
.fi-sidebar-item-active.fi-sidebar-item-active .fi-sidebar-item-label {
    color: #d8ecfc !important;
    font-weight: 600;
}

.fi-sidebar-item-active.fi-sidebar-item-active .fi-sidebar-item-icon {
    color: #6cb8f0 !important;
}

.fi-sidebar-item-button:hover {
    background-color: rgba(255, 255, 255, 0.06) !important;
}

.fi-sidebar-group-label {
    color: rgba(255, 255, 255, 0.45) !important;
}