.platform-integration-status{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-bottom:16px}.platform-integration-status article{display:grid;grid-template-columns:44px 1fr auto;align-items:center;gap:12px;padding:17px;border-left:4px solid #d4a347}.platform-integration-status article.connected{border-left-color:#247c69}.platform-integration-status article>span{display:grid;place-items:center;width:42px;height:42px;border-radius:12px;background:#edf6f3;color:#176253;font-size:18px;font-weight:800}.platform-integration-status small,.platform-integration-status strong,.platform-integration-status p{display:block}.platform-integration-status small{font-size:9px;color:#788783}.platform-integration-status strong{font-size:15px;margin:3px 0}.platform-integration-status p{font-size:9px;color:#60716c;margin:0}.platform-integration-form{display:grid;gap:15px}.platform-provider{padding:21px}.platform-provider-head{display:flex;justify-content:space-between;gap:15px;align-items:flex-start;margin-bottom:18px}.platform-provider-head h2{margin:4px 0 5px;font-size:20px}.platform-provider-head p{margin:0;color:#687873;font-size:10px}.provider-state{padding:6px 9px;border-radius:999px;background:#fff0d8;color:#9a641b;font-size:9px;font-weight:800}.provider-state.ready{background:#e8f4f0;color:#176253}.platform-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:13px}.platform-form-grid label,.platform-templates label{display:grid;gap:6px;font-size:10px;font-weight:700}.platform-form-grid input,.platform-templates input{width:100%;height:40px;border:1px solid #d5dfdc;border-radius:9px;background:#fff;padding:0 11px;font:500 11px Inter,sans-serif}.platform-form-grid label>small{font-size:8px;font-weight:500;color:#7a8884;line-height:1.4}.platform-form-grid .wide{grid-column:1/-1}.platform-secret-tools{display:flex;align-items:flex-end;padding-bottom:10px}.platform-check{display:flex!important;grid-column:1/-1;align-items:flex-start;gap:9px;padding:11px;border-radius:9px;background:#f2f7f5}.platform-check input{width:16px;height:16px}.platform-check strong,.platform-check small{display:block}.platform-check small{margin-top:3px}.webhook-copy{display:flex;align-items:center;gap:12px;margin:16px 0;padding:12px 13px;border-radius:10px;background:#f2f6f4}.webhook-copy>div{min-width:0;flex:1}.webhook-copy small,.webhook-copy code{display:block}.webhook-copy small{font-size:8px;color:#74827e;margin-bottom:4px}.webhook-copy code{overflow:hidden;text-overflow:ellipsis;color:#174f45;font-size:10px}.platform-templates{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;border:1px solid #e0e6e4;border-radius:11px;padding:15px}.platform-templates legend{padding:0 7px;color:#5e706b;font-size:9px;font-weight:800}.platform-savebar{position:sticky;bottom:12px;z-index:4;display:flex;align-items:center;justify-content:space-between;gap:18px;padding:15px 18px;border:1px solid #cddbd7;border-radius:12px;background:rgba(248,251,250,.96);box-shadow:0 10px 30px rgba(30,65,57,.13);backdrop-filter:blur(12px)}.platform-savebar strong,.platform-savebar small{display:block}.platform-savebar strong{font-size:11px}.platform-savebar small{font-size:9px;color:#6c7c78;margin-top:3px}.platform-savebar p{margin:5px 0 0;color:#b14f43;font-size:9px}
@media(max-width:800px){.platform-integration-status{grid-template-columns:1fr}.platform-integration-status article{grid-template-columns:42px 1fr}.platform-integration-status article button{grid-column:1/-1}.platform-form-grid,.platform-templates{grid-template-columns:1fr}.platform-form-grid .wide{grid-column:auto}.platform-savebar{align-items:flex-start;flex-direction:column}.platform-savebar button{width:100%}}