/*
======================================================================
Zenty Emite Producción · Fase 18.4.8
Márgenes interiores realmente más holgados, simétricos y consistentes.
Solo presentación. No modifica React, API, emisión, stock ni documentos.
======================================================================
*/

body.zenty-boletas-page.zenty-pos-layout {
  --zenty-card-space-x: 28px;
  --zenty-card-space-y: 22px;
  --zenty-card-center-space: 12px;
}

/* Asegura que padding y anchos nunca generen desbordamiento. */
body.zenty-boletas-page.zenty-pos-layout .admin-form,
body.zenty-boletas-page.zenty-pos-layout .admin-form *,
body.zenty-boletas-page.zenty-pos-layout .zenty-inline-stock,
body.zenty-boletas-page.zenty-pos-layout .zenty-inline-stock * {
  box-sizing: border-box !important;
}

/* ================================================================
   1. DATOS DEL CLIENTE Y EMPRESA EMISORA
   ================================================================ */
body.zenty-boletas-page.zenty-pos-layout .admin-form > .form-grid {
  padding:
    68px
    var(--zenty-card-space-x)
    var(--zenty-card-space-y) !important;
  column-gap: 20px !important;
  row-gap: 16px !important;
}

/* Los títulos quedan claramente separados del borde de cada tarjeta. */
body.zenty-boletas-page.zenty-pos-layout .zenty-zone-title--client {
  left: var(--zenty-card-space-x) !important;
}

body.zenty-boletas-page.zenty-pos-layout .zenty-zone-title--emitter {
  left: calc(50% + 35px) !important;
}

/* Respira también hacia el centro entre ambas tarjetas. */
body.zenty-boletas-page.zenty-pos-layout .admin-form .form-grid > .zenty-field-reason,
body.zenty-boletas-page.zenty-pos-layout .admin-form .form-grid > .zenty-field-payment {
  margin-right: var(--zenty-card-center-space) !important;
}

body.zenty-boletas-page.zenty-pos-layout .admin-form .form-grid > .zenty-field-company,
body.zenty-boletas-page.zenty-pos-layout .admin-form .form-grid > .zenty-field-dte,
body.zenty-boletas-page.zenty-pos-layout .admin-form .form-grid > .zenty-field-date,
body.zenty-boletas-page.zenty-pos-layout .zenty-emitter-status {
  margin-left: var(--zenty-card-center-space) !important;
}

/* Campos con altura y padding proporcionados al nuevo margen. */
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 {
  min-height: 44px !important;
  padding-left: 14px !important;
  padding-right: 14px !important;
}

/* ================================================================
   2. DETALLE, OBSERVACIÓN Y TOTALES
   ================================================================ */
body.zenty-boletas-page.zenty-pos-layout .admin-form > .items-block {
  padding: var(--zenty-card-space-y) var(--zenty-card-space-x) !important;
}

body.zenty-boletas-page.zenty-pos-layout .items-block .section-title-row {
  margin-bottom: 16px !important;
  padding-bottom: 14px !important;
}

body.zenty-boletas-page.zenty-pos-layout .item-editor {
  padding: 14px !important;
  gap: 10px !important;
}

body.zenty-boletas-page.zenty-pos-layout .admin-form > label:not(.zenty-payment-field) {
  padding: var(--zenty-card-space-y) var(--zenty-card-space-x) !important;
}

body.zenty-boletas-page.zenty-pos-layout .admin-form > label:not(.zenty-payment-field) textarea {
  margin-top: 10px !important;
}

body.zenty-boletas-page.zenty-pos-layout .admin-form > .totals-box {
  padding: 10px 12px !important;
}

body.zenty-boletas-page.zenty-pos-layout .admin-form > .totals-box > div,
body.zenty-boletas-page.zenty-pos-layout .admin-form > .totals-box > div:nth-child(2n),
body.zenty-boletas-page.zenty-pos-layout .admin-form > .totals-box > div:nth-last-child(-n + 2) {
  min-height: 42px !important;
  padding: 10px 16px !important;
}

/* ================================================================
   3. PRODUCTOS Y STOCK
   ================================================================ */
body.zenty-boletas-page.zenty-pos-layout .zenty-inline-stock__header {
  padding:
    var(--zenty-card-space-y)
    var(--zenty-card-space-x)
    16px !important;
}

