/* Colores base */
body .jus-container { background:#141f33; border-radius:12px; box-shadow:0 6px 16px rgba(0,0,0,.4); color:#fff; }
body { background:#C7B896; }

/* Tabs */
.nav-tabs .nav-link { color:#fff; border:none; }
.nav-tabs .nav-link:hover { color:#141f33 !important; background-color:#fff !important; }
.nav-tabs .nav-link.active { background:#b1a276 !important; color:#141f33 !important; font-weight:600; border-radius:8px 8px 0 0; }

/* Encabezado clickeable + icono FA para ordenar */
.jus-thead th[role="button"] { user-select:none; cursor:pointer; position:relative; }
.jus-thead th[role="button"]::after { content:" \f0dc"; font-family:"Font Awesome 6 Free"; font-weight:900; opacity:.5; margin-left:.25rem; }

/* Hover filas */
.jus-wrap .table-hover tbody tr:hover {
  background-color: #b1a276 !important;
  color: #141f33;
  font-weight: bold;
  font-size: large;
  cursor: pointer;
}

/* Zebra (impares) */
.jus-wrap .table-striped tbody tr:nth-of-type(odd){
  background-color:#C3B896 !important;
}

/* Fila seleccionada */
.jus-wrap .table tbody tr.selected{
  background-color:#141f33 !important;
  color:#fff !important;
  font-weight:600;
}
.jus-wrap .table tbody tr.selected:hover{
  background-color:#141f33 !important; /* mantener estilo al hover */
  color:#fff !important;
}

/* Loader */
.jus-loader { width:28px; height:28px; border:4px solid #f3f3f3; border-top:4px solid #0d6efd; border-radius:50%; animation:jus-spin 1s linear infinite; }
@keyframes jus-spin { from{transform:rotate(0)} to{transform:rotate(360deg)} }

/* Botones y paginación */
.jus-form .btn {
    min-width: 120px;
    background-color: #b1a276;
    color: #fff;
    border: none;
    border-radius: 6px;
    transition: all 0.2s ease-in-out;
    z-index: 1 !important;
}
.jus-form .btn:hover {
    background-color: #fff;
    color: #141f33;
    font-weight: bold;
}
.jus-form .btn-limpiar:hover {
    background-color: #304b7d;
    color: #fff;
    font-weight: bold;
}

.jus-form .btn-success-jus {
  color: #fff !important;
  background-color: #198754 !important;
  border-color: #198754 !important;
}
.jus-form .btn-success-jus:hover {
  color: #fff !important;
  background-color: #157347 !important;
  border-color: #146c43 !important;
}

.jus-form .btn-danger-jus {
  color: #fff !important;
  background-color: #dc3545 !important;
  border-color: #dc3545 !important;
}
.jus-form .btn-danger-jus:hover {
  color: #fff !important;
  background-color: #bb2d3b !important;
  border-color: #b02a37 !important;
}

.jus-page-info { color:#ddd; }

.jus-table {
	width: 100%;
	border-collapse: collapse;
	margin-top: 1rem;
}
.jus-table thead th {
	background-color: #141f33;
	color: #fff;
	padding: 8px;
	text-align: left;
	cursor: pointer;
}
.jus-table tbody tr:nth-child(odd) {
	background-color: #c3b896
}
.jus-table tbody tr:nth-child(2n) {
	background-color: #fff;
}
.jus-table tbody tr:hover {
	background-color: #b1a276 !important;
	color: #fff;
	cursor: pointer;
}
.jus-table tbody tr.selected {
	background-color: #141f33 !important;
	color: #fff !important;
}
.jus-table td {
	padding: 8px;
	border-bottom: 1px solid #ddd;
}