.split-root{
  height:100vh;
  display:flex;
  flex-direction:column;
  overflow:hidden;
}

/* ---------- CARDS ---------- */

.pane-card{
  overflow:hidden;
  min-height:0;
  border-radius:0;
}

.pane-top{
  flex:1 1 auto;
}

.pane-bottom{
  flex:0 0 auto;
  height:320px;
}

/* ---------- BODY FLEX ---------- */

.pane-body{
  padding:0 !important;
  display:flex;
  flex-direction:column;
  flex:1;
  min-height:0;
}

.pane-fill{
  flex:1;
  min-height:0;
}

/* ---------- DIVISOR ---------- */

.split-bar{
  position:relative;
  height:10px;
  flex:0 0 10px;
  cursor:ns-resize;
  background:rgba(0,0,0,0.08);
}

.drag-handle{
  position:absolute;
  inset:0;
}

/* ---------- BOTÃO ---------- */

.split-btn{
  position:absolute;
  left:50%;
  top:50%;
  transform:translate(-50%,-50%);
  height:28px;
  width:44px;
  border-radius:10px;
  border:1px solid #999;
  background:white;
  z-index:10;
}

/* ---------- FECHADO ---------- */

.bottom-collapsed .pane-bottom{
  display:none !important;
}

.bottom-collapsed .split-bar{
  height:0 !important;
  flex:0 0 0 !important;
}

/* ✅ BOTÃO CENTRAL EMBAIXO */
.bottom-collapsed .split-btn{
  position: fixed !important;

  left: 50% !important;
  bottom: 14px !important;

  top: auto !important;      /* ✅ mata qualquer top antigo */
  right: auto !important;    /* ✅ mata qualquer right antigo */

  transform: translateX(-50%) !important;

  z-index: 99999 !important;
  box-shadow: 0 6px 18px rgba(0,0,0,0.30);
}

/* para mobile: impede scroll/zoom enquanto arrasta a barra */
.drag-handle{
  touch-action: none;
}