.integration-header{border-radius:14px;background:linear-gradient(115deg,var(--tone-surface-deep,#18213b),var(--tone-surface-deep,#233559));color:#ffffff;padding:30px;display:flex;justify-content:space-between;gap:25px;align-items:flex-start;margin-bottom:20px}.integration-header h2{font-size:25px;letter-spacing:-.5px;max-width:600px;margin:4px 0 12px}.integration-header p{color:var(--tone-blue-text,#b0bfd8);font-size:13px;max-width:620px;line-height:1.8}.integration-header .btn{background:var(--tone-surface-2,#ffffff13);border-color:var(--tone-line,#ffffff30);color:var(--tone-text-muted,#e0e8ff);white-space:nowrap}.integration-stats{display:flex;gap:25px;font-size:12px;color:var(--tone-blue-text,#a9bad9);margin-top:22px;flex-wrap:wrap}.integration-stats b{font-size:22px;color:#ffffff;margin-right:5px;font-weight:550}.integration-tabs{display:flex;gap:5px;flex-wrap:wrap;margin:22px 0}.integration-tabs button{border:1px solid transparent;border-radius:7px;background:transparent;color:var(--tone-text-muted,#7c8ca8);padding:9px 12px;font-size:12px;cursor:pointer}.integration-tabs button:hover{background:var(--tone-surface-2,#eef2fa)}.integration-tabs button.active{background:var(--tone-blue-soft,#e9edff);color:var(--tone-blue-text,#596edf);border-color:var(--tone-line,#dce2fb)}.integration-card{display:flex;flex-direction:column}.integration-card .card-bottom{margin-top:auto;padding-top:15px}.integration-card p{margin-bottom:24px}.integration-card-top{display:flex;justify-content:space-between;gap:10px;margin-bottom:22px;align-items:center}.integration-logo{width:44px;height:44px;border-radius:12px;background:var(--tone-blue-soft,#eff2fc);color:var(--tone-blue-text,#6675b6);font:700 16px ui-monospace,monospace;display:grid;place-items:center}.integration-logo.kind-onec{background:var(--tone-amber-soft,#fff2d7);color:var(--tone-amber-text,#cc8633)}.integration-logo.kind-yookassa{background:var(--tone-blue-soft,#edf1ff);color:var(--tone-blue-text,#3b58c5)}.integration-logo.kind-postgresql{background:var(--tone-blue-soft,#e5f0fa);color:var(--tone-blue-text,#4a80ad)}.integration-logo.kind-mysql{background:var(--tone-green-soft,#e8f4f3);color:var(--tone-green-text,#398c86)}.integration-category{color:var(--tone-text-muted,#98a3b7);font-size:10px;text-transform:uppercase;letter-spacing:.8px;margin-bottom:10px}.integration-id{font-size:10px;color:var(--tone-text-muted,#96a1b7);display:block;overflow-wrap:anywhere;margin:12px 0}.integration-json{font-family:ui-monospace,monospace!important;font-size:12px!important;line-height:1.6;min-height:155px}.integration-empty{padding:35px 20px;color:var(--tone-text-muted,#8b9ab3);font-size:13px;text-align:center;border:1px dashed var(--tone-line,#dbe3f2);border-radius:10px;line-height:1.8}.integration-check{display:flex;gap:10px;font-size:12px;line-height:1.7;color:var(--tone-text-muted,#7887a3);align-items:flex-start}.integration-check input{width:auto;margin-top:4px}.omni-state.succeeded{background:var(--tone-green-soft,#e9f6f0);color:var(--tone-green-text,#368569)}.omni-node.integration{border-left:5px solid var(--tone-line,#77b6b0)}.integration-scopes{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:16px 0}.integration-scopes label{display:flex;gap:8px;font-size:12px;color:var(--tone-text-muted,#7283a2)}.integration-scopes input{width:auto}.developers-page{max-width:1000px;margin:0 auto;padding:50px 25px}.developers-page h1{font-size:38px;margin:18px 0}.developers-page p{font-size:14px;line-height:1.9;color:var(--tone-text-muted,#7586a2)}.developers-page .omni-panel{margin:22px 0}.developers-endpoint{display:block;border-bottom:1px solid var(--tone-line,#edf0f7);padding:14px 0;overflow-wrap:anywhere;font-size:12px;color:var(--tone-text,#657b9c)}.developers-endpoint b{display:inline-block;min-width:65px;color:var(--tone-blue-text,#5d75d6)}.developers-page a{color:var(--tone-blue-text,#5d75d6)}
@media(max-width:700px){.integration-header{display:block;padding:23px}.integration-header h2{font-size:22px}.integration-header .btn{margin-top:20px}.integration-stats{gap:14px}.integration-tabs{gap:3px}.integration-tabs button{padding:8px;font-size:11px}.integration-scopes{grid-template-columns:1fr}.developers-page h1{font-size:30px}}