/* ============================================================
   CutBG Studio — Auto-Harmony (09/2026)
   Harmonise les panneaux flottants générés par la boucle auto :
   palette glass approuvée, largeur commune, z-index borné.
   L'empilement vertical est fait par JS (studio-auto-harmony.js)
   pour coller aux hauteurs réelles des panneaux.
   ============================================================ */

/* ---- Style glass unifié pour tous les panneaux flottants auto ---- */
.cbg-rim-panel,
#cutbg-rim-light-module,
#cutbg-reflection-synth-panel,
#cutbg-relight-panel,
#cutbg-bokeh-dof-panel,
.cbg-refl-panel,
.cutbg-studio-panel,
#bg-panel,
.gcs-panel,
.cbg-fx-panel,
.cutbg-harmonizer-card,
.cbg-shadow-panel,
.fringe-neutralizer-card,
#cutbg-display-sync-panel,
#cutbg-style-library {
  background: rgba(18, 20, 29, 0.94) !important;
  backdrop-filter: blur(18px) saturate(130%) !important;
  -webkit-backdrop-filter: blur(18px) saturate(130%) !important;
  border: 1px solid rgba(255, 255, 255, 0.12) !important;
  border-radius: 14px !important;
  color: #e8eaf0 !important;
  font-family: 'DM Sans', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif !important;
  box-shadow: 0 18px 44px rgba(0, 0, 0, 0.5), inset 0 1px 0 rgba(255, 255, 255, 0.08) !important;
  z-index: 4000 !important;
  width: 300px !important;
  max-width: calc(100vw - 32px) !important;
}

/* Titres : Space Grotesk cohérent */
.cbg-rim-header, #cutbg-rim-light-module .crl-header,
.cutbg-studio-panel h3, #cutbg-relight-panel > div:first-child,
#cutbg-reflection-synth-panel h3, #cutbg-bokeh-dof-panel .cbg-dof-title,
.cbg-refl-panel h3, .gcs-panel h3, .cbg-fx-panel h3, .cutbg-harmonizer-card h3,
.cbg-shadow-panel h3, .fringe-neutralizer-card h3, #cutbg-style-library h3 {
  font-family: 'Space Grotesk', 'DM Sans', sans-serif !important;
  font-weight: 600 !important;
  letter-spacing: -0.3px !important;
  color: #f2f4f9 !important;
}

/* Boutons internes : gradient approuvé bleu→violet */
#cutbg-reflection-synth-panel button,
#cutbg-relight-panel button,
.cbg-rim-panel button,
#cutbg-rim-light-module button,
#cutbg-bokeh-dof-panel button,
.cbg-refl-panel button,
.cutbg-studio-panel button,
.gcs-panel button,
.fringe-neutralizer-card button,
#cutbg-style-library button {
  background: linear-gradient(135deg, #3579ff 0%, #6b52ff 100%) !important;
  color: #fff !important;
  border: none !important;
  border-radius: 8px !important;
  padding: 7px 12px !important;
  font-family: 'DM Sans', sans-serif !important;
  font-size: 12.5px !important;
  font-weight: 500 !important;
  cursor: pointer !important;
}

/* ---- Doublon fonctionnel : 2 features Rim Light existent.
   Masquer la feature en flux (#cutbg-rim-light-module, Rim Light Glow)
   et garder le panneau flottant interactif (.cbg-rim-panel, Dual A/B). ---- */
#cutbg-rim-light-module { display: none !important; }

/* ---- Bouton Copier orphelin : ancré proprement ---- */
#cbg-direct-copy-btn, .cbg-copy-btn {
  position: fixed !important;
  left: 16px !important;
  bottom: 16px !important;
  z-index: 3000 !important;
  background: linear-gradient(135deg, #3579ff 0%, #6b52ff 100%) !important;
  color: #fff !important;
  border: none !important;
  border-radius: 8px !important;
  padding: 8px 14px !important;
  font-family: 'DM Sans', sans-serif !important;
  font-weight: 500 !important;
  box-shadow: 0 8px 24px rgba(53, 121, 255, 0.35) !important;
}

/* ---- HUD / badges de debug : discrets ---- */
#cutbg-tiles-hud, #cutbg-recorder-badge {
  opacity: 0.75 !important;
  font-family: 'DM Sans', sans-serif !important;
  z-index: 2500 !important;
}

/* ---- Boutons header auto : typographie cohérente ---- */
#cutbg-studio-module .cb-btn, .cb-batch-trigger-btn {
  font-family: 'DM Sans', sans-serif !important;
}