/* The drawing owns the second viewport; tables and side panels stay together. */
#workspace-window-toggle { margin-left: auto; white-space: nowrap; }
.workspace-window-placeholder {
  min-width: 0;
  min-height: 0;
  display: flex;
  flex-direction: column;
  overflow: hidden;
  border: 1px solid var(--line);
  border-radius: var(--r-panel, 10px);
  background: var(--panel);
}
.workspace-window-note {
  display: flex;
  flex: 0 0 auto;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
  padding: 7px 10px;
  border-bottom: 1px solid var(--line);
  color: var(--muted);
  font-size: 12px;
}
.workspace-window-note button { flex: 0 0 auto; white-space: nowrap; }
.workspace-window-tables {
  display: flex;
  flex: 1 1 auto;
  flex-direction: column;
  min-width: 0;
  min-height: 0;
  overflow: hidden;
}
.workspace-window-tables > #tables {
  flex: 1 1 auto;
  min-height: 0;
  max-height: none;
  border-top: none;
}
.workspace-window-tables > #tables > .tabs { flex: 0 0 auto; overflow-x: auto; }
.workspace-window-tables > #tables > .tabs > .tab { flex: 0 0 auto; }
.workspace-window-tables > #tables > .tab-body { min-height: 0; }
.workspace-window-tables .panel-handle-bottom { display: none; }
.workspace-window-empty { margin: auto; padding: 24px; color: var(--muted); text-align: center; }
.workspace-window-tables:has(> #tables:not([hidden])) > .workspace-window-empty { display: none; }
.workspace-window-placeholder > .workspace-view-switch { flex-wrap: wrap; }
html[data-workspace-window="popup"],
body[data-workspace-window="popup"] { width: 100%; height: 100%; overflow: hidden; }
body[data-workspace-window="popup"] .workspace-window-chrome {
  position: relative;
  flex: 0 0 auto;
  min-width: 0;
  background: var(--panel);
}
body[data-workspace-window="popup"] .workspace-window-chrome > #ribbon {
  margin: 0;
  width: 100%;
}
body[data-workspace-window="popup"] .ribbon-topline { padding-right: 106px; }
body[data-workspace-window="popup"] .workspace-window-return {
  position: absolute;
  top: 7px;
  right: 10px;
  z-index: 1;
  white-space: nowrap;
}
body[data-workspace-window="popup"] main.workspace-window-main {
  display: flex;
  flex: 1 1 auto;
  min-width: 0;
  min-height: 0;
  width: 100%;
  margin: 0;
  padding: 6px;
  gap: 0;
}
body[data-workspace-window="popup"] main.workspace-window-main > .content {
  flex: 1 1 auto;
  min-width: 0;
  min-height: 0;
  width: 100%;
}
@media print {
  .workspace-window-chrome, .workspace-window-note, .workspace-window-empty,
  #workspace-window-toggle { display: none !important; }
  .workspace-window-placeholder { overflow: visible; }
}