/* Hidra branding override — generated 2026-06-18 11:45:39.73002+00 (cb=b824d025) */
.sidebar .bg-main-logo { background-image: url('/customization-assets.php?role=sidebar_expanded_light&v=b824d025') !important; }
.sidebar.sidebar-collapsed .bg-main-logo { background-image: url('/customization-assets.php?role=logo_light&v=b824d025') !important; }
[data-bs-theme="dark"] .sidebar .bg-main-logo { background-image: url('/customization-assets.php?role=sidebar_expanded_dark&v=b824d025') !important; }
[data-bs-theme="dark"] .sidebar.sidebar-collapsed .bg-main-logo { background-image: url('/customization-assets.php?role=logo_dark&v=b824d025') !important; }
.logo96 { background-image: url('/customization-assets.php?role=logo_light&v=b824d025') !important; }
[data-bs-theme="dark"] .logo96 { background-image: url('/customization-assets.php?role=logo_dark&v=b824d025') !important; }
:root { --print-logo: url('/customization-assets.php?role=logo_print&v=b824d025') !important; }

/* === User custom CSS === */
@charset "UTF-8";
/* ============================================================
   LAWIL — paleta corporativa oficial (libro de estilo · Juli 2015)
   Orange:    #ee7f00  (RGB 238/127/0 · CMYK 0/60/100/0 · Pantone 151C / 1375U · NCS 0090-Y40R)
   Anthrazit: #58585a  (RGB 88/88/90  · CMYK 0/0/0/80   · Cool Gray 11C/U   · NCS S7502-B)

   Filosofía: superficies NEUTRAS (familia Anthrazit) + naranja SOLO como acento.
   Misma lógica en claro y oscuro.
   ============================================================ */

/* ------------------------------------------------------------
   1) PALETA POR TEMA
   ------------------------------------------------------------ */
:root,
[data-bs-theme=light] {
    .logo96 {
        background-image: url('/customization-assets.php?role=logo_256_light');
    }
    .sidebar .bg-main-logo {
        background-image: url('/customization-assets.php?role=sidebar_expanded_light');
    }
    .sidebar.sidebar-collapsed .bg-main-logo {
        background-image: url('/customization-assets.php?role=sidebar_collapsed_light');
    }

    --print-logo: url('/customization-assets.php?role=logo_print');
    --print-medium-color: #ee7f00;
    --print-light-color: #fdf2e6;

    /* Naranja — SOLO acento */
    --main-color: #ee7f00;
    --main-accent-hover-color: #c96a00;
    --main-color-rgb: 238, 127, 0;
    --main-accent-hover-color-rgb: 201, 106, 0;

    /* Superficies NEUTRAS (familia Anthrazit) */
    --main-medium-color: #cfcfd2;      /* bordes */
    --main-light-color: #ececee;       /* paneles / tertiary bg */
    --main-superlight-color: #f8f8f9;  /* fondo de página */
    --main-medium-color-rgb: 207, 207, 210;
    --main-light-color-rgb: 236, 236, 238;
    --main-superlight-color-rgb: 248, 248, 249;

    /* Anthrazit — color neutro de marca (texto / cabeceras) */
    --main-anthracite-color: #58585a;
    --main-anthracite-strong-color: #3f3f41;
    --main-anthracite-color-rgb: 88, 88, 90;
    --main-anthracite-strong-color-rgb: 63, 63, 65;

    /* foreground / inverse */
    --main-black-color: var(--main-anthracite-color);
    --main-white-color: #fff;
    --main-black-color-rgb: var(--main-anthracite-color-rgb);
    --main-white-color-rgb: 255, 255, 255;

    /* texto de marca en antracita */
    --bs-body-color: var(--main-anthracite-color);
    --bs-body-color-rgb: var(--main-anthracite-color-rgb);
    --bs-emphasis-color: var(--main-anthracite-strong-color);
    --bs-emphasis-color-rgb: var(--main-anthracite-strong-color-rgb);
    --bs-heading-color: var(--main-anthracite-strong-color);
}

[data-bs-theme=dark] {
    .sidebar .bg-main-logo {
        background-image: url('/customization-assets.php?role=sidebar_expanded_dark');
    }
    /* Si subes versiones *_dark de logo96 / sidebar colapsada, añádelas aquí;
       si no, heredan la versión light vía :root. */

    --print-medium-color: #ee7f00;
    --print-light-color: #fdf2e6;

    /* Naranja — SOLO acento (se mantiene vivo sobre el gris) */
    --main-color: #ee7f00;
    --main-accent-hover-color: #ffa133;
    --main-color-rgb: 238, 127, 0;
    --main-accent-hover-color-rgb: 255, 161, 51;

    /* Superficies NEUTRAS antracita */
    --main-medium-color: #58585a;    /* Anthrazit oficial → bordes */
    --main-light-color: #2b2b2c;     /* paneles / superficies (tertiary bg) */
    --main-superlight-color: #1f1f20;/* fondo de página */
    --main-medium-color-rgb: 88, 88, 90;
    --main-light-color-rgb: 43, 43, 44;
    --main-superlight-color-rgb: 31, 31, 32;

    --main-anthracite-color: #58585a;
    --main-anthracite-strong-color: #6f6f72;
    --main-anthracite-color-rgb: 88, 88, 90;
    --main-anthracite-strong-color-rgb: 111, 111, 114;

    /* foreground claro / inverse oscuro */
    --main-black-color: #f2f2f3;
    --main-white-color: #1f1f20;
    --main-black-color-rgb: 242, 242, 243;
    --main-white-color-rgb: 31, 31, 32;

    --bs-body-color: #e9e9ea;
    --bs-body-color-rgb: 233, 233, 234;
    --bs-emphasis-color: #ffffff;
    --bs-emphasis-color-rgb: 255, 255, 255;
    --bs-heading-color: #f5f5f6;
}

