/* Payouts on funded accounts */
/* payouts on a funded account */
.payouts { display: grid; gap: var(--space-xs); border-top: 1px dashed var(--line); padding-top: var(--space-sm); }
.pay-head { display: flex; justify-content: space-between; align-items: baseline; gap: var(--space-xs); }
.pay-head h4 { margin: 0; font: 700 var(--text-md) var(--font-body); }
.pay-next { font-size: var(--text-sm); }
.pay-list { list-style: none; margin: 0; padding: 0; display: grid; gap: var(--space-2xs); max-height: 180px; overflow-y: auto; }
.pay-list li { display: grid; grid-template-columns: auto auto 1fr auto; gap: var(--space-sm); align-items: center; padding: var(--space-2xs) var(--space-xs); border-radius: var(--radius-control); background: color-mix(in srgb, var(--good) 8%, transparent); font-size: var(--text-sm); }
.pay-list li b { text-align: right; }
.pay-list li .num { white-space: nowrap; }
.pay-add { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) auto; gap: var(--space-xs); align-items: end; }
@media (max-width: 480px) { .pay-add { grid-template-columns: minmax(0, 1fr); } .pay-add .btn { grid-column: 1 / -1; justify-content: center; } }
.icon-btn.tiny { width: 32px; height: 32px; border-radius: var(--radius-control); font-size: var(--text-md); line-height: 1; }
.card-foot { display: flex; flex-wrap: wrap; gap: var(--space-xs); align-items: center; justify-content: flex-end; border-top: 1px solid color-mix(in srgb, var(--line) 60%, transparent); padding-top: var(--space-xs); margin-top: var(--space-3xs); }
.linkish { appearance: none; background: none; border: 0; min-height: 32px; display: inline-flex; align-items: center; padding: 0 var(--space-2xs); font: 400 var(--text-xs) var(--font-body); color: var(--muted); text-decoration: underline; text-underline-offset: 3px; cursor: pointer; }
.linkish:hover { color: var(--bad); }

.ph-row td { background: var(--accent) !important; color: var(--on-accent); font: 700 var(--text-xs) var(--font-body);   }

.lock { width: 13px; height: 13px; fill: none; stroke: currentColor; stroke-width: 2.2; stroke-linecap: round; vertical-align: -2px; }
.ph.locked { opacity: .55; background: repeating-linear-gradient(-45deg, color-mix(in srgb, var(--ink-deep) 18%, transparent) 0 6px, color-mix(in srgb, var(--ink-deep) 8%, transparent) 6px 12px); }
.ph.locked .r {  }
.ph-row.locked td { background: color-mix(in srgb, var(--muted) 35%, var(--panel)) !important; color: var(--fg); }
tr.locked-row td { color: var(--muted);  }

#s-phases input:disabled { opacity: .6; cursor: not-allowed; }