/* Rifa Online Pro - Public */
.rop-wrap{max-width:1100px;margin:0 auto;padding:18px}
.rop-grid{display:grid;grid-template-columns:repeat(12,1fr);gap:14px}
.rop-card{grid-column:span 12;background:#fff;border:1px solid rgba(0,0,0,.08);border-radius:14px;box-shadow:0 18px 60px rgba(0,0,0,.08);padding:16px}
@media (min-width: 900px){ .rop-card{grid-column:span 6} }

.rop-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;
  padding:12px 16px;border-radius:12px;border:0;cursor:pointer;
  background:#0f172a;color:#fff;font-weight:800;text-decoration:none}
.rop-btn[disabled]{opacity:.55;cursor:not-allowed}

.rop-numbers{display:grid;grid-template-columns:repeat(10,minmax(0,1fr));gap:8px}
@media (max-width: 520px){ .rop-numbers{grid-template-columns:repeat(5,minmax(0,1fr));} }

.rop-number{
  padding:10px 0;border-radius:10px;border:1px solid rgba(0,0,0,.12);
  background:#fff;font-weight:800;text-align:center;user-select:none;
}
.rop-number.is-taken{opacity:.45;background:#f3f4f6}
.rop-number.is-selected{border-color:#16a34a;background:#dcfce7}
.rop-note{color:rgba(0,0,0,.65);font-size:13px;line-height:1.5}
.rop-error{background:#fee2e2;border:1px solid #fecaca;color:#991b1b;border-radius:12px;padding:10px 12px;font-weight:700}
.rop-success{background:#dcfce7;border:1px solid #bbf7d0;color:#166534;border-radius:12px;padding:10px 12px;font-weight:700}