/* =====================================================================
   AMO Gestión · css/sections/caja.css
   Solo lo propio de la Caja: la fila de cada servicio y el arqueo.
   ===================================================================== */
.date-pick{width:auto;min-width:150px}
.serv-head,.serv-row{display:grid;grid-template-columns:minmax(0,1.3fr) 90px repeat(4,minmax(0,1fr)) 116px 36px;gap:6px;align-items:center}
.serv-head{font-size:11px;color:var(--muted);font-weight:700;text-transform:uppercase;letter-spacing:.06em;padding:0 0 6px}
.serv-list{display:grid;gap:6px}
.cell{display:grid;gap:3px;min-width:0}
.cell > .cl{display:none;font-size:11.5px;color:var(--muted);font-weight:600}
.cell-total{text-align:right}
.cell-total b{font-size:15px}
.cell-total small{font-size:11.5px;min-height:1em}
.arqueo{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:12px;padding:12px;border-radius:10px;background:var(--neutral-soft)}
.arqueo div{display:grid;gap:2px}
.arqueo span{font-size:12px}
.arqueo b{font-size:18px}
@media(max-width:760px){
  .serv-head{display:none}
  .serv-row{grid-template-columns:repeat(2,minmax(0,1fr));padding:10px;border:1px solid var(--line);border-radius:10px;position:relative;background:var(--bg)}
  .cell > .cl{display:block}
  .cell-name{grid-column:1 / -1;padding-right:40px}
  .cell-total{grid-column:1 / -1;display:flex;justify-content:space-between;align-items:baseline;border-top:1px solid var(--line);padding-top:8px;margin-top:2px;gap:8px}
  .cell-total > .cl{display:block;font-size:13px}
  .cell-total small{margin-left:auto}
  .serv-row .x{position:absolute;top:6px;right:6px}
  .serv-row input{background:var(--surface)}
  .caja-head h2{font-size:24px}
}