/* Integrations: the developer guide (/developers), the BI data feed panel and the SCIM settings of an organisation. */

/* Developer guide */
.devdocs { display: grid; grid-template-columns: 200px minmax(0, 1fr); gap: 28px; align-items: start; max-width: 1100px; margin: 0 auto 40px; }
.devdocs__toc { position: sticky; top: 12px; display: flex; flex-direction: column; gap: 6px; font-size: 14px; }
.devdocs__toc a { color: var(--muted); text-decoration: none; padding: 4px 8px; border-radius: 8px; }
.devdocs__toc a:hover, .devdocs__toc a:focus-visible { color: var(--brand-ink); background: color-mix(in srgb, var(--brand) 8%, transparent); }
.devdocs__body { min-width: 0; display: grid; gap: 30px; }
.devdocs__section { scroll-margin-top: 16px; display: grid; gap: 10px; }
.devdocs__section h2 { font-size: 22px; font-weight: 800; margin: 0; }
.devdocs__section h3 { font-size: 16px; font-weight: 700; margin: 8px 0 0; }
.devdocs__section p, .devdocs__section li { color: var(--ink); line-height: 1.55; }
.devdocs__steps { display: grid; gap: 8px; padding-left: 20px; margin: 0; }
.devdocs__section code { overflow-wrap: anywhere; }

.devcode { margin: 6px 0 0; padding: 12px 14px; border: 1px solid var(--line); border-radius: 10px; background: var(--bg); overflow-x: auto; font-size: 13px; line-height: 1.5; }
.devcode code { white-space: pre; overflow-wrap: normal; }

/* API reference */
.devref__tag { margin-top: 18px !important; padding-bottom: 6px; border-bottom: 1px solid var(--line); }
.devop { display: grid; gap: 6px; padding: 12px 0; border-bottom: 1px dashed var(--line); scroll-margin-top: 16px; }
.devop__head { display: flex; flex-wrap: wrap; align-items: center; gap: 8px; }
.devop__path { font-size: 14px; overflow-wrap: anywhere; }
.devop__text { margin: 0; color: var(--muted) !important; font-size: 14px; }
.devop__method { min-width: 58px; text-align: center; padding: 2px 8px; border-radius: 6px; font-size: 12px; font-weight: 700; letter-spacing: .03em;
    color: var(--brand-700); background: color-mix(in srgb, var(--brand) 12%, transparent); }
:root[data-theme="dark"] .devop__method--get { color: var(--brand-ink); }
.devop__method--post, .devop__method--put, .devop__method--patch { color: var(--ink); background: color-mix(in srgb, var(--brand) 24%, transparent); }
.devop__method--delete { color: var(--ink); background: color-mix(in srgb, var(--muted) 22%, transparent); }
.devop__params td, .devop__params th { font-size: 13px; vertical-align: top; }

/* BI data feed panel */
.devfeed { display: grid; gap: 10px; padding: 14px; }
.devfeed__h { font-size: 15px; font-weight: 700; margin: 4px 0 0; }
.devfeed__links { white-space: nowrap; }
.devfeed__secret p { margin: 0 0 6px; }
.devfeed__url { display: block; overflow-wrap: anywhere; font-size: 13px; }

/* SCIM settings in the organisation's single sign-on tab */
.devscim { display: grid; gap: 10px; margin-top: 22px; padding-top: 18px; border-top: 1px solid var(--line); }

@media (max-width: 860px) {
    .devdocs { grid-template-columns: minmax(0, 1fr); gap: 16px; }
    .devdocs__toc { position: static; flex-direction: row; flex-wrap: wrap; }
}