/* Vote Prediction - minimal styles */
.vp-widget{
	max-width:420px;margin:1em auto;padding:16px;
	border:0;border-radius:1rem;
	font-family:inherit;color:#b8c6dc;
	box-sizing:border-box;
	background-color:#1C2533;
	box-shadow:none;
}
.vp-widget *{box-sizing:border-box}

/* Header */
.vp-header{text-align:center;margin:-2px 0 14px;padding-bottom:12px;border-bottom:1px solid #33415c}
.vp-title{margin:0;font-size:19px;font-weight:800;color:#fff;line-height:1.25}
.vp-subtitle{margin:5px 0 0;font-size:13px;color:#8aa0bf}

/* League */
.vp-league{display:flex;align-items:center;gap:8px;justify-content:center;margin-bottom:12px}
.vp-league-logo{height:22px;width:auto}
.vp-league-name{font-size:12px;letter-spacing:.04em;text-transform:uppercase;color:#b8c6dc}

/* Teams */
.vp-teams{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:14px}
.vp-team{display:flex;flex-direction:column;align-items:center;gap:6px;flex:1;text-align:center;font-weight:600;font-size:14px}
.vp-team img{height:40px;width:auto;object-fit:contain}
.vp-vs{color:#999;font-size:12px;font-weight:700}

/* Stake */
.vp-stake{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:12px}
.vp-stake label{font-size:13px;font-weight:600;color:#B8C6DC}
.vp-stake-input{display:flex;align-items:center;border:1px solid #33415c;border-radius:4px;overflow:hidden}
.vp-cur{padding:0 8px;color:#b8c6dc;font-size:14px;background:#222F42;align-self:stretch;display:flex;align-items:center}
.vp-stake-field{width:90px;border:0;padding:8px;font-size:14px;outline:none;background:#222F42;color:#b8c6dc}

/* Options */
.vp-options{display:flex;gap:8px;margin-bottom:14px}
.vp-option{
	flex:1;display:flex;flex-direction:column;align-items:center;gap:3px;
	padding:10px 6px;border:1px solid #33415c;border-radius:4px;background:#222F42;
	cursor:pointer;text-align:center;transition:border-color .15s,background .15s;
}
.vp-option:hover{border-color:#9bbcff;background:#2a3a52}
.vp-option.is-selected{border-color:#2f6bff;background:#222F42;box-shadow:0 0 0 1px #2f6bff inset}
.vp-opt-team{font-weight:700;font-size:13px;line-height:1.2}
.vp-opt-sub{font-size:11px;color:#888}
.vp-opt-odd{font-size:18px;font-weight:700;margin-top:2px}
.vp-opt-win{font-size:11px;color:#1a8f3c;font-weight:600}

/* Results bars (revealed after vote) */
.vp-opt-result{display:none;width:100%;flex-direction:column;align-items:stretch;gap:3px;margin-top:6px}
.vp-widget.is-voted .vp-opt-result{display:flex}
.vp-opt-bar{height:6px;background:#0f1622;border-radius:4px;overflow:hidden}
.vp-opt-bar-fill{display:block;height:100%;width:0;background:#3276DF;border-radius:4px;transition:width .5s ease}
.vp-opt-pct{font-size:12px;font-weight:700;color:#fff}
.vp-widget.is-voted .vp-option.is-selected .vp-opt-bar-fill{background:#1a8f3c}
.vp-option.is-locked{cursor:default}
.vp-option.is-locked:hover{border-color:#33415c;background:#222F42}
.vp-option.is-locked.is-selected:hover{border-color:#2f6bff}
.vp-total{margin:10px 0 0;text-align:center;font-size:12px;color:#8aa0bf}

/* Button */
.vp-btn{
	width:100%;padding:12px;border:0;border-radius:4px;
	background:#3276DF;color:#fff;font-size:15px;font-weight:700;cursor:pointer;
	transition:background .15s,opacity .15s;
}
.vp-btn:hover{background:#236AD5}
.vp-btn:disabled{opacity:.5;cursor:not-allowed}
.vp-btn.vp-claim-now-btn{background:#1a8f3c;margin-top:4px}
.vp-btn.vp-claim-now-btn:hover{background:#157a32}
.vp-hint{margin:8px 0 0;text-align:center;font-size:12px;color:#999}
.vp-widget[data-mode="simple"] .vp-hint{color:#8aa0bf;font-size:13px}

/* Simple mode - email w step 1 */
.vp-simple-email{margin-bottom:10px}
.vp-simple-email .vp-email-field{width:100%;padding:11px;border:1px solid #33415c;border-radius:4px;font-size:14px;outline:none;background:#222F42;color:#b8c6dc}
.vp-simple-email .vp-email-field::placeholder{color:#6b7a91}
.vp-simple-email .vp-email-field:focus{border-color:#2f6bff}

/* Step 2 - gift / e-mail */
.vp-gift{font-size:40px;text-align:center;line-height:1}
.vp-gift-title{margin:8px 0 4px;text-align:center;font-size:18px}
.vp-gift-text{margin:0 0 14px;text-align:center;font-size:14px;color:#b8c6dc}
.vp-email-form{display:flex;flex-direction:column;gap:8px}
.vp-email-field{padding:11px;border:1px solid #33415c;border-radius:4px;font-size:14px;outline:none;background:#222F42;color:#b8c6dc}
.vp-email-field::placeholder{color:#6b7a91}
.vp-email-field:focus{border-color:#2f6bff}
.vp-msg{margin:10px 0 0;text-align:center;font-size:13px;min-height:18px}
.vp-msg.is-ok{color:#1a8f3c}
.vp-msg.is-err{color:#d33}
.vp-back{display:block;margin:12px auto 0;background:none;border:0;color:#888;font-size:13px;cursor:pointer}
.vp-back:hover{color:#555;text-decoration:underline}