/* MIMO_V6378_TEMA_Z16
   Esta hoja tenia CERO ramas de tema. Mismo metodo que V6328/V6337/V6343:
   cada color pasa a un token con EL MISMO VALOR CLARO que tenia, asi que el
   modo claro no cambia en ningun pixel, y se anade la rama de oscuro.
   Comprobado reexpandiendo los tokens y comparando con el original. */
:root{
  --z16-aviso1:#d8bd88;
  --z16-aviso2:#b58b43;
  --z16-aviso-fondo1:#fffaf0;
  --z16-aviso3:#72531d;
  --z16-marca1:#102b46;
  --z16-marca-linea1:#d9e1e8;
  --z16-apagado1:#627487;
  --z16-marca2:#17375e;
  --z16-sup1:#fff;
  --z16-velo1:rgba(181,139,67,.12);
  --z16-velo2:rgba(13,39,66,.02);
}
html[data-theme="dark"],
html.dark{
  --z16-aviso1: #E0A83C;
  --z16-aviso2: #E0A83C;
  --z16-aviso-fondo1: rgba(224,168,60,.16);
  --z16-aviso3: #E0A83C;
  --z16-marca1: #5C7BFF;
  --z16-marca-linea1: rgba(92,123,255,.42);
  --z16-apagado1: var(--mimo-text-muted, #97A6C0);
  --z16-marca2: #5C7BFF;
  --z16-sup1: var(--mimo-surface, #131C2E);
  --z16-velo1: rgba(255,227,130,.12);
  --z16-velo2: rgba(57,92,129,.02);
}
/* MIMO V6108R29 · regression restore */

.mimo-backoffice-mark-v4854,
body.mimo-route-backoffice .mimo-backoffice-mark-v4854,
body.mimo-route-dashboard .mimo-backoffice-mark-v4854,
body[class*="mimo-route"] .mimo-backoffice-mark-v4854{
  width:46px!important;
  height:52px!important;
  flex:0 0 46px!important;
  display:grid!important;
  place-items:center!important;
  padding:0!important;
  overflow:visible!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  background-image:none!important;
  box-shadow:none!important;
}

.mimo-backoffice-mark-v4854 img,
body.mimo-route-backoffice .mimo-backoffice-mark-v4854 img,
body.mimo-route-dashboard .mimo-backoffice-mark-v4854 img{
  display:block!important;
  width:42px!important;
  height:48px!important;
  object-fit:contain!important;
  padding:0!important;
  margin:0!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
  filter:none!important;
  opacity:1!important;
}

.mimo-v6104f-logo-roof{
  border:0!important;
  background:transparent!important;
  width:38px!important;
  height:43px!important;
}
.mimo-v6104f-logo-roof img{
  display:block!important;
  width:38px!important;
  height:43px!important;
  object-fit:contain!important;
  background:transparent!important;
  border:0!important;
}

.mimo-dashboard-scopebar-v4855,
.mimo-dashboard-scopebar-v4861{
  gap:16px!important;
  align-items:end!important;
}

.mimo-dashboard-scopebar-v4855 label,
.mimo-dashboard-scopebar-v4861 label,
.mimo-r26-month-nav label{
  display:flex!important;
  flex-direction:column!important;
  gap:6px!important;
  min-width:0!important;
}

.mimo-dashboard-scopebar-v4855 label > span,
.mimo-dashboard-scopebar-v4861 label > span,
.mimo-r26-month-nav label > span{
  display:block!important;
  margin:0!important;
  color:var(--z16-apagado1)!important;
  font-size:10px!important;
  line-height:1.15!important;
  font-weight:850!important;
  letter-spacing:.10em!important;
  text-transform:uppercase!important;
}

.mimo-dashboard-scopebar-v4855 input,
.mimo-dashboard-scopebar-v4861 input,
.mimo-dashboard-scopebar-v4855 select,
.mimo-dashboard-scopebar-v4861 select,
.mimo-r26-month-nav input{
  box-sizing:border-box!important;
  min-height:44px!important;
  height:44px!important;
  width:100%!important;
  padding:0 13px!important;
  border:1px solid var(--z16-marca-linea1)!important;
  border-radius:11px!important;
  outline:0!important;
  background:var(--z16-sup1)!important;
  color:var(--z16-marca1)!important;
  font:inherit!important;
  font-size:13px!important;
  font-weight:750!important;
  box-shadow:0 1px 0 var(--z16-velo2)!important;
}

.mimo-dashboard-scopebar-v4855 input:focus,
.mimo-dashboard-scopebar-v4861 input:focus,
.mimo-dashboard-scopebar-v4855 select:focus,
.mimo-dashboard-scopebar-v4861 select:focus,
.mimo-r26-month-nav input:focus{
  border-color:var(--z16-aviso2)!important;
  box-shadow:0 0 0 3px var(--z16-velo1)!important;
}

.mimo-r26-month-nav{
  display:grid!important;
  grid-template-columns:44px minmax(190px,1fr) 44px auto!important;
  gap:8px!important;
  align-items:end!important;
  width:min(100%,560px)!important;
}

.mimo-r26-month-btn,
#dashboardPrevMonth,
#dashboardNextMonth,
#dashboardThisMonth{
  box-sizing:border-box!important;
  min-height:44px!important;
  height:44px!important;
  padding:0 14px!important;
  border:1px solid var(--z16-marca-linea1)!important;
  border-radius:11px!important;
  background:var(--z16-sup1)!important;
  color:var(--z16-marca2)!important;
  font:inherit!important;
  font-size:12px!important;
  font-weight:850!important;
  line-height:1!important;
  cursor:pointer!important;
}

#dashboardPrevMonth,
#dashboardNextMonth{
  padding:0!important;
  font-size:20px!important;
}

#dashboardThisMonth{
  white-space:nowrap!important;
  border-color:var(--z16-aviso1)!important;
  background:var(--z16-aviso-fondo1)!important;
  color:var(--z16-aviso3)!important;
}

.mimo-dashboard-scopebar-v4855 button:not(.mimo-r26-month-btn),
.mimo-dashboard-scopebar-v4861 button:not(.mimo-r26-month-btn){
  min-height:42px!important;
  padding:0 13px!important;
  border:1px solid var(--z16-marca-linea1)!important;
  border-radius:10px!important;
  background:var(--z16-sup1)!important;
  color:var(--z16-marca2)!important;
  font-size:12px!important;
  font-weight:800!important;
  cursor:pointer!important;
}

.mimo-login-logo,
.mimo-login-logo-tile-v6119 img,
.login-v6107 .logo,
.mimo-r29-login-brand img{
  background:transparent!important;
  border:0!important;
  box-shadow:none!important;
  filter:none!important;
  object-fit:contain!important;
}

.mimo-r29-login-brand{
  position:absolute;
  z-index:40;
  top:28px;
  left:clamp(28px,4vw,64px);
  display:flex;
  align-items:center;
  pointer-events:none;
}
.mimo-r29-login-brand img{
  display:block;
  width:52px;
  height:58px;
}

body[data-mimo-path^="/client/"] a[href="/dashboard"],
body[data-mimo-path^="/client/"] .topbar-back,
body[data-mimo-path^="/client/"] [href$="/dashboard"]{
  pointer-events:auto!important;
  cursor:pointer!important;
}

@media (max-width:900px){
  .mimo-r26-month-nav{
    grid-template-columns:42px minmax(150px,1fr) 42px!important;
  }
  #dashboardThisMonth{
    grid-column:1 / -1!important;
  }
}