/*
=====================================================================
ZENTY EMITE PRODUCCIÓN — EMISIÓN DE BOLETA MINIMALISTA Y ORDENADA
Versión 18.4.0

Base funcional: gestion_boletas(1).zip
Alcance: solo presentación de /boletas/boletas.
No modifica React, endpoints, CAF, folios, XML, TED, firma, PDF ni stock.
=====================================================================
*/

:root {
  --zem-primary: #0f766e;
  --zem-primary-dark: #0b5f59;
  --zem-primary-soft: #eaf8f6;
  --zem-ink: #173238;
  --zem-muted: #647b81;
  --zem-line: #d9e6e8;
  --zem-line-soft: #eaf0f1;
  --zem-surface: #ffffff;
  --zem-soft: #f7fafb;
  --zem-danger: #d94b5c;
  --zem-radius: 14px;
  --zem-radius-sm: 10px;
  --zem-shadow: 0 8px 24px rgba(25, 57, 64, 0.055);
}

/* ------------------------------------------------------------------
   CONTENEDOR GENERAL
   ------------------------------------------------------------------ */
body.zenty-boletas-page.zenty-pos-layout .app-content {
  padding: clamp(0.65rem, 1vw, 1rem) !important;
}

body.zenty-boletas-page.zenty-pos-layout .page-stack {
  gap: 0.7rem !important;
}

body.zenty-boletas-page.zenty-pos-layout .welcome-panel.compact-panel {
  min-height: 0 !important;
  padding: 0.65rem 0.9rem !important;
  border-radius: 13px !important;
  box-shadow: none !important;
}

body.zenty-boletas-page.zenty-pos-layout .welcome-panel.compact-panel h2 {
  margin: 0.08rem 0 0 !important;
  font-size: clamp(1rem, 1.25vw, 1.22rem) !important;
  font-weight: 650 !important;
  letter-spacing: -0.025em !important;
}

body.zenty-boletas-page.zenty-pos-layout .welcome-panel.compact-panel p {
  display: none !important;
}

body.zenty-boletas-page.zenty-pos-layout .content-grid.two-columns-wide {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) !important;
  gap: 0.72rem !important;
}

body.zenty-boletas-page.zenty-pos-layout .content-grid.two-columns-wide > .panel-card {
  grid-column: 1 / -1 !important;
  width: 100% !important;
  min-width: 0 !important;
}

body.zenty-boletas-page.zenty-pos-layout .content-grid.two-columns-wide > .panel-card:first-child {
  overflow: visible !important;
  padding: 0 !important;
  border: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}

body.zenty-boletas-page.zenty-pos-layout .content-grid.two-columns-wide > .panel-card:first-child > .panel-card-header {
  min-height: 0 !important;
  margin: 0 0 0.62rem !important;
  padding: 0.68rem 0.85rem !important;
  border: 1px solid var(--zem-line) !important;
  border-radius: 13px !important;
  background: var(--zem-surface) !important;
  box-shadow: var(--zem-shadow) !important;
}

body.zenty-boletas-page.zenty-pos-layout .content-grid.two-columns-wide > .panel-card:first-child > .panel-card-header h3 {
  margin-top: 0.1rem !important;
  font-size: 1rem !important;
  font-weight: 650 !important;
}

body.zenty-boletas-page.zenty-pos-layout .content-grid.two-columns-wide > .panel-card:first-child > .panel-card-header > i {
  font-size: 1.25rem !important;
}

/* ------------------------------------------------------------------
   GRILLA PRINCIPAL: TODO FLUYE EN SU PROPIA CELDA, SIN ABSOLUTOS
   ------------------------------------------------------------------ */
body.zenty-boletas-page.zenty-pos-layout .admin-form {
  display: grid !important;
  grid-template-columns: repeat(12, minmax(0, 1fr)) !important;
  grid-template-rows: auto auto auto auto !important;
  gap: 0.72rem !important;
  min-width: 0 !important;
  align-items: start !important;
}

/* ------------------------------------------------------------------
   DATOS DE EMISIÓN
   ------------------------------------------------------------------ */
body.zenty-boletas-page.zenty-pos-layout .admin-form > .form-grid {
  position: relative !important;
  z-index: auto !important;
  grid-column: 1 / -1 !important;
  grid-row: 1 !important;
  display: grid !important;
  grid-template-columns: repeat(12, minmax(0, 1fr)) !important;
  grid-template-rows: auto auto auto auto !important;
  gap: 0.62rem 0.78rem !important;
  min-width: 0 !important;
  margin: 0 !important;
  padding: 0.82rem !important;
  isolation: auto !important;
  overflow: visible !important;
  border: 1px solid var(--zem-line) !important;
  border-radius: var(--zem-radius) !important;
  background: var(--zem-surface) !important;
  box-shadow: var(--zem-shadow) !important;
}

body.zenty-boletas-page.zenty-pos-layout .admin-form > .form-grid::before,
body.zenty-boletas-page.zenty-pos-layout .admin-form > .form-grid::after {
  display: none !important;
  content: none !important;
}

