/* DinkCoins embedded widget — injected into prediction match cards */

/* Container */
.dc-widget{margin-top:10px;padding:10px 12px;background:var(--surface, #111);border:1px solid var(--border, #222);border-radius:8px}

/* Header */
.dc-header{margin-bottom:6px}
.dc-label{font-size:.65rem;text-transform:uppercase;letter-spacing:.08em;color:var(--text-muted, #666);font-weight:700}

/* Team buttons — side-by-side */
.dc-teams{display:grid;grid-template-columns:1fr 1fr;gap:6px;margin-bottom:2px}
.dc-team-btn{display:flex;align-items:center;gap:5px;padding:6px 8px;font-size:.75rem;font-weight:700;border:1px solid var(--border, #333);background:transparent;color:var(--text, #eee);border-radius:6px;cursor:pointer;transition:all .15s;text-align:left;position:relative}
.dc-team-btn:hover{border-color:var(--accent, #ff6b35);color:var(--accent, #ff6b35)}
.dc-team-btn.selected{background:var(--accent-dim, rgba(255,107,53,.1));border-color:var(--accent, #ff6b35);color:var(--accent, #ff6b35)}
.dc-team-name{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.dc-team-odds{font-family:var(--font-mono, monospace);font-size:.72rem;font-weight:800;white-space:nowrap;color:var(--text-dim, #999)}
.dc-team-btn.selected .dc-team-odds{color:var(--accent, #ff6b35)}
.dc-model-tag{font-size:.55rem;background:var(--accent-dim, rgba(255,107,53,.15));color:var(--accent, #ff6b35);padding:1px 4px;border-radius:3px;font-weight:800;white-space:nowrap;letter-spacing:.03em}

/* Quick Actions */
.dc-quick-actions{display:flex;gap:6px;margin-top:6px;flex-wrap:wrap}
.dc-quick-btn{flex:1;display:flex;align-items:center;justify-content:center;gap:4px;padding:7px 8px;font-size:.68rem;font-weight:700;border:1px dashed var(--border, #333);background:transparent;color:var(--text-dim, #999);border-radius:6px;cursor:pointer;transition:all .15s;white-space:nowrap}
.dc-quick-btn:hover{border-color:var(--accent, #ff6b35);color:var(--accent, #ff6b35);border-style:solid;background:var(--accent-dim, rgba(255,107,53,.05))}
.dc-quick-btn.active{border-color:var(--accent, #ff6b35);color:var(--accent, #ff6b35);background:var(--accent-dim, rgba(255,107,53,.1));border-style:solid}
.dc-quick-helper{width:100%;font-size:.6rem;color:var(--accent, #ff6b35);font-weight:600;text-align:center;opacity:0;transition:opacity .2s;min-height:0}
.dc-quick-helper.visible{opacity:1;min-height:14px;margin-top:2px}

/* Stake row — hidden until team selected */
.dc-stake-row{display:none;flex-direction:column;gap:8px;margin-top:8px;padding-top:8px;border-top:1px solid var(--border, #222)}
.dc-stake-row.visible{display:flex}

/* Quick Bet Chips — large, thumb-friendly */
.dc-stakes{display:grid;grid-template-columns:repeat(4, 1fr);gap:6px}
.dc-stake-btn{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:10px 6px;font-weight:700;border:1.5px solid var(--border, #333);background:transparent;color:var(--text-dim, #999);border-radius:8px;cursor:pointer;transition:all .15s;text-align:center;min-height:48px}
.dc-chip-val{font-size:.9rem;font-weight:800;line-height:1.1}
.dc-chip-unit{font-size:.55rem;text-transform:uppercase;letter-spacing:.06em;opacity:.6;margin-top:1px}
.dc-stake-btn:hover{border-color:var(--accent, #ff6b35);color:var(--accent, #ff6b35);background:var(--accent-dim, rgba(255,107,53,.06))}
.dc-stake-btn.active{border-color:var(--accent, #ff6b35);color:var(--accent, #ff6b35);background:var(--accent-dim, rgba(255,107,53,.1));box-shadow:0 0 0 1px var(--accent, #ff6b35)}
.dc-stake-btn.recommended{border-color:rgba(255,107,53,.4);position:relative}
.dc-stake-btn.recommended::after{content:'Best';position:absolute;top:-7px;right:-4px;font-size:.5rem;font-weight:800;background:var(--accent, #ff6b35);color:#fff;padding:1px 5px;border-radius:4px;letter-spacing:.03em;line-height:1.3}
.dc-stake-btn.recommended.active::after{background:var(--accent, #ff6b35)}

.dc-action{display:flex;align-items:center;gap:6px}
.dc-payout{font-size:.8rem;color:var(--accent, #ff6b35);font-weight:700;flex:1}
.dc-confirm{padding:8px 16px;font-size:.8rem;font-weight:800;background:var(--accent, #ff6b35);color:#fff;border:none;border-radius:8px;cursor:pointer;transition:opacity .15s;white-space:nowrap}
.dc-confirm:hover{opacity:.85}
.dc-confirm:disabled{opacity:.35;cursor:not-allowed}

/* Existing position display */
.dc-position{display:flex;justify-content:space-between;align-items:center;gap:6px;flex-wrap:wrap;padding:2px 0}
.dc-pos-left{display:flex;flex-direction:column;gap:1px}
.dc-pos-label{font-size:.6rem;text-transform:uppercase;letter-spacing:.08em;color:var(--text-muted, #666);font-weight:700}
.dc-pos-pick{font-size:.75rem;font-weight:700;color:var(--text, #eee)}
.dc-pos-result{font-size:.75rem;font-weight:800;padding:3px 8px;border-radius:5px;white-space:nowrap}
.dc-open .dc-pos-result{background:rgba(255,107,53,.1);color:var(--accent, #ff6b35)}
.dc-won .dc-pos-result{background:rgba(0,230,118,.1);color:var(--green, #00e676)}
.dc-lost .dc-pos-result{background:rgba(255,68,68,.1);color:var(--red, #ff4444)}
.dc-void .dc-pos-result{background:rgba(150,150,150,.1);color:var(--text-muted, #888)}

/* Success state */
.dc-success{display:flex;align-items:center;gap:6px;padding:4px 0;font-size:.75rem;font-weight:700;color:var(--green, #00e676)}
.dc-success-check{font-size:1rem;font-weight:900}

/* Public Picks */
.dc-public{margin-top:8px;padding-top:8px;border-top:1px solid var(--border, #222)}
.dc-public-label{font-size:.6rem;text-transform:uppercase;letter-spacing:.08em;color:var(--text-muted, #666);font-weight:700;display:block;margin-bottom:4px}
.dc-public-low{font-size:.68rem;color:var(--text-muted, #555);font-style:italic}
.dc-public-bar{height:4px;background:var(--border, #333);border-radius:2px;overflow:hidden;margin-bottom:4px}
.dc-pub-fill{height:100%;background:var(--accent, #ff6b35);border-radius:2px;transition:width .3s}
.dc-public-sides{display:flex;justify-content:space-between;font-size:.68rem;color:var(--text-dim, #999)}
.dc-pub-side{font-weight:600}
.dc-pub-heavy{color:var(--text, #eee);font-weight:800}
.dc-signal{display:inline-block;margin-top:4px;font-size:.6rem;font-weight:700;padding:2px 6px;border-radius:4px;letter-spacing:.02em}
.dc-signal-fade{background:rgba(255,193,7,.1);color:#ffc107}
.dc-signal-agree{background:rgba(0,230,118,.1);color:var(--green, #00e676)}
.dc-signal-contrarian{background:rgba(33,150,243,.1);color:#42a5f5}

/* Leaderboard Preview */
.dc-lb-preview{margin-bottom:12px;padding:10px 12px;background:var(--surface, #111);border:1px solid var(--border, #222);border-radius:8px}
.dc-lb-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:6px}
.dc-lb-title{font-size:.65rem;text-transform:uppercase;letter-spacing:.08em;color:var(--text-muted, #666);font-weight:700}
.dc-lb-link{font-size:.65rem;color:var(--accent, #ff6b35);text-decoration:none;font-weight:700}
.dc-lb-link:hover{text-decoration:underline}
.dc-lb-row{display:grid;grid-template-columns:28px 1fr auto auto;align-items:center;gap:4px;padding:3px 0;font-size:.72rem}
.dc-lb-medal{font-size:.8rem;text-align:center}
.dc-lb-name{font-weight:700;color:var(--text, #eee);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.dc-lb-bal{font-family:var(--font-mono, monospace);font-size:.68rem;color:var(--text-dim, #999);text-align:right;white-space:nowrap}
.dc-lb-profit{font-family:var(--font-mono, monospace);font-size:.68rem;font-weight:800;text-align:right;white-space:nowrap;min-width:40px}
.dc-lb-pos{color:var(--green, #00e676)}
.dc-lb-neg{color:var(--red, #ff4444)}
.dc-lb-you{margin-top:4px;padding-top:4px;border-top:1px solid var(--border, #222)}
.dc-lb-row-you .dc-lb-medal{font-size:.65rem;font-weight:800;color:var(--accent, #ff6b35)}
.dc-lb-row-you .dc-lb-name{color:var(--accent, #ff6b35)}
.dc-lb-roi{font-size:.6rem;color:var(--text-muted, #888);margin-top:1px;display:block;text-align:right}

/* Live Tracker */
.dc-live-tracker{margin-top:6px;padding:6px 8px;background:rgba(255,255,255,.03);border:1px solid var(--border, #222);border-radius:6px}
.dc-live-tracker.dc-lt-active{border-color:rgba(255,68,68,.25);background:rgba(255,68,68,.04)}
.dc-lt-row{display:flex;align-items:center;gap:6px;flex-wrap:wrap}
.dc-lt-status{font-size:.58rem;font-weight:800;text-transform:uppercase;letter-spacing:.06em;padding:2px 6px;border-radius:4px;white-space:nowrap}
.dc-lt-upcoming{background:rgba(158,158,158,.15);color:#9e9e9e}
.dc-lt-live{background:rgba(255,68,68,.12);color:#ff4444;display:inline-flex;align-items:center;gap:4px}
.dc-lt-dot{width:6px;height:6px;background:#ff4444;border-radius:50%;display:inline-block;animation:dc-pulse 1.5s infinite}
@keyframes dc-pulse{0%,100%{opacity:1}50%{opacity:.3}}
.dc-lt-final{background:rgba(255,255,255,.08);color:var(--text-dim, #999)}
.dc-lt-score{font-family:var(--font-mono, monospace);font-size:.75rem;font-weight:800;color:var(--text, #eee)}
.dc-lt-court{font-size:.6rem;color:var(--text-muted, #666);font-weight:600}
.dc-lt-time{font-size:.72rem;color:var(--text-dim, #999);font-weight:600}
.dc-lt-meta{display:flex;align-items:center;justify-content:space-between;gap:6px;margin-top:4px}
.dc-lt-updated{font-size:.55rem;color:var(--text-muted, #555)}
.dc-lt-cta{font-size:.6rem;font-weight:700;color:var(--accent, #ff6b35);text-decoration:none}
.dc-lt-cta:hover{text-decoration:underline}
.dc-lt-result{font-size:.68rem;font-weight:800;padding:2px 6px;border-radius:4px}
.dc-lt-won{background:rgba(0,230,118,.1);color:var(--green, #00e676)}
.dc-lt-lost{background:rgba(255,68,68,.1);color:var(--red, #ff4444)}
.dc-lt-void{background:rgba(150,150,150,.1);color:var(--text-muted, #888)}

/* Disclaimer */
.dc-disclaimer{font-size:.6rem;color:var(--text-muted, #555);margin-top:6px;text-align:center;opacity:.7}

/* Mobile */
@media(max-width:480px){
  .dc-teams{grid-template-columns:1fr}
  .dc-team-btn{padding:5px 7px;font-size:.7rem}
  .dc-stakes{grid-template-columns:repeat(4, 1fr);gap:5px}
  .dc-stake-btn{padding:8px 4px;min-height:44px}
  .dc-chip-val{font-size:.82rem}
  .dc-action{flex-wrap:wrap}
  .dc-position{flex-direction:column;align-items:flex-start}
}