.vault-banner{background:linear-gradient(120deg,#173027,#23483a);color:#fff;border-radius:15px;padding:16px 19px;display:flex;align-items:center;justify-content:space-between;margin-bottom:14px}.vault-banner>div{display:flex;align-items:center;gap:12px}.vault-banner strong{font-size:13px}.vault-banner p{font-size:10px;color:#b7c7c0;margin:3px 0}.integration-kpis{display:grid;grid-template-columns:repeat(4,1fr);gap:13px;margin-bottom:14px}.integration-kpis article{background:#fff;border:1px solid var(--line);border-radius:13px;padding:16px}.integration-kpis small{color:var(--muted);font-size:11px}.integration-kpis h2{font:800 24px Manrope;margin:8px 0 2px}.integration-kpis span{font-size:10px;color:var(--muted)}.integration-toolbar{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:14px}.integration-toolbar .search{width:min(360px,100%)}.integration-toolbar .search input{width:100%}#integrationFilters{display:flex;gap:6px;overflow:auto}#integrationFilters button{white-space:nowrap;border:1px solid var(--line);background:#fff;border-radius:8px;padding:8px 11px;font-size:11px}#integrationFilters button.active{background:var(--ink);color:#fff}.production-grid{grid-template-columns:repeat(3,1fr)}.integration{min-height:205px;display:flex;flex-direction:column}.integration h3{margin-bottom:3px}.integration .provider-category{font-size:9px;color:var(--muted);text-transform:uppercase;letter-spacing:.8px}.integration .provider-fields{font-size:10px;color:var(--muted);line-height:1.5;margin:10px 0}.integration footer{margin-top:auto}.integration footer span{font-size:10px}.integration .status.pending{background:#fff1df;color:#ad651d}.integration .status.review{background:#eaf0ff;color:#3159a4}.integration-bottom{display:grid;grid-template-columns:1.15fr .85fr;gap:14px;margin-top:14px}.integration-bottom>.data-panel{padding:17px}.routing-grid{display:grid;grid-template-columns:1fr 1fr;gap:11px;margin:14px 0}.routing-grid label{font-size:10px;font-weight:700}.routing-grid select{width:100%;height:39px;border:1px solid var(--line);border-radius:8px;background:#fff;margin-top:5px;padding:0 9px}.api-event{display:grid;grid-template-columns:9px 1fr auto;gap:9px;align-items:start;padding:11px 3px;border-bottom:1px solid var(--line)}.api-event>span{width:8px;height:8px;background:var(--green);border-radius:50%;margin-top:4px}.api-event.warn>span{background:var(--amber)}.api-event strong{display:block;font-size:10px}.api-event small{font-size:9px;color:var(--muted)}.credential-form{display:grid;gap:11px;margin-top:14px}.credential-form label{font-size:10px;font-weight:700}.credential-form input,.credential-form select{width:100%;height:40px;border:1px solid var(--line);border-radius:8px;padding:0 10px;margin-top:5px;background:#fff}.credential-form .secret-wrap{position:relative}.credential-form .secret-wrap button{position:absolute;right:6px;bottom:6px;height:28px;border:0;background:#f1f3f2;border-radius:6px;font-size:10px}.integration-note{background:#fff7e8;border:1px solid #f1dfbd;color:#7b5a22;border-radius:9px;padding:10px;font-size:10px;line-height:1.45;margin-top:12px}.integration-actions{display:flex;gap:8px;justify-content:flex-end;margin-top:16px}.integration-actions button{height:39px}.custom-field-row{display:grid;grid-template-columns:1fr 1fr;gap:9px}.log-row{display:grid;grid-template-columns:100px 1fr 80px;gap:10px;padding:10px 0;border-bottom:1px solid var(--line);font-size:10px}.log-row code{font-size:9px;color:var(--muted)}
@media(max-width:1180px){.production-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:900px){.integration-kpis{grid-template-columns:1fr 1fr}.integration-bottom{grid-template-columns:1fr}.integration-toolbar{align-items:stretch;flex-direction:column}}@media(max-width:600px){.production-grid,.integration-kpis,.routing-grid,.custom-field-row{grid-template-columns:1fr}.vault-banner{align-items:flex-start;gap:10px;flex-direction:column}.integration-toolbar .search{width:100%}}