/* =========================================================
   TEMA PARA ARGUS
   Primary:     #FF9100
   Background:  #F5F5F5
   Cell:        #FFFFFF
   Secondary:   #757575
   Hover:       #EBEBEB
   Info:        #B26500
   Success:     #00C853
   Danger:      #F86262
========================================================= */

:root, [data-bs-theme="light"] {
  /* Colores base */
  --bs-primary: #FF9100;
  --bs-primary-rgb: 255, 145, 0;
  --bs-secondary: #757575;
  --bs-secondary-rgb: 117, 117, 117;
  --bs-success: #00C853;
  --bs-success-rgb: 0, 200, 83;
  --bs-info: #B26500;
  --bs-info-rgb: 178, 101, 0;
  --bs-danger: #F86262;
  --bs-danger-rgb: 248, 98, 98;

  /* Fondo general y celdas */
  --bs-body-bg: #F5F5F5;
  --bs-body-bg-rgb: 245, 245, 245;
  --bs-tertiary-bg: #FFFFFF;

  /* Tipografía/enlaces/foco */
  --bs-link-color: #FF9100;
  --bs-link-color-rgb: 255, 145, 0;
  --bs-link-hover-color: #CC7400;
  --bs-link-hover-color-rgb: 204, 116, 0;
  --bs-focus-ring-color: rgba(255, 145, 0, 0.25);

  /* BG y bordes sutiles */
  --bs-primary-bg-subtle: #FFE3BF;
  --bs-primary-border-subtle: #FFC980;
  --bs-success-bg-subtle: #D9F8E7;
  --bs-success-border-subtle: #9BE9BF;
  --bs-info-bg-subtle: #F6E2C7;
  --bs-info-border-subtle: #E8B77F;
  --bs-danger-bg-subtle: #FDE4E4;
  --bs-danger-border-subtle: #F5B2B2;
  --bs-secondary-bg: #EBEBEB;
}

/* Bootstrap Botones */
.btn-primary{
  --bs-btn-color: #fff;
  --bs-btn-bg: #FF9100;
  --bs-btn-border-color: #FF9100;
  --bs-btn-hover-bg: #E68100;
  --bs-btn-hover-border-color: #E68100;
  --bs-btn-active-bg: #CC7400;
  --bs-btn-active-border-color: #CC7400;
  --bs-btn-disabled-bg: #FF9100;
  --bs-btn-disabled-border-color: #FF9100;
}
.btn-outline-primary{
  --bs-btn-color: #FF9100;
  --bs-btn-border-color: #FF9100;
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: #FF9100;
  --bs-btn-hover-border-color: #FF9100;
  --bs-btn-active-bg: #CC7400;
  --bs-btn-active-border-color: #CC7400;
}
.btn-secondary{
  --bs-btn-color: #fff;
  --bs-btn-bg: #757575;
  --bs-btn-border-color: #757575;
  --bs-btn-hover-bg: #666666;
  --bs-btn-hover-border-color: #666666;
}
.btn-success{
  --bs-btn-color: #fff;
  --bs-btn-bg: #00C853;
  --bs-btn-border-color: #00C853;
  --bs-btn-hover-bg: #00B34A;
  --bs-btn-hover-border-color: #00B34A;
}
.btn-info{
  --bs-btn-color: #fff;
  --bs-btn-bg: #B26500;
  --bs-btn-border-color: #B26500;
  --bs-btn-hover-bg: #9E5900;
  --bs-btn-hover-border-color: #9E5900;
}
.btn-danger{
  --bs-btn-color: #fff;
  --bs-btn-bg: #F86262;
  --bs-btn-border-color: #F86262;
  --bs-btn-hover-bg: #E65555;
  --bs-btn-hover-border-color: #E65555;
}

