/* D5.3.2 — tarjeta editable de "Datos que debes entregar" (compartida por el lateral de
   /Carrito y el mini carrito del detalle de producto). Sin secretos en el DOM. */
.cart-cust { margin-top: .5rem; padding: .55rem .65rem; border-radius: 10px; border: 1px solid rgba(255, 255, 255, .12); background: rgba(255, 255, 255, .03); }
.cart-cust.pend { border-color: rgba(252, 211, 77, .45); }
.cart-cust.ok { border-color: rgba(52, 211, 153, .45); }
.cart-cust-head { display: flex; justify-content: space-between; align-items: center; gap: .5rem; font-size: .8rem; margin-bottom: .45rem; }
.cart-cust-cuenta { font-weight: 700; }
.cart-cust-state { font-weight: 700; font-size: .74rem; white-space: nowrap; }
.cart-cust.pend .cart-cust-state { color: #fcd34d; }
.cart-cust.ok .cart-cust-state { color: #34d399; }
.cart-cust-fields { display: flex; flex-wrap: wrap; gap: .4rem; align-items: center; }
.cart-cust-fields input { flex: 1 1 140px; min-width: 110px; padding: .4rem .55rem; border-radius: 8px; border: 1px solid rgba(255, 255, 255, .16); background: rgba(0, 0, 0, .25); color: var(--ko-text); font-size: .82rem; }
.cart-cust-fields input:focus { outline: none; border-color: var(--ko-cyan); }
.cart-cust-fields .cart-cust-save { flex: 0 0 auto; }
.cart-cust-msg { font-size: .76rem; margin-top: .4rem; min-height: 1em; }
.cart-cust-msg.ok { color: #34d399; }
.cart-cust-msg.err { color: #fca5a5; }

/* Compacto en el mini carrito (espacio angosto): los campos ocupan toda la fila. */
.mc-datos-form { margin: .3rem 0 .1rem; }
.mc-datos-form .cart-cust-fields input { flex-basis: 100%; }

/* Modo inline (modal de checkout, ViewData["CheckoutInline"]): campo LIMPIO, sin chrome de tarjeta ni
   color de estado; solo el rótulo + el campo, como el resto del checkout. El correo se guarda al
   pulsar "Finalizar compra" (no antes). */
.cart-cust-inline { border: 0; background: transparent; padding: 0; margin-top: 0; }
.cart-cust-inline.pend, .cart-cust-inline.ok { border-color: transparent; }
.cart-cust-inline .cart-cust-label { margin-bottom: .3rem; }