:root {
  --orange:     #FFA500;
  --grey-light: #EEEEEE;
  --grey-med:   #CCCCCC;
  --grey-dark:  #333333;
  --blue:       #0057E7;
  --white:      #FFFFFF;
  --bg:         #F9F9F9;
}
* { box-sizing:border-box; margin:0; padding:0; }
body {
  font-family:'Segoe UI',sans-serif;
  font-size:14px;
  color:var(--grey-dark);
  background:var(--bg);
  padding:20px;
}

/* Onglets */
.tabs { list-style:none; display:flex; gap:4px; margin-bottom:20px; }
.tab { flex:1; text-align:center; padding:12px 0; background:var(--grey-light); color:var(--grey-dark); border-radius:4px; font-weight:500; pointer-events:none; }
.tab.active { background:var(--orange); color:var(--white); }

/* Dropzones */
.dropzone,
.secondary-dropzone {
  margin:24px 0; padding:30px 0; text-align:center;
  border:2px dashed var(--grey-med); background:var(--white);
  border-radius:4px; cursor:pointer; transition:border-color .2s;
  position:relative;
}
.dropzone.dragover,
.secondary-dropzone.dragover { border-color:var(--orange); }
.dropzone .plus,
.secondary-dropzone .plus { font-size:32px; color:var(--grey-med); margin-bottom:8px; }
.dropzone p,
.secondary-dropzone p { font-size:14px; line-height:1.4; }
.dropzone input,
.secondary-dropzone input {
  position:absolute; top:0; left:0; width:100%; height:100%;
  opacity:0; cursor:pointer;
}
.secondary-dropzone.hidden { display:none; }

/* Panel */
.panel-wrapper {
  border:1px solid var(--grey-med);
  border-radius:4px;
  background:var(--white);
  margin-bottom:24px;
}
.panel {
  display:grid;
  grid-template-columns:0.8fr 1fr 1fr 1fr;
  gap:16px;
  padding:16px;
}

/* Colonnes */
.col { display:flex; flex-direction:column; }

/* Col 1 : Aperçu */
.viewer {
  position:relative; width:100%; height:170px;
  background:#FFFFFF; border:1px solid var(--grey-med);
  margin-bottom:4px;
}
.progress-overlay {
  position:absolute; top:50%; left:50%;
  transform:translate(-50%,-50%);
  background:rgba(255,255,255,0.8);
  padding:4px 8px; border-radius:4px; font-weight:600;
}
.progress-overlay.hidden { display:none; }
.dims { font-size:12px; line-height:1.4; }

/* AJOUT : style pour la référence */
.ref {
  font-size:12px;
  margin:4px 0;
  font-weight:500;
}

/* Col 2 */
.settings { display:flex; flex-direction:column; gap:12px; }
.field { display:flex; flex-direction:column; }
.field label { margin-bottom:4px; font-size:13px; }
.field select { padding:6px; border:1px solid var(--grey-med); border-radius:4px; }

/* Col 3 */
.slider-container { display:flex; align-items:center; gap:6px; }
input[type=range] { flex:1; }
.delivery { margin:auto 0; }
.opts { display:flex; gap:4px; }
.opt { flex:1; padding:6px 4px; border:1px solid var(--grey-med); border-radius:2px; text-align:center; cursor:pointer; font-size:12px; }
.opt.active { background:var(--orange); color:#fff; border-color:var(--orange); }
.checks { display:flex; flex-direction:column; gap:4px; }
.checks input { margin-right:6px; }

/* Col 4 */
.summary {
  display:flex; flex-direction:column;
  background:var(--grey-light); padding:8px; border-radius:4px;
}
.summary-header {
  display:flex; gap:12px; margin-bottom:8px; align-items:flex-end; width:100%;
}
.summary-header .field { flex:1; }
.summary-header label { font-size:13px; margin-bottom:4px; }
.summary-header input,
.summary-header .unit-price,
.summary-header .total-price {
  width:100%; text-align:center; padding:4px;
}
.unit-price,
.total-price { background:var(--orange); color:#fff; border-radius:2px; }
.summary table {
  margin-top:auto; width:100%; border-collapse:collapse; font-size:12px;
}
.summary th,
.summary td {
  border:1px solid var(--grey-med); padding:4px; text-align:center;
}

/* Toolbar gris INTÉGRÉ */
.toolbar {
  display:flex; justify-content:space-between; align-items:center;
  background:var(--grey-light); padding:8px; border-radius:4px;
  margin:0 16px 16px;
}
.toolbar-left,
.toolbar-right { display:flex; align-items:center; }
.icon-btn { background:none; border:none; cursor:pointer; margin-right:6px; }
.icon-btn .material-icons { font-size:18px; color:var(--grey-dark); }

/* Section PDF/IMG */
.file-import-section {
  display:flex; flex-direction:column; gap:4px;
}
.file-import-section label {
  font-size:12px; color:var(--grey-dark);
}
.file-import {
  cursor:pointer;
}

/* Boutons bas */
.actions { display:flex; justify-content:flex-end; gap:12px; }
.btn { padding:10px 24px; border-radius:4px; font-weight:600; cursor:pointer; }
.negotiate { border:2px solid var(--blue); background:#fff; color:var(--blue); }
.quote     { border:1px solid var(--grey-med); background:#fff; color:var(--grey-dark); }
.order     { border:none; background:var(--orange); color:#fff; }

/* Espace à droite du champ commentaire */
.toolbar .toolbar-right > input[type="text"] {
  margin-right: 12px;
}
/* Désactive le scroll interne générique */
.gm-nav-content-wrapper {
  overflow: visible !important;
  height: auto      !important;
}

html, body {
  height: auto;
  overflow: visible;
}

#configs-container {
  height: auto;
  max-height: none;
  overflow: visible;
}