:root{
  --chat-width: 400px;   /* startowa szerokość prawej kolumny */
  --splitter: 6px;       /* SZEROKOŚĆ SPLITTERA (kolumna grida) */
}

*{ box-sizing: border-box; }
html, body{ height:100%; margin:0; font-family: Inter, system-ui, -apple-system, Segoe UI, Roboto, sans-serif; }

#container{
  display:grid;
  grid-template-columns: 1fr var(--splitter) var(--chat-width); /* <- tu jest magia */
  grid-template-rows: 100%;
  height:100vh;
  width:100vw;
  overflow:hidden;
}

#baserow-frame, #n8n-chat-frame{
  width:100%;
  height:100%;
  border:0;
  display:block;
}

#splitter{
  width:100%;               /* wypełnij swój track */
  cursor: col-resize;
  background: rgba(0,0,0,.08);
  user-select: none;
  z-index: 10;              /* ponad iframe */
}
#splitter:hover{ background: rgba(0,0,0,.15); }
body.resizing #splitter{ background: rgba(0,0,0,.22); }

/* podczas przeciągania iframe'y nie „kradną” mousemove */
body.resizing iframe{ pointer-events: none; }