/* Logística · Thelsa — remesas foráneas (encabezado, tramos, gastos, totales, config) */

  /* Logística: el mismo estilo del programador; solo hay una pestaña por ahora */
  .view { display: none; } .view.active { display: block; }
  /* ---- Remesas foráneas ---- */
  .modal.modal-remesa { width: 1040px; max-width: 96vw; }
  .rm-head { display: grid; grid-template-columns: repeat(12, 1fr); gap: 10px 14px; align-items: start; margin-bottom: 12px; }
  .rm-head .field .help { margin-top: 2px; }
  .rm-head .field { display: flex; flex-direction: column; gap: 4px; }
  .rm-head .col-2 { grid-column: span 2; } .rm-head .col-3 { grid-column: span 3; } .rm-head .col-4 { grid-column: span 4; } .rm-head .col-12 { grid-column: span 12; }
  .rm-pos { font-size: 12.5px; padding: 8px 12px; border-radius: var(--r-sm); background: var(--info-bg); color: var(--info); margin-bottom: 12px; }
  .rm-pos.warn { background: var(--warn-bg); color: var(--warn); }
  .rm-tramos { width: 100%; border-collapse: collapse; font-size: 12.5px; }
  .rm-tramos th { text-align: left; font-size: 10.5px; text-transform: uppercase; letter-spacing: 0.05em; color: var(--ink-soft); padding: 6px 6px; border-bottom: 1px solid var(--line); white-space: nowrap; }
  .rm-tramos td { padding: 5px 6px; border-bottom: 1px solid var(--line-soft); vertical-align: top; }
  .rm-tramos input, .rm-tramos select { padding: 5px 7px; font-size: 12.5px; width: 100%; }
  .rm-tramos input.num { text-align: right; font-family: 'Geist Mono', monospace; }
  .rm-tramos tr.exc td { background: #fff8ef; }
  .rm-tramos .exc-det { display: flex; gap: 6px; margin-top: 5px; }
  .rm-gastos { display: grid; grid-template-columns: 1fr 1fr; gap: 14px 22px; }
  .rm-gastos h4 { font-size: 11px; text-transform: uppercase; letter-spacing: 0.08em; color: var(--ink-soft); margin: 0 0 6px; font-weight: 600; }
  .rm-gasto { display: grid; grid-template-columns: 1fr 110px; gap: 8px; align-items: center; padding: 3px 0; font-size: 12.5px; }
  .rm-gasto input { padding: 4px 7px; text-align: right; font-family: 'Geist Mono', monospace; font-size: 12.5px; }
  .rm-gasto .req { font-size: 10px; color: var(--ink-faint); margin-left: 4px; }
  .rm-totales { margin-top: 14px; display: grid; gap: 10px; }
  .rm-totales .rm-band { display: grid; gap: 1px; background: var(--line); border: 1px solid var(--line); border-radius: var(--r-md); overflow: hidden; }
  .rm-totales .rm-band.b6 { grid-template-columns: repeat(6, 1fr); }
  .rm-totales .rm-band.b5 { grid-template-columns: repeat(5, 1fr); }
  .rm-totales .tot-cell .k { white-space: normal; line-height: 1.25; min-height: 26px; display: flex; align-items: flex-end; justify-content: center; }
  .rm-totales .tot-cell.total { background: var(--info-bg); }
  .rm-totales .tot-cell.total .k { color: var(--brand); }
  .rm-totales .tot-cell.total .v { color: var(--brand); font-size: 18px; }
  .rm-sec { margin-top: 16px; }
  .rm-sec h4 { font-size: 11px; text-transform: uppercase; letter-spacing: 0.08em; color: var(--ink-soft); margin: 0 0 8px; font-weight: 600; display: flex; align-items: center; justify-content: space-between; gap: 8px; }
  .rm-viaje { font-size: 12px; line-height: 1.4; }
  .rm-viaje + .rm-viaje { margin-top: 4px; padding-top: 4px; border-top: 1px dashed var(--line-soft); }
  .rm-viaje .cl { color: var(--ink-soft); }
  /* Lo que de verdad va a hacer la unidad, tramo por tramo (10-sep-2026) */
  .rm-tramos { margin-top: 6px; padding-top: 6px; border-top: 1px solid var(--line); }
  .rm-tramo { font-size: 12px; line-height: 1.5; display: flex; align-items: center; gap: 6px; flex-wrap: wrap; }
  .rm-tramo .cl { color: var(--ink-soft); }
  .rm-sem { display: inline-block; width: 9px; height: 9px; border-radius: 50%; margin-right: 6px; vertical-align: middle; }
  .rm-sem.ok { background: var(--ok); } .rm-sem.err { background: var(--accent); } .rm-sem.na { background: var(--line); }
  .rm-cfg { display: grid; grid-template-columns: repeat(auto-fit, minmax(300px, 1fr)); gap: 16px; }
  .rm-cfg table { width: 100%; border-collapse: collapse; font-size: 13px; }
  .rm-cfg td { padding: 5px 6px; border-bottom: 1px solid var(--line-soft); }
  .rm-cfg input { padding: 5px 8px; width: 110px; text-align: right; font-family: 'Geist Mono', monospace; }
  .rm-msg { white-space: pre-wrap; font-family: 'Geist Mono', monospace; font-size: 12px; background: var(--bg-subtle); border: 1px solid var(--line); border-radius: var(--r-sm); padding: 12px; max-height: 50vh; overflow: auto; }
  .data-table tr.sinunidad td { color: var(--ink-faint); }