/* API explorer page (templates/api/reference.html): a slim CallQA bar above Scalar. */
:root { --bar-bg: #0c1210; --bar-border: #1d3d36; --bar-text: #e2efeb; --bar-muted: #85a29a; }
[data-theme="light"] { --bar-bg: #edf3f1; --bar-border: #d3e1dd; --bar-text: #0f1f1b;
                       --bar-muted: #4a635c; }
html, body { margin: 0; }
body { background: var(--bar-bg); font-family: 'Inter', -apple-system, BlinkMacSystemFont,
       'Segoe UI', sans-serif; }
.apiref-bar { position: sticky; top: 0; z-index: 100; display: flex; align-items: center;
              justify-content: space-between; gap: 16px; padding: 0 20px; height: 48px;
              background: var(--bar-bg); border-bottom: 1px solid var(--bar-border); }
.apiref-logo { display: inline-flex; align-items: center; gap: 8px; color: var(--bar-text);
               text-decoration: none; font-weight: 700; font-size: 14px; }
.apiref-sep { color: var(--bar-muted); font-weight: 400; }
.apiref-title { font-weight: 500; color: var(--bar-muted); }
.apiref-links { display: flex; gap: 4px; align-items: center; }
.apiref-links a { color: var(--bar-muted); text-decoration: none; font-size: 13px;
                  font-weight: 500; padding: 6px 10px; border-radius: 8px; }
.apiref-links a:hover { color: var(--bar-text); background: rgba(94, 234, 212, .08); }
.apiref-links .apiref-btn { font-size: 14px; font-weight: 600; padding: 7px 14px; margin-left: 4px; }
.apiref-links .apiref-app { color: #fff; background: #1d7c70; }
.apiref-links .apiref-app:hover { background: #2aa396; color: #fff; }
.apiref-links .apiref-docs { color: var(--bar-text); border: 1px solid #1d7c70; }
.apiref-links .apiref-docs:hover { color: var(--bar-text); background: rgba(94, 234, 212, .12); }
.apiref-hint { margin: 0; padding: 8px 20px; font-size: 13px; color: var(--bar-muted);
               background: var(--bar-bg); border-bottom: 1px solid var(--bar-border); }
.apiref-hint strong { color: var(--bar-text); }
.apiref-hint a { color: #2aa396; }
.apiref-noscript { color: var(--bar-text); padding: 24px; }
/* Scalar's sticky elements start under the bar */
#callqa-api-reference { --scalar-custom-header-height: 48px; }
@media (max-width: 640px) {
  .apiref-links a:not(.apiref-btn) { display: none; }
  .apiref-title, .apiref-sep { display: none; }
}