/* One desktop frame around the existing module navigation and working area. */
.workspace-frame { display:contents; }
@media(min-width:761px) {
 .suite-shell.workbench-ui {
  --shell-topbar-height:56px;
  --shell-rail-width:64px;
  --shell-gutter:12px;
  --shell-chrome:color-mix(in srgb,var(--brand-nav,var(--surface)) 94%,var(--brand-on-nav,var(--ink)));
  --shell-muted:color-mix(in srgb,var(--brand-on-nav,var(--ink)) 65%,var(--shell-chrome));
  --shell-pane:var(--surface-muted);
  --workspace-height:calc(100dvh - var(--shell-topbar-height) - var(--shell-gutter));
  display:grid;grid-template-columns:var(--shell-rail-width) minmax(0,1fr);
  grid-template-rows:var(--shell-topbar-height) minmax(0,1fr);
  height:100dvh;min-height:0;background:var(--shell-chrome);overflow:hidden;
 }
 html[data-workspace-brand] .workbench-ui .app-rail {
  grid-column:1;grid-row:1/3;position:relative;top:auto;width:auto;min-width:0;
  height:100%;min-height:0;padding:0 8px 12px;border:0;background:var(--shell-chrome);
 }
 html[data-workspace-brand] .workbench-ui .app-rail :is(.rail-app,.rail-launcher):not(.selected) { color:var(--shell-muted); }
 .workbench-ui .app-rail .rail-brand { height:56px;min-height:56px;margin:0 0 8px;display:flex;align-items:center;justify-content:center;flex-shrink:0; }
 .workbench-ui .app-rail .rail-apps { flex:1;min-height:0;overflow-y:auto;overflow-x:hidden;scrollbar-width:thin; }
 .workbench-ui .app-rail .rail-settings { flex-shrink:0; }
 .suite-shell.workbench-ui>.topbar {
  grid-column:2;grid-row:1;position:relative;top:auto;height:var(--shell-topbar-height);min-width:0;
  padding:0 24px 0 20px;border:0;background:var(--shell-chrome);color:var(--brand-on-nav,var(--ink));
 }
 .workbench-ui>.topbar .workspace-switcher select { color:var(--brand-on-nav,var(--ink)); }
 .workbench-ui>.topbar .workspace-switcher>.icon { color:var(--shell-muted); }
 .workbench-ui>.topbar :is(.notification-button,.mobile-menu) { color:var(--brand-on-nav,var(--ink)); }
 .workbench-ui>.topbar .notification-button:hover { color:var(--ink); }
 .workbench-ui>.topbar :is(.workspace-switcher:focus-within,.icon-button:focus-visible) { outline-color:var(--brand-on-nav,var(--ink)); }
 .workbench-ui>.workspace-frame {
  grid-column:2;grid-row:2;display:flex;position:relative;isolation:isolate;min-width:0;min-height:0;
  margin:0 var(--shell-gutter) var(--shell-gutter) 0;overflow:hidden;
  --paper:var(--shell-pane);
  border-radius:var(--radius,16px);background:var(--paper);
 }
 .workspace-frame>.main-shell { display:flex;flex-direction:column;flex:1;min-width:0;min-height:0;overflow:hidden; }
 .workbench-ui .workspace-frame>.main-shell>#content { flex:1;width:100%;max-width:none;min-width:0;min-height:0;overflow:auto;overscroll-behavior:contain; }
 .workbench-ui .workspace-frame>.context-sidebar {
  position:relative;top:auto;height:100%;min-height:0;background:var(--paper);border-right-color:var(--line);
 }
 .workbench-ui .workspace-frame .context-footer { background:var(--paper); }
 .workbench-ui .workspace-frame .context-nav { min-height:0; }
 .workbench-ui :is(.drive-app,.chat-workspace,.file-workspace,.meeting-room.is-connected) { height:var(--workspace-height); }
 .suite-shell.workbench-ui :is(.data-workspace,.split-workspace,.documents-library.pages-library,.forms-editor,.meeting-room),
 .workbench-ui.focus-workspace #marketing-app { min-height:var(--workspace-height); }
 .suite-shell.workbench-ui .chat-main { height:100%;min-height:0; }
 .workbench-ui .document-workbench .document-canvas { min-height:calc(var(--workspace-height) - 112px); }
 .workbench-ui.focus-workspace .workflow-builder { height:calc(var(--workspace-height) - 117px); }
 .workbench-ui.focus-workspace .designer { height:calc(var(--workspace-height) - 65px);min-height:calc(var(--workspace-height) - 65px); }
 .workbench-ui .week-scroll { max-height:calc(var(--workspace-height) - 133px); }
 .workbench-ui .record-peek { top:var(--shell-topbar-height);right:var(--shell-gutter);bottom:var(--shell-gutter);border-radius:0 var(--radius) var(--radius) 0; }
 .suite-shell.workbench-ui .thread-panel { max-height:var(--workspace-height); }
 .workspace-frame .forms-theme-panel { right:var(--shell-gutter);bottom:var(--shell-gutter); }
}
@media(min-width:761px) { :root[data-color-mode=dark] .suite-shell.workbench-ui { --shell-chrome:var(--navy-deep);--shell-pane:var(--paper); } }
@media(max-width:760px) { .suite-shell { flex-direction:column; }.suite-shell>.topbar { flex-shrink:0;box-sizing:border-box;height:48px;min-height:48px; } }