.zs-discord-centre { box-sizing: border-box; margin-bottom: 20px; border: 1px solid rgba(169,137,83,.17); border-radius: 4px; background: #221e20; color: #c9c3b8; box-shadow: 0 5px 14px rgba(0,0,0,.16); overflow: hidden; font: 12px/1.5 Arial,sans-serif; }
.zs-discord-centre * { box-sizing: border-box; }
.zs-discord-centre .zs-dc-heading { display: flex; align-items: center; gap: 11px; margin: 0; padding: 12px 18px; background: linear-gradient(110deg,#2b282b,#252326 74%); border-bottom: 1px solid rgba(181,154,104,.17); color: #dedad2; font: 600 13px/20px Arial,sans-serif; letter-spacing: 1.25px; }
.zs-discord-centre .zs-dc-heading i { width: 20px; text-align: center; font-size: 15px; color: #b59a68; }
.zs-discord-centre .zs-dc-body { padding: 14px; }
.zs-discord-centre .zs-dc-identity { display: flex; align-items: center; gap: 10px; margin-bottom: 14px; min-width: 0; }
.zs-discord-centre .zs-dc-identity > div { min-width: 0; }
.zs-discord-centre .zs-dc-sigil { width: 35px; height: 38px; flex-shrink: 0; display: flex; align-items: center; justify-content: center; background: #302b24; border: 1px solid #7e6846; border-radius: 3px; color: #ddc18d; font: italic 19px Georgia,serif; }
.zs-discord-centre .zs-dc-name { display: block; color: #e0d8ca; font-size: 13px; overflow-wrap: anywhere; }
.zs-discord-centre .zs-dc-summary { margin: 3px 0 0; font-size: 10px; color: #a99d8c; }
.zs-discord-centre .zs-dc-summary.loaded { color: #a6c489; }
.zs-discord-centre .zs-dc-summary.loaded::before { content: ''; display: inline-block; width: 5px; height: 5px; border-radius: 50%; margin: 0 5px 1px 0; background: #99bc7c; }
.zs-discord-centre .zs-dc-tabs { display: grid; grid-template-columns: 1fr 1fr; border-bottom: 1px solid #5a4f3e; margin-bottom: 6px; }
.zs-discord-centre .zs-dc-tabs button { min-width: 0; min-height: 34px; padding: 8px 3px; font: 11px/18px Arial,sans-serif; border: 0; border-bottom: 2px solid transparent; background: transparent; color: #a99f90; cursor: pointer; }
.zs-discord-centre .zs-dc-tabs button[aria-selected="true"] { color: #dedad2; border-bottom-color: #b59a68; }
.zs-discord-centre .zs-dc-view { height: 205px; }
.zs-discord-centre [role="tabpanel"] { height: 100%; overflow-y: auto; overscroll-behavior: contain; scrollbar-width: thin; scrollbar-color: #5b5041 #221e20; }
.zs-discord-centre [hidden] { display: none !important; }
.zs-discord-centre ul { margin: 0; padding: 0; list-style: none; }
.zs-discord-centre .zs-dc-members li,.zs-discord-centre .zs-dc-channels li { display: flex; align-items: center; gap: 9px; min-height: 38px; padding: 5px 3px; margin: 0; list-style: none; border: 0; border-bottom: 1px solid rgba(176,152,111,.075); background: transparent; box-shadow: none; }
.zs-discord-centre li::before { content: none; }
.zs-discord-centre .zs-dc-avatar { width: 24px; height: 24px; flex: 0 0 24px; border-radius: 50%; background: #494035; display: inline-flex; justify-content: center; align-items: center; color: #e2d4be; font-size: 9px; overflow: hidden; }
.zs-discord-centre .zs-dc-avatar img { width: 24px; height: 24px; display: block; object-fit: cover; }
.zs-discord-centre .zs-dc-username { min-width: 0; flex: 1; font-size: 11px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.zs-discord-centre .zs-dc-dot { flex: 0 0 6px; width: 6px; height: 6px; border-radius: 50%; background: #99bc7c; margin-right: 3px; }
.zs-discord-centre .zs-dc-dot.idle { background: #bfaa6c; }
.zs-discord-centre .zs-dc-dot.dnd { background: #bf8279; }
.zs-discord-centre .zs-dc-dot.offline { background: #8c8581; }
.zs-discord-centre .zs-dc-channels i { width: 15px; flex-shrink: 0; color: #a89778; }
.zs-discord-centre .zs-dc-channels span { overflow-wrap: anywhere; }
.zs-discord-centre .zs-dc-members-note,.zs-discord-centre .zs-dc-channels-note,.zs-discord-centre .zs-dc-error { font-size: 10px; color: #a79c8c; margin: 10px 3px 0; }
.zs-discord-centre .zs-dc-error { color: #c7b49b; }
.zs-discord-centre .zs-dc-join { display: flex; align-items: center; justify-content: center; gap: 10px; min-height: 39px; margin-top: 16px; padding: 9px; border: 1px solid rgba(119,114,151,.4); border-radius: 3px; background: linear-gradient(110deg,#39384e,#302f40); color: #deddf0; font: 600 11px/1.5 Arial,sans-serif; text-decoration: none; transition: background .18s,box-shadow .18s,border-color .18s; }
.zs-discord-centre .zs-dc-join i { font-size: 10px; transition: transform .18s; }
.zs-discord-centre .zs-dc-join:hover,.zs-discord-centre .zs-dc-join:focus-visible { background: #46425e; border-color: #9085ba; box-shadow: 0 0 10px rgba(128,112,182,.17); color: #f1edff; text-decoration: none; }
.zs-discord-centre .zs-dc-join:hover i,.zs-discord-centre .zs-dc-join:focus-visible i { transform: translateX(3px); }
.zs-discord-centre a:focus-visible,.zs-discord-centre button:focus-visible,.zs-discord-centre [role="tabpanel"]:focus-visible { outline: 1px solid #aba0d5; outline-offset: -1px; }
@media (pointer: coarse) { .zs-discord-centre .zs-dc-tabs button,.zs-discord-centre .zs-dc-join { min-height: 44px; } }
@media (prefers-reduced-motion: reduce) { .zs-discord-centre .zs-dc-join,.zs-discord-centre .zs-dc-join i { transition: none; } .zs-discord-centre .zs-dc-join:hover i { transform: none; } }