/* ==========================================================================
   Fenix - identidad Locatel (Manual de marca, Colores 2026)
   Se carga DESPUES de Bootstrap y de style.css: solo sobreescribe identidad
   (barra, primarios, franja, tipografia). No cambia los colores semanticos
   success/warning/danger que usan las pantallas para estados operativos.
   Para volver atras basta con quitar la etiqueta <link> en sist/head.php.
   ========================================================================== */
:root {
  --lc-green: #8BBB42;        /* Pantone P154-7C - color principal */
  --lc-green-600: #78A835;
  --lc-green-700: #6E9A2E;    /* mismo verde, oscurecido para texto/botones (contraste) */
  --lc-green-800: #4B7020;
  --lc-green-900: #345216;
  --lc-green-soft: #EEF5E3;
  --lc-lavender: #8080C3;     /* P99-5C */
  --lc-purple: #4F1271;       /* P96-16C */
  --lc-aqua: #6CBDC0;         /* P117-12C */
  --lc-gray-80: #5A5A5A;      /* negro al 80% */
  --lc-yellow: #FFA400;       /* 137C (2016) - solo estados de espera */
  --lc-orange: #FF671B;       /* 165C (2016) - solo alertas */
  --lc-red: #E9004C;          /* 1925C (2016) - solo fallos */
}

/* ---------- tipografia (manual: Verdana para lo informativo) ---------- */
body { font-family: Verdana, Geneva, 'DejaVu Sans', sans-serif; font-size: .9375rem; color: #232B20; }
h1, h2, h3, h4, h5, h6 { font-family: Verdana, Geneva, 'DejaVu Sans', sans-serif; }

/* ---------- barra superior ---------- */
.page-header, .navbar.page-header { background-color: var(--lc-green-800) !important; border-bottom: 3px solid var(--lc-green) !important; }
#navbarSupportedContent .nav-link, .page-header .nav-link, .page-header .navbar-toggler-icon { color: #FFFFFF !important; }
.page-header .dropdown-menu { border-color: var(--lc-green-soft); }
.page-header .dropdown-item:hover, .page-header .dropdown-item:focus { background-color: var(--lc-green-soft); color: var(--lc-green-900); }
.header2, .zopim .header2 { border-bottom-color: var(--lc-green) !important; }

/* ---------- franja de color (login y cabeceras) ---------- */
.colorgraph {
  background: var(--lc-green) !important;
  background-image: linear-gradient(to right, var(--lc-green) 0 25%, var(--lc-lavender) 25% 50%, var(--lc-purple) 50% 75%, var(--lc-aqua) 75% 100%) !important;
}

/* ---------- primarios de Bootstrap 4 → verde Locatel ---------- */
a { color: var(--lc-green-800); }
a:hover { color: var(--lc-green-900); }
.text-primary { color: var(--lc-green-800) !important; }
.bg-primary { background-color: var(--lc-green-700) !important; }
.border-primary { border-color: var(--lc-green-700) !important; }
.btn-primary { background-color: var(--lc-green-700); border-color: var(--lc-green-700); color: #fff; }
.btn-primary:hover, .btn-primary:focus, .btn-primary:not(:disabled):not(.disabled):active, .btn-primary:not(:disabled):not(.disabled).active, .show > .btn-primary.dropdown-toggle { background-color: var(--lc-green-800); border-color: var(--lc-green-800); color: #fff; }
.btn-primary:focus, .btn-primary.focus { box-shadow: 0 0 0 .2rem rgba(139,187,66,.45); }
.btn-outline-primary { color: var(--lc-green-700); border-color: var(--lc-green-700); }
.btn-outline-primary:hover, .btn-outline-primary:not(:disabled):not(.disabled):active, .btn-outline-primary:not(:disabled):not(.disabled).active { background-color: var(--lc-green-700); border-color: var(--lc-green-700); color: #fff; }
.btn-link { color: var(--lc-green-800); } .btn-link:hover { color: var(--lc-green-900); }
.badge-primary { background-color: var(--lc-green-700); }
.alert-primary { background-color: var(--lc-green-soft); border-color: #D8E8BF; color: var(--lc-green-900); }
.list-group-item.active { background-color: var(--lc-green-700); border-color: var(--lc-green-700); }
.page-item.active .page-link { background-color: var(--lc-green-700); border-color: var(--lc-green-700); }
.page-link { color: var(--lc-green-800); } .page-link:hover { color: var(--lc-green-900); }
.nav-pills .nav-link.active, .nav-pills .show > .nav-link { background-color: var(--lc-green-700); }
.nav-tabs .nav-link.active { border-top: 2px solid var(--lc-green); }
.progress-bar { background-color: var(--lc-green-700); }
.custom-control-input:checked ~ .custom-control-label::before, .custom-checkbox .custom-control-input:checked ~ .custom-control-label::before, .custom-radio .custom-control-input:checked ~ .custom-control-label::before { background-color: var(--lc-green-700); border-color: var(--lc-green-700); }
.custom-control-input:focus ~ .custom-control-label::before, .form-control:focus, .custom-select:focus { border-color: var(--lc-green); box-shadow: 0 0 0 .2rem rgba(139,187,66,.3); }
.dropdown-item.active, .dropdown-item:active { background-color: var(--lc-green-700); }
.table-primary, .table-primary > th, .table-primary > td { background-color: var(--lc-green-soft); }
.card-header.text-primary { color: var(--lc-green-800) !important; }
.text-muted { color: var(--lc-gray-80) !important; }

/* ---------- acentos propios de Fenix con colores viejos ---------- */
.timeline::after { background-color: var(--lc-green) !important; }
.containertimeLine::after { border-color: var(--lc-green) !important; }
.left::before, .right::before { border-color: transparent var(--lc-green) transparent transparent; }
.left::before { border-color: transparent transparent transparent var(--lc-green); }
.newTimeLine::after { background-color: var(--lc-purple) !important; }
.newContainertimeLine::after { border-color: var(--lc-purple) !important; }

/* ---------- DataTables / bootstrap-table: acento verde ---------- */
table.dataTable tbody tr.selected, table.dataTable tbody > tr.selected > td { background-color: var(--lc-green-soft) !important; color: inherit !important; }
.dataTables_wrapper .dataTables_paginate .paginate_button.current, .dataTables_wrapper .dataTables_paginate .paginate_button.current:hover { background: var(--lc-green-700) !important; border-color: var(--lc-green-700) !important; color: #fff !important; }
.fixed-table-toolbar .btn-secondary.active { background-color: var(--lc-green-700); border-color: var(--lc-green-700); }

/* ---------- toastr: informativo en verde, no en azul ---------- */
#toast-container > .toast-info { background-color: var(--lc-green-700); }