/* ═══════════════════════════════════════════════════════════════════
   POS-SAAS-0D.4 · Plataformas Delivery (tarjetas neutras, sin marcas)
   ═══════════════════════════════════════════════════════════════════ */

.platforms { display: grid; gap: var(--s-5); min-width: 0; }
.platforms > * { min-width: 0; }
.kpis--4 { grid-template-columns: repeat(4, minmax(0, 1fr)); }
@media (max-width: 1100px) { .kpis--4 { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (max-width: 560px) { .kpis--4 { grid-template-columns: 1fr; } }

.pcards { list-style: none; margin: 0; padding: 0; display: grid; gap: var(--s-3); grid-template-columns: repeat(auto-fill, minmax(min(100%, 240px), 1fr)); }
.pcard { display: grid; gap: var(--s-2); padding: var(--s-4); border: 1px solid var(--c-line); border-radius: var(--r-lg); background: var(--c-surface); }
.pcard.is-inactive { background: var(--c-surface-2); }
.pcard__head { display: flex; align-items: center; justify-content: space-between; gap: var(--s-2); flex-wrap: wrap; }
.pcard__name { font-size: var(--fs-lg); font-weight: 800; }
.pcard__dl { display: grid; grid-template-columns: 1fr auto; gap: 2px var(--s-3); margin: 0; }
.pcard__dl dt { color: var(--c-ink-2); font-size: var(--fs-sm); }
.pcard__dl dd { margin: 0; font-weight: 700; text-align: right; }

.platform-table tr td.col-settle, .platform-table tr td.col-status { white-space: nowrap; }
@container (min-width: 981px) { .platform-table td.num, .settlement-table td.num { white-space: nowrap; } }

/* Registrar pedido */
.porder { display: grid; gap: var(--s-3); }
.porder__title { font-size: var(--fs-xl); font-weight: 800; }
.porder__h { font-size: var(--fs-md); font-weight: 700; margin-top: var(--s-2); }
.porder__grid { display: grid; gap: var(--s-5); align-items: start; }
@media (min-width: 1000px) {
  .porder__grid { grid-template-columns: minmax(0, 1fr) minmax(320px, 400px); }
  .porder__side { position: sticky; top: calc(var(--topbar-h) + var(--s-4)); max-height: calc(100vh - var(--topbar-h) - var(--s-8)); overflow: auto; }
}
.porder__main { display: grid; gap: var(--s-3); min-width: 0; }
.porder__fields { display: grid; gap: var(--s-3); grid-template-columns: repeat(auto-fit, minmax(min(100%, 240px), 1fr)); }
.porder__fields .field__error:empty, .porder__side .field__error:empty { display: none; }
.porder__fields .field__error, .porder__side .field__error { color: var(--c-danger); font-weight: 600; font-size: var(--fs-sm); margin: 0; }
.porder__fields [aria-invalid="true"] { border-color: var(--c-danger); box-shadow: 0 0 0 1px var(--c-danger); }
.porder__side { display: grid; gap: var(--s-3); padding: var(--s-4); background: var(--c-surface); border: 1px solid var(--c-line); border-radius: var(--r-xl); box-shadow: var(--shadow-1); }
.porder__sum { display: grid; gap: var(--s-1); }
.porder__submit { width: 100%; justify-content: center; }

/* Liquidación */
.stl__list { border: 0; padding: 0; margin: 0; display: grid; gap: var(--s-2); max-height: 260px; overflow: auto; }
.stl__item { align-items: center; }
.stl__sum { display: grid; gap: var(--s-1); padding: var(--s-3); border-radius: var(--r-md); background: var(--c-surface-2); }
.stl__diff { display: flex; align-items: center; gap: var(--s-2); margin: 0; font-weight: 700; }
.stl__diff:empty { display: none; }
.stl__diff .icon { width: 20px; height: 20px; flex: none; }
.stl__diff--match { color: var(--c-secondary-ink); }
.stl__diff--favor { color: var(--c-ink); }
.stl__diff--review { color: var(--c-danger); }
.stl__detail { list-style: none; margin: 0; padding: 0; display: grid; gap: var(--s-1); }
.pf .field__error:empty { display: none; }
.od-plat__row { display: flex; justify-content: space-between; gap: var(--s-3); }

/* Encabezados de tarjeta con acción (Registrar liquidación, Nueva plataforma): en teléfono la acción baja. */
.platforms .card__head { flex-wrap: wrap; }
.platforms .card__head > :first-child { flex: 1 1 220px; min-width: 0; }