:root {
    --mm-bg: #0f192d;
    --mm-card: #121f36;
    --mm-card-2: #172640;
    --mm-line: rgba(255,255,255,.09);
    --mm-text: #f6f8fb;
    --mm-muted: #9eabc0;
    --mm-accent: #19a99a;
    --mm-accent-2: #16877d;
    --mm-pink: #e647a9;
    --mm-shadow: 0 16px 38px rgba(3,10,24,.22);
}

.membermedals-page { color: var(--mm-text); }
.membermedals-page h2, .membermedals-page h3, .membermedals-page p { color: inherit; }
.membermedals-page a { transition: color .2s ease, border-color .2s ease, background .2s ease, transform .2s ease; }

.membermedals-hero {
    display:flex; justify-content:space-between; align-items:flex-end; gap:24px;
    padding:28px 30px; margin:0 0 18px; border:1px solid var(--mm-line); border-radius:16px;
    background:linear-gradient(135deg, rgba(25,169,154,.16), rgba(18,31,54,.95) 48%, rgba(230,71,169,.08));
    box-shadow:var(--mm-shadow);
}
.membermedals-hero h2 { margin:4px 0 8px; font-size:30px; line-height:1.1; }
.membermedals-hero p { margin:0; color:var(--mm-muted); max-width:720px; }
.membermedals-eyebrow,.membermedals-section-kicker { color:var(--mm-accent); font-size:11px; text-transform:uppercase; letter-spacing:.12em; font-weight:800; }

