/* Zakładki */
.sh-contact-box .sh-tabs {
    display: flex;
    grid-gap: var(--sp-2);
    margin-bottom: var(--sp-4);
}
.sh-contact-box .sh-tab-btn {
    flex: 1;
    text-align: center;
    padding: var(--sp-2);
    background: var(--sh-body-bg);
    border-radius: var(--sp-4);
    cursor: pointer;
    font-size: 13px;
    font-weight: 600;
    transition: 0.2s;
}
.sh-contact-box .sh-tab-btn.active {
    background: var(--sh-link-hover-clr);
    color: #fff;
}

/* Struktura paska i animacji Slidera */
.sh-slider-container {
    position: relative;
    background: var(--sh-body-bg);
    border-radius: var(--sp-4);
    padding: var(--sp-5) 25px;
    margin-bottom: var(--sp-4);
    text-align: center;
}
.sh-slider-viewport {
    overflow: hidden;
    width: 100%;
}
.sh-slider-track {
    display: flex;
    transition: transform 0.4s ease-in-out;
}
.sh-slide {
    flex: 0 0 100%;
    box-sizing: border-box;
    display: block;
}

/* Wygląd wewnątrz (Awatar/Nicki) */
.sh-slide-avatar {
    width: 70px;
    height: 70px;
    border-radius: 50%;
    margin-bottom: var(--sp-2);
}
.sh-slide-name { font-weight: bold; font-size: 16px; }
.sh-slide-rank { font-size: 12px; color: var(--sh-text-light); margin-bottom: var(--sp-3); }
.sh-slide-icons a {
    display: inline-block;
    margin: 0 5px;
    font-size: 18px;
    color: var(--sh-text-light);
    transition: 0.2s;
}
.sh-slide-icons a:hover { color: var(--sh-link-hover-clr); }

/* Strzałki Nawigacyjne */
.sh-slider-arrow {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    cursor: pointer;
    color: var(--sh-text-light);
    transition: 0.2s;
    font-size: 16px;
    z-index: 2;
    padding: 10px 5px;
}
.sh-slider-arrow:hover { color: var(--sh-link-hover-clr); }
.sh-slider-arrow.sh-prev { left: 5px; }
.sh-slider-arrow.sh-next { right: 5px; }

/* Kropki / Pasek Slidera */
.sh-slider-dots {
    display: flex;
    justify-content: center;
    gap: 6px;
    margin-top: 15px;
}
.sh-dot {
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background: var(--sh-area-background-reset);
    cursor: pointer;
    transition: 0.3s ease;
}
.sh-dot.active {
    background: var(--sh-link-hover-clr);
    width: 20px;
    border-radius: 4px;
}

/* Wskaźnik statusu & akcje obok listy */
.sh-avatar-wrap { position: relative; }
.sh-status {
    position: absolute;
    bottom: -2px;
    right: -2px;
    width: 12px;
    height: 12px;
    border-radius: 50%;
    border: 2px solid var(--sh-area-background-reset);
}
.sh-status.online { background-color: #43b581; }
.sh-status.offline { background-color: #747f8d; }

.sh-actions-right {
    margin-left: auto;
    display: flex;
    gap: var(--sp-3);
}
.sh-actions-right a { font-size: 15px; }

/* Tooltip dla Discorda */
.sh-copy-tooltip {
    position: absolute;
    background: #333;
    color: #fff;
    padding: 3px 6px;
    border-radius: 4px;
    font-size: 11px;
    top: -25px;
    left: 50%;
    transform: translateX(-50%);
    white-space: nowrap;
    z-index: 10;
}

.sh-widgets-contact {
    margin-bottom: 25px;
}

/* Pasek postępu (Progress Bar) */
.sh-slider-progress {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 3px;
    background: var(--sh-area-background-reset);
    border-radius: 0 0 var(--sp-4) var(--sp-4);
    overflow: hidden;
}
.sh-slider-progress-fill {
    height: 100%;
    width: 0%;
    background: var(--sh-link-hover-clr);
}