/* Integrations and API (in- prefix). */
.in-code { font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace; font-size: 12px; background: #f2f6fa; border: 1px solid #dde6ee; border-radius: 3px; padding: 1px 5px; overflow-wrap: anywhere; }
.in-secret code { display: inline-block; margin-top: 4px; font-size: 13px; }
.erp-chip.in-write { background: #fff4dc; border-color: #f0d79b; color: #8a5a00; }
.in-dot { display: inline-block; width: 9px; height: 9px; border-radius: 50%; background: #9aaabb; vertical-align: middle; margin-right: 4px; }
.in-dot.ok { background: #12a079; } .in-dot.warn { background: #d99a06; } .in-dot.bad { background: #e8632a; } .in-dot.off { background: #c3cdd7; }
.in-scopes { border: 1px solid #e0e7ed; border-radius: 3px; padding: 8px 10px; max-height: 260px; overflow-y: auto; position: relative; display: grid; grid-template-columns: 1fr; gap: 2px; }
.in-scopes legend { font-weight: 700; font-size: 12px; padding: 0 4px; }
dialog.ct-dialog.in-wide { width: min(720px, calc(100vw - 32px)); }
.in-steps { padding-left: 18px; line-height: 1.6; }
.in-steps li { margin-bottom: 6px; }
.in-explorer-out { margin-top: 12px; min-height: 60px; }
.in-explorer-out pre { max-height: 420px; }