/* ------------------------------------------------------------
   2) MAPEO A VARIABLES BOOTSTRAP (común a ambos temas)
      Solo referencian los tokens --main-*, así que se adaptan
      automáticamente al tema activo.
   ------------------------------------------------------------ */
:root,
[data-bs-theme=light],
[data-bs-theme=dark] {
    --bs-body-bg: var(--main-superlight-color);
    --bs-body-bg-rgb: var(--main-superlight-color-rgb);
    --bs-tertiary-bg: var(--main-light-color);
    --bs-tertiary-bg-rgb: var(--main-light-color-rgb);
    --bs-border-color: var(--main-medium-color);
    --bs-border-color-translucent: rgba(var(--main-anthracite-color-rgb), 0.175);

    --bs-secondary: var(--main-color);
    --bs-secondary-rgb: var(--main-color-rgb);
    --bs-secondary-color: var(--main-color);
    --bs-secondary-bg-subtle: var(--main-light-color);
    --bs-secondary-border-subtle: var(--main-medium-color);
    --bs-secondary-bg: var(--main-medium-color);
    --bs-secondary-bg-rgb: var(--main-medium-color-rgb);

    --bs-link-color: var(--main-color);
    --bs-link-color-rgb: var(--main-color-rgb);
    --bs-link-hover-color: var(--main-accent-hover-color);
    --bs-link-hover-color-rgb: var(--main-accent-hover-color-rgb);

    --bs-outline-secondary: var(--main-color);
}

/* ------------------------------------------------------------
   3) COMPONENTES (común a ambos temas)
   ------------------------------------------------------------ */
.btn-outline-secondary {
    --bs-btn-color: var(--bs-outline-secondary);
    --bs-btn-border-color: var(--bs-outline-secondary);
    --bs-btn-hover-color: var(--main-white-color);
    --bs-btn-hover-bg: var(--bs-outline-secondary);
    --bs-btn-hover-border-color: var(--bs-outline-secondary);
    --bs-btn-focus-shadow-rgb: var(--main-color-rgb);
    --bs-btn-active-color: var(--main-white-color);
    --bs-btn-active-bg: var(--bs-outline-secondary);
    --bs-btn-active-border-color: var(--bs-outline-secondary);
    --bs-btn-active-shadow: inset 0 3px 5px rgba(var(--main-black-color-rgb), 0.125);
    --bs-btn-disabled-color: var(--bs-outline-secondary);
    --bs-btn-disabled-bg: transparent;
    --bs-btn-disabled-border-color: var(--bs-outline-secondary);
    --bs-gradient: none;
}

.btn-secondary {
    --bs-btn-color: var(--main-white-color);
    --bs-btn-bg: var(--bs-outline-secondary);
    --bs-btn-border-color: var(--bs-outline-secondary);
    --bs-btn-hover-color: var(--main-white-color);
    --bs-btn-hover-bg: var(--main-accent-hover-color);
    --bs-btn-hover-border-color: var(--main-accent-hover-color);
    --bs-btn-focus-shadow-rgb: var(--main-color-rgb);
    --bs-btn-active-color: var(--main-white-color);
    --bs-btn-active-bg: var(--main-accent-hover-color);
    --bs-btn-active-border-color: var(--main-accent-hover-color);
    --bs-btn-active-shadow: inset 0 3px 5px rgba(var(--main-black-color-rgb), 0.125);
    --bs-btn-disabled-color: var(--main-white-color);
    --bs-btn-disabled-bg: var(--bs-outline-secondary);
    --bs-btn-disabled-border-color: var(--bs-outline-secondary);
}

.form-check-input:checked {
    background-color: var(--main-color);
    border-color: var(--main-color);
}
.form-check-input:focus {
    border-color: var(--main-color);
    box-shadow: 0 0 0 0.25rem rgba(var(--main-color-rgb), 0.25);
}

input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
input:-webkit-autofill:active {
    -webkit-box-shadow: 0 0 0px 1000px var(--main-light-color) inset !important;
    box-shadow: 0 0 0px 1000px var(--main-light-color) inset !important;
    -webkit-text-fill-color: var(--main-black-color) !important;
}
.form-control:focus {
    border-color: var(--main-color);
    box-shadow: 0 0 0 0.25rem rgba(var(--main-color-rgb), 0.25);
}

.dropdown-menu {
    --bs-btn-color: var(--main-black-color);
    --bs-dropdown-link-active-bg: var(--main-color);
}
.dropdown .btn-outline-secondary {
    --bs-btn-color: var(--main-black-color);
}
.dropdown-toggle::after {
    color: var(--main-color);
}
.dropdown-toggle:hover::after {
    color: var(--main-accent-hover-color);
}

.table-fixhead thead,
.table-fixhead thead th {
    border-color: var(--main-color);
}
.tree-table thead th {
    border: 1px solid var(--main-color) !important;
}

hr {
    color: var(--bs-border-color);
    opacity: 1;
}