/* SC.2.1: la nueva sección sustituye el bloque Telegram antiguo solo si el endpoint confirma acceso. */
[data-sc21-links-nav][hidden], [data-sc21-links-pane][hidden], [data-sc21-qr-overlay][hidden]{display:none!important}
html[data-sc21-links-available="yes"] .sc21-replaced-legacy-telegram{display:none!important}
.sc21-links-pane{max-width:100%;min-width:0}
.sc21-links-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:18px}
.sc21-links-heading h2{margin:.35rem 0;font-size:clamp(1.5rem,3vw,2rem)}
.sc21-link-card{display:flex;align-items:center;justify-content:space-between;gap:22px;padding:26px!important;flex-wrap:wrap}
.sc21-link-identity{display:flex;align-items:center;gap:18px;min-width:220px;flex:1}
.sc21-link-icon{width:48px;height:48px;display:grid;place-items:center;font-size:26px;border-radius:13px;color:#16120b;background:#dbad55;flex-shrink:0}
.sc21-link-identity h3{margin:.35rem 0;font-size:1.27rem}
.sc21-link-identity .portal-muted{max-width:450px}
.sc21-link-actions{display:flex;gap:10px;flex-wrap:wrap;justify-content:flex-end;align-items:center}
.sc21-link-actions .portal-btn{min-height:44px;white-space:nowrap}
.sc21-link-status{width:100%;margin:0;font-size:.85rem;color:#dda9a0}
.sc21-link-status:empty{display:none}
.sc21-qr-overlay{position:fixed;inset:0;z-index:99999;display:flex;align-items:center;justify-content:center;padding:16px}
.sc21-qr-backdrop{position:absolute;inset:0;background:rgba(0,0,0,.78);backdrop-filter:blur(6px)}
.sc21-qr-dialog{position:relative;width:min(100%,440px);max-height:min(92dvh,750px);overflow:auto;text-align:center;padding:28px!important;box-shadow:0 25px 70px rgba(0,0,0,.55)}
.sc21-qr-dialog .portal-kicker{text-align:center}
.sc21-qr-dialog h2{margin:8px 0 10px;font-size:1.5rem}
.sc21-qr-dialog .portal-muted{line-height:1.55}
.sc21-close{position:absolute;right:15px;top:10px;width:38px;height:38px;border:1px solid #6667;border-radius:10px;color:inherit;background:#222;cursor:pointer;font-size:24px}
.sc21-qr-canvas{margin:18px auto 12px;display:grid;place-items:center;max-width:270px;aspect-ratio:1}
.sc21-qr-canvas svg{display:block;width:min(100%,270px);height:auto;padding:9px;border-radius:12px;background:white}
.sc21-qr-status{font-size:.83rem;color:#c2bdb4;min-height:18px}
.sc21-modal-done{margin:12px auto 0;min-height:44px}
body.sc21-modal-open{overflow:hidden}
@media(max-width:900px){.sc21-link-card{padding:19px!important}.sc21-links-heading .feature-count{display:none}.sc21-link-identity{min-width:0;align-items:flex-start}.sc21-link-actions{width:100%;justify-content:flex-start}.sc21-link-actions .portal-btn{flex:1;min-width:130px}.bottom-nav.member-bottom-nav{overflow-x:auto;scrollbar-width:none}.bottom-nav.member-bottom-nav::-webkit-scrollbar{display:none}}
@media(max-width:420px){.sc21-link-actions{flex-direction:column}.sc21-link-actions .portal-btn{width:100%}.sc21-qr-dialog{padding:20px!important}.sc21-link-icon{width:42px;height:42px}}
