/* ============================================================
   MC STATUS – NETHERVERSE THEME (UPDATED)
   ============================================================ */

/* CARD BASE — FULL WIDTH + DARK THEME */
.mcsmd-card {
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 !important;
    background: rgba(20, 10, 30, 0.95) !important;
    border-radius: 8px !important;
    padding: 20px !important;
    border: 1px solid rgba(180, 108, 255, 0.35) !important;
    box-shadow:
        0 0 12px rgba(180, 108, 255, 0.35),
        0 0 24px rgba(255, 123, 0, 0.25) !important;
    color: #e6dfff !important;
    box-sizing: border-box !important;
}

/* Remove plugin gradients */
.mcsmd-card.online,
.mcsmd-card.offline {
    background: rgba(20, 10, 30, 0.95) !important;
}

/* HEADER — STACKED SO BUTTONS CAN MOVE BELOW */
.mcsmd-header {
    display: block !important;
}

/* LEFT SIDE — ICON + TEXT */
.mcsmd-header-left {
    display: flex;
    align-items: center;
    gap: 14px;
}

/* ICON — SMALL IMAGE INSTEAD OF BIG “S” */
.mcsmd-icon {
    width: 48px !important;
    height: 48px !important;
    border-radius: 8px !important;
    overflow: hidden !important;
    background: none !important;
    flex-shrink: 0;
}



.mcsmd-icon img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

/* TEXT COLORS */
.mcsmd-title,
.mcsmd-ip,
.mcsmd-version,
.mcsmd-players {
    color: #e6dfff !important;
}

/* BUTTON ROW — CENTERED UNDER PLAYER COUNT */
.mcsmd-right {
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    gap: 12px !important;
    margin-top: 14px !important;
}

/* REFRESH BUTTON — CLEAN WHITE ICON, NO CIRCLE */
.mcsmd-refresh {
    background: none !important;
    border: none !important;
    width: auto !important;
    height: auto !important;
    padding: 0 !important;
    cursor: pointer;
}

.mcsmd-refresh::before {
    content: "⟳";
    font-size: 20px;
    color: #ffffff !important;
    position: static !important;
}

/* ONLINE BADGE — NETHERVERSE GLOW + PULSE */
.mcsmd-status.on {
    background: #22c55e !important;
    border-color: #16a34a !important;
    color: #ecfdf5 !important;
    box-shadow:
        0 0 12px rgba(34,197,94,0.8),
        0 0 24px rgba(34,197,94,0.5) !important;
    animation: onlinePulse 1.8s infinite ease-in-out;
}

@keyframes onlinePulse {
    0% { transform: scale(1); }
    50% { transform: scale(1.06); }
    100% { transform: scale(1); }
}

/* OFFLINE BADGE — UNCHANGED, SAME POSITION */
.mcsmd-status.off {
    background: #ef4444 !important;
    border-color: #b91c1c !important;
    color: #fef2f2 !important;
}

/* REMOVE OVAL “SERVER STATUS” BAR */
.mcsmd-body,
.mcsmd-motd,
.mcsmd-banner {
    display: none !important;
}

/* PLAYER LIST — DARK THEME */
.mcsmd-players-box .player {
    background: rgba(40, 20, 60, 0.6) !important;
    border: 1px solid rgba(180, 108, 255, 0.25) !important;
}

.mcsmd-players-box .player:hover {
    background: rgba(60, 30, 90, 0.8) !important;
}

/* PLAYER NAME COLOR */
.player .name {
    color: #e6dfff !important;
}

/* EMPTY MESSAGE — DARK THEME */
.mcsmd-empty-msg {
    background: rgba(20, 10, 30, 0.95) !important;
    border: 1px dashed #22c55e !important;
    color: #bbf7d0 !important;
}

/* OFFLINE MESSAGE — DARK THEME */
.mcsmd-offline-msg {
    background: rgba(40, 10, 10, 0.9) !important;
    border-color: #b91c1c !important;
    color: #fca5a5 !important;
}

/* FOOTER */
.mcsmd-footer {
    color: #9ca3af !important;
}

.mcsmd-footer a {
    color: #b46cff !important;
}


/* ============================================================
   NETHERVERSE FIXES (FULL WIDTH, DARK MODE, ICON, PLAYER NAMES)
   ============================================================ */

/* Fix header width so IP/port doesn't overflow */
.mcsmd-header-left {
    min-width: 0 !important;
    width: 100% !important;
}

/* Replace big S icon with small image */
.mcsmd-icon {
    width: 48px !important;
    height: 48px !important;
    border-radius: 8px !important;
    overflow: hidden !important;
    background: none !important;
    flex-shrink: 0 !important;
}

.mcsmd-icon span {
    display: none !important;
}

/* Dark theme for search + sort */
.mcsmd-player-search-input,
.mcsmd-player-sort {
    background: rgba(20, 10, 30, 0.95) !important;
    color: #e6dfff !important;
    border: 1px solid rgba(180, 108, 255, 0.25) !important;
}

.mcsmd-player-search-input::placeholder {
    color: #a78bfa !important;
}

/* Fix player name overflow */
.player .name {
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    max-width: 100% !important;
}


/* ============================================================
   NETHERVERSE FIXES — PART 2 (Players Card + Missing Styles)
   ============================================================ */

/* Make PLAYERS CARD full width too */
.mcsmcd-card {
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 !important;
    background: rgba(20, 10, 30, 0.95) !important;
    border-radius: 8px !important;
    padding: 20px !important;
    border: 1px solid rgba(180, 108, 255, 0.35) !important;
    box-shadow:
        0 0 12px rgba(180, 108, 255, 0.35),
        0 0 24px rgba(255, 123, 0, 0.25) !important;
    color: #e6dfff !important;
    box-sizing: border-box !important;
}

/* Dark theme for ALL text inside players card */
.mcsmcd-card * {
    color: #e6dfff

.mcsmd-refresh-title {
    background: none !important;
    border: none !important;
    padding: 0 !important;
    width: auto !important;
    height: auto !important;
    box-shadow: none !important;
}

.mcsmd-refresh-title::before {
    content: "⟳";
    font-size: 20px;
    color: #ffffff !important;
}



/* ============================================================
   NETHERVERSE FIXES — PLAYERS CARD (THE MISSING HALF)
   ============================================================ */

/* Make PLAYERS CARD full width */
.mcsmcd-card {
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 !important;
    background: rgba(20, 10, 30, 0.95) !important;
    border-radius: 8px !important;
    padding: 20px !important;
    border: 1px solid rgba(180, 108, 255, 0.35) !important;
    box-shadow:
        0 0 12px rgba(180, 108, 255, 0.35),
        0 0 24px rgba(255, 123, 0, 0.25) !important;
    color: #e6dfff !important;
    box-sizing: border-box !important;
}

/* Dark theme for ALL text inside players card */
.mcsmcd-card * {
    color: #e6dfff !important;
    background: transparent !important;
}

/* Fix search + sort fields */
.mcsmcd-card .mcsmd-player-search-input,
.mcsmcd-card .mcsmd-player-sort {
    background: rgba(20, 10, 30, 0.95) !important;
    color: #e6dfff !important;
    border: 1px solid rgba(180, 108, 255, 0.25) !important;
}

.mcsmcd-card .mcsmd-player-search-input::placeholder {
    color: #a78bfa !important