/* v71 VVIP Pro Collapse (DeepBlue Luxe) */
:root{
  --vvip-blue: #1E3A8A;
  --vvip-blue2:#0F172A;
  --vvip-panel:#F5F6F8;
  --vvip-panel2:#EEF1F6;
  --vvip-line: rgba(15,23,42,.10);
  --vvip-line2: rgba(15,23,42,.14);
  --vvip-shadow: 0 14px 34px rgba(2,6,23,.10);
}

/* base */
details.vvip-pro{border-radius:18px; overflow:hidden; border:1px solid var(--vvip-line); background: var(--vvip-panel); box-shadow: var(--vvip-shadow);}
[data-theme="dark"] details.vvip-pro{background: rgba(255,255,255,.06); border-color: rgba(255,255,255,.12); box-shadow: 0 14px 34px rgba(0,0,0,.28);} 

details.vvip-pro + details.vvip-pro{margin-top:12px;}

/* summary */
details.vvip-pro > summary{list-style:none; cursor:pointer; padding:12px 14px; display:flex; align-items:center; justify-content:space-between; gap:12px; user-select:none;}
details.vvip-pro > summary::-webkit-details-marker{display:none;}

/* Summary left/right wrappers used in multiple pages */
details.vvip-pro > summary .sum-left,
details.vvip-pro > summary .vvip-pro-title{font-weight:950; letter-spacing:.01em; color: var(--vvip-blue2); display:flex; align-items:center; gap:8px;}
[data-theme="dark"] details.vvip-pro > summary .sum-left,
[data-theme="dark"] details.vvip-pro > summary .vvip-pro-title{color: rgba(255,255,255,.92);}

details.vvip-pro > summary .sum-badge,
details.vvip-pro > summary .vvip-pro-badge{display:inline-flex; align-items:center; gap:8px; padding:7px 10px; border-radius:999px; border:1px solid var(--vvip-line2); background: rgba(255,255,255,.64); font-weight:900; font-size:12px; color: var(--vvip-blue);} 
[data-theme="dark"] details.vvip-pro > summary .sum-badge,
[data-theme="dark"] details.vvip-pro > summary .vvip-pro-badge{background: rgba(255,255,255,.08); border-color: rgba(255,255,255,.14); color: rgba(160,200,255,.92);} 

/* chevron */
details.vvip-pro > summary::after{content:""; width:10px; height:10px; border-right:2px solid rgba(15,23,42,.55); border-bottom:2px solid rgba(15,23,42,.55); transform: rotate(45deg); transition: transform .16s ease, opacity .16s ease; opacity:.9; flex:0 0 auto;}
[data-theme="dark"] details.vvip-pro > summary::after{border-color: rgba(255,255,255,.55);} 

details.vvip-pro[open] > summary::after{transform: rotate(225deg);} 

/* body */
.vvip-pro-body{padding:12px 14px 14px; border-top:1px solid var(--vvip-line); background: linear-gradient(180deg, var(--vvip-panel), var(--vvip-panel2));}
[data-theme="dark"] .vvip-pro-body{background: rgba(255,255,255,.04); border-top-color: rgba(255,255,255,.10);} 

.vvip-pro-section{padding:12px; border-radius:16px; border:1px solid var(--vvip-line); background: rgba(255,255,255,.72);} 
[data-theme="dark"] .vvip-pro-section{background: rgba(255,255,255,.06); border-color: rgba(255,255,255,.10);} 

.vvip-pro-section + .vvip-pro-section{margin-top:12px;}
.vvip-pro-h{margin:0 0 8px; font-size:13px; font-weight:950; color: var(--vvip-blue2);} 
[data-theme="dark"] .vvip-pro-h{color: rgba(255,255,255,.92);} 

.vvip-pro-note{font-size:12px; line-height:1.6; opacity:.85;}

/* make legacy details in slot/minigame match */
details.sl-admin, details.mg-acc{border-radius:18px; overflow:hidden;}
details.sl-admin > summary, details.mg-acc > summary{cursor:pointer;}

/* small spacing helpers */
.vvip-pro--mt{margin-top:12px;}

/* v71 VVIP Brief (Beginner Summary) */
.vvip-brief{margin-top:12px;border-radius:18px;overflow:hidden;border:1px solid var(--vvip-line);background:linear-gradient(180deg,var(--vvip-panel),var(--vvip-panel2));box-shadow:var(--vvip-shadow)}
[data-theme="dark"] .vvip-brief{background:rgba(255,255,255,.06);border-color:rgba(255,255,255,.12);box-shadow:0 14px 34px rgba(0,0,0,.28)}
.vvip-brief-head{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 14px}
.vvip-brief-title{font-weight:950;letter-spacing:.01em;color:var(--vvip-blue2);display:flex;align-items:center;gap:8px}
[data-theme="dark"] .vvip-brief-title{color:rgba(255,255,255,.92)}
.vvip-brief-score{display:flex;align-items:center;gap:8px}
.vvip-brief-score .n{font-weight:950;font-variant-numeric:tabular-nums;font-size:16px;color:var(--vvip-blue2)}
[data-theme="dark"] .vvip-brief-score .n{color:rgba(255,255,255,.92)}
.vvip-brief-score .lab{display:inline-flex;align-items:center;gap:8px;padding:7px 10px;border-radius:999px;border:1px solid var(--vvip-line2);background:rgba(255,255,255,.64);font-weight:900;font-size:12px;color:var(--vvip-blue)}
[data-theme="dark"] .vvip-brief-score .lab{background:rgba(255,255,255,.08);border-color:rgba(255,255,255,.14);color:rgba(160,200,255,.92)}
.vvip-brief-body{padding:12px 14px 14px;border-top:1px solid var(--vvip-line)}
[data-theme="dark"] .vvip-brief-body{border-top-color:rgba(255,255,255,.10)}
.vvip-brief-grid{display:grid;gap:12px}
@media (min-width:860px){.vvip-brief-grid{grid-template-columns:1fr 1fr}}
.vvip-brief-col{padding:12px;border-radius:16px;border:1px solid var(--vvip-line);background:rgba(255,255,255,.72)}
[data-theme="dark"] .vvip-brief-col{background:rgba(255,255,255,.06);border-color:rgba(255,255,255,.10)}
.vvip-brief-k{font-weight:950;font-size:12px;letter-spacing:.06em;text-transform:uppercase;opacity:.82}
.vvip-brief-list{margin:8px 0 0;padding-left:18px;line-height:1.55;font-size:13px;opacity:.92}
.vvip-brief-tags{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}
.vvip-brief-tag{display:inline-flex;align-items:center;gap:8px;padding:7px 10px;border-radius:999px;border:1px solid var(--vvip-line2);background:rgba(255,255,255,.64);font-weight:900;font-size:12px;color:var(--vvip-blue2)}
[data-theme="dark"] .vvip-brief-tag{background:rgba(255,255,255,.08);border-color:rgba(255,255,255,.14);color:rgba(255,255,255,.90)}