.telegram-card{margin-bottom:18px;overflow:hidden}
.telegram-card-head{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;margin-bottom:16px}
.telegram-card-head h3{margin:0 0 5px;color:#102447}.telegram-card-head p{margin:0;color:#647493;line-height:1.5}
.telegram-status{display:inline-flex;align-items:center;gap:7px;flex:0 0 auto;padding:7px 11px;border-radius:999px;background:#eef1f6;color:#5d6b84;font-size:12px;font-weight:800}
.telegram-status::before{content:"";width:8px;height:8px;border-radius:50%;background:#8793a8}
.telegram-status.connected{background:#daf5e9;color:#087456}.telegram-status.connected::before{background:#0a9d70}
.telegram-status.waiting{background:#fff3d8;color:#8a5a06}.telegram-status.waiting::before{background:#d59118}
.telegram-connect-body{display:grid;gap:15px}.telegram-actions{display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.telegram-actions button,.telegram-actions a{min-height:42px;display:inline-flex;align-items:center;justify-content:center;text-decoration:none}
.telegram-waiting{display:grid;grid-template-columns:minmax(180px,240px) 1fr;align-items:center;gap:24px;padding:18px;border:1px solid #e4e9f2;border-radius:14px;background:#f9fbff}
.telegram-qr{width:100%;max-width:240px;aspect-ratio:1;border-radius:12px;background:#fff;padding:10px;border:1px solid #dce4ef}
.telegram-waiting-copy{display:grid;gap:12px}.telegram-waiting-copy h4{margin:0;color:#102447}.telegram-waiting-copy p{margin:0;color:#62728f;line-height:1.55}
.telegram-error{margin:0;padding:10px 12px;border-radius:9px;background:#fff0f0;color:#a33535;font-weight:700}
.telegram-connected-note{display:flex;align-items:flex-start;gap:10px;padding:14px;border-radius:12px;background:#f0fbf7;color:#15634f;line-height:1.5}
.telegram-connected-note::before{content:"✓";display:grid;place-items:center;width:24px;height:24px;flex:0 0 24px;border-radius:50%;background:#c9f0e2;font-weight:900}
@media(max-width:680px){.telegram-card-head{display:grid}.telegram-status{justify-self:start}.telegram-waiting{grid-template-columns:1fr;text-align:center}.telegram-qr{justify-self:center;max-width:220px}.telegram-actions{display:grid;grid-template-columns:1fr}.telegram-actions button,.telegram-actions a{width:100%}}