/* =========================================================
   APP LAYOUT (token-driven)
   Qui controlliamo: viewport, overflow, container sizing
   ========================================================= */

/* ===== App Layout ===== */
#app{
  display:flex;
  width:100vw;

  /* Better mobile viewport behavior than 100vh (especially iOS) */
  height: 100vh;
  height: 100svh;

  overflow: hidden;
}

/* ===== Chat View Container ===== */
#chatView{
  display:flex;
  width:100%;

  height: 100vh;
  height: 100svh;

  min-width:0; /* important for flex children overflow */
  overflow: hidden;
}

/* Optional: allow future layout modes (cinematic/cards) */
body[data-layout="cinematic"] #chatView{
  /* You can tweak global spacing here later */
}

body[data-layout="cards"] #chatView{
  /* Future: grid dashboards */
}

/* Ensure main chat grows and can scroll internally */
main.chat{
  min-width:0;
}