/* Console styles for module integrations (Business > Integrations), plus the
   public API reference page (/docs/api, <main class="pub-wrap pub-doc api-doc">),
   which loads this file after public.css. Tokens come from the vendored ASL
   design system (--mono, --line-soft, --radius, --muted, --dim, --text). */

/* ---------------------------------------------------------------- console */
.int-page .chip-phi{margin:0}
.int-chips{display:flex;flex-wrap:wrap;gap:.3rem;max-width:34rem}
.int-prefix{font-family:var(--mono);font-size:.82rem;color:#cfe0ff;white-space:nowrap}
.int-hook{display:grid;gap:.15rem;min-width:0}
.int-url{font-family:var(--mono);overflow-wrap:anywhere;word-break:break-all}
.int-actions{gap:.25rem;flex-wrap:nowrap;justify-content:flex-end}
.int-code{margin:0;padding:.8rem 1rem;border:1px solid var(--line-soft);border-radius:12px;background:rgba(4,9,20,.6);font-family:var(--mono);font-size:.8rem;line-height:1.55;color:#cfe0ff;white-space:pre-wrap;overflow-wrap:anywhere;max-height:420px;overflow:auto}

/* Permission picker and event list in the dialogs. */
.int-check{gap:.45rem;align-items:center;cursor:pointer}
.int-check code{font-family:var(--mono)}
.int-scopes-grid{display:grid;gap:.5rem}
.int-scope{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:.4rem 1rem;align-items:center;padding:.55rem .75rem;border:1px solid var(--line-soft);border-radius:12px;background:rgba(4,9,20,.35)}
.int-scope-text{display:grid;gap:.1rem;min-width:0}
.int-scope-boxes{display:flex;flex-wrap:wrap;gap:.4rem 1rem}
.int-events-head{justify-content:space-between}
.int-events-head p{margin:0}
.int-events{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.4rem 1rem}
@media (max-width:640px){
  .int-scope{grid-template-columns:1fr}
  .int-events{grid-template-columns:1fr}
  .int-actions{flex-wrap:wrap;justify-content:flex-start}
}

/* ---------------------------------------------------------------- /docs/api */
.int-connections-grid,.int-connection-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem}
.int-email-receipt{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:.7rem;padding:.8rem 0;border-top:1px solid var(--line-soft)}
.int-email-receipt>div{min-width:0;overflow-wrap:anywhere}
.int-email .int-actions{display:flex;gap:.6rem;flex-wrap:wrap}
.int-email [hidden]{display:none}
@media(max-width:640px){.int-connections-grid,.int-connection-fields{grid-template-columns:1fr}.int-email-receipt{align-items:flex-start}.int-email-receipt>div{flex-basis:100%}}
.api-doc code{font-family:var(--mono);font-size:.86em;padding:.08em .35em;border-radius:6px;background:rgba(76,154,255,.1);color:var(--text);overflow-wrap:anywhere}
.api-doc pre{margin:1rem 0;padding:1rem 1.1rem;border:1px solid var(--line-soft);border-radius:var(--radius);background:rgba(4,9,20,.65);overflow-x:auto;line-height:1.55}
.api-doc pre code{padding:0;background:none;font-size:.84rem;color:#cfe0ff;overflow-wrap:normal;white-space:pre}
.api-doc .pub-table td,.api-doc .pub-table th{font-size:.9rem}
.api-doc .pub-table td{overflow-wrap:anywhere}
.api-doc .pub-table td:first-child{white-space:nowrap}
.api-doc h3{margin-top:1.8rem}
@media (max-width:640px){
  .api-doc .pub-table td:first-child{white-space:normal}
}