.connection-renewal-summary{border:1px solid var(--border,#dfe6e1);border-radius:14px;background:var(--surface,#fff);padding:22px 24px;margin:0 0 24px}
.connection-renewal-summary>div{display:flex;align-items:center;gap:10px;color:var(--accent,#216b53)}
.connection-renewal-summary>p{margin:10px 0;color:var(--muted,#65716b);line-height:1.65;max-width:950px}
.connection-renewal-summary small,.connection-dates small{display:block;color:var(--muted,#65716b);line-height:1.8}
.connection-state{display:inline-block;border-radius:20px;font-size:12px;font-weight:600;line-height:1.5;padding:5px 10px;background:#f0f3f1;color:#58665d}
.connection-state.automatic{background:#edf7f0;color:#246443}
.connection-state.retrying{background:#fff7e7;color:#80601e}
.connection-state.requires-action{background:#fff0ed;color:#964331}
.connection-renewal-summary.requires-action{border-color:#ead2c9}
.connection-renewal-summary.requires-action>div{color:#964331}
.connection-card>p{line-height:1.65}
.connection-dates{margin:14px 0 20px}
.connection-cards .integration-title h3{overflow-wrap:anywhere}
@media(max-width:640px){.connection-renewal-summary{padding:18px}.connection-card .btn{width:100%}}