.sbp-badge{display:inline-block;padding:4px 8px;border-radius:4px;font-weight:600}
.sbp-badge-pendente{background:#ffcc00;color:#333}
.sbp-btn{background:#2271b1;color:#fff;border:none;padding:10px 14px;border-radius:6px;cursor:pointer}
.sbp-btn:hover{background:#185a90}
.sbp-btn-secondary{background:#6c757d}
.sbp-area-cliente,.sbp-roleta{border:1px solid #eee;padding:16px;border-radius:10px;background:#fff;box-shadow:0 1px 2px rgba(0,0,0,.05)}
.sbp-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:12px;margin:12px 0}
.sbp-card{border:1px solid #e6e6e6;border-radius:8px;padding:12px;background:#fff;box-shadow:0 1px 1px rgba(0,0,0,.04)}
.sbp-card h4{margin:.2rem 0 .5rem;font-size:14px;color:#555}
.sbp-card .sbp-num{font-size:22px;font-weight:700}
.sbp-tabs{display:flex;gap:8px;margin:16px 0}
.sbp-tab{padding:6px 10px;border:1px solid #ddd;border-radius:6px;background:#fafafa;cursor:pointer}
.sbp-tab.active{background:#2271b1;color:#fff;border-color:#2271b1}
.sbp-section{display:none}
.sbp-section.active{display:block}
.sbp-login-wrap{max-width:700px;margin:20px auto;padding:18px;border:1px solid #e5e5e5;border-radius:10px;background:#fff}
.sbp-row{display:flex;flex-wrap:wrap;gap:8px;margin:8px 0}
.sbp-input{padding:8px 10px;border:1px solid #ddd;border-radius:6px;min-width:180px}
/* Wheel */
.sbp-wheel-wrap{position:relative;width:260px;height:260px;margin:10px auto}
.sbp-wheel{position:absolute;inset:0;border-radius:50%;border:8px solid #f0f0f0;background:conic-gradient(#ff7675 0 45deg,#74b9ff 45deg 90deg,#55efc4 90deg 135deg,#ffeaa7 135deg 180deg,#a29bfe 180deg 225deg,#fab1a0 225deg 270deg,#81ecec 270deg 315deg,#fdcb6e 315deg 360deg)}
.sbp-wheel .seg{position:absolute;left:50%;top:50%;transform-origin:0 0;color:#222;font-weight:700}
.sbp-wheel .s1{transform:rotate(22.5deg) translate(80px)}
.sbp-wheel .s2{transform:rotate(67.5deg) translate(80px)}
.sbp-wheel .s3{transform:rotate(112.5deg) translate(80px)}
.sbp-wheel .s4{transform:rotate(157.5deg) translate(80px)}
.sbp-wheel .s5{transform:rotate(202.5deg) translate(80px)}
.sbp-wheel .s6{transform:rotate(247.5deg) translate(80px)}
.sbp-wheel .s7{transform:rotate(292.5deg) translate(80px)}
.sbp-wheel .s8{transform:rotate(337.5deg) translate(80px)}
.sbp-pointer{position:absolute;left:50%;top:-8px;transform:translateX(-50%);font-size:22px;color:#d63638}
.sbp-result{margin-top:10px;font-weight:600}