body.zenty-boletas-page.zenty-pos-layout .zenty-zone-title {
  position: static !important;
  inset: auto !important;
  display: flex !important;
  align-items: center !important;
  gap: 0.52rem !important;
  min-width: 0 !important;
  padding-bottom: 0.52rem !important;
  border-bottom: 1px solid var(--zem-line-soft) !important;
  pointer-events: none !important;
}

body.zenty-boletas-page.zenty-pos-layout .zenty-zone-title--client {
  grid-column: 1 / 7 !important;
  grid-row: 1 !important;
}

body.zenty-boletas-page.zenty-pos-layout .zenty-zone-title--emitter {
  grid-column: 7 / 13 !important;
  grid-row: 1 !important;
  padding-left: 0.8rem !important;
  border-left: 1px solid var(--zem-line-soft) !important;
}

body.zenty-boletas-page.zenty-pos-layout .zenty-zone-title::before {
  width: 28px !important;
  height: 28px !important;
  border-radius: 8px !important;
  background: var(--zem-primary-soft) !important;
  color: var(--zem-primary) !important;
  font-size: 0.82rem !important;
}

body.zenty-boletas-page.zenty-pos-layout .zenty-zone-title strong {
  font-size: 0.8rem !important;
  font-weight: 650 !important;
}

body.zenty-boletas-page.zenty-pos-layout .zenty-zone-title small {
  margin-top: 0.08rem !important;
  font-size: 0.59rem !important;
  color: var(--zem-muted) !important;
}

body.zenty-boletas-page.zenty-pos-layout .admin-form .form-grid > label {
  position: static !important;
  z-index: auto !important;
  align-self: end !important;
  min-width: 0 !important;
  margin: 0 !important;
  gap: 0.28rem !important;
  color: #38545a !important;
  font-size: 0.67rem !important;
  font-weight: 560 !important;
}

body.zenty-boletas-page.zenty-pos-layout .admin-form .form-grid > label > input,
body.zenty-boletas-page.zenty-pos-layout .admin-form .form-grid > label > select {
  width: 100% !important;
  min-width: 0 !important;
  min-height: 39px !important;
  padding: 0.48rem 0.65rem !important;
  border: 1px solid #cadcdf !important;
  border-radius: 9px !important;
  background: #fff !important;
  color: var(--zem-ink) !important;
  font-size: 0.76rem !important;
  box-shadow: none !important;
}

body.zenty-boletas-page.zenty-pos-layout .admin-form .form-grid > label > input:focus,
body.zenty-boletas-page.zenty-pos-layout .admin-form .form-grid > label > select:focus {
  border-color: #69bdb4 !important;
  box-shadow: 0 0 0 3px rgba(15, 118, 110, 0.10) !important;
}

body.zenty-boletas-page.zenty-pos-layout .zenty-field-rut {
  grid-column: 1 / 4 !important;
  grid-row: 2 !important;
}

body.zenty-boletas-page.zenty-pos-layout .zenty-field-reason {
  grid-column: 4 / 7 !important;
  grid-row: 2 !important;
}

body.zenty-boletas-page.zenty-pos-layout .zenty-field-commune {
  grid-column: 1 / 7 !important;
  grid-row: 3 !important;
}

body.zenty-boletas-page.zenty-pos-layout .form-grid:has(.zenty-field-payment) .zenty-field-commune {
  grid-column: 1 / 4 !important;
}

body.zenty-boletas-page.zenty-pos-layout .zenty-field-payment {
  grid-column: 4 / 7 !important;
  grid-row: 3 !important;
}

body.zenty-boletas-page.zenty-pos-layout .zenty-field-company {
  grid-column: 7 / 10 !important;
  grid-row: 2 !important;
  padding-left: 0.8rem !important;
  border-left: 1px solid var(--zem-line-soft) !important;
}

body.zenty-boletas-page.zenty-pos-layout .zenty-field-date {
  grid-column: 10 / 13 !important;
  grid-row: 2 !important;
}

body.zenty-boletas-page.zenty-pos-layout .zenty-field-dte {
  grid-column: 7 / 13 !important;
  grid-row: 3 !important;
  align-self: stretch !important;
  gap: 0 !important;
  padding-left: 0.8rem !important;
  border-left: 1px solid var(--zem-line-soft) !important;
  font-size: 0 !important;
}

body.zenty-boletas-page.zenty-pos-layout .zenty-native-dte-select {
  position: absolute !important;
  inline-size: 1px !important;
  block-size: 1px !important;
  overflow: hidden !important;
  clip-path: inset(50%) !important;
  opacity: 0 !important;
  pointer-events: none !important;
}

body.zenty-boletas-page.zenty-pos-layout .zenty-dte-selector-head {
  display: flex !important;
  align-items: baseline !important;
  justify-content: space-between !important;
  gap: 0.7rem !important;
  width: 100% !important;
  margin: 0 0 0.36rem !important;
  color: var(--zem-ink) !important;
  font-size: 0.68rem !important;
}

body.zenty-boletas-page.zenty-pos-layout .zenty-dte-selector-head strong {
  font-size: 0.69rem !important;
  font-weight: 650 !important;
  white-space: nowrap !important;
}

