/* Integrations & API pages (/admin/integrations/*). Loaded on every page; selectors are int-* only. */
.int-tabs { margin-bottom: 1rem; flex-wrap: wrap; }
.int-copy { display: flex; gap: .5rem; align-items: stretch; max-width: 52rem; }
.int-copy input { flex: 1; min-width: 0; font-family: Consolas, 'Cascadia Mono', monospace; font-size: .85rem; padding: .45rem .6rem; border: 1px solid var(--line); border-radius: var(--radius); background: var(--surface-2); color: var(--ink); }
.int-label { display: block; font-weight: 600; margin: .9rem 0 .3rem; }
.int-pre { background: var(--surface-2); border: 1px solid var(--line); border-radius: var(--radius); padding: .75rem .9rem; overflow-x: auto; font-size: .8rem; line-height: 1.45; white-space: pre; max-width: 100%; }
.int-secret .flash { margin-bottom: .5rem; }
.int-row { display: flex; flex-wrap: wrap; gap: .6rem; align-items: center; margin-top: .75rem; }
.int-row form { margin: 0; }
.int-actions { display: grid; gap: .6rem; }
.int-actions form { margin: 0; display: flex; flex-wrap: wrap; align-items: center; gap: .6rem; }
.int-cards { display: grid; grid-template-columns: repeat(auto-fill, minmax(18rem, 1fr)); gap: 1rem; }
.int-card { border: 1px solid var(--line); border-radius: var(--radius); padding: 1rem; background: var(--surface-2); }
.int-card h3 { margin: 0 0 .3rem; font-size: 1rem; }
.int-break { word-break: break-all; }
.int-docs table { margin-bottom: 1rem; }
.int-docs h2 { margin-top: 1.6rem; }
.int-copied { border-color: var(--ok) !important; }