/* Bootstrap Alerts */
.alert-primary{
  --bs-alert-color: #663A00;
  --bs-alert-bg: #FFE3BF;
  --bs-alert-border-color: #FFC980;
}
.alert-success{
  --bs-alert-color: #005A2A;
  --bs-alert-bg: #D9F8E7;
  --bs-alert-border-color: #9BE9BF;
}
.alert-info{
  --bs-alert-color: #5A3300;
  --bs-alert-bg: #F6E2C7;
  --bs-alert-border-color: #E8B77F;
}
.alert-danger{
  --bs-alert-color: #7A1414;
  --bs-alert-bg: #FDE4E4;
  --bs-alert-border-color: #F5B2B2;
}

/* Paginación */

:root,
[data-bs-theme="light"]{
  --bs-pagination-color: #FF9100;
  --bs-pagination-bg: #fff;
  --bs-pagination-border-color: var(--bs-border-color);
  --bs-pagination-hover-color: #CC7400;
  --bs-pagination-hover-bg: #FFF3E0;
  --bs-pagination-hover-border-color: #FFC980;
  --bs-pagination-focus-color: #CC7400;
  --bs-pagination-focus-bg: #FFF3E0;
  --bs-pagination-active-color: #fff;
  --bs-pagination-active-bg: #FF9100;
  --bs-pagination-active-border-color: #FF9100;
  --bs-pagination-disabled-color: #9E9E9E;
}
[data-bs-theme="dark"]{
  --bs-pagination-color: #FF9100;
  --bs-pagination-hover-color: #CC7400;
  --bs-pagination-hover-bg: #FFF3E0;
  --bs-pagination-hover-border-color: #FFC980;
  --bs-pagination-active-color: #fff;
  --bs-pagination-active-bg: #FF9100;
  --bs-pagination-active-border-color: #FF9100;
  --bs-pagination-disabled-color: #9E9E9E;
}

/* Bootstrap pagination */
.pagination{ gap:0 !important; justify-content: flex-end; }
.pagination .page-item{ margin:0 !important; }
.pagination .page-link{
  font-weight:600;
  min-width:2.25rem;
  text-align:center;
  border-radius:.5rem;
  margin:0 !important;
}
.pagination .page-item + .page-item .page-link{ margin-left: 0 !important; }
.pagination .page-item.active .page-link,
.pagination .page-link.active{
  color:#fff !important;
  background-color:#FF9100 !important;
  border-color:#FF9100 !important;
}
.pagination .page-link:hover{
  color:#CC7400 !important;
  background-color:#FFF3E0 !important;
  border-color:#FFC980 !important;
}
.pagination .page-link:focus{
  box-shadow: 0 0 0 .2rem rgba(255,145,0,.25) !important;
}

/* DataTables */

.dataTables_wrapper .dataTables_paginate{
  float: right !important;
  text-align: right !important;
  display: block !important;
}
.dataTables_wrapper .dataTables_paginate .paginate_button{
  color:#FF9100 !important;
  border:1px solid transparent !important;
  background:transparent !important;
  border-radius:.5rem !important;
  margin:0 !important;
  font-weight:600 !important;
}
.dataTables_wrapper .dataTables_paginate .paginate_button:hover{
  color:#CC7400 !important;
  background:#FFF3E0 !important;
  border-color:#FFC980 !important;
}
.dataTables_wrapper .dataTables_paginate .paginate_button.current,
.dataTables_wrapper .dataTables_paginate .paginate_button.current:hover{
  color:#fff !important;
  background:#FF9100 !important;
  border-color:#FF9100 !important;
  box-shadow:none !important;
}
.dataTables_wrapper .dataTables_paginate .paginate_button.disabled,
.dataTables_wrapper .dataTables_paginate .paginate_button.disabled:hover{
  color:#9E9E9E !important;
  background:transparent !important;
  border-color:transparent !important;
  cursor:default !important;
}
.dataTables_wrapper .dataTables_paginate .pagination{
  justify-content:flex-end !important;
}
.dataTables_wrapper .dataTables_paginate .pagination .page-item{ margin:0 !important; }
.dataTables_wrapper .dataTables_paginate .pagination .page-link{ margin:0 !important; }