body.zenty-boletas-page.zenty-pos-layout .zenty-dte-selector-head small {
  overflow: hidden !important;
  max-width: 430px !important;
  color: var(--zem-muted) !important;
  font-size: 0.57rem !important;
  font-weight: 430 !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
}

body.zenty-boletas-page.zenty-pos-layout .zenty-dte-choice {
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: 0.55rem !important;
  width: 100% !important;
}

body.zenty-boletas-page.zenty-pos-layout .zenty-dte-option {
  position: relative !important;
  display: grid !important;
  grid-template-columns: 24px minmax(0, 1fr) auto !important;
  align-items: center !important;
  gap: 0.48rem !important;
  min-width: 0 !important;
  min-height: 50px !important;
  padding: 0.48rem 0.56rem !important;
  overflow: hidden !important;
  border: 1px solid #cfdee1 !important;
  border-radius: 10px !important;
  background: #fff !important;
  color: #355057 !important;
  box-shadow: none !important;
  transform: none !important;
}

body.zenty-boletas-page.zenty-pos-layout .zenty-dte-option:hover {
  border-color: #78c6bd !important;
  background: #f8fffd !important;
  transform: none !important;
  box-shadow: none !important;
}

body.zenty-boletas-page.zenty-pos-layout .zenty-dte-option.is-active {
  border-color: #25a092 !important;
  background: var(--zem-primary-soft) !important;
  box-shadow: inset 0 0 0 1px rgba(15, 118, 110, 0.08) !important;
}

body.zenty-boletas-page.zenty-pos-layout .zenty-dte-option__check {
  display: grid !important;
  place-items: center !important;
  width: 22px !important;
  height: 22px !important;
  border: 1px solid #aebfc3 !important;
  border-radius: 50% !important;
  background: #fff !important;
  color: transparent !important;
  font-size: 0.66rem !important;
  box-shadow: none !important;
}

body.zenty-boletas-page.zenty-pos-layout .zenty-dte-option.is-active .zenty-dte-option__check {
  border-color: var(--zem-primary) !important;
  background: var(--zem-primary) !important;
  color: #fff !important;
  box-shadow: none !important;
}

body.zenty-boletas-page.zenty-pos-layout .zenty-dte-option__copy {
  min-width: 0 !important;
}

body.zenty-boletas-page.zenty-pos-layout .zenty-dte-option__copy strong,
body.zenty-boletas-page.zenty-pos-layout .zenty-dte-option__copy small {
  display: block !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
}

body.zenty-boletas-page.zenty-pos-layout .zenty-dte-option__copy strong {
  color: var(--zem-ink) !important;
  font-size: 0.68rem !important;
  font-weight: 640 !important;
}

body.zenty-boletas-page.zenty-pos-layout .zenty-dte-option__copy small {
  margin-top: 0.12rem !important;
  color: var(--zem-muted) !important;
  font-size: 0.55rem !important;
}

body.zenty-boletas-page.zenty-pos-layout .zenty-dte-option__side {
  display: flex !important;
  flex-direction: column !important;
  align-items: flex-end !important;
  gap: 0.18rem !important;
  min-width: 58px !important;
}

body.zenty-boletas-page.zenty-pos-layout .zenty-dte-option__code {
  min-height: 0 !important;
  padding: 0.16rem 0.4rem !important;
  border-radius: 999px !important;
  background: #edf3f4 !important;
  color: #486269 !important;
  font-size: 0.53rem !important;
  font-weight: 700 !important;
}

body.zenty-boletas-page.zenty-pos-layout .zenty-dte-option__state {
  color: #71878c !important;
  font-size: 0.5rem !important;
  font-weight: 560 !important;
}

body.zenty-boletas-page.zenty-pos-layout .zenty-client-status {
  display: none !important;
}

body.zenty-boletas-page.zenty-pos-layout .zenty-emitter-status {
  position: static !important;
  inset: auto !important;
  grid-column: 7 / 13 !important;
  grid-row: 4 !important;
  display: flex !important;
  align-items: center !important;
  gap: 0.48rem !important;
  width: auto !important;
  min-width: 0 !important;
  min-height: 35px !important;
  margin: 0 !important;
  padding: 0.42rem 0.58rem !important;
  border: 1px solid #c9e6e1 !important;
  border-radius: 9px !important;
  background: #f0faf8 !important;
  color: var(--zem-primary-dark) !important;
  pointer-events: none !important;
}

body.zenty-boletas-page.zenty-pos-layout .zenty-emitter-status i {
  flex: 0 0 auto !important;
  font-size: 0.82rem !important;
}

body.zenty-boletas-page.zenty-pos-layout .zenty-emitter-status strong,
body.zenty-boletas-page.zenty-pos-layout .zenty-emitter-status span {
  display: block !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
}

body.zenty-boletas-page.zenty-pos-layout .zenty-emitter-status strong {
  font-size: 0.6rem !important;
  font-weight: 650 !important;
}

