/* ERP Comercial Chile v10.25.3 — POS pantalla completa
   Ajuste visual únicamente:
   1) deja un solo buscador, sin tarjeta exterior duplicada;
   2) al ocultar el menú lateral, el POS ocupa el 100% del viewport. */

@media (min-width: 1024px) {
  /* Barra superior más limpia: sólo queda visible el campo de búsqueda. */
  .pos19-root {
    --pos252-toolbar-h: 48px;
  }

  .pos19-search-card {
    height: var(--pos252-toolbar-h) !important;
    min-height: 0 !important;
    overflow: visible !important;
    border: 0 !important;
    border-top: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
  }

  .pos19-search-card > div:last-child {
    display: flex !important;
    height: 100% !important;
    align-items: center !important;
    padding: 0 !important;
    background: transparent !important;
  }

  .pos19-search-card > div:last-child > div:first-child {
    width: 100% !important;
  }

  .pos19-product-search {
    height: 44px !important;
    border: 1px solid #cbd5e1 !important;
    border-radius: 14px !important;
    background: #fff !important;
    box-shadow: 0 4px 14px rgba(15, 23, 42, .055) !important;
  }

  .pos19-product-search:focus {
    border-color: #818cf8 !important;
    box-shadow: 0 0 0 4px rgba(99, 102, 241, .12) !important;
  }

  .pos19-cashbar {
    height: var(--pos252-toolbar-h) !important;
  }

  .pos19-cashbar > div:first-child {
    padding-top: 2px !important;
    padding-bottom: 2px !important;
  }

  .pos19-cashbar button {
    height: 42px !important;
  }

  /* El hotfix de sidebar fijo reservaba 16rem incluso después de ocultarlo.
     Al colapsar el menú, se devuelve realmente todo el ancho al Punto de venta. */
  body.erp-pos-active.erp-pos-sidebar-collapsed > #root > div.flex > main.flex {
    width: 100% !important;
    max-width: 100% !important;
    margin-left: 0 !important;
    flex: 1 1 100% !important;
  }

  body.erp-pos-active.erp-pos-sidebar-collapsed > #root main > .responsive-workspace,
  body.erp-pos-active.erp-pos-sidebar-collapsed .erp-ventas,
  body.erp-pos-active.erp-pos-sidebar-collapsed .pos19-root,
  body.erp-pos-active.erp-pos-sidebar-collapsed .pos19-shell {
    width: 100% !important;
    max-width: none !important;
  }

  /* Transición suave al abrir/cerrar el menú. */
  body.erp-pos-active > #root > div.flex > main.flex {
    transition: margin-left .22s ease, width .22s ease !important;
  }
}