/* Tareas: las facturas por pagar como lista iOS agrupada (una tarjeta, filas con separador). */
:root.ep-ios:not(#ep-ios-x) .iost-list:has(> .si-task) { border-radius: 18px; overflow: hidden; padding: 0; gap: 0; box-shadow: 0 0 0 .5px #0000000f, 0 1px 3px #0000000a; }
:root.ep-ios:not(#ep-ios-x) .iost-list > .si-task { position: relative; margin: 0 !important; border: 0 !important; border-radius: 0 !important; background: transparent !important; box-shadow: none !important; }
:root.ep-ios:not(#ep-ios-x) .iost-list > .si-task + .si-task::before { content: ""; position: absolute; top: 0; left: 68px; right: 0; height: .5px; background: #3c3c4329; pointer-events: none; }
:root.ep-ios:not(#ep-ios-x) .si-task .si-row.ep-payment-row { display: flex !important; align-items: center; gap: 12px; min-height: 68px; padding: 12px 14px 12px 16px !important; transition: background-color .15s; }
:root.ep-ios:not(#ep-ios-x) .si-task .si-row.ep-payment-row:hover { background: #f7f7f9; }
:root.ep-ios:not(#ep-ios-x) .si-task .si-row.ep-payment-row:active { background: #efeff2; }
:root.ep-ios:not(#ep-ios-x) .si-task .ep-payment-row .si-symbol { width: 40px; height: 40px; border-radius: 50%; background: #f2f2f7; color: #3a3a3c; font: 600 15px/1 var(--ios-font, -apple-system, system-ui, sans-serif); box-shadow: none; }
:root.ep-ios:not(#ep-ios-x) .si-task .ep-payment-row .si-row-main { display: flex; flex-direction: column; gap: 2px; }
:root.ep-ios:not(#ep-ios-x) .si-task .ep-payment-row .si-row-main strong { display: block; overflow: hidden; color: #1c1c1e; font: 600 15px/1.25 var(--ios-font, -apple-system, system-ui, sans-serif); letter-spacing: -.2px; text-overflow: ellipsis; white-space: nowrap; }
:root.ep-ios:not(#ep-ios-x) .si-task .ep-payment-row .si-row-main span { display: block; overflow: hidden; color: #8e8e93; font: 400 13px/1.3 var(--ios-font, -apple-system, system-ui, sans-serif); text-overflow: ellipsis; white-space: nowrap; }
:root.ep-ios:not(#ep-ios-x) .si-task .ep-payment-row .ep-payment-row-side { flex-direction: column; align-items: flex-end; justify-content: center; gap: 2px; flex-wrap: nowrap; }
:root.ep-ios:not(#ep-ios-x) .si-task .ep-payment-row .si-row-amount { color: #1c1c1e; font: 600 15px/1.25 var(--ios-font, -apple-system, system-ui, sans-serif); letter-spacing: -.2px; font-variant-numeric: tabular-nums; }
:root.ep-ios:not(#ep-ios-x) .si-task .ep-payment-row .si-status { padding: 0; border: 0; border-radius: 0; background: transparent; color: #8e8e93; font: 500 12px/1.3 var(--ios-font, -apple-system, system-ui, sans-serif); white-space: nowrap; }
:root.ep-ios:not(#ep-ios-x) .si-task .ep-payment-row .si-status[data-state="review"] { color: var(--ios-tint, #007aff); }
:root.ep-ios:not(#ep-ios-x) .si-task .ep-payment-row .si-status[data-state="rejected"] { color: #d70015; }
:root.ep-ios:not(#ep-ios-x) .si-task .ep-payment-row .si-chevron { color: #c7c7cc; font-size: 20px; line-height: 1; transform: none; }
:root.ep-ios:not(#ep-ios-x) .si-task[data-open="true"] .ep-payment-row .si-chevron { transform: rotate(90deg); }
/* «Elegir destino» desplegado en la fila: compacto, dos campos por línea, estilo iOS. */
:root.ep-ios:not(#ep-ios-x) .si-task .ep-purchase-inline { container-type: inline-size; padding: 10px 14px 14px; background: #f2f2f7; border-top: .5px solid #3c3c4329; }
:root.ep-ios:not(#ep-ios-x) .ep-purchase-inline .sf-inbox { border: 0; border-radius: 0; background: transparent; overflow: visible; }
:root.ep-ios:not(#ep-ios-x) .ep-purchase-inline .sf-task { margin: 0; padding: 0; border: 0; border-radius: 0; background: transparent; overflow: visible; }
:root.ep-ios:not(#ep-ios-x) .ep-purchase-inline .sf-task-toggle { display: none; }
:root.ep-ios:not(#ep-ios-x) .ep-purchase-inline .sf-task-body { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 8px 10px; padding: 0; border: 0; font: 400 14px/1.35 var(--ios-font, -apple-system, system-ui, sans-serif); color: #1c1c1e; }
:root.ep-ios:not(#ep-ios-x) .ep-purchase-inline .sf-task-body > p { margin: 0; font-size: 13px; color: #636366; text-align: right; }
:root.ep-ios:not(#ep-ios-x) .ep-purchase-inline .sf-task-body > p:first-child { display: none; }
:root.ep-ios:not(#ep-ios-x) .ep-purchase-inline .sf-task-body > a { font-size: 13px; color: var(--ios-tint, #007aff); text-decoration: none; }
:root.ep-ios:not(#ep-ios-x) .ep-purchase-inline .sf-review { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); align-content: start; gap: 8px 10px; padding: 12px; background: #fff; border-radius: 12px; }
:root.ep-ios:not(#ep-ios-x) .ep-purchase-inline .sf-review:only-child { grid-column: 1 / -1; }
:root.ep-ios:not(#ep-ios-x) .ep-purchase-inline .sf-review > *, :root.ep-ios:not(#ep-ios-x) .ep-purchase-inline .sp-order > * { grid-column: 1 / -1; min-width: 0; margin: 0; }
:root.ep-ios:not(#ep-ios-x) .ep-purchase-inline .sf-review > header { display: none; }
:root.ep-ios:not(#ep-ios-x) .ep-purchase-inline .sf-review > header + p { display: none; }
:root.ep-ios:not(#ep-ios-x) .ep-purchase-inline .sf-review > a { font-size: 13px; color: var(--ios-tint, #007aff); text-decoration: none; }
:root.ep-ios:not(#ep-ios-x) .ep-purchase-inline .sf-review > strong, :root.ep-ios:not(#ep-ios-x) .ep-purchase-inline .sp-order > h4 { font: 600 14px/1.3 var(--ios-font, -apple-system, system-ui, sans-serif); letter-spacing: -.1px; color: #1c1c1e; }
:root.ep-ios:not(#ep-ios-x) .ep-purchase-inline .sf-review > p, :root.ep-ios:not(#ep-ios-x) .ep-purchase-inline .sp-order > p, :root.ep-ios:not(#ep-ios-x) .ep-purchase-inline .sf-ios-note { margin: 0; font-size: 12px; line-height: 1.35; color: #8e8e93; }
:root.ep-ios:not(#ep-ios-x) .ep-purchase-inline .sp-order { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 8px 10px; padding: 0; margin: 0; border: 0; background: transparent; }
:root.ep-ios:not(#ep-ios-x) .ep-purchase-inline .sf-review > section.sp-order { grid-column: 1 / -1; }
:root.ep-ios:not(#ep-ios-x) .ep-purchase-inline .sf-review > label, :root.ep-ios:not(#ep-ios-x) .ep-purchase-inline .sp-order > label { grid-column: auto; }
:root.ep-ios:not(#ep-ios-x) .ep-purchase-inline label { display: flex; flex-direction: column; gap: 3px; min-width: 0; font-size: 12px; font-weight: 400; color: #636366; }
:root.ep-ios:not(#ep-ios-x) .ep-purchase-inline label:has(input[type=checkbox]) { grid-column: 1 / -1; flex-direction: row; align-items: center; gap: 8px; font-size: 13px; color: #1c1c1e; }
:root.ep-ios:not(#ep-ios-x) .ep-purchase-inline input:not([type=checkbox]):not([type=radio]), :root.ep-ios:not(#ep-ios-x) .ep-purchase-inline select, :root.ep-ios:not(#ep-ios-x) .ep-purchase-inline textarea { width: 100%; max-width: none; min-height: 36px; height: 36px; box-sizing: border-box; padding: 6px 10px; border: 0; border-radius: 9px; background: #f2f2f7; color: #1c1c1e; font: 400 14px/1.2 var(--ios-font, -apple-system, system-ui, sans-serif); }
:root.ep-ios:not(#ep-ios-x) .ep-purchase-inline input[type=file] { padding: 8px 10px; font-size: 12px; }
:root.ep-ios:not(#ep-ios-x) .ep-purchase-inline fieldset { margin: 0; padding: 0; border: 0; min-width: 0; }
:root.ep-ios:not(#ep-ios-x) .ep-purchase-inline legend { display: none; }
:root.ep-ios:not(#ep-ios-x) .ep-purchase-inline .sf-fields { display: grid; grid-template-columns: repeat(6, minmax(0, 1fr)); gap: 8px 10px; }
:root.ep-ios:not(#ep-ios-x) .ep-purchase-inline .sf-fields > label { grid-column: span 2; }
:root.ep-ios:not(#ep-ios-x) .ep-purchase-inline .sf-fields > label:nth-child(-n+2) { grid-column: span 3; }
:root.ep-ios:not(#ep-ios-x) .ep-purchase-inline .sf-modes { margin: 2px 0; }
:root.ep-ios:not(#ep-ios-x) .ep-purchase-inline .sp-mode { display: inline-flex; justify-self: start; gap: 2px; padding: 2px; border-radius: 9px; background: #7676801f; }
:root.ep-ios:not(#ep-ios-x) .ep-purchase-inline .sp-mode button { min-height: 30px; padding: 4px 14px; border: 0; border-radius: 7px; background: transparent; color: #1c1c1e; font-size: 13px; font-weight: 500; box-shadow: none; }
:root.ep-ios:not(#ep-ios-x) .ep-purchase-inline .sp-mode button[aria-pressed="true"] { background: #fff; font-weight: 600; box-shadow: 0 1px 3px #0000001f; }
:root.ep-ios:not(#ep-ios-x) .ep-purchase-inline .sf-ios-primary, :root.ep-ios:not(#ep-ios-x) .ep-purchase-inline .sp-order > button, :root.ep-ios:not(#ep-ios-x) .ep-purchase-inline .sf-review > button:not(.sf-ios-link) { min-height: 38px; padding: 8px 14px; border: 0; border-radius: 10px; background: var(--ios-tint, #007aff); color: #fff; font-size: 14px; font-weight: 600; }
:root.ep-ios:not(#ep-ios-x) .ep-purchase-inline .sf-ios-primary:disabled, :root.ep-ios:not(#ep-ios-x) .ep-purchase-inline .sp-order > button:disabled, :root.ep-ios:not(#ep-ios-x) .ep-purchase-inline .sf-review > button:not(.sf-ios-link):disabled { background: #d1d1d6; color: #fff; opacity: 1; }
:root.ep-ios:not(#ep-ios-x) .ep-purchase-inline .sf-ios-link { min-height: 28px; padding: 2px; border: 0; background: transparent; color: #d70015; font-size: 13px; }
@container (max-width: 560px) {
  :root.ep-ios:not(#ep-ios-x) .ep-purchase-inline .sf-task-body > .sf-review { grid-column: 1 / -1; }
  :root.ep-ios:not(#ep-ios-x) .ep-purchase-inline .sf-modes { display: grid !important; width: 100%; box-sizing: border-box; grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 600px) {
  :root.ep-ios:not(#ep-ios-x) .ep-purchase-inline input:not([type=checkbox]):not([type=radio]), :root.ep-ios:not(#ep-ios-x) .ep-purchase-inline select, :root.ep-ios:not(#ep-ios-x) .ep-purchase-inline textarea { font-size: 16px; }
}
:root.ep-ios:not(#ep-ios-x) .si-task .ep-purchase-joint:empty { display: none; }
:root.ep-ios:not(#ep-ios-x) .si-task .ep-purchase-joint { padding: 10px 14px 0; background: #f2f2f7; border-top: .5px solid #3c3c4329; }
:root.ep-ios:not(#ep-ios-x) .si-task .ep-purchase-joint + .ep-purchase-inline { border-top: 0; }
:root.ep-ios:not(#ep-ios-x) .si-task .ep-purchase-inline:empty::before, :root.ep-ios:not(#ep-ios-x) .ep-purchase-inline .sf-task-body:empty::before { content: "Cargando factura"; display: block; padding: 12px; font-size: 13px; color: #8e8e93; }