/* ============================================================================
   F37  SEND EACH PROGRESS PAYMENT WITH ONE BUTTON
   Tokens only, from app.css, so both themes work. The Today rows look like
   Today's alert cards (a coloured edge, the title, a quieter line) but are not
   buttons themselves, because each holds Send it. The phone rules sit at the
   width app.css already folds at (700px).
   ============================================================================ */

/* ------------------------------------------------------------------ Today */
.f37-today{margin-top:22px}
.f37-list{display:flex;flex-direction:column;gap:8px}
.f37-row{display:flex;align-items:center;gap:13px;background:var(--panel);border:1px solid var(--line);
  border-left:3px solid var(--warn);border-radius:var(--r);padding:12px 15px;color:var(--ink)}
.f37-row.f37-q{border-left-color:var(--info)}
.f37-rb{flex:1 1 auto;min-width:0;display:flex;flex-direction:column;gap:3px}
.f37-rt{font-size:13px;font-weight:600;line-height:1.35}
.f37-rj{font-size:12px;color:var(--ink-2);line-height:1.4}
.f37-rs{font-size:11.5px;color:var(--ink-3);line-height:1.45;overflow-wrap:anywhere}
.f37-ra{flex:none;display:flex;gap:7px;align-items:center}
.f37-today > .x-note{margin-top:10px}

/* ---------------------------------------------------- both: the second press */
.f37-msg{margin:6px 0 0;font-size:12px;line-height:1.45;color:var(--warn)}
.f30-part .f37-msg{margin-left:52px}
.f37-warn{border-color:var(--warn) !important;color:var(--warn) !important;background:var(--warn-bg) !important}
.f37-send[disabled]{opacity:.55;cursor:not-allowed}

/* ------------------------------------------------------------------ phone */
@media(max-width:700px){
  .f37-row{flex-direction:column;align-items:stretch;gap:10px;padding:12px}
  .f37-ra{flex-direction:column;align-items:stretch}
  .f37-ra .btn{width:100%;min-height:42px}
  .f30-part .f37-msg{margin-left:0}
}