/* ═══════════════════════════════════════════════════════════════════════
   E20 — SCINDER L'ÉCRAN (jumeau SOMA) — mockup volet-cote-a-cote-V2-jumeau
   Volet droit fixe = iframe SOMA ; le contenu principal se rétrécit.
   Livré CÂBLÉ-ÉTEINT (E20_FLAGS.SPLIT=false) : rien ne s'affiche.
   ═══════════════════════════════════════════════════════════════════════ */
.sb-v3__split {
  display: none; /* révélé par split-screen.js si E20_FLAGS.SPLIT */
  align-items: center;
  gap: 8px;
  width: 100%;
  border: none;
  background: none;
  font-family: inherit;
  font-size: 12px;
  font-weight: 700;
  color: var(--muted, #7A9480);
  padding: 7px 12px;
  border-radius: 10px;
  cursor: pointer;
}
.sb-v3__split:hover { background: var(--bg, #EFF4EF); color: var(--text, #0D1B0F); }
.sb-v3__split svg { width: 14px; height: 14px; flex-shrink: 0; }

.soma-split-panel {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  width: var(--soma-split-w, 46vw);
  z-index: 9500;
  display: flex;
  flex-direction: column;
  background: var(--card, #FFFFFF);
  border-left: 1px solid var(--border, #E8ECE5);
  box-shadow: -12px 0 32px rgba(13, 27, 15, .10);
}
.soma-split-grip {
  position: absolute;
  left: -5px;
  top: 0;
  bottom: 0;
  width: 10px;
  cursor: col-resize;
  z-index: 2;
}
.soma-split-grip:hover { background: rgba(47, 191, 122, .18); }
.soma-split-head {
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 8px 14px;
  border-bottom: 1px solid var(--border, #E8ECE5);
  background: var(--bg, #EFF4EF);
}
.soma-split-title {
  font-size: 11px;
  font-weight: 900;
  letter-spacing: .8px;
  text-transform: uppercase;
  color: var(--green-dark, #0D6B35);
}
.soma-split-hint {
  flex: 1;
  font-size: 11px;
  color: var(--muted, #7A9480);
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.soma-split-close {
  border: none;
  background: none;
  font-family: inherit;
  font-size: 15px;
  color: var(--muted, #7A9480);
  cursor: pointer;
  padding: 2px 8px;
  border-radius: 8px;
}
.soma-split-close:hover { background: rgba(224, 32, 32, .08); color: var(--red, #E02020); }
.soma-split-frame {
  flex: 1;
  width: 100%;
  border: none;
}
/* le contenu principal laisse la place au volet */
body.soma-split-actif #content { margin-right: var(--soma-split-w, 46vw); }
/* pendant le drag : l'iframe n'avale pas la souris */
body.soma-split-dragging .soma-split-frame { pointer-events: none; }
body.soma-split-dragging { user-select: none; cursor: col-resize; }

/* garde-fou V1 : même devis des deux côtés */
.soma-split-warn {
  padding: 7px 14px;
  background: rgba(201, 120, 0, .1);
  border-bottom: 1px solid rgba(201, 120, 0, .3);
  color: var(--yellow, #C97800);
  font-size: 12px;
  font-weight: 700;
}

/* V2 — le JUMEAU n'a pas de sidebar : tout l'espace au contenu
   (les DEUX étages : le rail d'icônes .sb-v3 ET le panneau de brique
   .sb-v3-subnav créé dynamiquement par sidebar-v3.js) */
body.soma-jumeau .sb-v3 { display: none !important; }
body.soma-jumeau .sb-v3-subnav { display: none !important; }
body.soma-jumeau #content { padding: 20px 26px 32px; }

.soma-split-loupe {
  display: inline-flex;
  align-items: center;
  gap: 5px;
  border: 1px solid var(--border, #E8ECE5);
  background: var(--card, #FFFFFF);
  border-radius: 100px;
  padding: 4px 12px;
  font-family: inherit;
  font-size: 11px;
  font-weight: 700;
  color: var(--text2, #3A4D3C);
  cursor: pointer;
  white-space: nowrap;
}
.soma-split-loupe:hover { border-color: var(--green, #2FBF7A); color: var(--green-dark, #0D6B35); }