.suite-connection-badge.syncing{background:#eaf3ff;color:#1268c5}.suite-connection-modal{position:fixed;inset:0;z-index:1400;display:grid;place-items:center;padding:22px;background:#10213a80}.suite-connection-modal>section{width:min(760px,100%);max-height:min(760px,calc(100vh - 44px));overflow:auto;padding:24px;border-radius:18px;background:#fff;box-shadow:0 24px 70px #10233a66}.suite-connection-modal header{display:flex;justify-content:space-between;gap:16px;align-items:start}.suite-connection-modal h2{margin:3px 0 0;color:#142344}.connection-status{display:flex;flex-direction:column;gap:4px;margin:18px 0;padding:14px 16px;border-radius:11px;background:#e8f8ee;color:#257b4b}.connection-status.offline{background:#fff0f0;color:#bd3547}.connection-status.syncing{background:#eaf3ff;color:#1268c5}.connection-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.connection-grid>div{display:grid;gap:4px;padding:13px;border-radius:10px;background:#f6f9fd}.connection-grid small,.connection-grid span{color:#657890;font-size:.78rem}.connection-grid b{color:#152544;overflow-wrap:anywhere}.connection-error{margin-top:14px;background:#fff0f0;color:#bd3547}.connection-movements{margin-top:20px;padding-top:18px;border-top:1px solid #dce6f2}.connection-movements .section-title{margin-bottom:6px}@media(max-width:650px){.suite-connection-modal{padding:12px}.suite-connection-modal>section{padding:18px}.connection-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}