.buyin-status { margin: 16px 24px 0; padding: 14px 18px; background: #fff; border: 1px solid #e0e8ef; border-radius: 12px; display: flex; align-items: center; gap: 14px; flex-wrap: wrap; color: #425970; }
.buyin-status > div:first-child { display: flex; align-items: center; gap: 12px; flex-wrap: wrap; flex: 1; }
.buyin-status strong { font-size: 14px; }
.buyin-status span { font-size: 12px; padding: 3px 8px; border-radius: 5px; background: #f4f6f8; }
.buyin-status span[data-state=healthy] { color: #147d67; background: #eef9f5; }
.buyin-status span[data-state=login_required] { color: #a76b18; background: #fff6e8; }
.buyin-status small { color: #8192a4; font-size: 12px; }
.buyin-status-actions { display: flex; gap: 8px; }
.buyin-status button { border: 1px solid #dce5ef; background: #fff; color: #376a9b; border-radius: 6px; padding: 7px 11px; cursor: pointer; }
.buyin-status button:disabled { opacity: .55; cursor: wait; }
.buyin-status p[role=alert] { color: #b5514c; font-size: 13px; flex-basis: 100%; margin: 4px 0; }
.buyin-dialog::backdrop { background: #142b4355; }
.buyin-dialog { width: 420px; max-width: calc(100% - 32px); box-sizing: border-box; border: 0; color: #425970; background: #fff; border-radius: 14px; padding: 24px; box-shadow: 0 12px 40px #162d4433; }
.buyin-dialog h3 { margin: 0 0 12px; }
.buyin-dialog p { color: #6a8094; line-height: 1.6; font-size: 13px; }
.buyin-dialog label { display: grid; gap: 8px; margin: 18px 0; font-size: 13px; }
.buyin-dialog input { border: 1px solid #dce5ef; border-radius: 6px; padding: 10px; font: inherit; width: 100%; box-sizing: border-box; }
.buyin-dialog button + button { margin-left: 10px; }
@media(max-width:600px) { .buyin-status { margin: 12px; padding: 12px; } .buyin-status > div:first-child { flex-basis: 100%; } }