/* =====================================================
   cardBase_refactor_v1.css

   OBJETIVO:
   Consolidar clases base de cards.

   NO contiene:
   - stock-card
   - doc-list-card
   - preview-proveedor-card
   - doc-detail
   - cobro-cliente-card
   - reglas contextuales

   SOLO clases base reutilizables.
===================================================== */


/* =========================
   CARD
========================= */

.card{

  background:#fff;

  border:1px solid #ddd;

  border-radius:18px;

  padding:6px;

  margin:10px 0px 0px 0px;

  /* margin-bottom:6px; */

  box-shadow:
    0 1px 2px rgba(0,0,0,.04);
}


/* =========================
   CARD ROW
========================= */

.card-row{

  display:flex;

  justify-content:space-between;

  align-items:center;

  gap:10px;

  width:100%;
}


/* =========================
   CARD LEFT
========================= */

.card-left{

  display:flex;

  flex-direction:column;

  gap:4px;

  flex:1;

  width:100%;

  min-width:0;
}


/* =========================
   CARD TOP
========================= */

.card-top{

  display:grid;

  grid-template-columns:
    70px
    1fr
    auto;

  align-items:center;

  column-gap:10px;

  margin-bottom:2px;

  line-height:1;
}


/* =========================
   CARD BOTTOM
========================= */

.card-bottom{

  display:grid;

  grid-template-columns:
    70px
    1fr
    auto;

  align-items:center;

  column-gap:10px;
}


/* =========================
   CARD TITLE
========================= */

/* .card-title{

  font-size:12px;

  font-weight:600;

  line-height:1.2;
} */


/* =========================
   CARD SUB
========================= */

.card-sub{

  flex:1;

  font-size:12px;

  color:#666;

  line-height:1.2;

  margin-top:0;
}


/* =========================
   CARD RIGHT
========================= */

.card-right{

  flex:1;

  text-align:right;

  font-weight:500;
}

.producto-precio{
  text-align:right;
  font-weight:500;
}

.producto-stock{
  text-align:right;
  font-weight:500;
}

/* =========================
   INVENTARIO RESUMEN
========================= */

.inventario-box{
  padding:6px;
  min-height:52px;
}

.inventario-box-label{
  font-size:10px;
  margin-bottom:2px;
}

.resumen-layout{
  width:100%;
  margin:0;
}



.resumen-chip-card{

  /* width:44px; */

  /* min-width:44px; */

  /* min-height:38px; */

  padding:2px 1px;

  border:1px solid #111;

  border-radius:10px;

  background:#fff;

  color:#161616;

  display:flex;

  flex-direction:column;

  justify-content:center;

  align-items:center;

  gap:1px;

  cursor:pointer;

  transition:.2s;
}

.resumen-chip-label{

  font-size:9px;

  opacity:.8;

  text-align:center;

  line-height:2;
}

.resumen-chip-value{

  font-size:16px;

  font-weight:700;
}

.resumen-chip-card.active{

  background:#cfcfcf;

  color:#111;

  border-color:#9f9f9f;

  transform:scale(.98);
}

.resumen-chip-resultado{

  display:flex;

  justify-content:center;

  align-items:center;
}

.resumen-layout--simple .resumen-chip-resultado{

  grid-column:1;

  grid-row:1;
}

.resumen-layout--doble .resumen-chip-resultado{

  grid-column:1;

  grid-row:1 / span 2;
}

.resumen-total-box{

  flex:0 0 44px;

  min-width:100px;

  background:transparent;

  padding:0;

  margin-left:0;

  display:flex;

  flex-direction:column;

  justify-content:center;

  align-items:center;

  text-align:center;
}

.resumen-total-label{

  font-size:12px;

  opacity:.7;
}

.card-descuento{
  background:#ECE9E2;
  border:1px solid #DDD7CC;
}

.card-descuento-subtotal{

  display:flex;

  justify-content:space-between;

  align-items:center;

  margin-bottom:4px;

  font-size:13px;

  line-height:1;

  font-weight:600;
}

.card-descuento-acciones{

  display:flex;

  gap:3px;

  align-items:center;
}

.card-descuento-importe{

  margin-left:auto;

  font-size:13px;

  line-height:1;

  font-weight:700;

  white-space:nowrap;
}

.card-descuento-total{

  display:flex;

  justify-content:space-between;

  align-items:center;

  margin-top:4px;

  padding-top:4px;

  border-top:1px solid #DDD7CC;

  font-size:13px;

  line-height:1;

  font-weight:700;
}


.resumen-grid{

  display:grid;

  grid-template-columns:
    clamp(62px, 18vw, 82px)
    1fr;

  column-gap:20px;

  row-gap:6px;

  align-items:stretch;

  background:#F6F0E6;
}

.resumen-layout--simple .resumen-grid{

  grid-template-rows:auto;
}

.resumen-layout--simple .resumen-fila-compras{

  grid-row:1;

}

.resumen-layout--doble .resumen-grid{

  grid-template-rows:auto auto;



}

.resumen-chip-resultado{

  grid-column:1;

  display:flex;

  justify-content:center;

  align-items:center;

  width: auto;
}

.resumen-layout--simple .resumen-chip-resultado{

  grid-row:1;
}

/* .resumen-layout--doble .resumen-chip-resultado{

  grid-row:1 / span 2;

  

} */

.resumen-layout--doble .resumen-chip-resultado{

  display:none;

  background:#F6F0E6;
}

.resumen-resultado-card{

  grid-column:1;

  grid-row:1 / span 2;

  display:flex;

  flex-direction:column;

  justify-content:center;

  align-items:center;

  padding:2px 1px;

  border:1px solid #111;

  border-radius:8px;

  background:#fff;

  color:#161616;

  cursor:pointer;

  transition:.2s;
  margin-left:2px;
}

.resumen-resultado-card.active{

  background:#cfcfcf;

  color:#111;

  border-color:#9f9f9f;

  transform:scale(.98);
}

.resumen-fila{

  display:grid;

  grid-template-columns:
    repeat(5, minmax(0, 1fr));

  column-gap:3px;

  width:100%;

  background:#F6F0E6;
 justify-items: center;
}

.resumen-fila-ventas{

  grid-column:2;

  grid-row:1;
}

.resumen-fila-compras{

  grid-column:2;

  grid-row:2;
}