/* Autoalojar vs suscripción: filas de servicios y tabla de totales. Carga después de calc.css y calc-costo.css. */
.arows{display:grid;gap:10px}
.arow{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px}
.arow .arow-n{grid-column:1/-1}
.arow input{width:100%;font:600 1rem/1.2 var(--body);color:var(--paper);background:rgba(246,244,236,.08);border:1.5px solid rgba(246,244,236,.22);border-radius:12px;padding:.8em .9em;min-height:44px}
.arow input:focus-visible,.arow button:focus-visible{outline:3px solid var(--lime);outline-offset:2px}
.arow input::placeholder{color:rgba(246,244,236,.45)}
.arow-x{font:600 .85rem/1.2 var(--body);min-height:44px;padding:0 1em;border-radius:12px;border:1.5px solid rgba(246,244,236,.28);background:transparent;color:var(--paper);cursor:pointer}
.arow-x:hover{border-color:var(--lime)}
.ca-add{justify-self:start;font:700 .9rem/1 var(--body);min-height:44px;padding:0 1.1em;border-radius:999px;border:0;background:var(--lime);color:var(--ink);cursor:pointer}
.ca-add:focus-visible{outline:3px solid var(--paper);outline-offset:3px}
.tot{overflow-x:auto}
.tot table{width:100%;border-collapse:collapse;font-size:.92rem}
.tot th,.tot td{text-align:left;padding:10px 8px;border-top:1px solid rgba(14,15,10,.25);white-space:nowrap}
.tot thead th{font:700 .72rem/1.2 var(--mono);letter-spacing:.04em;text-transform:uppercase;color:var(--mute);border-top:0}
.tot tbody th{font:800 .95rem/1.2 var(--display)}
.tot .pos{font-weight:700}
.tot .neg{font-weight:700;color:#8A1D12}
@media (max-width:480px){.tot table{font-size:.85rem}.tot th,.tot td{padding:9px 6px}}