.membermedals-actions-bar { display:flex; flex-wrap:wrap; gap:9px; margin:0; }
.membermedals-action-link { display:inline-flex; align-items:center; justify-content:center; min-height:40px; padding:0 15px; border:1px solid var(--mm-line); border-radius:9px; background:rgba(255,255,255,.04); color:var(--mm-text)!important; text-decoration:none!important; font-weight:700; }
.membermedals-action-link:hover { border-color:rgba(25,169,154,.65); background:rgba(25,169,154,.12); transform:translateY(-1px); }
.membermedals-action-primary { background:var(--mm-accent); border-color:var(--mm-accent); color:#fff!important; }
.membermedals-action-primary:hover { background:var(--mm-accent-2); }

.membermedals-summary-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:14px; margin:0 0 22px; }
.membermedals-summary-card { position:relative; min-height:112px; padding:20px 22px 18px 76px; border:1px solid var(--mm-line); border-radius:14px; background:var(--mm-card); box-shadow:var(--mm-shadow); }
.membermedals-summary-icon { position:absolute; left:20px; top:24px; display:grid; place-items:center; width:42px; height:42px; border-radius:11px; color:#fff; background:rgba(25,169,154,.18); font-size:20px; }
.membermedals-summary-card:nth-child(2) .membermedals-summary-icon { background:rgba(230,71,169,.16); }
.membermedals-summary-label { display:block; color:var(--mm-muted); font-size:12px; text-transform:uppercase; letter-spacing:.04em; }
.membermedals-summary-value { display:block; margin-top:7px; font-size:30px; line-height:1; color:var(--mm-text); }

.membermedals-section-block,.membermedals-dashboard-panel,.membermedals-detail-card,.membermedals-user-header { border:1px solid var(--mm-line)!important; border-radius:16px; background:var(--mm-card)!important; box-shadow:var(--mm-shadow); }
.membermedals-section-block { padding:24px; margin:0 0 22px; }
.membermedals-section-head,.membermedals-panel-head { display:flex; justify-content:space-between; align-items:end; gap:12px; margin:0 0 17px; }
.membermedals-section-head h3,.membermedals-panel-head h3 { margin:3px 0 0; font-size:22px; }

.membermedals-grid { display:grid; grid-template-columns:repeat(auto-fill,minmax(220px,1fr)); gap:15px; margin:0; }
.membermedals-card { position:relative; overflow:hidden; min-width:0; border:1px solid var(--mm-line); border-radius:14px; background:var(--mm-card-2); }
.membermedals-card:before { content:""; position:absolute; inset:0 0 auto; height:3px; background:linear-gradient(90deg,var(--mm-accent),var(--mm-pink)); opacity:.8; }
.membermedals-card:hover { transform:translateY(-3px); border-color:rgba(25,169,154,.45); box-shadow:0 16px 28px rgba(3,10,24,.24); }
.membermedals-card-featured { border-color:rgba(230,71,169,.45); }
.membermedals-card-link { display:flex; flex-direction:column; height:100%; padding:20px; color:inherit!important; text-decoration:none!important; }
.membermedals-image { min-height:108px; display:flex; align-items:center; justify-content:center; margin-bottom:14px; border-radius:12px; background:radial-gradient(circle at center,rgba(25,169,154,.16),transparent 68%); }
.membermedals-image img { max-width:92px; max-height:92px; filter:drop-shadow(0 10px 18px rgba(0,0,0,.24)); }
.membermedals-content { flex:1 1 auto; }
.membermedals-content h3 { margin:0 0 7px; font-size:18px; color:var(--mm-text); }
.membermedals-content p { margin:0; color:var(--mm-muted); line-height:1.5; display:-webkit-box; -webkit-line-clamp:3; -webkit-box-orient:vertical; overflow:hidden; }
.membermedals-meta { display:flex; flex-wrap:wrap; gap:7px; margin-top:14px; }
.membermedals-meta span { display:inline-flex; align-items:center; min-height:28px; padding:4px 9px; border:1px solid var(--mm-line); border-radius:999px; background:rgba(255,255,255,.035); color:var(--mm-muted); font-size:11px; }
.membermedals-card-cta { margin-top:15px; color:var(--mm-accent); font-weight:800; font-size:12px; }

.membermedals-dashboard-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:16px; margin:0 0 22px; }
.membermedals-dashboard-panel { padding:22px; }
.membermedals-dashboard-panel-wide { margin:0 0 22px; }
.membermedals-mini-grid { display:grid; grid-template-columns:1fr; gap:9px; }
.membermedals-mini-card { display:flex; flex-direction:row; align-items:center; gap:12px; min-width:0; padding:11px 12px; border:1px solid var(--mm-line); border-radius:11px; background:var(--mm-card-2); color:inherit!important; text-decoration:none!important; }
.membermedals-mini-card:hover { border-color:rgba(25,169,154,.5); background:#1a2b47; transform:translateX(2px); }
.membermedals-mini-card-image { display:grid; place-items:center; flex:0 0 48px; width:48px; height:48px; border-radius:10px; background:rgba(25,169,154,.11); }
.membermedals-mini-card-image img { max-width:42px; max-height:42px; }
.membermedals-mini-card-copy { min-width:0; display:flex; flex-direction:column; gap:3px; }
.membermedals-mini-card-title { color:var(--mm-text); font-weight:800; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.membermedals-mini-card-meta { color:var(--mm-muted); font-size:11px; }

.membermedals-simple-list { display:flex; flex-direction:column; }
.membermedals-simple-item { display:flex; justify-content:space-between; align-items:center; gap:16px; padding:13px 3px; border-bottom:1px solid var(--mm-line); }
.membermedals-simple-item:last-child { border-bottom:0; }
.membermedals-simple-main { display:flex; flex-wrap:wrap; align-items:center; gap:7px; }
.membermedals-recent-dot { width:8px; height:8px; border-radius:50%; background:var(--mm-accent); box-shadow:0 0 0 5px rgba(25,169,154,.10); }
.membermedals-simple-user { font-weight:800; color:var(--mm-text); }
.membermedals-recent-sep,.membermedals-simple-meta { color:var(--mm-muted); }
.membermedals-recent-medal { color:var(--mm-accent)!important; font-weight:800; text-decoration:none!important; }
.membermedals-simple-meta { font-size:11px; white-space:nowrap; }

.membermedals-detail-card { display:grid; grid-template-columns:130px 1fr; gap:22px; align-items:center; padding:24px; margin:0 0 18px; }
.membermedals-detail-image { min-height:120px; display:grid; place-items:center; border-radius:14px; background:radial-gradient(circle,rgba(25,169,154,.17),transparent 70%); }
.membermedals-detail-image img { max-width:108px; max-height:108px; }
.membermedals-detail-content p { color:var(--mm-muted); }
.membermedals-data-list { display:flex; flex-direction:column; gap:9px; }
.membermedals-data-row { display:flex; align-items:center; justify-content:space-between; gap:14px; padding:12px 13px; border:1px solid var(--mm-line); border-radius:10px; background:var(--mm-card-2); }
.membermedals-data-title { color:var(--mm-text); font-weight:800; }
.membermedals-data-meta { display:flex; flex-wrap:wrap; justify-content:flex-end; gap:8px; color:var(--mm-muted); font-size:11px; }
.membermedals-data-pill { padding:4px 9px; border-radius:999px; background:rgba(25,169,154,.13); color:#74ddd2; font-weight:800; }
.membermedals-empty-state { padding:18px; border:1px dashed var(--mm-line); border-radius:11px; color:var(--mm-muted); background:rgba(255,255,255,.025); }
.membermedals-user-header { margin-bottom:18px; }
.membermedals-user-header .inner { padding:22px!important; }
.membermedals-user-name { margin:0 0 8px; font-size:22px; font-weight:800; color:var(--mm-text); }

.membermedals-fallback-large,.membermedals-fallback { display:none; align-items:center; justify-content:center; border:1px dashed var(--mm-line); border-radius:12px; background:rgba(255,255,255,.03); }
.membermedals-fallback-large { width:92px; height:92px; font-size:42px; }
.membermedals-fallback { width:42px; height:42px; font-size:20px; }
.membermedals-fallback-visible { display:flex; }

.membermedals-list-inline,.membermedals-compact-top,.membermedals-compact-actions,.membermedals-compact-header,.membermedals-miniprofile { display:flex; flex-wrap:wrap; align-items:center; gap:6px; }
.membermedals-item,.membermedals-more,.membermedals-compact-link,.membermedals-compact-count,.membermedals-badge-card { border:1px solid var(--mm-line); background:var(--mm-card-2); color:var(--mm-text)!important; }
.membermedals-item { display:inline-flex; width:24px; height:24px; align-items:center; justify-content:center; }
.membermedals-item img { max-width:20px; max-height:20px; }
.membermedals-more,.membermedals-compact-link,.membermedals-compact-count { display:inline-flex; padding:3px 6px; font-size:11px; text-decoration:none!important; }
.membermedals-compact { margin-top:6px; display:flex; flex-direction:column; gap:6px; }
.membermedals-compact-primary { display:grid; grid-template-columns:repeat(auto-fit,minmax(150px,1fr)); gap:10px; margin:8px 0 10px; }
.membermedals-badge-card { display:flex; align-items:center; gap:8px; padding:8px 10px; border-radius:9px; text-decoration:none!important; }
.membermedals-badge-card-image { display:grid; place-items:center; width:40px; height:40px; flex:0 0 40px; }
.membermedals-badge-card-image img { max-width:36px; max-height:36px; }
.membermedals-badge-card-label,.membermedals-compact-title,.membermedals-compact-label { font-size:11px; font-weight:800; }
.membermedals-footer-link { margin:10px 0 0; text-align:center; }
.membermedals-footer-link a { color:var(--mm-accent)!important; font-weight:800; }

@media (max-width:900px) {
    .membermedals-summary-grid { grid-template-columns:1fr; }
    .membermedals-dashboard-grid { grid-template-columns:1fr; }
    .membermedals-hero { align-items:flex-start; flex-direction:column; }
}
@media (max-width:700px) {
    .membermedals-hero,.membermedals-section-block,.membermedals-dashboard-panel { padding:18px; border-radius:12px; }
    .membermedals-grid { grid-template-columns:1fr; }
    .membermedals-detail-card { grid-template-columns:1fr; text-align:center; }
    .membermedals-detail-card .membermedals-meta { justify-content:center; }
    .membermedals-simple-item,.membermedals-data-row { flex-direction:column; align-items:flex-start; }
    .membermedals-data-meta { justify-content:flex-start; }
    .membermedals-simple-meta { white-space:normal; }
}


/* MundoNovelas: większe medale w profilu posta + prywatny licznik VIP */
.membermedals-miniprofile-row,
.mn-vip-mini-row {
    width: 100%;
}

.membermedals-miniprofile-enhanced {
    position: relative;
    display: block;
    width: 100%;
    margin-top: 9px;
}

.membermedals-preview {
    display: grid;
    grid-template-columns: repeat(3, 42px);
    justify-content: center;
    gap: 8px;
}

.membermedals-miniprofile-enhanced .membermedals-item {
    display: inline-flex;
    width: 42px;
    height: 42px;
    align-items: center;
    justify-content: center;
    border-radius: 11px;
    background: linear-gradient(180deg, rgba(29, 42, 67, .96), rgba(16, 28, 49, .96));
    border: 1px solid rgba(255, 255, 255, .10);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, .04), 0 7px 18px rgba(1, 7, 18, .20);
}

.membermedals-miniprofile-enhanced .membermedals-item img {
    max-width: 36px;
    max-height: 36px;
    width: auto;
    height: auto;
    object-fit: contain;
    filter: drop-shadow(0 5px 8px rgba(0, 0, 0, .30));
}

.membermedals-miniprofile-enhanced .membermedals-item:hover {
    border-color: rgba(25, 169, 154, .60);
    background: linear-gradient(180deg, rgba(32, 54, 78, .98), rgba(18, 34, 56, .98));
    transform: translateY(-1px);
}

.membermedals-drawer {
    position: relative;
    margin-top: 8px;
}

.membermedals-drawer > summary {
    display: flex;
    min-height: 30px;
    align-items: center;
    justify-content: center;
    gap: 6px;
    padding: 5px 8px;
    list-style: none;
    cursor: pointer;
    border: 1px solid rgba(25, 169, 154, .30);
    border-radius: 9px;
    background: rgba(25, 169, 154, .09);
    color: #79ddd3;
    font-size: 10px;
    font-weight: 800;
    line-height: 1.2;
    text-align: center;
}

.membermedals-drawer > summary::-webkit-details-marker {
    display: none;
}

.membermedals-drawer > summary b {
    display: inline-flex;
    min-width: 22px;
    height: 20px;
    align-items: center;
    justify-content: center;
    padding: 0 5px;
    border-radius: 999px;
    background: rgba(230, 71, 169, .16);
    color: #ff8fd2;
    font-size: 10px;
}

.membermedals-drawer-close {
    display: none;
}

.membermedals-drawer[open] .membermedals-drawer-open {
    display: none;
}

.membermedals-drawer[open] .membermedals-drawer-close {
    display: inline;
}

.membermedals-drawer-panel {
    position: absolute;
    z-index: 80;
    inset-inline-start: 50%;
    top: calc(100% + 7px);
    width: min(270px, calc(100vw - 34px));
    max-height: 300px;
    overflow: auto;
    padding: 12px;
    border: 1px solid rgba(255, 255, 255, .12);
    border-radius: 13px;
    background: linear-gradient(180deg, #13213a, #0c1729);
    box-shadow: 0 22px 55px rgba(0, 0, 0, .52);
    transform: translateX(-50%);
}

.membermedals-drawer-title {
    margin-bottom: 10px;
    color: #eef4fb;
    font-size: 11px;
    font-weight: 900;
    text-align: center;
}

.membermedals-drawer-grid {
    display: grid;
    grid-template-columns: repeat(4, 42px);
    justify-content: center;
    gap: 8px;
}

.mn-vip-mini-row {
    margin-top: 10px;
}

.mn-vip-mini {
    width: 100%;
    padding: 10px;
    border: 1px solid rgba(143, 89, 238, .30);
    border-radius: 11px;
    background:
        radial-gradient(circle at 100% 0, rgba(225, 59, 173, .12), transparent 42%),
        linear-gradient(180deg, rgba(21, 29, 51, .98), rgba(12, 20, 37, .98));
    color: #eef2fb;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, .035);
}

.mn-vip-mini-kicker {
    display: block;
    margin-bottom: 5px;
    color: #d58bff;
    font-size: 9px;
    font-weight: 900;
    letter-spacing: .08em;
    text-transform: uppercase;
}

.mn-vip-mini > strong {
    display: block;
    color: #fff;
    font-size: 12px;
    line-height: 1.25;
}

.mn-vip-mini > span:not(.mn-vip-mini-kicker):not(.mn-vip-mini-status) {
    display: block;
    margin-top: 4px;
    color: #aeb9ce;
    font-size: 10px;
    line-height: 1.35;
}

.mn-vip-mini a {
    display: flex;
    min-height: 29px;
    align-items: center;
    justify-content: center;
    margin-top: 8px;
    border: 1px solid rgba(25, 169, 154, .34);
    border-radius: 8px;
    background: rgba(25, 169, 154, .10);
    color: #78ddd2 !important;
    font-size: 10px;
    font-weight: 850;
    text-decoration: none !important;
}

.mn-vip-mini-count {
    display: flex;
    align-items: baseline;
    gap: 4px;
}

.mn-vip-mini-count strong {
    color: #fff;
    font-size: 21px;
    line-height: 1;
}

.mn-vip-mini-count span {
    color: #aeb9ce;
    font-size: 10px;
    font-weight: 700;
}

.mn-vip-mini-progress {
    height: 7px;
    margin-top: 8px;
    overflow: hidden;
    border-radius: 999px;
    background: rgba(255, 255, 255, .08);
}

.mn-vip-mini-progress span {
    display: block;
    height: 100%;
    min-width: 2px;
    border-radius: inherit;
    background: linear-gradient(90deg, #a04be8, #e441ac, #18b7b0);
}

.mn-vip-mini-bottom {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 6px;
    margin-top: 7px;
}

.mn-vip-mini-bottom small {
    color: #8f9db4;
    font-size: 9px;
    font-weight: 800;
}

.mn-vip-mini-status {
    color: #ffc15a;
    font-size: 9px;
    font-weight: 900;
}

.mn-vip-mini-status.is-done,
.mn-vip-mini.is-done .mn-vip-mini-status {
    color: #62df94;
}

.mn-vip-mini-staff {
    border-color: rgba(25, 169, 154, .30);
}

.mn-vip-mini-staff .mn-vip-mini-kicker {
    color: #72ddd2;
}

.mn-vip-mini-warning {
    border-color: rgba(245, 158, 11, .32);
}

.mn-vip-mini-warning .mn-vip-mini-kicker {
    color: #ffc766;
}

@media (max-width: 767px) {
    .membermedals-drawer-panel {
        position: fixed;
        top: 50%;
        left: 50%;
        width: min(330px, calc(100vw - 28px));
        max-height: 70vh;
        transform: translate(-50%, -50%);
    }
}

/* Skrót do publicznego Centrum Mundo pod medalami w profilu posta. */
.mn-post-center-link {
    display: flex;
    min-height: 31px;
    align-items: center;
    justify-content: center;
    gap: 6px;
    margin-top: 8px;
    padding: 5px 9px;
    border: 1px solid rgba(222, 113, 183, .30);
    border-radius: 9px;
    background: linear-gradient(135deg, rgba(142, 112, 244, .12), rgba(222, 113, 183, .10));
    color: #efa0cf !important;
    text-decoration: none !important;
    font-size: 10px;
    font-weight: 850;
}
.mn-post-center-link:hover {
    border-color: rgba(222, 113, 183, .52);
    background: linear-gradient(135deg, rgba(142, 112, 244, .20), rgba(222, 113, 183, .18));
    color: #fff !important;
}