/* Bootstrap Badges */
.badge.bg-primary{ background-color:#FF9100 !important; }
.badge.bg-secondary{ background-color:#757575 !important; }
.badge.bg-success{ background-color:#00C853 !important; }
.badge.bg-info{ background-color:#B26500 !important; }
.badge.bg-danger{ background-color:#F86262 !important; }

/* Bootstrap background helpers */
.bg-primary{ background-color:#FF9100 !important; }
.bg-secondary{ background-color:#757575 !important; }
.bg-success{ background-color:#00C853 !important; }
.bg-info{ background-color:#B26500 !important; }
.bg-danger{ background-color:#F86262 !important; }

/* Bootstrap texto de enlaces y focos */
a{ color:#FF9100; }
a:hover{ color:#CC7400; }

/* Bootstrap hovers en tablas/listas */
.table-hover > tbody > tr:hover > *{ --bs-table-bg-state: #EBEBEB; }
.list-group-item-action:hover, .list-group-item-action:focus{ background-color:#EBEBEB; }

/* Bootstrap tarjetas, tablas y superficies blancas (“Cell”) */
.card, .table, .modal-content{ background-color:#FFFFFF; }

/* Bootstrap  inputs: borde/foco acorde al primary */
.form-control:focus{ box-shadow: var(--bs-box-shadow-inset), 0 0 0 .25rem rgba(255,145,0,.25); border-color:#FF9100; }

/* Bootstrap navbar/sidebar si usas variantes “-primary” */
.navbar-primary, .bg-gradient-primary{ background-color:#FF9100 !important; }

/* Sidebar Logotipo */
.brand-text{ color:#000 !important; }

/* Sidebar fondo personalizado */
.siderbar-background-custom {
    background-color: #FFF4E8 !important; /* fallback */
    background-image: linear-gradient(180deg, #FFF4E8 0%, #F6E2C7 55%, #E8B77F 100%) !important;
}

/* Sidebar claro */
.app-sidebar {
    /* Texto (café oscuro) */
    --lte-sidebar-color: #2C1A0C !important;
    --lte-sidebar-hover-color: #1E1209 !important;
    --lte-sidebar-active-color: #1E1209 !important;
    --lte-sidebar-menu-active-color: #1E1209 !important;
    --lte-sidebar-header-color: #3A2314 !important;
    --lte-sidebar-submenu-color: #3A2314 !important;
    --lte-sidebar-submenu-hover-color: #1E1209 !important;
    --lte-sidebar-submenu-active-color: #1E1209 !important;
    /* Fondos (sin cambios) */
    --lte-sidebar-hover-bg: #FFF3E0 !important;
    --lte-sidebar-active-bg: #FFD699 !important;
    --lte-sidebar-menu-active-bg: #FFF8ED !important;
    --lte-sidebar-submenu-hover-bg: #FFF8ED !important;
    --lte-sidebar-submenu-active-bg: #FFF8ED !important;
}

/* Sidebar dark */
[data-bs-theme="dark"] .app-sidebar {
    /* Texto (café oscuro) */
    --lte-sidebar-color: #2C1A0C !important;
    --lte-sidebar-hover-color: #1E1209 !important;
    --lte-sidebar-active-color: #1E1209 !important;
    --lte-sidebar-menu-active-color: #1E1209 !important;
    --lte-sidebar-header-color: #3A2314 !important;
    --lte-sidebar-submenu-color: #3A2314 !important;
    --lte-sidebar-submenu-hover-color: #1E1209 !important;
    --lte-sidebar-submenu-active-color: #1E1209 !important;
    /* Fondos (sin cambios) */
    --lte-sidebar-hover-bg: #FFF3E0 !important;
    --lte-sidebar-active-bg: #FFD699 !important;
    --lte-sidebar-menu-active-bg: #FFF8ED !important;
    --lte-sidebar-submenu-hover-bg: #FFF8ED !important;
    --lte-sidebar-submenu-active-bg: #FFF8ED !important;
}

/* Botón mecánicos */
.icono-sistema { color:#FF9100; border-color:#FF9100; background:#FFF3E0; }
.btn-sistema-lateral { background:linear-gradient(135deg,#FFB74D,#FF9100); }
.btn-sistema-lateral:hover { background:linear-gradient(135deg,#FF9100,#CC7400); }