body.zenty-boletas-page.zenty-pos-layout .zenty-emitter-status span {
  margin-top: 0.04rem !important;
  font-size: 0.54rem !important;
}

body.zenty-boletas-page.zenty-pos-layout .soft-info-box {
  display: none !important;
}

/* ------------------------------------------------------------------
   DETALLE DE LA BOLETA
   ------------------------------------------------------------------ */
body.zenty-boletas-page.zenty-pos-layout .admin-form > .items-block {
  grid-column: 1 / 9 !important;
  grid-row: 2 !important;
  min-width: 0 !important;
  margin: 0 !important;
  padding: 0.78rem !important;
  overflow: visible !important;
  border: 1px solid var(--zem-line) !important;
  border-radius: var(--zem-radius) !important;
  background: var(--zem-surface) !important;
  box-shadow: var(--zem-shadow) !important;
}

body.zenty-boletas-page.zenty-pos-layout .items-block .section-title-row {
  margin: 0 0 0.6rem !important;
  padding: 0 0 0.55rem !important;
  border-bottom: 1px solid var(--zem-line-soft) !important;
}

body.zenty-boletas-page.zenty-pos-layout .items-block .section-title-row h4 {
  margin: 0 !important;
  font-size: 0.87rem !important;
  font-weight: 650 !important;
}

body.zenty-boletas-page.zenty-pos-layout .items-block .section-title-row .eyebrow {
  font-size: 0.58rem !important;
}

body.zenty-boletas-page.zenty-pos-layout .items-block .section-title-row .btn {
  min-height: 34px !important;
  padding: 0.35rem 0.62rem !important;
  border-radius: 9px !important;
  font-size: 0.66rem !important;
}

body.zenty-boletas-page.zenty-pos-layout .item-editor {
  display: grid !important;
  grid-template-columns:
    minmax(180px, 2.2fr)
    minmax(62px, 0.55fr)
    minmax(105px, 0.9fr)
    minmax(82px, 0.72fr)
    minmax(58px, 0.55fr)
    minmax(72px, 0.62fr)
    34px !important;
  align-items: end !important;
  gap: 0.46rem !important;
  min-width: 0 !important;
  margin: 0 0 0.52rem !important;
  padding: 0.58rem !important;
  border: 1px solid #e0e9eb !important;
  border-radius: 10px !important;
  background: #fbfdfd !important;
}

body.zenty-boletas-page.zenty-pos-layout .item-editor:last-child {
  margin-bottom: 0 !important;
}

body.zenty-boletas-page.zenty-pos-layout .item-editor label {
  min-width: 0 !important;
  gap: 0.25rem !important;
  color: #456067 !important;
  font-size: 0.59rem !important;
  font-weight: 560 !important;
}

body.zenty-boletas-page.zenty-pos-layout .item-editor input {
  width: 100% !important;
  min-width: 0 !important;
  min-height: 36px !important;
  padding: 0.4rem 0.55rem !important;
  border: 1px solid #ccdce0 !important;
  border-radius: 8px !important;
  background: #fff !important;
  font-size: 0.72rem !important;
  box-shadow: none !important;
}

body.zenty-boletas-page.zenty-pos-layout .item-editor input:focus {
  border-color: #69bdb4 !important;
  box-shadow: 0 0 0 3px rgba(15, 118, 110, 0.09) !important;
}

body.zenty-boletas-page.zenty-pos-layout .item-editor .checkbox-line {
  align-self: end !important;
  justify-content: center !important;
  min-height: 36px !important;
  padding: 0.3rem !important;
  border: 1px solid #d7e3e5 !important;
  border-radius: 8px !important;
  background: #fff !important;
  font-size: 0.62rem !important;
}

body.zenty-boletas-page.zenty-pos-layout .item-editor > button {
  display: grid !important;
  place-items: center !important;
  width: 34px !important;
  height: 36px !important;
  min-width: 34px !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 1px solid #f0d2d7 !important;
  border-radius: 8px !important;
  background: #fff7f8 !important;
  color: var(--zem-danger) !important;
  text-decoration: none !important;
}

body.zenty-boletas-page.zenty-pos-layout .zenty-inline-selected-product {
  grid-column: 1 / -1 !important;
  justify-self: start !important;
  margin-top: 0.04rem !important;
  padding: 0.18rem 0.42rem !important;
  border-radius: 999px !important;
  background: #e9f9f3 !important;
  color: #087063 !important;
  font-size: 0.54rem !important;
  font-weight: 620 !important;
}

/* Observación y totales comparten la misma fila, sin superposición. */
body.zenty-boletas-page.zenty-pos-layout .admin-form > label:not(.zenty-payment-field) {
  grid-column: 1 / 6 !important;
  grid-row: 3 !important;
  align-self: stretch !important;
  min-width: 0 !important;
  margin: 0 !important;
  padding: 0.72rem !important;
  border: 1px solid var(--zem-line) !important;
  border-radius: var(--zem-radius) !important;
  background: var(--zem-surface) !important;
  color: #405b62 !important;
  font-size: 0.64rem !important;
  font-weight: 560 !important;
  box-shadow: var(--zem-shadow) !important;
}

