/*
 * Code de Manoux — Emmanuel MARCADÉ — Lab Manoux
 * DropAgogie : thème sombre de l'interface du builder uniquement.
 * Le jeu exporté conserve sa feuille autonome définie dans exporter.js.
 */

body[data-manoux-tool="dragndropmaker"]{
  --drop-builder-bg:#20211f;
  --drop-builder-surface:#292a27;
  --drop-builder-surface-2:#30312d;
  --drop-builder-surface-3:#373833;
  --drop-builder-line:rgba(255,255,255,.12);
  --drop-builder-line-strong:rgba(255,255,255,.2);
  --drop-builder-text:#f4f5ef;
  --drop-builder-muted:#c0c3b8;
  --drop-builder-muted-2:#9ea397;
  --drop-builder-accent:#97af1e;
  --drop-builder-accent-2:#c6df4d;
  background:
    radial-gradient(circle at 8% 0,rgba(151,175,30,.13),transparent 24rem),
    linear-gradient(180deg,#292a27 0,var(--drop-builder-bg) 42rem);
}

/* Coque de travail : seules les surfaces du builder sont assombries. */
body[data-manoux-tool="dragndropmaker"] :is(.topbar,.panel){
  border-color:var(--drop-builder-line);
  background:linear-gradient(180deg,rgba(48,49,45,.98),rgba(39,40,37,.98));
  box-shadow:0 16px 34px rgba(0,0,0,.24),inset 0 1px 0 rgba(255,255,255,.035);
  backdrop-filter:none;
}

body[data-manoux-tool="dragndropmaker"] :is(
  .topbar h1,
  .panel-preview>.panel-heading h2,
  .sidebar-toolbar,
  .sidebar-section h2,
  .panel-sidebar label,
  .panel-sidebar dd,
  .point-row-id
){
  color:var(--drop-builder-text);
}

body[data-manoux-tool="dragndropmaker"] :is(
  .subtitle,
  .panel-preview>.panel-heading p,
  .panel-preview>.panel-heading .status-text,
  .sidebar-section p,
  .point-coords,
  .meta-list dt,
  .quick-presets>span,
  .field-suffix,
  .range-field output,
  .image-source-help,
  .timing-help
){
  color:var(--drop-builder-muted);
}

body[data-manoux-tool="dragndropmaker"] .panel-preview{
  background:linear-gradient(180deg,#2d2e2a,#252622);
}

body[data-manoux-tool="dragndropmaker"] .panel-preview>.panel-heading{
  padding:2px 2px 4px;
}

body[data-manoux-tool="dragndropmaker"] .panel-preview>.panel-heading .badge{
  border:1px solid rgba(198,223,77,.28);
  background:rgba(151,175,30,.14);
  color:var(--drop-builder-accent-2);
}

/* L'aperçu reste clair : il matérialise le jeu autonome qui sera exporté. */
body[data-manoux-tool="dragndropmaker"] .game-preview{
  border-radius:16px;
  box-shadow:0 14px 30px rgba(0,0,0,.22);
}

body[data-manoux-tool="dragndropmaker"] #previewCard{
  border-color:rgba(255,255,255,.2);
}

/* Commandes structurelles du builder. */
body[data-manoux-tool="dragndropmaker"] :is(.topbar,.panel-sidebar) .button{
  border-color:var(--drop-builder-line);
  background:linear-gradient(180deg,var(--drop-builder-surface-3),var(--drop-builder-surface-2));
  color:var(--drop-builder-text);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.035);
}

body[data-manoux-tool="dragndropmaker"] :is(.topbar,.panel-sidebar) .button:hover:not(:disabled){
  border-color:var(--drop-builder-line-strong);
  background:#3c3d38;
  box-shadow:0 8px 18px rgba(0,0,0,.18);
}

body[data-manoux-tool="dragndropmaker"] :is(.topbar,.panel-sidebar) :is(.button-primary,.button-accent){
  border-color:rgba(198,223,77,.42);
  background:linear-gradient(180deg,#a7bf24,var(--drop-builder-accent));
  color:#171811;
  box-shadow:0 8px 18px rgba(151,175,30,.18);
}

body[data-manoux-tool="dragndropmaker"] :is(.topbar,.panel-sidebar) .button:disabled{
  border-color:rgba(255,255,255,.07);
  background:#2b2c29;
  color:#8d9188;
  opacity:.72;
}

body[data-manoux-tool="dragndropmaker"] .panel-sidebar .button-danger{
  border-color:rgba(224,107,107,.3);
  background:rgba(164,54,54,.16);
  color:#ffb4ac;
}

/* Accordéons et formulaires de réglage. */
body[data-manoux-tool="dragndropmaker"] .panel-sidebar{
  scrollbar-color:#666a60 #252622;
}

body[data-manoux-tool="dragndropmaker"] .sidebar-section{
  border-color:var(--drop-builder-line);
  background:linear-gradient(180deg,var(--drop-builder-surface-2),#2b2c28);
}

body[data-manoux-tool="dragndropmaker"] .sidebar-accordion[open]{
  border-color:rgba(151,175,30,.26);
  box-shadow:0 12px 24px rgba(0,0,0,.16);
}

body[data-manoux-tool="dragndropmaker"] .sidebar-summary:hover{
  background:rgba(255,255,255,.035);
}

body[data-manoux-tool="dragndropmaker"] .sidebar-chevron{
  border-color:var(--drop-builder-accent-2);
}

body[data-manoux-tool="dragndropmaker"] :is(.point-row,.score-rule-row){
  border-color:var(--drop-builder-line);
  background:#272824;
}

body[data-manoux-tool="dragndropmaker"] .panel-sidebar :is(
  input[type="text"],
  input[type="number"]
),
body[data-manoux-tool="dragndropmaker"] .image-source-field input{
  border-color:var(--drop-builder-line);
  background:#20211f;
  color:var(--drop-builder-text);
  caret-color:var(--drop-builder-accent-2);
}

body[data-manoux-tool="dragndropmaker"] .panel-sidebar :is(input[type="text"],input[type="number"])::placeholder,
body[data-manoux-tool="dragndropmaker"] .image-source-field input::placeholder{
  color:var(--drop-builder-muted-2);
}

body[data-manoux-tool="dragndropmaker"] .panel-sidebar input[type="color"]{
  border-color:var(--drop-builder-line);
  background:#20211f;
}

body[data-manoux-tool="dragndropmaker"] .panel-sidebar :is(input[type="range"],input[type="checkbox"]){
  accent-color:var(--drop-builder-accent);
}

body[data-manoux-tool="dragndropmaker"] .panel-sidebar .placeholder-note{
  border-color:rgba(255,255,255,.16);
  background:#252622;
  color:var(--drop-builder-muted);
}

@media (max-width:720px){
  body[data-manoux-tool="dragndropmaker"] .toolbar-main{
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
    width:100%;
  }

  body[data-manoux-tool="dragndropmaker"] .toolbar-main .button{
    width:100%;
    min-width:0;
    height:auto;
    padding-block:7px;
    line-height:1.2;
    text-align:center;
    white-space:normal;
  }

  body[data-manoux-tool="dragndropmaker"] .toolbar-main .button-accent{
    grid-column:1/-1;
  }
}

@media (prefers-reduced-motion:reduce){
  body[data-manoux-tool="dragndropmaker"] :is(.sidebar-chevron,.button){
    transition-duration:.01ms!important;
  }
}