/* The main workspace shares the chat panel's soft corner beside navigation. */
:root { --workspace-radius:16px; }
.sidebar { border-right:0; }
.content {
  border-top-left-radius:var(--workspace-radius);
  background:rgba(255,255,255,.22);
  box-shadow:inset 1px 1px 0 rgba(255,255,255,.7);
}
/* Presentations supply their own full-window surface. */
body.cm-presentation-mode .content { border-radius:0; background:transparent; box-shadow:none; }

/* The Mac webview paints beneath the transparent native titlebar. Reserve
   room inside this same glass surface, so there is no separate colour band. */
html.brain-native .topbar {
  padding-top:calc(2px + var(--brain-titlebar-inset, 28px));
}
html.brain-native body.cm-presentation-mode #app {
  padding-top:var(--brain-titlebar-inset, 28px);
}
html.brain-native body.cm-presentation-mode .layout {
  height:calc(100dvh - var(--brain-titlebar-inset, 28px));
}
html.brain-native body.cm-presentation-mode #content {
  top:var(--brain-titlebar-inset, 28px);
  height:calc(100dvh - var(--brain-titlebar-inset, 28px));
}
@media (max-width:860px) {
  html.brain-native .topbar {
    padding-top:calc(8px + max(env(safe-area-inset-top), var(--brain-titlebar-inset, 28px)));
  }
  html.brain-native .sidebar {
    padding-top:calc(16px + max(env(safe-area-inset-top), var(--brain-titlebar-inset, 28px)));
  }
}