/* SignatureFlow inside the Google Docs add-on sidebar.
   The normal web app remains unchanged; these rules activate only when
   web/src/platform.js adds .sf-google-docs-embed to <html>. */

html.sf-google-docs-embed,
html.sf-google-docs-embed body {
  background: #fff;
  min-width: 0;
  overflow: hidden;
}

html.sf-google-docs-embed #app {
  height: 100vh;
  min-width: 0;
}

html.sf-google-docs-embed .sf-appheader,
html.sf-google-docs-embed .sf-sidebar,
html.sf-google-docs-embed .sf-sidebar-backdrop,
html.sf-google-docs-embed .sf-verify-banner {
  display: none !important;
}

html.sf-google-docs-embed .sf-shell {
  display: block;
  min-width: 0;
  overflow: hidden;
}

html.sf-google-docs-embed .sf-shell-main {
  width: 100%;
  height: 100%;
  padding: 10px 10px 24px;
  overflow: auto;
  background: #f7f7fb;
}

html.sf-google-docs-embed #sf-editor-root > .sf-link:first-child {
  display: none;
}

html.sf-google-docs-embed .sf-row-between {
  margin: 2px 0 9px;
}

html.sf-google-docs-embed .sf-row-between h2 {
  font-size: 15px;
  line-height: 1.25;
}

html.sf-google-docs-embed .sf-hint-box,
html.sf-google-docs-embed .sf-wizard-banner {
  font-size: 11.5px;
  margin-bottom: 9px;
}

html.sf-google-docs-embed .sf-editor-grid,
html.sf-google-docs-embed .sf-status-grid {
  display: grid;
  grid-template-columns: 1fr !important;
  gap: 10px;
}

html.sf-google-docs-embed .sf-panel {
  border-radius: 10px;
  padding: 11px;
  box-shadow: 0 1px 2px rgba(16,24,40,0.05);
}

html.sf-google-docs-embed .sf-panel h3 {
  font-size: 13px;
  margin-top: 0;
}

html.sf-google-docs-embed .sf-pdf-area {
  max-width: 100%;
  overflow: auto;
  padding: 8px;
  -webkit-overflow-scrolling: touch;
}

html.sf-google-docs-embed .sf-page {
  margin-left: 0;
  margin-right: 0;
}

html.sf-google-docs-embed .sf-modal-backdrop {
  align-items: flex-start;
  padding: 12px 8px;
  overflow-y: auto;
}

html.sf-google-docs-embed .sf-modal {
  width: calc(100vw - 16px);
  max-width: 420px;
  margin: 0 auto;
  padding: 16px;
}

html.sf-google-docs-embed .sf-sig-canvas {
  width: 100%;
  max-width: 100%;
}

html.sf-google-docs-embed .sf-btn {
  font-size: 12.5px;
}

html.sf-google-docs-embed .sf-progress-pct {
  top: 6px;
  right: 8px;
}
