
/* SALOVIX V199 — Hora de cierre */
#btn-config-tab-cierre{
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:6px!important;
}
.salovix-v199-closing-card{
  display:flex;
  flex-direction:column;
  gap:12px;
  padding:16px;
  border:1px solid #d7dde7;
  border-radius:16px;
  background:#f8fafc;
}
.salovix-v199-closing-title{display:flex;align-items:center;gap:10px}
.salovix-v199-closing-title>i{font-size:20px;color:#1ca9cf}
.salovix-v199-closing-title strong{display:block;font-size:14px}
.salovix-v199-closing-title span{display:block;font-size:11px;color:#64748b;margin-top:2px}
.salovix-v199-time-label{font-size:10px;font-weight:900;text-transform:uppercase;letter-spacing:.08em;color:#64748b}
#salovix-v199-closing-time{
  width:100%;
  min-height:48px;
  border:1px solid #cbd5e1;
  background:#fff;
  border-radius:12px;
  padding:10px 12px;
  font-size:18px;
  font-weight:900;
  color:#0f172a;
}
.salovix-v199-help{
  display:flex;
  flex-direction:column;
  gap:6px;
  padding:12px;
  border-radius:12px;
  background:#fff;
  border:1px solid #e2e8f0;
  font-size:11px;
  line-height:1.45;
  color:#475569;
}
#salovix-v199-save-closing{
  min-height:46px;
  border-radius:12px;
  background:#1ca9cf;
  color:#fff;
  font-size:12px;
  font-weight:900;
  display:flex;
  align-items:center;
  justify-content:center;
  gap:7px;
}
#salovix-v199-save-closing:disabled{opacity:.55}
#salovix-v199-save-state{min-height:16px;text-align:center;font-size:11px;font-weight:800;color:#047857}

/* R40: Hora de cierre vive dentro de Horarios; quedan tres pestañas. */
body.tablet-admin-active #modal-gestion-salas .salovix-v199-config-nav{
  display:grid!important;
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
}

/* Mobile R40: tres pestañas, una fila. */
body.mobile-admin-active #modal-gestion-salas .salovix-v199-config-nav{
  display:grid!important;
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  gap:4px!important;
}
body.mobile-admin-active #modal-gestion-salas .salovix-v199-config-nav button{
  min-height:44px!important;
  white-space:normal!important;
}
body.mobile-admin-active #salovix-v208-closing-inline{
  padding-bottom:80px!important;
}

/* Web: menú realmente lateral. Hora de cierre queda justo debajo de Horarios. */
body:not(.tablet-admin-active):not(.mobile-admin-active) #modal-gestion-salas .salovix-v199-config-modal{
  max-width:780px!important;
  width:min(92vw,780px)!important;
  display:grid!important;
  grid-template-columns:190px minmax(0,1fr)!important;
  grid-template-rows:auto minmax(0,1fr) auto!important;
  gap:14px!important;
}
body:not(.tablet-admin-active):not(.mobile-admin-active) #modal-gestion-salas .salovix-v199-config-modal>div:first-child{
  grid-column:1/-1!important;
  margin-top:0!important;
}
body:not(.tablet-admin-active):not(.mobile-admin-active) #modal-gestion-salas .salovix-v199-config-nav{
  grid-column:1!important;
  grid-row:2!important;
  display:flex!important;
  flex-direction:column!important;
  align-self:stretch!important;
  border-bottom:0!important;
  border-right:1px solid #d7dde7!important;
  padding-right:12px!important;
  gap:5px!important;
  margin-top:0!important;
}
body:not(.tablet-admin-active):not(.mobile-admin-active) #modal-gestion-salas .salovix-v199-config-nav button{
  flex:none!important;
  width:100%!important;
  min-height:44px!important;
  justify-content:flex-start!important;
  text-align:left!important;
  padding:10px 11px!important;
  border:1px solid transparent!important;
  border-radius:10px!important;
}
body:not(.tablet-admin-active):not(.mobile-admin-active) #modal-gestion-salas .salovix-v199-config-nav button.border-blueAccent{
  background:#eff6ff!important;
  border-color:#bae6fd!important;
}
body:not(.tablet-admin-active):not(.mobile-admin-active) #modal-gestion-salas .salovix-v199-config-content{
  grid-column:2!important;
  grid-row:2!important;
  max-height:470px!important;
  min-height:330px!important;
  overflow-y:auto!important;
  margin-top:0!important;
}
body:not(.tablet-admin-active):not(.mobile-admin-active) #modal-gestion-salas .salovix-v199-config-modal>button:last-child{
  grid-column:1/-1!important;
  grid-row:3!important;
  margin-top:0!important;
}

/* SALOVIX V270-R40 — Hora de cierre integrada al final de Horarios */
#salovix-v208-closing-inline{
  margin-top:16px;
  padding-top:16px;
  border-top:1px solid #d7dde7;
}
#config-tab-content-horarios #salovix-v208-closing-inline .salovix-v199-closing-card{
  margin:0;
}
