/* Mi taller › Por cobrar (cobros.js, SQL 101): el control al entregar, la sección de la orden, el crédito del cliente y la pantalla. */
.cb-modo{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:0 0 12px}
.cb-modo button{display:grid;gap:2px;place-items:center;min-height:72px;padding:10px;border-radius:var(--radio-2,14px);border:1px solid var(--linea2);background:var(--fondo);color:var(--texto);font:inherit;cursor:pointer}
.cb-modo button b{font:700 var(--t-4,17px)/1.15 var(--f)}
.cb-modo button small{color:var(--gris);font-size:var(--t-2,13px)}
.cb-modo button[aria-pressed="true"]{border:2px solid var(--tinta);background:var(--sup)}
.cb-chips{display:flex;flex-wrap:wrap;gap:6px;margin:0 0 12px}
.cb-chips button{min-height:44px;padding:0 14px;border-radius:var(--radio-pildora,999px);background:var(--fondo);border:1px solid var(--linea2);color:var(--texto);font:600 var(--t-3,14px)/1 var(--f);cursor:pointer}
.cb-chips button[aria-checked="true"]{background:var(--tinta);color:var(--sup);border-color:transparent}
.cb-ent input,.cb-pago input,#obCobro input{margin-bottom:12px}
.cb-nums{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin:0 0 8px}
.cb-nums div{padding:10px 12px;border-radius:12px;background:var(--fondo);border:1px solid var(--linea)}
.cb-nums small{display:block;color:var(--gris);font-size:var(--t-2,13px)}
.cb-nums b{font:700 var(--t-4,17px)/1.2 var(--num,var(--f));color:var(--tinta);overflow-wrap:anywhere}
.cb-nums .cb-tarde b,.cb-vence.tarde{color:var(--rojo,#C8261B)}
.cb-vence{margin:0 0 8px;font-weight:700;font-size:var(--t-3,14px);color:var(--texto2)}
.cb-vence.ok{color:var(--texto)}
.cb-abonos{list-style:none;margin:0 0 8px;padding:0;display:grid;gap:4px}
.cb-abonos li{display:flex;align-items:center;gap:10px;padding:6px 0;border-top:1px solid var(--linea);font-size:var(--t-3,14px)}
.cb-abonos li:first-child{border-top:0}
.cb-abonos span{flex:1;min-width:0;color:var(--texto2);overflow-wrap:anywhere}
.cb-abonos b{font-variant-numeric:tabular-nums}
.cb-quita{min-height:36px;padding:0 10px;border-radius:10px;border:1px solid var(--linea2);background:none;color:var(--texto2);font:600 var(--t-2,13px) var(--f);cursor:pointer}
.cb-emp{display:flex;align-items:center;gap:10px;min-height:44px;margin:0 0 6px;font-weight:600}
.cb-emp input{width:22px;height:22px;margin:0}
/* pantalla */
.cb-tot{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:0 0 14px}
.cb-tot div{padding:14px;border-radius:var(--radio-2,14px);background:var(--sup);border:1px solid var(--linea)}
.cb-tot div:nth-child(3){grid-column:1 / -1}
.cb-tot small{display:block;color:var(--texto2);font:600 var(--t-2,13px) var(--f)}
.cb-tot b{font:700 26px/1.15 var(--num,var(--f));color:var(--tinta)}
.cb-tot .v{background:var(--rojo-osc,rgba(200,38,27,.08))}
.cb-tot .v b{color:var(--rojo,#C8261B)}
.cb-lista{display:grid;gap:10px}
.cb-fila{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:6px 12px;align-items:start;padding:14px;border-radius:var(--radio-2,14px);background:var(--sup);border:1px solid var(--linea)}
.cb-fila-cab{display:grid;gap:2px;text-align:left;background:none;border:0;padding:0;color:inherit;font:inherit;cursor:pointer;min-width:0}
.cb-fila-cab b{font:700 var(--t-4,17px)/1.2 var(--f);color:var(--tinta);overflow-wrap:anywhere}
.cb-fila-cab small{color:var(--gris);font-size:var(--t-3,14px);overflow-wrap:anywhere}
.cb-chips-fila{display:flex;flex-wrap:wrap;gap:6px;margin-top:6px}
.cb-chips-fila em{font-style:normal;font:600 var(--t-1,12px)/1 var(--f);padding:5px 9px;border-radius:var(--radio-pildora,999px);border:1px solid var(--linea2);color:var(--texto2);background:var(--fondo)}
.cb-chips-fila em.tarde{background:var(--rojo-osc,rgba(200,38,27,.08));border-color:transparent;color:var(--rojo,#C8261B)}
.cb-saldo{font:700 var(--t-5,20px)/1.2 var(--num,var(--f));color:var(--tinta);white-space:nowrap}
.cb-bts{grid-column:1 / -1;display:flex;flex-wrap:wrap;gap:8px}
.cb-bts .btn{flex:1 1 140px;width:auto;margin:0}
.cb-bts .cb-pago{flex:1 1 100%}
.cb-vacio b{display:block}
.ob-debe,.ob-pagado{display:inline-block;margin-left:6px;font-style:normal;font:700 var(--t-1,12px)/1 var(--f);padding:4px 8px;border-radius:var(--radio-pildora,999px)}
.ob-debe{background:var(--rojo-osc,rgba(200,38,27,.08));color:var(--rojo,#C8261B)}
.ob-pagado{border:1px solid var(--linea2);color:var(--texto2)}
.cf-panel{padding:12px 14px;border-radius:var(--radio-2,14px);border:1px solid var(--linea);background:var(--fondo)}
@media (min-width:900px){
  .cb-tot{grid-template-columns:repeat(3,minmax(0,1fr))}
  .cb-tot div:nth-child(3){grid-column:auto}
  .cb-fila{grid-template-columns:minmax(0,1fr) 160px auto;align-items:center}
  .cb-saldo{text-align:right}
  .cb-bts{grid-column:auto;flex-wrap:nowrap}
  .cb-bts .btn{flex:none}
  .cb-bts .cb-pago{min-width:320px}
}