/* Discord verbinden */
.dc-logo { vertical-align: -3px; }
.dc-btn { background: #5865f2; color: #fff !important; border: 0; gap: 8px; box-shadow: 0 6px 20px rgba(88, 101, 242, .35); }
.dc-btn:hover { background: #4752c4; filter: none; }
.dc-card { display: flex; align-items: center; gap: 14px; padding: 12px 14px; border-radius: 14px; background: linear-gradient(135deg, rgba(88, 101, 242, .16), rgba(88, 101, 242, .05)); border: 1px solid rgba(88, 101, 242, .4); min-width: 0; }
.dc-av { width: 52px; height: 52px; border-radius: 50%; flex: none; object-fit: cover; box-shadow: 0 0 0 2px rgba(88, 101, 242, .6); }
.dc-av-ph { display: grid; place-items: center; background: #5865f2; color: #fff; }
.dc-av-ph .dc-logo { width: 26px; height: 26px; }
.dc-who { flex: 1; min-width: 0; display: flex; flex-direction: column; }
.dc-name { font-weight: 800; color: var(--text); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.dc-user { font-size: .85rem; color: var(--muted); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.dc-ok { font-size: .72rem; font-weight: 700; color: var(--success); margin-left: 4px; }
.dc-vis { margin: 6px 0 0; font-size: .85rem; }
.dc-btns { display: flex; gap: 6px; flex-wrap: wrap; }
.dc-side h3 .dc-logo { color: #8b95ff; width: 15px; height: 15px; }
.dc-card-link { text-decoration: none; transition: transform .15s, border-color .15s; }
.dc-card-link:hover { transform: translateY(-1px); border-color: #5865f2; }
.dc-card-link .dc-av { width: 44px; height: 44px; }
.dc-go { color: #8b95ff; font-weight: 800; }
.dc-steps { margin: 0 0 16px; padding-left: 20px; line-height: 1.7; }
.dc-copy { display: inline-block; margin-top: 4px; padding: 4px 10px; border-radius: 8px; background: rgba(255,255,255,.06); user-select: all; word-break: break-all; }
@media (max-width: 560px) { .dc-card { flex-wrap: wrap; } .dc-btns { width: 100%; } }

/* 1.0.1: im Kasten „Social“ */
.dc-net { display: flex; align-items: center; gap: 5px; font-size: .68rem; font-weight: 800; letter-spacing: .08em; text-transform: uppercase; color: #8b95ff; }
.dc-net svg { width: 12px; height: 12px; }
.social-label .dc-logo { color: #8b95ff; }
