@layer legado {
/* Vidrio · Clientes y facturas de proveedor. Presentación local al módulo. */
/* La cabecera de Clientes y de Facturas de proveedor usa la anatomía común de vidrio.css (grafito). */

.ty-vidrio-facturas-proveedor > article:last-of-type {
  border: 1px solid var(--typy-border);
  border-radius: var(--ty-r-3);
  background-color: var(--typy-surface);
  box-shadow: var(--ty-s-0);
}

.ty-vidrio-facturas-proveedor [data-action="supplier-invoice-open"] {
  background: transparent;
}

.ty-vidrio-facturas-proveedor [data-action="supplier-invoice-open"]:hover {
  background-color: var(--typy-surface-soft);
}

.ty-vidrio-facturas-proveedor .ty-vidrio-aviso-proveedor {
  border: 1px solid var(--typy-border);
  border-radius: var(--ty-r-3);
  padding: 16px;
  background-color: var(--typy-surface);
  box-shadow: var(--ty-s-0);
}

.ty-vidrio-facturas-proveedor {
  display: grid;
  gap: 14px;
  min-width: 0;
  max-width: 100%;
  box-sizing: border-box;
}

.ty-vidrio-facturas-hero {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 16px;
}

.ty-vidrio-facturas-hero > div:last-child {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 8px;
}

html .command-module.command-module-supplierInvoices.has-rail {
  grid-template-columns: minmax(0, 1fr) 300px;
}

html .command-module.command-module-supplierInvoices.has-rail > .module-canvas {
  min-width: 0;
}

.ty-vidrio-facturas-proveedor > * {
  min-width: 0;
}

.ty-vidrio-facturas-proveedor > .ty-vidrio-facturas-hero h2 {
  margin: 4px 0 0;
  font-size: 25px;
  color: var(--ty-grafito);
}

.ty-vidrio-facturas-proveedor > .ty-vidrio-facturas-hero p {
  margin-top: 6px;
  font-size: 14px;
  color: var(--typy-text-muted);
}

.ty-vidrio-metricas {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(138px, 1fr));
  gap: 0;
  border-bottom: 1px solid var(--typy-border);
  padding: 10px 0;
}

.ty-vidrio-metrica {
  display: grid;
  grid-template-columns: 20px minmax(0, 1fr);
  gap: 8px;
  align-items: start;
  border-right: 1px solid var(--typy-border);
  padding: 8px 14px;
}

.ty-vidrio-metrica:last-child {
  border-right: 0;
}

.ty-vidrio-metrica-icono {
  width: 18px;
  height: 18px;
  color: var(--ty-grafito);
}

.ty-vidrio-metrica-cuerpo {
  display: grid;
  gap: 3px;
  min-width: 0;
}

.ty-vidrio-metrica-cuerpo > span,
.ty-vidrio-metrica-cuerpo > small {
  color: var(--typy-text-muted);
  font-size: 12px;
  font-weight: 500;
}

.ty-vidrio-metrica-cuerpo > strong {
  color: var(--ty-grafito);
  font-size: 21px;
  line-height: 1.15;
  font-variant-numeric: tabular-nums;
}

.ty-vidrio-metrica.danger .ty-vidrio-metrica-cuerpo > strong {
  color: var(--ty-error, var(--ty-error, var(--ty-grafito)));
}

.ty-vidrio-facturas-proveedor > div:not([class]) {
  grid-template-columns: minmax(0, 1fr) minmax(0, 1.1fr);
  gap: 14px;
}

.ty-vidrio-alerta-proveedor {
  display: grid;
  grid-template-columns: 22px minmax(0, 1fr) auto;
  gap: 12px;
  align-items: center;
  border-bottom: 1px solid var(--typy-border);
  padding: 10px 2px;
}

.ty-vidrio-alerta-icono {
  width: 19px;
  height: 19px;
  color: var(--ty-grafito);
}

.ty-vidrio-alerta-proveedor > div strong {
  color: var(--ty-grafito);
}

.ty-vidrio-facturas-proveedor [data-action="supplier-invoice-open"] {
  border-left: 0;
  min-height: 48px;
}

.ty-vidrio-facturas-tabla {
  overflow-x: auto;
}

.ty-vidrio-facturas-columnas,
.ty-vidrio-factura-fila {
  grid-template-columns: 22px minmax(115px, 1.5fr) minmax(80px, 1fr) 65px 86px 72px 75px 88px 90px;
  gap: 8px;
}

.ty-vidrio-factura-fila {
  padding: 13px 22px;
}

.ty-vidrio-factura-meta-movil {
  display: none;
}

.ty-vidrio-facturas-proveedor [data-action="supplier-invoice-open"] > div:last-child .btn.primary {
  color: var(--typy-text);
  border-color: var(--typy-border);
  background: transparent;
  box-shadow: var(--ty-s-0);
}

.ty-vidrio-facturas-proveedor [data-action="supplier-invoice-open"] > div:last-child .btn {
  white-space: nowrap;
}

@media (max-width: 760px) {
  html .app-shell .ty-vidrio-facturas-proveedor > .ty-vidrio-facturas-hero {
    gap: 12px;
    padding-bottom: 12px;
  }

  

  .ty-vidrio-metricas {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .ty-vidrio-metrica:nth-child(2n) {
    border-right: 0;
  }

  .ty-vidrio-facturas-proveedor > div:not([class]) {
    grid-template-columns: minmax(0, 1fr);
  }

  html .app-shell .command-module.has-rail .ty-vidrio-facturas-proveedor {
    width: 100%;
  }

  html .command-module.command-module-supplierInvoices.has-rail {
    grid-template-columns: minmax(0, 1fr);
  }

  html .command-module.command-module-supplierInvoices.has-rail > .module-canvas {
    width: 100%;
    min-width: 0;
  }

  .ty-vidrio-facturas-hero {
    grid-template-columns: minmax(0, 1fr);
  }

  .ty-vidrio-facturas-hero > div:last-child {
    justify-content: flex-start;
  }

  

  

  

  

  

  

  

  

  

  

  .ty-vidrio-alerta-proveedor {
    grid-template-columns: 22px minmax(0, 1fr);
  }

  .ty-vidrio-alerta-proveedor > button {
    grid-column: 2;
    justify-self: start;
  }

  .ty-vidrio-facturas-columnas {
    display: none;
  }

  .ty-vidrio-factura-fila {
    grid-template-columns: 24px minmax(0, 1fr) auto;
    grid-template-areas:
      "check proveedor pendiente"
      "check vencimiento accion"
      "check estado accion";
    gap: 5px 9px;
    padding: 10px 12px;
  }

  .ty-vidrio-factura-check { grid-area: check; }
  .ty-vidrio-factura-proveedor { grid-area: proveedor; }
  .ty-vidrio-factura-numero,
  .ty-vidrio-factura-emision,
  .ty-vidrio-factura-total { display: none; }
  .ty-vidrio-factura-vencimiento { grid-area: vencimiento; }
  .ty-vidrio-factura-pendiente { grid-area: pendiente; }
  .ty-vidrio-factura-estado { grid-area: estado; }
  .ty-vidrio-factura-accion { grid-area: accion; }

  .ty-vidrio-factura-meta-movil {
    display: block;
    color: var(--typy-text-muted);
    font-size: 12px;
    font-weight: 500;
  }

  .ty-vidrio-factura-accion .btn {
    min-height: 34px;
    max-width: 96px;
    padding: 6px 9px;
    white-space: normal;
  }
}
}