/*
 * DOCKET CRM – Theme
 * Paleta: #EF8112 naranja | #B5653D terracota | #FFBE7F naranja claro
 *         #FCE3CA durazno  | #18F0D8 teal       | #EF918D rosa
 *         #E23341 rojo     | #9DA0A1 gris        | #F6FBFF fondo
 */

/* ===================== TOPBAR ===================== */
.topbar {
  background: #ffffff !important;
  border-bottom: 4px solid #EF8112 !important;
  box-shadow: 0 2px 8px rgba(239,129,18,0.15) !important;
}
.topbar .top-navbar .navbar-nav > .nav-item > .nav-link {
  color: #B5653D !important;
}
.topbar .top-navbar .navbar-nav > .nav-item > .nav-link:hover {
  color: #EF8112 !important;
}

/* ===================== PÁGINA ===================== */
.page-wrapper {
  background: #F6FBFF !important;
}

/* ===================== BREADCRUMB / PAGE-TITLES ===================== */
.page-titles {
  background: #EF8112 !important;
  border-bottom: none !important;
  padding: 10px 20px !important;
  margin-bottom: 20px !important;
}
.page-titles h3,
.page-titles .text-themecolor {
  color: #ffffff !important;
}
.page-titles .breadcrumb {
  background: transparent !important;
}
.page-titles .breadcrumb-item a {
  color: #ffffff !important;
}
.page-titles .breadcrumb-item.active,
.page-titles .breadcrumb-item + .breadcrumb-item::before {
  color: rgba(255,255,255,0.75) !important;
}

/* ===================== CARDS ===================== */
.card {
  background: #FCE3CA !important;
  border: 1px solid #FFBE7F !important;
  border-top: 3px solid #EF8112 !important;
  border-radius: 8px !important;
  box-shadow: 0 2px 10px rgba(239,129,18,0.10) !important;
}
.card .card-title {
  color: #B5653D !important;
}
.card .card-subtitle {
  color: #9DA0A1 !important;
}
.card-body {
  background: transparent !important;
}

/* ===================== TABLAS ===================== */
.table thead th {
  background: #ffffff !important;
  color: #B5653D !important;
  border-bottom: 2px solid #B5653D !important;
  font-weight: 700 !important;
}
.table tbody tr:nth-child(even) {
  background: #FDE3CA !important;
}
.table tbody tr:nth-child(odd) {
  background: #ffffff !important;
}
.table tbody tr:hover {
  background: #FFBE7F !important;
}
.table-bordered td,
.table-bordered th {
  border-color: #FFBE7F !important;
}

/* ===================== BADGES ===================== */
.badge-primary {
  background-color: #EF8112 !important;
  color: #ffffff !important;
}
.badge-success {
  background-color: #18F0D8 !important;
  color: #085041 !important;
}
.badge-warning {
  background-color: #FFBE7F !important;
  color: #7A3D10 !important;
}
.badge-danger {
  background-color: #EF918D !important;
  color: #ffffff !important;
}
.badge-info {
  background-color: #18F0D8 !important;
  color: #085041 !important;
}
.badge-secondary {
  background-color: #9DA0A1 !important;
  color: #ffffff !important;
}

/* ===================== BOTONES ===================== */
.btn-primary,
.btn-themecolor {
  background-color: #EF8112 !important;
  border-color: #EF8112 !important;
  color: #ffffff !important;
}
.btn-primary:hover,
.btn-primary:focus,
.btn-themecolor:hover,
.btn-themecolor:focus {
  background-color: #B5653D !important;
  border-color: #B5653D !important;
}
.btn-outline-primary {
  color: #EF8112 !important;
  border-color: #EF8112 !important;
}
.btn-outline-primary:hover {
  background-color: #EF8112 !important;
  color: #ffffff !important;
}
.btn-success {
  background-color: #18F0D8 !important;
  border-color: #18F0D8 !important;
  color: #085041 !important;
}
.btn-success:hover {
  background-color: #0DCFBB !important;
  border-color: #0DCFBB !important;
}
.btn-outline-success {
  color: #18F0D8 !important;
  border-color: #18F0D8 !important;
}
.btn-outline-success:hover {
  background-color: #18F0D8 !important;
  color: #085041 !important;
}
.btn-outline-warning {
  color: #B5653D !important;
  border-color: #FFBE7F !important;
}
.btn-outline-warning:hover {
  background-color: #FFBE7F !important;
  color: #7A3D10 !important;
}
.btn-outline-danger {
  color: #E23341 !important;
  border-color: #E23341 !important;
}
.btn-outline-danger:hover {
  background-color: #E23341 !important;
  color: #ffffff !important;
}

/* ===================== FORMULARIOS ===================== */
.form-control {
  border-color: #FFBE7F !important;
  background-color: #ffffff !important;
  border-radius: 20px !important;
}
.form-control:focus {
  border-color: #EF8112 !important;
  box-shadow: 0 0 0 0.2rem rgba(239,129,18,0.25) !important;
}

/* ===================== ALERTS ===================== */
.alert-info {
  background-color: #E8FAF8 !important;
  border-color: #18F0D8 !important;
  color: #085041 !important;
}
.alert-success {
  background-color: #E8FAF8 !important;
  border-color: #18F0D8 !important;
  color: #085041 !important;
}
.alert-danger, .alert-error {
  background-color: #FDE8EA !important;
  border-color: #E23341 !important;
  color: #8B0000 !important;
}
.alert-warning {
  background-color: #FFF3E0 !important;
  border-color: #EF8112 !important;
  color: #7A3D10 !important;
}

/* ===================== PAGINACIÓN ===================== */
.pagination > .active > a,
.pagination > .active > span,
.pagination > .active > a:hover,
.pagination > .active > span:hover {
  background-color: #EF8112 !important;
  border-color: #EF8112 !important;
  color: #ffffff !important;
}
.page-link {
  color: #EF8112 !important;
}
.page-link:hover {
  color: #B5653D !important;
}

/* ===================== LINKS Y TEXTO ===================== */
a { color: #EF8112; }
a:hover { color: #B5653D; }
.text-themecolor { color: #EF8112 !important; }
.text-primary { color: #EF8112 !important; }

/* ===================== SIDEBAR (se mantiene oscuro) ===================== */
.left-sidebar,
.sidebar-nav,
.card-no-border .left-sidebar,
.card-no-border .sidebar-nav {
  background: #242a33 !important;
}
.sidebar-nav > ul > li > a.active {
  background: #1c2128 !important;
  color: #FFBE7F !important;
}
.sidebar-nav > ul > li > a:hover {
  color: #FFBE7F !important;
}
.sidebar-nav > ul > li.active > a {
  color: #ffffff !important;
  border-color: #EF8112 !important;
}

/* ===================== SPINNER ===================== */
.spinner-border.text-primary {
  color: #EF8112 !important;
}

/* ===================== MODAL ===================== */
.modal-header {
  background: #EF8112 !important;
  color: #ffffff !important;
}
.modal-header .modal-title,
.modal-header .close {
  color: #ffffff !important;
}