/*
 * MewUI — mggg only (MGCS-123). Loaded AFTER mewui.css, the shared core that is identical
 * in every site. Rules here are either used only by this site, or deliberately override a
 * shared rule for it. Something two sites need belongs in the core instead.
 */

/* mggg differs from the shared core here on purpose. */
body, html {
    background: var(--mu-background) linear-gradient(135deg, #1f285f 0%, #173834 50%, #1f285f 100%) no-repeat center center fixed;
}

/* ============================================
   TABLES
   ============================================ */
.mu-table {
    width: 100%;
    border-collapse: collapse;
    font-size: 0.9rem;
    background: var(--mu-surface);
    border-radius: var(--mu-radius);
    overflow: hidden;
}

.mu-table th,
.mu-table td {
    padding: 0.75rem 1rem;
    text-align: left;
    border-bottom: 1px solid var(--mu-border-color);
}

.mu-table th {
    background: var(--mu-secondary);
    color: var(--mu-text-bright);
    font-weight: 600;
}

.mu-table tr:hover {
    background: var(--mu-surface-light);
}

.mu-table td a {
    color: var(--mu-primary);
    text-decoration: none;
}

.mu-table td a:hover {
    text-decoration: underline;
}

/* ============================================
   SHOP
   ============================================ */
.mu-shop-balance {
    display: inline-flex;
    align-items: center;
    gap: var(--mu-space-sm);
    background: var(--mu-surface);
    border: 2px solid var(--mu-warning);
    border-radius: var(--mu-border-radius-full);
    padding: var(--mu-space-sm) var(--mu-space-lg);
    color: var(--mu-warning);
    font-size: var(--mu-font-size-lg);
    font-weight: 700;
}

.mu-shop-balance-hoster {
    border-color: var(--mu-primary);
    color: var(--mu-primary);
}

.mu-shop-card {
    transition: transform var(--mu-transition), box-shadow var(--mu-transition);
}

.mu-shop-card:hover {
    transform: translateY(-4px);
    box-shadow: var(--mu-shadow-lg);
}

.mu-shop-card-img {
    height: 160px;
    object-fit: cover;
}

.mu-shop-price {
    font-size: var(--mu-font-size-lg);
    font-weight: 700;
    color: var(--mu-warning);
}

.mu-shop-price-hoster {
    color: var(--mu-primary);
}

.mu-shop-points-card {
    border-color: var(--mu-warning);
}

.mu-shop-card-unavailable {
    opacity: 0.5;
}