body.zenty-boletas-page.zenty-pos-layout .zenty-inline-stock__toolbar {
  padding: 16px var(--zenty-card-space-x) !important;
}

body.zenty-boletas-page.zenty-pos-layout .zenty-inline-stock__status {
  padding: 11px var(--zenty-card-space-x) !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: 14px 12px !important;
}

body.zenty-boletas-page.zenty-pos-layout .zenty-inline-stock__table th:first-child,
body.zenty-boletas-page.zenty-pos-layout .zenty-inline-stock__table td:first-child {
  padding-left: var(--zenty-card-space-x) !important;
}

body.zenty-boletas-page.zenty-pos-layout .zenty-inline-stock__table th:last-child,
body.zenty-boletas-page.zenty-pos-layout .zenty-inline-stock__table td:last-child {
  padding-right: var(--zenty-card-space-x) !important;
}

body.zenty-boletas-page.zenty-pos-layout .zenty-inline-stock__footer {
  padding: 16px var(--zenty-card-space-x) !important;
}

/* ================================================================
   4. HISTORIAL Y TARJETAS INFERIORES
   ================================================================ */
body.zenty-boletas-page.zenty-pos-layout
  .content-grid.two-columns-wide > .panel-card.muted-card {
  padding: var(--zenty-card-space-y) var(--zenty-card-space-x) !important;
}

body.zenty-boletas-page.zenty-pos-layout
  .content-grid.two-columns-wide > .panel-card.muted-card .panel-card-header {
  padding-left: 0 !important;
  padding-right: 0 !important;
  margin-bottom: 14px !important;
}

/* Encabezado superior de la pantalla. */
body.zenty-boletas-page.zenty-pos-layout
  .content-grid.two-columns-wide > .panel-card:first-child > .panel-card-header {
  padding-left: var(--zenty-card-space-x) !important;
  padding-right: var(--zenty-card-space-x) !important;
}

/* ================================================================
   RESPONSIVE: sigue holgado, pero sin desperdiciar ancho útil.
   ================================================================ */
@media (max-width: 1250px) {
  body.zenty-boletas-page.zenty-pos-layout {
    --zenty-card-space-x: 22px;
    --zenty-card-space-y: 18px;
    --zenty-card-center-space: 8px;
  }

  body.zenty-boletas-page.zenty-pos-layout .zenty-zone-title--emitter {
    left: calc(50% + 29px) !important;
  }
}

@media (max-width: 1050px) {
  body.zenty-boletas-page.zenty-pos-layout .admin-form .form-grid > .zenty-field-reason,
  body.zenty-boletas-page.zenty-pos-layout .admin-form .form-grid > .zenty-field-payment,
  body.zenty-boletas-page.zenty-pos-layout .admin-form .form-grid > .zenty-field-company,
  body.zenty-boletas-page.zenty-pos-layout .admin-form .form-grid > .zenty-field-dte,
  body.zenty-boletas-page.zenty-pos-layout .admin-form .form-grid > .zenty-field-date,
  body.zenty-boletas-page.zenty-pos-layout .zenty-emitter-status {
    margin-left: 0 !important;
    margin-right: 0 !important;
  }
}

@media (max-width: 700px) {
  body.zenty-boletas-page.zenty-pos-layout {
    --zenty-card-space-x: 18px;
    --zenty-card-space-y: 16px;
  }

  body.zenty-boletas-page.zenty-pos-layout .admin-form > .form-grid {
    padding: 64px var(--zenty-card-space-x) var(--zenty-card-space-y) !important;
  }

  body.zenty-boletas-page.zenty-pos-layout .zenty-zone-title--client {
    left: var(--zenty-card-space-x) !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-left: 9px !important;
    padding-right: 9px !important;
  }

  body.zenty-boletas-page.zenty-pos-layout .zenty-inline-stock__table th:first-child,
  body.zenty-boletas-page.zenty-pos-layout .zenty-inline-stock__table td:first-child {
    padding-left: 14px !important;
  }

  body.zenty-boletas-page.zenty-pos-layout .zenty-inline-stock__table th:last-child,
  body.zenty-boletas-page.zenty-pos-layout .zenty-inline-stock__table td:last-child {
    padding-right: 14px !important;
  }
}