body.zenty-boletas-page.zenty-pos-layout .admin-form > label:not(.zenty-payment-field) textarea {
  min-height: 78px !important;
  padding: 0.52rem 0.62rem !important;
  resize: vertical !important;
  border: 1px solid #ccdce0 !important;
  border-radius: 9px !important;
  background: #fff !important;
  font-size: 0.72rem !important;
  box-shadow: none !important;
}

body.zenty-boletas-page.zenty-pos-layout .admin-form > .totals-box {
  grid-column: 6 / 9 !important;
  grid-row: 3 !important;
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: 0 !important;
  align-self: stretch !important;
  min-width: 0 !important;
  margin: 0 !important;
  padding: 0.42rem !important;
  overflow: hidden !important;
  border: 1px solid var(--zem-line) !important;
  border-radius: var(--zem-radius) !important;
  background: var(--zem-surface) !important;
  box-shadow: var(--zem-shadow) !important;
}

body.zenty-boletas-page.zenty-pos-layout .admin-form > .totals-box > div {
  min-width: 0 !important;
  padding: 0.5rem 0.58rem !important;
  border: 0 !important;
  border-right: 1px solid var(--zem-line-soft) !important;
  border-bottom: 1px solid var(--zem-line-soft) !important;
  border-radius: 0 !important;
  background: transparent !important;
}

body.zenty-boletas-page.zenty-pos-layout .admin-form > .totals-box > div:nth-child(2n) {
  border-right: 0 !important;
}

body.zenty-boletas-page.zenty-pos-layout .admin-form > .totals-box > div:nth-last-child(-n + 2) {
  border-bottom: 0 !important;
}

body.zenty-boletas-page.zenty-pos-layout .admin-form > .totals-box span {
  margin: 0 0 0.08rem !important;
  color: var(--zem-muted) !important;
  font-size: 0.56rem !important;
}

body.zenty-boletas-page.zenty-pos-layout .admin-form > .totals-box strong {
  color: var(--zem-ink) !important;
  font-size: 0.82rem !important;
  font-weight: 680 !important;
}

body.zenty-boletas-page.zenty-pos-layout .admin-form > .totals-box .total-final {
  background: var(--zem-primary-soft) !important;
}

body.zenty-boletas-page.zenty-pos-layout .admin-form > .totals-box .total-final span,
body.zenty-boletas-page.zenty-pos-layout .admin-form > .totals-box .total-final strong {
  color: var(--zem-primary-dark) !important;
}

