/* ==========================================================
   TIKEA.PE UI V1 - IDENTIDAD VISUAL CORPORATIVA
   Capa visual para instalaciones de clientes.
   No modifica lógica, permisos, módulos ni flujo de negocio.
   ========================================================== */
:root{
  --tikea-ui-primary:#6757d9;
  --tikea-ui-primary-dark:#5242bd;
  --tikea-ui-primary-deep:#44349f;
  --tikea-ui-primary-soft:#f2efff;
  --tikea-ui-primary-soft-2:#f8f6ff;
  --tikea-ui-bg:#f7f7fb;
  --tikea-ui-surface:#ffffff;
  --tikea-ui-border:#e8e6f1;
  --tikea-ui-text:#26243a;
  --tikea-ui-muted:#737489;
  --tikea-ui-success:#20a66a;
  --tikea-ui-danger:#dc5061;
  --tikea-ui-warning:#c58a2d;
}

/* La marca es fija. Los temas históricos del cliente no deben alterar la identidad. */
body,.wrapper,.content-wrapper,.super-contenedor,.panel-medio-principal,.panel-medio{
  background:var(--tikea-ui-bg)!important;
}

/* Cabecera TIKEA + contexto del cliente */
.main-header.cabecera-m,.cabecera-m .navbar,.cabecera-m .logo{
  background:#6757d9!important;
  background-image:none!important;
}
.cabecera-m .logo{
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  border-right:1px solid rgba(255,255,255,.16)!important;
}
.cabecera-m .logo .logo-lg{
  font-weight:900!important;
  letter-spacing:.25px!important;
  color:#fff!important;
}
.cabecera-m .logo .logo-mini img{
  width:31px!important;
  height:31px!important;
  object-fit:contain!important;
  filter:drop-shadow(0 2px 5px rgba(0,0,0,.12));
}
.tikea-client-context{
  display:inline-flex;
  align-items:center;
  gap:7px;
  max-width:240px;
  min-height:32px;
  padding:6px 11px;
  border:1px solid rgba(255,255,255,.18);
  border-radius:999px;
  background:rgba(255,255,255,.10);
  color:#fff;
  font-size:11px;
  font-weight:700;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
}
.tikea-client-context i{color:#fff!important;opacity:.9}

/* Bloqueamos visualmente la selección de temas antiguos para conservar la marca. */
.cabecera-m .dia,.cabecera-m .noche{display:none!important}

/* Firma TIKEA dentro del sidebar */
.tikea-sidebar-brand{
  margin:0 12px 10px;
  padding:8px 10px;
  display:flex;
  align-items:center;
  justify-content:center;
  gap:8px;
  border:1px solid var(--tikea-ui-border);
  border-radius:10px;
  background:#faf9ff;
  color:#6555c9;
  font-size:10px;
  font-weight:800;
  letter-spacing:.45px;
  text-transform:uppercase;
}
.tikea-sidebar-brand img{width:20px;height:20px;object-fit:contain}

/* Normalización de badges de módulos particulares del cliente. */
.label-primary,.bg-blue,.bg-aqua,.bg-light-blue{
  background:var(--tikea-ui-primary)!important;
  color:#fff!important;
}
.label-success,.bg-green{
  background:#eeeafd!important;
  color:var(--tikea-ui-primary)!important;
  border-color:#ddd7fb!important;
}

/* Los colores particulares del rubro quedan como semánticos, no como identidad. */
.text-aqua,.text-blue,.text-light-blue{color:var(--tikea-ui-primary)!important}

/* Tablas y paginación uniformes */
.table>thead>tr>th,
table.dataTable thead th{
  color:#4b4763!important;
  background:#faf9fd!important;
  border-bottom-color:#e7e3f1!important;
}
.table-hover>tbody>tr:hover{background:#faf9ff!important}
.pagination>.active>a,.pagination>.active>a:hover,.pagination>.active>a:focus,
.pagination>.active>span,.pagination>.active>span:hover,.pagination>.active>span:focus{
  background:#6757d9!important;
  border-color:#6757d9!important;
  color:#fff!important;
}

/* Select2 y componentes de filtro */
.select2-container--default .select2-selection--single,
.select2-container--default .select2-selection--multiple{
  border:1px solid #dedbe9!important;
  border-radius:9px!important;
}
.select2-container--default.select2-container--focus .select2-selection--multiple,
.select2-container--default.select2-container--open .select2-selection--single{
  border-color:#8d7ee8!important;
}
.select2-container--default .select2-results__option--highlighted[aria-selected]{
  background:#6757d9!important;
}

/* Modales con lenguaje visual común */
.modal-content{overflow:hidden!important}
.modal-header{
  background:#fff!important;
  border-bottom:1px solid #efedf5!important;
}
.modal-header .close{color:#665b91!important;opacity:.75!important}
.modal-footer{background:#fbfaff!important;border-top:1px solid #efedf5!important}

/* Focus consistente */
.form-control:focus,input:focus,select:focus,textarea:focus{
  border-color:#8d7ee8!important;
  box-shadow:0 0 0 3px rgba(103,87,217,.09)!important;
}

/* Identidad de módulos boutique: conserva función, cambia apariencia. */
[class*="boutique"] .btn-primary,
[class*="boutique"] .btn-info,
[class*="boutique"] .btn-success,
.reporte-boutique .btn-primary,
.rotacion-boutique .btn-primary{
  background:#6757d9!important;
  border-color:#6757d9!important;
  color:#fff!important;
}

/* Responsive del contexto cliente */
@media(max-width:1100px){.tikea-client-context{display:none!important}}
@media(max-width:767px){
  .cabecera-m .logo .logo-mini img{width:28px!important;height:28px!important}
  .tikea-sidebar-brand{margin-left:9px;margin-right:9px}
}