/* ==========================================================
   TIKEA.PE UI V2 - CONSOLIDACION DE IDENTIDAD CORPORATIVA
   Refuerza la marca TIKEA sobre estilos historicos del cliente.
   Solo capa visual. No modifica logica ni flujos de negocio.
   ========================================================== */
:root{
  --tikea-v2-primary:#6757d9;
  --tikea-v2-primary-dark:#5445c6;
  --tikea-v2-primary-soft:#f2efff;
  --tikea-v2-bg:#f7f7fb;
  --tikea-v2-surface:#fff;
  --tikea-v2-border:#e6e3f0;
  --tikea-v2-text:#20243b;
  --tikea-v2-muted:#747b91;
}

/* Cabecera: especificidad alta para neutralizar skins heredados por cliente. */
body.skin-blue .main-header.cabecera-m,
body.skin-blue .main-header.cabecera-m .navbar,
body.skin-blue .main-header.cabecera-m .logo,
body .main-header.cabecera-m,
body .main-header.cabecera-m .navbar,
body .main-header.cabecera-m .logo{
  background:var(--tikea-v2-primary)!important;
  background-image:none!important;
  border-color:rgba(255,255,255,.14)!important;
  color:#fff!important;
}
body.skin-blue .main-header.cabecera-m .logo:hover,
body .main-header.cabecera-m .logo:hover{
  background:var(--tikea-v2-primary-dark)!important;
  background-image:none!important;
}
body .main-header.cabecera-m{box-shadow:0 3px 16px rgba(54,43,126,.14)!important}
body .main-header.cabecera-m .navbar .nav>li>a,
body .main-header.cabecera-m .navbar .sidebar-toggle{color:#fff!important}
body .main-header.cabecera-m .navbar .nav>li>a:hover,
body .main-header.cabecera-m .navbar .nav>li>a:focus,
body .main-header.cabecera-m .navbar .nav .open>a{
  background:rgba(255,255,255,.10)!important;
  color:#fff!important;
}
body .main-header.cabecera-m #tipocambio,
body .main-header.cabecera-m .tikea-client-context{
  background:rgba(255,255,255,.11)!important;
  border:1px solid rgba(255,255,255,.18)!important;
  color:#fff!important;
}

/* Componentes primarios comunes. Mantiene colores semanticos de exito/alerta/error. */
body:not(:has(.container-login.tikea-client-login)) .btn-primary,
body:not(:has(.container-login.tikea-client-login)) .btn-info.bt,
body:not(:has(.container-login.tikea-client-login)) .bg-light-blue,
body:not(:has(.container-login.tikea-client-login)) .label-primary{
  background:var(--tikea-v2-primary)!important;
  background-image:none!important;
  border-color:var(--tikea-v2-primary)!important;
  color:#fff!important;
}
body:not(:has(.container-login.tikea-client-login)) .btn-primary:hover,
body:not(:has(.container-login.tikea-client-login)) .btn-primary:focus,
body:not(:has(.container-login.tikea-client-login)) .btn-primary:active,
body:not(:has(.container-login.tikea-client-login)) .btn-info.bt:hover,
body:not(:has(.container-login.tikea-client-login)) .btn-info.bt:focus{
  background:var(--tikea-v2-primary-dark)!important;
  background-image:none!important;
  border-color:var(--tikea-v2-primary-dark)!important;
}
body .box.box-primary,
body .nav-tabs-custom>.nav-tabs>li.active{border-top-color:var(--tikea-v2-primary)!important}
body .nav-tabs-custom>.nav-tabs>li.active>a,
body .nav-tabs-custom>.nav-tabs>li.active:hover>a,
body .text-primary{color:var(--tikea-v2-primary)!important}
body .pagination>.active>a,
body .pagination>.active>a:hover,
body .pagination>.active>a:focus,
body .pagination>.active>span{
  background:var(--tikea-v2-primary)!important;
  border-color:var(--tikea-v2-primary)!important;
  color:#fff!important;
}

/* Formularios y tablas: mismo acabado del demo. */
body .form-control:focus,
body .select2-container--default.select2-container--focus .select2-selection--multiple,
body .select2-container--default.select2-container--open .select2-selection--single{
  border-color:#8d7ee8!important;
  box-shadow:0 0 0 3px rgba(103,87,217,.09)!important;
}
body .table>thead>tr>th,
body table.dataTable thead th{
  background:#faf9fd!important;
  background-image:none!important;
  color:#4b4763!important;
  border-bottom-color:#e7e3f1!important;
}

/* LOGIN: misma tipografia y lenguaje que el demo TIKEA, no la identidad editorial del cliente. */
body:has(.container-login.tikea-client-login),
body:has(.container-login.tikea-client-login) *{
  font-family:"Segoe UI",Inter,Arial,sans-serif!important;
}
.tikea-client-login .login-header h1,
.tikea-client-login .brand-name h2,
.tikea-client-login .descrih1tion{
  font-family:"Segoe UI",Inter,Arial,sans-serif!important;
}
.tikea-client-login .login-header h1{font-weight:800!important;letter-spacing:-.55px!important}
.tikea-client-login .brand-name h2{font-weight:800!important;letter-spacing:-.25px!important}
.tikea-client-login .descrih1tion{font-weight:800!important;letter-spacing:-.8px!important}
.tikea-client-login input:-webkit-autofill,
.tikea-client-login input:-webkit-autofill:hover,
.tikea-client-login input:-webkit-autofill:focus{
  -webkit-text-fill-color:#182441!important;
  -webkit-box-shadow:0 0 0 1000px #fff inset!important;
  transition:background-color 9999s ease-out 0s!important;
}

/* POS: firma discreta de plataforma para que incluso la vista de venta sea reconocible. */
.tikea-pos-brand{
  position:fixed;
  top:7px;
  left:53px;
  z-index:1003;
  height:36px;
  display:inline-flex;
  align-items:center;
  gap:7px;
  padding:0 11px 0 8px;
  border:1px solid #ded8f3;
  border-radius:10px;
  background:#fff;
  box-shadow:0 4px 14px rgba(57,45,125,.07);
  color:#26243a;
  font-size:10px;
  font-weight:900;
  letter-spacing:.35px;
}
.tikea-pos-brand img{width:22px;height:22px;object-fit:contain}
@media(max-width:767px){.tikea-pos-brand{display:none!important}}