body.zenty-boletas-page.zenty-pos-layout .admin-form > button[type="submit"],
body.zenty-boletas-page.zenty-pos-layout .admin-form > .btn-primary.w-100 {
  grid-column: 1 / 9 !important;
  grid-row: 4 !important;
  width: 100% !important;
  min-height: 42px !important;
  margin: 0 !important;
  padding: 0.52rem 0.8rem !important;
  border: 1px solid var(--zem-primary-dark) !important;
  border-radius: 11px !important;
  background: linear-gradient(135deg, var(--zem-primary), #128b80) !important;
  box-shadow: 0 7px 18px rgba(15, 118, 110, 0.14) !important;
  font-size: 0.72rem !important;
  font-weight: 650 !important;
}

/* ------------------------------------------------------------------
   PRODUCTOS Y STOCK
   ------------------------------------------------------------------ */
body.zenty-boletas-page.zenty-pos-layout .admin-form > .zenty-inline-stock {
  grid-column: 9 / 13 !important;
  grid-row: 2 / 5 !important;
  align-self: stretch !important;
  min-width: 0 !important;
  height: 100% !important;
  min-height: 0 !important;
  margin: 0 !important;
  overflow: hidden !important;
  border: 1px solid var(--zem-line) !important;
  border-radius: var(--zem-radius) !important;
  background: var(--zem-surface) !important;
  box-shadow: var(--zem-shadow) !important;
}

body.zenty-boletas-page.zenty-pos-layout .zenty-inline-stock__header {
  gap: 0.55rem !important;
  padding: 0.72rem 0.78rem 0.62rem !important;
  border-bottom: 1px solid var(--zem-line-soft) !important;
}

body.zenty-boletas-page.zenty-pos-layout .zenty-inline-stock__title {
  gap: 0.48rem !important;
}

body.zenty-boletas-page.zenty-pos-layout .zenty-inline-stock__icon {
  width: 29px !important;
  height: 29px !important;
  border-radius: 8px !important;
  background: var(--zem-primary-soft) !important;
  color: var(--zem-primary) !important;
  font-size: 0.78rem !important;
}

body.zenty-boletas-page.zenty-pos-layout .zenty-inline-stock__header h4 {
  font-size: 0.82rem !important;
  font-weight: 650 !important;
}

body.zenty-boletas-page.zenty-pos-layout .zenty-inline-stock__header p {
  margin-top: 0.08rem !important;
  font-size: 0.56rem !important;
}

body.zenty-boletas-page.zenty-pos-layout .zenty-inline-stock__refresh {
  width: 29px !important;
  height: 29px !important;
  border-radius: 8px !important;
}

body.zenty-boletas-page.zenty-pos-layout .zenty-inline-stock__toolbar {
  grid-template-columns: minmax(0, 1fr) auto !important;
  gap: 0.42rem !important;
  padding: 0.58rem 0.68rem !important;
}

body.zenty-boletas-page.zenty-pos-layout .zenty-inline-stock__search,
body.zenty-boletas-page.zenty-pos-layout .zenty-inline-stock__search-button {
  min-height: 36px !important;
  border-radius: 8px !important;
  font-size: 0.65rem !important;
}

body.zenty-boletas-page.zenty-pos-layout .zenty-inline-stock__search {
  padding-inline: 0.58rem !important;
}

body.zenty-boletas-page.zenty-pos-layout .zenty-inline-stock__search-button {
  padding-inline: 0.62rem !important;
}

body.zenty-boletas-page.zenty-pos-layout .zenty-inline-stock__status {
  min-height: 27px !important;
  padding: 0.4rem 0.7rem !important;
  font-size: 0.56rem !important;
}

body.zenty-boletas-page.zenty-pos-layout .zenty-inline-stock__table-wrap {
  max-height: min(45vh, 430px) !important;
  overflow: auto !important;
}

body.zenty-boletas-page.zenty-pos-layout .zenty-inline-stock__table th,
body.zenty-boletas-page.zenty-pos-layout .zenty-inline-stock__table td {
  padding: 0.52rem 0.45rem !important;
  font-size: 0.58rem !important;
}

body.zenty-boletas-page.zenty-pos-layout .zenty-inline-stock__table th {
  background: var(--zem-primary) !important;
  font-size: 0.52rem !important;
}

body.zenty-boletas-page.zenty-pos-layout .zenty-inline-stock__add {
  width: 27px !important;
  height: 27px !important;
  border-radius: 8px !important;
}

body.zenty-boletas-page.zenty-pos-layout .zenty-inline-stock__footer {
  gap: 0.45rem !important;
  padding: 0.52rem 0.65rem !important;
  font-size: 0.54rem !important;
}

/* ------------------------------------------------------------------
   HISTORIAL
   ------------------------------------------------------------------ */
body.zenty-boletas-page.zenty-pos-layout .content-grid.two-columns-wide > .panel-card.muted-card {
  margin: 0 !important;
  padding: 0.78rem !important;
  border: 1px solid var(--zem-line) !important;
  border-radius: var(--zem-radius) !important;
  background: var(--zem-surface) !important;
  box-shadow: var(--zem-shadow) !important;
}

body.zenty-boletas-page.zenty-pos-layout .content-grid.two-columns-wide > .panel-card.muted-card .panel-card-header {
  margin-bottom: 0.5rem !important;
}

body.zenty-boletas-page.zenty-pos-layout .content-grid.two-columns-wide > .panel-card.muted-card .panel-card-header h3 {
  font-size: 0.9rem !important;
  font-weight: 650 !important;
}

body.zenty-boletas-page.zenty-pos-layout .soft-table th,
body.zenty-boletas-page.zenty-pos-layout .soft-table td {
  padding: 0.52rem 0.58rem !important;
  font-size: 0.64rem !important;
}

body.zenty-boletas-page.zenty-pos-layout .soft-table .btn-sm {
  min-height: 28px !important;
  padding: 0.25rem 0.45rem !important;
  border-radius: 7px !important;
  font-size: 0.56rem !important;
}

/* ------------------------------------------------------------------
   NOTEBOOK / TABLET
   ------------------------------------------------------------------ */
@media (max-width: 1180px) {
  body.zenty-boletas-page.zenty-pos-layout .admin-form {
    grid-template-columns: repeat(12, minmax(0, 1fr)) !important;
  }

  body.zenty-boletas-page.zenty-pos-layout .admin-form > .items-block {
    grid-column: 1 / 8 !important;
  }

  body.zenty-boletas-page.zenty-pos-layout .admin-form > label:not(.zenty-payment-field) {
    grid-column: 1 / 5 !important;
  }

  body.zenty-boletas-page.zenty-pos-layout .admin-form > .totals-box {
    grid-column: 5 / 8 !important;
  }

  body.zenty-boletas-page.zenty-pos-layout .admin-form > button[type="submit"],
  body.zenty-boletas-page.zenty-pos-layout .admin-form > .btn-primary.w-100 {
    grid-column: 1 / 8 !important;
  }

  body.zenty-boletas-page.zenty-pos-layout .admin-form > .zenty-inline-stock {
    grid-column: 8 / 13 !important;
  }

  body.zenty-boletas-page.zenty-pos-layout .item-editor {
    grid-template-columns:
      minmax(150px, 2fr)
      minmax(58px, 0.55fr)
      minmax(92px, 0.9fr)
      minmax(72px, 0.7fr)
      minmax(54px, 0.5fr)
      minmax(65px, 0.6fr)
      32px !important;
    gap: 0.38rem !important;
  }
}

@media (max-width: 980px) {
  body.zenty-boletas-page.zenty-pos-layout .admin-form > .form-grid {
    grid-template-columns: repeat(6, minmax(0, 1fr)) !important;
    grid-template-rows: auto auto auto auto auto auto auto !important;
  }

  body.zenty-boletas-page.zenty-pos-layout .zenty-zone-title--client {
    grid-column: 1 / 7 !important;
    grid-row: 1 !important;
  }

  body.zenty-boletas-page.zenty-pos-layout .zenty-field-rut {
    grid-column: 1 / 4 !important;
    grid-row: 2 !important;
  }

  body.zenty-boletas-page.zenty-pos-layout .zenty-field-reason {
    grid-column: 4 / 7 !important;
    grid-row: 2 !important;
  }

  body.zenty-boletas-page.zenty-pos-layout .zenty-field-commune {
    grid-column: 1 / 7 !important;
    grid-row: 3 !important;
  }

  body.zenty-boletas-page.zenty-pos-layout .form-grid:has(.zenty-field-payment) .zenty-field-commune {
    grid-column: 1 / 4 !important;
  }

  body.zenty-boletas-page.zenty-pos-layout .zenty-field-payment {
    grid-column: 4 / 7 !important;
    grid-row: 3 !important;
  }

  body.zenty-boletas-page.zenty-pos-layout .zenty-zone-title--emitter {
    grid-column: 1 / 7 !important;
    grid-row: 4 !important;
    padding: 0.58rem 0 0 !important;
    border-top: 1px solid var(--zem-line-soft) !important;
    border-left: 0 !important;
  }

  body.zenty-boletas-page.zenty-pos-layout .zenty-field-company {
    grid-column: 1 / 4 !important;
    grid-row: 5 !important;
    padding-left: 0 !important;
    border-left: 0 !important;
  }

  body.zenty-boletas-page.zenty-pos-layout .zenty-field-date {
    grid-column: 4 / 7 !important;
    grid-row: 5 !important;
  }

  body.zenty-boletas-page.zenty-pos-layout .zenty-field-dte {
    grid-column: 1 / 7 !important;
    grid-row: 6 !important;
    padding-left: 0 !important;
    border-left: 0 !important;
  }

  body.zenty-boletas-page.zenty-pos-layout .zenty-emitter-status {
    grid-column: 1 / 7 !important;
    grid-row: 7 !important;
  }

  body.zenty-boletas-page.zenty-pos-layout .admin-form > .items-block,
  body.zenty-boletas-page.zenty-pos-layout .admin-form > .zenty-inline-stock,
  body.zenty-boletas-page.zenty-pos-layout .admin-form > label:not(.zenty-payment-field),
  body.zenty-boletas-page.zenty-pos-layout .admin-form > .totals-box,
  body.zenty-boletas-page.zenty-pos-layout .admin-form > button[type="submit"],
  body.zenty-boletas-page.zenty-pos-layout .admin-form > .btn-primary.w-100 {
    grid-column: 1 / -1 !important;
    grid-row: auto !important;
  }

  body.zenty-boletas-page.zenty-pos-layout .admin-form > .items-block { order: 1 !important; }
  body.zenty-boletas-page.zenty-pos-layout .admin-form > .zenty-inline-stock { order: 2 !important; height: auto !important; }
  body.zenty-boletas-page.zenty-pos-layout .admin-form > label:not(.zenty-payment-field) { order: 3 !important; }
  body.zenty-boletas-page.zenty-pos-layout .admin-form > .totals-box { order: 4 !important; }
  body.zenty-boletas-page.zenty-pos-layout .admin-form > button[type="submit"],
  body.zenty-boletas-page.zenty-pos-layout .admin-form > .btn-primary.w-100 { order: 5 !important; }

  body.zenty-boletas-page.zenty-pos-layout .zenty-inline-stock__table-wrap {
    max-height: 300px !important;
  }
}

/* ------------------------------------------------------------------
   MÓVIL
   ------------------------------------------------------------------ */
@media (max-width: 680px) {
  body.zenty-boletas-page.zenty-pos-layout .app-content {
    padding: 0.5rem !important;
  }

  body.zenty-boletas-page.zenty-pos-layout .admin-form > .form-grid {
    display: flex !important;
    flex-direction: column !important;
    gap: 0.56rem !important;
    padding: 0.68rem !important;
  }

  body.zenty-boletas-page.zenty-pos-layout .zenty-zone-title--client,
  body.zenty-boletas-page.zenty-pos-layout .zenty-zone-title--emitter {
    width: 100% !important;
    padding: 0 0 0.45rem !important;
    border-left: 0 !important;
  }

  body.zenty-boletas-page.zenty-pos-layout .zenty-zone-title--emitter {
    margin-top: 0.25rem !important;
    padding-top: 0.58rem !important;
    border-top: 1px solid var(--zem-line-soft) !important;
  }

  body.zenty-boletas-page.zenty-pos-layout .zenty-field-company,
  body.zenty-boletas-page.zenty-pos-layout .zenty-field-dte {
    padding-left: 0 !important;
    border-left: 0 !important;
  }

  body.zenty-boletas-page.zenty-pos-layout .zenty-dte-selector-head {
    display: block !important;
  }

  body.zenty-boletas-page.zenty-pos-layout .zenty-dte-selector-head small {
    display: block !important;
    margin-top: 0.12rem !important;
    max-width: none !important;
    white-space: normal !important;
  }

  body.zenty-boletas-page.zenty-pos-layout .zenty-dte-choice {
    grid-template-columns: 1fr !important;
  }

  body.zenty-boletas-page.zenty-pos-layout .zenty-emitter-status {
    width: 100% !important;
  }

  body.zenty-boletas-page.zenty-pos-layout .item-editor {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 0.48rem !important;
  }

  body.zenty-boletas-page.zenty-pos-layout .item-editor > label:first-child,
  body.zenty-boletas-page.zenty-pos-layout .item-editor > label:nth-child(3),
  body.zenty-boletas-page.zenty-pos-layout .item-editor .zenty-inline-selected-product {
    grid-column: 1 / -1 !important;
  }

  body.zenty-boletas-page.zenty-pos-layout .item-editor > button {
    justify-self: end !important;
  }

  body.zenty-boletas-page.zenty-pos-layout .admin-form > .totals-box {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }

  body.zenty-boletas-page.zenty-pos-layout .zenty-inline-stock__toolbar {
    grid-template-columns: minmax(0, 1fr) !important;
  }

  body.zenty-boletas-page.zenty-pos-layout .zenty-inline-stock__search-button {
    width: 100% !important;
  }

  body.zenty-boletas-page.zenty-pos-layout .zenty-inline-stock__footer {
    flex-direction: column !important;
  }

  body.zenty-boletas-page.zenty-pos-layout .soft-table-wrapper {
    overflow-x: auto !important;
  }
}

/* ==================================================================
   CORRECCIÓN 18.4.1 — CABECERA DE CLIENTE Y EMPRESA SIN SUPERPOSICIÓN
   Reserva físicamente una franja superior independiente para los
   encabezados, evitando depender del orden de los nodos insertados.
   ================================================================== */
body.zenty-boletas-page.zenty-pos-layout .admin-form > .form-grid {
  position: relative !important;
  padding-top: 3.75rem !important;
}

/* Se ocultan los encabezados dinámicos antiguos para impedir que se
   monten sobre las etiquetas o controles del formulario. */
body.zenty-boletas-page.zenty-pos-layout .admin-form > .form-grid > .zenty-zone-title {
  display: none !important;
}

/* Encabezados fijos, livianos y totalmente separados de los campos. */
body.zenty-boletas-page.zenty-pos-layout .admin-form > .form-grid::before,
body.zenty-boletas-page.zenty-pos-layout .admin-form > .form-grid::after {
  position: absolute !important;
  top: 0.78rem !important;
  bottom: auto !important;
  z-index: 2 !important;
  display: flex !important;
  align-items: center !important;
  min-height: 2.25rem !important;
  padding: 0 0.7rem !important;
  border-bottom: 1px solid var(--zem-line-soft) !important;
  background: transparent !important;
  color: var(--zem-ink) !important;
  font-size: 0.78rem !important;
  font-weight: 650 !important;
  line-height: 1.2 !important;
  letter-spacing: -0.01em !important;
  box-shadow: none !important;
  pointer-events: none !important;
}

body.zenty-boletas-page.zenty-pos-layout .admin-form > .form-grid::before {
  content: "Identificación del cliente · Datos opcionales del receptor" !important;
  left: 0.82rem !important;
  right: calc(50% + 0.38rem) !important;
}

body.zenty-boletas-page.zenty-pos-layout .admin-form > .form-grid::after {
  content: "Empresa emisora · Documento y ambiente SII" !important;
  left: calc(50% + 0.38rem) !important;
  right: 0.82rem !important;
  padding-left: 1rem !important;
  border-left: 1px solid var(--zem-line-soft) !important;
}

/* Elimina desplazamientos heredados que podían subir nuevamente campos. */
body.zenty-boletas-page.zenty-pos-layout .admin-form > .form-grid > label {
  position: relative !important;
  top: auto !important;
  right: auto !important;
  bottom: auto !important;
  left: auto !important;
  transform: none !important;
}

@media (max-width: 760px) {
  body.zenty-boletas-page.zenty-pos-layout .admin-form > .form-grid {
    padding-top: 6.55rem !important;
  }

  body.zenty-boletas-page.zenty-pos-layout .admin-form > .form-grid::before,
  body.zenty-boletas-page.zenty-pos-layout .admin-form > .form-grid::after {
    left: 0.72rem !important;
    right: 0.72rem !important;
    min-height: 2.2rem !important;
    padding: 0 0.55rem !important;
    border-left: 0 !important;
    font-size: 0.72rem !important;
  }

  body.zenty-boletas-page.zenty-pos-layout .admin-form > .form-grid::before {
    top: 0.7rem !important;
  }

  body.zenty-boletas-page.zenty-pos-layout .admin-form > .form-grid::after {
    top: 3.55rem !important;
  }
}