/* API client page shell. The app itself is styled by api-client-app.css inside its shadow root. */

.tool-widget[data-tool="api-client"] { padding: 0; overflow: hidden; border: 0; background: none; }
.tool-widget[data-tool="api-client"] .tool-output { display: none; }

#apiClient {
  display: block;
  height: calc(100dvh - 120px);
  min-height: 600px;
  visibility: hidden;
}
#apiClient.ready { visibility: visible; }

html.ac-fs .site-header,
html.ac-fs .breadcrumb,
html.ac-fs .tool-header,
html.ac-fs .reading-progress,
html.ac-fs .site-footer,
html.ac-fs footer,
html.ac-fs .back-to-top,
html.ac-fs #toolHistory,
html.ac-fs .tool-howto,
html.ac-fs .tool-explainer,
html.ac-fs .tool-disclaimer-line,
html.ac-fs .tools-cta,
html.ac-fs .tool-related,
html.ac-fs .tool-guide-link {
  display: none !important;
}

html.ac-fs,
html.ac-fs body { overflow: hidden; overscroll-behavior: none; }
html.ac-fs main { padding: 0 !important; }
html.ac-fs .tool-widget[data-tool="api-client"] {
  position: fixed;
  inset: 0;
  z-index: 200;
  height: 100dvh;
  margin: 0;
  border: 0;
  border-radius: 0;
  background-color: var(--surface);
}
html.ac-fs #apiClient { height: 100dvh; min-height: 0; }

@media (max-width: 760px) {
  #apiClient { height: calc(100dvh - 72px); min-height: 520px; }
}