.integration-page{max-width:1400px}.sandbox-banner{display:flex;align-items:center;gap:10px;padding:13px 15px;margin-bottom:18px;background:#fff5d8;border:1px solid #e2c366;border-radius:6px;color:#644d0a}.integration-tabs svg,.sandbox-banner svg{width:17px}.integration-tabs{display:flex;gap:2px;border-bottom:1px solid #d7dfdb;overflow-x:auto}.integration-tabs button{white-space:nowrap;border:0;background:transparent;padding:12px;display:flex;align-items:center;gap:7px;color:#66736d}.integration-tabs .selected{color:#164f3f;border-bottom:2px solid #1b6b54}.integration-toolbar{display:flex;gap:10px;margin:16px 0}.integration-toolbar input,.integration-toolbar select{height:40px;border:1px solid #ccd6d1;border-radius:5px;background:white;padding:0 10px}.integration-toolbar input{min-width:280px}.integration-grid{display:grid;grid-template-columns:2fr 1fr;grid-gap:16px;gap:16px}.integration-grid article,.integration-grid aside{background:white;border:1px solid #dce2df;border-radius:7px;padding:20px}.integration-heading{display:flex;align-items:center;gap:12px}.integration-heading>div:nth-child(2){display:grid;grid-gap:3px;gap:3px}.integration-heading small{color:#728079}.integration-heading .status{-webkit-margin-start:auto;margin-inline-start:auto}.integration-grid dl{display:grid;grid-template-columns:repeat(3,1fr);margin:22px 0 0}.integration-grid dl div{display:grid;grid-gap:5px;gap:5px}.integration-grid dt{font-size:12px;color:#748079}.integration-grid dd{margin:0;font-weight:600}.integration-grid aside{display:grid;align-content:start;grid-gap:10px;gap:10px;color:#4f5d57}.pagination{display:flex;justify-content:flex-end;align-items:center;gap:12px;margin-top:16px}.pagination button{border:1px solid #ccd6d1;background:white;border-radius:5px;padding:7px 10px}@media(max-width:800px){.integration-grid{grid-template-columns:1fr}.integration-tabs{max-width:calc(100vw - 40px)}.integration-grid dl{grid-template-columns:1fr}.integration-toolbar input{min-width:0;width:100%}}.integration-auth{display:flex;align-items:flex-end;gap:10px;margin:12px 0}.integration-auth label{display:grid;grid-gap:5px;gap:5px;flex:1 1}.integration-auth input{height:40px;border:1px solid #ccd6d1;border-radius:5px;padding:0 10px}.runtime-table{overflow:auto;background:#fff;border:1px solid #dce2df;border-radius:7px}.runtime-table table{width:100%;border-collapse:collapse}.runtime-table td,.runtime-table th{text-align:start;padding:12px;border-bottom:1px solid #e6ebe8}.runtime-table td:first-child{display:grid}.runtime-table small{color:#728079}.secret-note{display:flex;gap:10px;margin-top:16px;padding:14px;background:#fff;border:1px solid #dce2df;border-radius:7px}.empty{padding:30px;text-align:center;background:#fff;border:1px dashed #ccd6d1}@media(max-width:800px){.integration-auth{align-items:stretch;flex-direction:column}.runtime-table{max-width:calc(100vw - 40px)}}.mutation-panel{margin:12px 0}.mutation-panel form{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));grid-gap:10px;gap:10px;padding:14px;background:#fff;border:1px solid #dce2df;border-radius:7px}.mutation-panel label{display:grid;grid-gap:5px;gap:5px}.mutation-panel input{height:38px;border:1px solid #ccd6d1;border-radius:5px;padding:0 9px}.row-actions{display:flex;gap:8px;margin:8px 0;flex-wrap:wrap}.secret-modal{position:fixed;inset:20% max(20px,calc(50% - 280px)) auto;z-index:50;display:grid;grid-gap:14px;gap:14px;padding:24px;background:#fff;border:2px solid #1b6b54;box-shadow:0 20px 80px #0004}.secret-modal output{overflow-wrap:anywhere;font-family:monospace;padding:10px;background:#f4f7f5}@media(max-width:600px){.secret-modal{inset:10% 14px auto}.mutation-panel form{grid-template-columns:1fr}}