/**
 * Go CSS · apps/gmail-app/gmail-app.css
 * 
 * Purpose:
 *   This dashboard piece.
 * 
 * Dashboard:
 *   Go · App Store / data-view · gmail
 * 
 * This file:
 *   business/dashboard/gmail-app/gmail-app.css
 * 
 * Depends on:
 *   - business/dashboard/shell/shell.html
 *   - scripts/assemble-dashboards.js
 * 
 * Used by:
 *   - scripts/assemble-dashboards.js → business/dashboard/styles.css
 */

body.gmail-open {
  overflow: hidden;
}

body.gmail-open .main {
  padding: 0 !important;
  margin: 0 !important;
  max-width: none !important;
  width: 100% !important;
}

body.gmail-open .app,
body.gmail-open.personal-account .app,
body.gmail-open.business-account .app {
  max-width: none !important;
  width: 100% !important;
  padding: 0 !important;
  margin: 0 !important;
}

body.gmail-open .topbar,
body.gmail-open #portal-top-ribbons,
body.gmail-open .portal-top-ribbons,
body.gmail-open #business-mobile-nav,
body.gmail-open .business-mobile-nav,
body.gmail-open #portal-sidebar,
body.gmail-open .sidebar,
body.gmail-open .nav-primary,
body.gmail-open.personal-account #portal-sidebar,
body.gmail-open.personal-account .sidebar,
body.gmail-open.personal-account .nav-primary,
body.gmail-open.business-account #business-mobile-nav,
body.gmail-open.business-account .business-mobile-nav,
body.gmail-open.business-account .business-mobile-heading,
body.gmail-open .business-portal-banner,
body.gmail-open #business-portal-banner,
body.gmail-open #business-app-rail,
body.gmail-open .business-app-rail,
body.gmail-open #business-tab-ask,
body.gmail-open .business-tab-ask,
body.gmail-open #nav-drawer-fab,
body.gmail-open #nav-drawer-backdrop,
body.gmail-open #nav-drawer-toggle,
body.gmail-open #portal-more,
body.gmail-open #nav-more-btn {
  display: none !important;
}

body.gmail-open .business-workspace-body > .view#gmail-view:not(.hidden),
html[data-standalone-app="gmail"] #gmail-view {
  position: fixed;
  inset: 0;
  z-index: 80;
  display: flex !important;
  flex-direction: column;
  width: 100%;
  max-width: 100%;
  height: 100svh;
  height: 100dvh;
  max-height: 100svh;
  max-height: 100dvh;
  min-height: 0;
  margin: 0;
  padding: 0 !important;
  overflow: hidden;
  background: var(--ic-bg, #f3f3f4);
}

body.gmail-open .business-workspace,
body.gmail-open .business-workspace-body {
  display: flex;
  flex-direction: column;
  flex: 1;
  min-height: 0;
  height: 100%;
  max-height: 100%;
  overflow: hidden;
}

body.gmail-open .icrm,
html[data-standalone-app="gmail"] .icrm {
  position: absolute;
  inset: 0;
  min-height: 0;
  height: 100%;
  border-radius: 0;
}

html[data-standalone-app="gmail"] #portal-top-ribbons,
html[data-standalone-app="gmail"] #standalone-app-banner,
html[data-standalone-app="gmail"] #standalone-app-tabs,
html[data-standalone-app="gmail"] #business-portal-banner,
html[data-standalone-app="gmail"] #portal-sidebar,
html[data-standalone-app="gmail"] #business-mobile-nav,
html[data-standalone-app="gmail"] #business-tab-ask,
html[data-standalone-app="gmail"] #nav-drawer-fab,
html[data-standalone-app="gmail"] #nav-drawer-backdrop,
html[data-standalone-app="gmail"] #nav-drawer-toggle,
html[data-standalone-app="gmail"] #business-app-rail,
html[data-standalone-app="gmail"] #portal-more,
html[data-standalone-app="gmail"] #nav-more-btn,
html[data-standalone-app="gmail"] .topbar,
html[data-standalone-app="gmail"] .personal-mobile-heading,
html[data-standalone-app="gmail"] .business-mobile-heading,
html[data-standalone-app="gmail"] .admin-access-banner,
html[data-standalone-app="gmail"] .business-verification-status-banner,
html[data-standalone-app="gmail"] .test-mode-banner,
html[data-standalone-app="gmail"] .business-workspace-body > .view:not(#gmail-view),
html[data-standalone-app="gmail"] .ad-fullscreen-viewer,
html[data-standalone-app="gmail"] .ad-comments-popup {
  display: none !important;
}

html[data-standalone-app="gmail"] #app:not(.hidden) #gmail-view {
  display: flex !important;
}