.payout-finance-shell{display:grid;gap:16px}
.payout-hero-grid{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(300px,.85fr);gap:16px}
.payout-hero-card,.payout-finance-card{background:var(--panel);border:1px solid var(--line);border-radius:24px;box-shadow:var(--shadow);padding:18px}
.payout-side-stack{display:grid;gap:16px}
.payout-metric-strip{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-top:18px}
.payout-metric-card{background:linear-gradient(180deg,color-mix(in srgb,var(--panel2) 88%, transparent),var(--panel));border:1px solid var(--line);border-radius:20px;padding:14px;display:grid;gap:6px}
.payout-metric-card strong{font-size:1.5rem;line-height:1.05}
.payout-metric-label{font-size:.76rem;letter-spacing:.1em;text-transform:uppercase;color:var(--muted)}
.payout-status-bar{margin-top:16px;padding:14px;border-radius:18px;border:1px solid var(--line);background:color-mix(in srgb,var(--panel2) 82%, transparent);display:grid;gap:10px}
.payout-finance-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.payout-two-col{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(300px,.7fr);gap:16px}
.payout-table-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:12px}
.payout-table-wrap{overflow:auto;border:1px solid var(--line);border-radius:18px}
.payout-table{width:100%;border-collapse:collapse;min-width:760px;background:var(--panel)}
.payout-table th,.payout-table td{padding:14px 14px;border-bottom:1px solid var(--line);text-align:left;vertical-align:top}
.payout-table th{font-size:.78rem;letter-spacing:.08em;text-transform:uppercase;color:var(--muted);background:color-mix(in srgb,var(--panel2) 86%, transparent)}
.payout-badge{display:inline-flex;align-items:center;padding:7px 10px;border-radius:999px;border:1px solid var(--line);background:var(--chip);color:var(--text);font-size:.82rem}
.payout-badge.good,.finance-good{background:color-mix(in srgb,var(--good) 14%, var(--panel));border-color:color-mix(in srgb,var(--good) 42%, var(--line));color:var(--text)}
.payout-badge.warn,.finance-warn{background:color-mix(in srgb,var(--accent) 16%, var(--panel));border-color:color-mix(in srgb,var(--accent) 40%, var(--line));color:var(--text)}
.payout-split-meter{display:grid;gap:10px}
.payout-split-bar{height:12px;border-radius:999px;border:1px solid var(--line);background:var(--panel2);overflow:hidden}
.payout-split-bar span{display:block;height:100%;background:linear-gradient(90deg,var(--accent),#f2d27a)}
.payout-split-row{display:flex;align-items:center;justify-content:space-between;gap:10px}
@media (max-width: 1080px){
  .payout-hero-grid,.payout-two-col,.payout-finance-grid,.payout-metric-strip{grid-template-columns:1fr 1fr}
}
@media (max-width: 760px){
  .payout-hero-grid,.payout-two-col,.payout-finance-grid,.payout-metric-strip{grid-template-columns:1fr}
  .payout-table{min-width:640px}
}


.payout-ops-grid{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(320px,.7fr);gap:16px}
.payout-filter-chips{flex-wrap:wrap}
.payout-filter-chips .chip{border:1px solid var(--line);background:var(--chip);cursor:pointer}
.payout-filter-chips .active-chip{background:color-mix(in srgb,var(--accent) 18%, var(--panel));border-color:color-mix(in srgb,var(--accent) 50%, var(--line))}
.payout-row-selected{background:color-mix(in srgb,var(--accent) 8%, var(--panel))}
.payout-ops-panel{display:grid;gap:12px;align-content:start}
.payout-ops-meta{display:grid;gap:6px;padding:12px;border-radius:18px;border:1px solid var(--line);background:color-mix(in srgb,var(--panel2) 84%, transparent)}
.payout-control-cluster{display:flex;flex-wrap:wrap;gap:10px}
.payout-textarea{min-height:140px;resize:vertical}
.payout-textarea-sm{min-height:96px}
.payout-badge.info{background:color-mix(in srgb,var(--panel2) 90%, transparent);border-color:color-mix(in srgb,var(--text) 20%, var(--line));color:var(--text)}
@media (max-width: 1080px){.payout-ops-grid{grid-template-columns:1fr}}