body.pos .pf-interruptores { display: flex; flex-wrap: wrap; gap: var(--ex-sp-4) 24px; padding-top: var(--ex-sp-4); }
body.pos .pf-interruptores > * { flex: 0 1 auto; }

body.pos .tk-config-card { flex: 0 0 auto; width: 100%; margin-inline: auto; min-width: 0; display: flex; flex-direction: column; margin-bottom: var(--ex-sp-8); }
@media (min-width: 992px) {
  body.pos .tk-config-card.tk-ancho-chico { max-width: 560px; }
  body.pos .tk-config-card.tk-ancho-mediano { max-width: 820px; }
  body.pos .tk-config-card.tk-ancho-grande { max-width: 1140px; }
}
body.pos .tk-config-cuerpo { flex: 0 0 auto; display: flex; gap: 0; }
body.pos .tk-config-menu { flex: 0 0 240px; display: flex; flex-direction: column; gap: var(--ex-sp-4); padding: var(--ex-sp-12) var(--ex-sp-12) var(--ex-sp-12) var(--ex-sp-8); border-right: var(--ex-bd); overflow-y: auto; }
body.pos .tk-config-menu .list-group-item { display: flex; align-items: center; gap: var(--ex-sp-8); border: 0; border-radius: var(--ex-r-btn); padding: var(--ex-sp-10) var(--ex-sp-12); background: transparent; color: var(--ex-ink); font-weight: 600; font-size: var(--ex-fs-md); }
body.pos .tk-config-menu .list-group-item i { font-size: var(--ex-fs-xl); flex: none; }
body.pos .tk-config-menu .list-group-item:hover { background: var(--ex-marca-soft); color: var(--ex-ink); }
body.pos .tk-config-menu .list-group-item.active { background: var(--ex-marca-soft); color: var(--ex-marca-hi); box-shadow: var(--ex-sel-lado); }
body.pos .tk-config-cuerpo.angosto .tk-config-menu { flex-basis: 64px; padding: var(--ex-sp-12) var(--ex-sp-6); }
body.pos .tk-config-cuerpo.angosto .tk-config-menu .list-group-item { justify-content: center; padding: var(--ex-sp-10) 0; }
body.pos .tk-config-cuerpo.angosto .tk-config-menu .list-group-item span { display: none; }
body.pos .tk-config-contenido { flex: 1 1 auto; min-width: 0; display: flex; flex-direction: column; gap: var(--ex-sp-12); padding: var(--ex-sp-16); }
body.pos .tk-config-contenido > * { flex-shrink: 0; }
body.pos .tk-seccion { display: flex; flex-direction: column; gap: var(--ex-sp-12); }
body.pos .tk-seccion[hidden] { display: none; }
body.pos .tk-seccion-cabeza { display: flex; align-items: center; gap: var(--ex-sp-8); min-width: 0; padding-bottom: var(--ex-sp-8); border-bottom: var(--ex-bd); }
body.pos .tk-config-card > .tk-card-cabeza { margin: calc(var(--ex-card-py) * -1) calc(var(--ex-card-px) * -1) 0; padding: .5rem .5rem .25rem 1rem; border-bottom: var(--ex-bd); }
body.pos .tk-config-card .tk-card-herr { margin: -.5rem -.5rem -.25rem 0; }
body.pos .tk-config-card .tk-card-herr .tk-herr-cerrar { align-self: stretch; }
body.pos .tk-config-sep { height: 0; margin-bottom: 0; }
body.pos .tk-config-pie { flex: none; display: flex; align-items: center; justify-content: flex-end; flex-wrap: wrap; gap: var(--ex-sp-8); margin: 0 calc(var(--ex-card-px) * -1) calc(var(--ex-card-py) * -1); padding: var(--ex-sp-12) var(--ex-sp-16); border-top: var(--ex-bd); }
body.pos .tk-config-colapsar { margin-top: auto; cursor: pointer; text-align: left; }

@media (max-width: 767px) {
  body.pos .tk-config-cuerpo, body.pos .tk-config-cuerpo.angosto { flex-direction: column; }
  body.pos .tk-config-menu, body.pos .tk-config-cuerpo.angosto .tk-config-menu { flex: none; flex-direction: row; flex-wrap: wrap; border-right: 0; border-bottom: var(--ex-bd); padding: var(--ex-sp-8); overflow: visible; }
  body.pos .tk-config-cuerpo.angosto .tk-config-menu .list-group-item { padding: var(--ex-sp-10) var(--ex-sp-14); }
  body.pos .tk-config-cuerpo.angosto .tk-config-menu .list-group-item span { display: inline; }
  body.pos .tk-config-colapsar { display: none; }
  body.pos .tk-config-contenido { padding: var(--ex-sp-12); }
}
body.pos .vd-pin { display: flex; justify-content: center; gap: var(--ex-sp-8); margin: var(--ex-sp-14) 0; }
body.pos .vd-pin span { display: inline-flex; align-items: center; justify-content: center; width: 52px; height: 68px; border-radius: var(--ex-r-md); border: var(--ex-bd); background: var(--ex-surface); font-family: var(--ex-mono); font-weight: 800; font-size: var(--ex-fs-6xl); }
