/* Thème & typo (DA Sibylla sombre/néon) */
.sibref-widget{
  --bg:#0a0f18; --fg:#dbe8ff; --muted:#9fb6d7; --accent:#37b4ff;
  --panel:rgba(255,255,255,.02); --input:rgba(16,28,44,.65);
  font:600 14px/1.5 system-ui,-apple-system,Segoe UI,Roboto,"Helvetica Neue",Arial,"Noto Sans","Liberation Sans",sans-serif;
  color:var(--fg);
}

/* Conteneurs centrés */
.sibref-random-block,.sibref-submit{ max-width:560px; margin:0 auto; text-align:center; }

/* Titres */
.sibref-title,.sibref-h1,.sibref-about-title{ font-size:1.25rem; font-weight:800; letter-spacing:.04em; margin-bottom:.5rem; }
.sibref-h1{ font-size:1.6rem; }
.sibref-h2{ color:var(--muted); margin-bottom:1rem; }

/* Cartes */
.sibref-random{ padding:1rem; border:1px solid rgba(255,255,255,.08); border-radius:1rem; background:var(--panel); }
.sibref-random-line{ display:flex; align-items:center; justify-content:center; gap:.5rem; }
.sibref-random-line.big .sibref-random-code{
  font-size:2rem; font-weight:900; letter-spacing:.06em;
  padding:.6rem 1rem; border:1px solid rgba(255,255,255,.1);
  border-radius:.9rem; background:rgba(255,255,255,.03); display:inline-block;
}

/* Boutons */
.sibref-actions{ display:flex; align-items:center; justify-content:center; gap:.75rem; margin-top:.75rem; flex-wrap:wrap; }
.sibref-copy,.sibref-refresh,.sibref-btn{
  padding:.7rem 1rem; border:1px solid rgba(255,255,255,.12);
  background:linear-gradient(180deg, rgba(55,180,255,.15), rgba(55,180,255,.05));
  color:var(--fg); border-radius:.8rem; cursor:pointer; font-weight:800; text-transform:uppercase; letter-spacing:.03em;
}

/* Champ unique (vide par défaut) */
.sibref-label{ display:block; margin-bottom:.25rem; color:var(--muted); }
.sibref-full{
  width:20ch; min-width:20ch; max-width:100%;
  padding:.7rem .9rem; border:1px solid rgba(255,255,255,.12);
  background:var(--input) !important; color:var(--fg) !important;
  border-radius:.8rem; font-weight:800; letter-spacing:.05em; text-align:center;
}
.sibref-full::placeholder{ color:var(--muted); }
.sibref-format{ margin:.4rem 0 .8rem; color:var(--muted); }

/* reCAPTCHA v2 Checkbox — SOUS le bouton & CENTRÉE */
.sibref-recaptcha-checkbox{
  display:block; width:100%;
  margin:.65rem 0 0; clear:both; text-align:center;
}
.sibref-recaptcha-checkbox > div{
  display:inline-block; margin:0 auto;
}

/* reCAPTCHA v2 Invisible – badge inline sous le bouton */
.sibref-recaptcha-inline{ margin-top:.5rem; }
.sibref-recaptcha-inline .grecaptcha-badge{
  position:static!important; transform:none!important; margin:.25rem auto 0; box-shadow:none!important;
}

/* Mentions & feedback */
.sibref-recaptcha-note{ margin-top:.5rem; font-size:.85rem; color:var(--muted); }
.sibref-msg{ margin-top:.5rem; color:var(--accent); min-height:1.2em; }
.sibref-disclaimer{ margin-top:1rem; border:1px solid rgba(255,255,255,.08); background:rgba(55,180,255,.03); border-radius:.9rem; padding:.9rem; }
.sibref-disc-title{ font-weight:900; margin-bottom:.2rem; }
.sibref-disc-body{ color:var(--muted); }

/* Stats & About */
.sibref-stats-grid{ display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:1rem; }
.sibref-stat{ padding:1rem; border:1px solid rgba(255,255,255,.08); border-radius:1rem; background:var(--panel); text-align:center; }
.sibref-stat .n{ font-size:2rem; font-weight:900; }
.sibref-stat .l{ margin-top:.25rem; color:var(--muted); text-transform:uppercase; letter-spacing:.06em; font-weight:800; }

.sibref-about-text p{ margin:.5rem 0; color:var(--fg); }
.sibref-rsi-link,.sibref-rsi-bonus{
  display:inline-block; margin-top:.5rem; padding:.7rem 1rem;
  border:1px solid rgba(255,255,255,.12); border-radius:.8rem; text-decoration:none; color:var(--fg);
  background:linear-gradient(180deg, rgba(55,180,255,.15), rgba(55,180,255,.05));
}
