/* Zaplat Gaming — Profile UX Phase 1 */
.profile-page .profile-hero{align-items:stretch}
.profile-page .profile-hero-side{min-width:330px;max-width:390px;display:flex;flex-direction:column;align-items:stretch;justify-content:space-between;gap:12px}
.profile-page .profile-hero-side>.btn{align-self:flex-start}
.profile-page .profile-hero-kpis{width:100%;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin:0}
.profile-page .profile-hero-kpis article{min-width:0;padding:11px 12px;border-radius:13px;border:1px solid rgba(255,255,255,.08);background:linear-gradient(145deg,rgba(255,255,255,.035),rgba(255,255,255,.012));box-shadow:none}
.profile-page .profile-hero-kpis b{display:block;font:900 20px Inter,Arial,sans-serif;line-height:1;color:#fff}
.profile-page .profile-hero-kpis span{display:block;margin-top:5px;color:#a7a7b2;font-size:9px;line-height:1.35}
.profile-security-collapsible{margin:15px 0;padding:0!important;overflow:hidden;border-radius:18px!important;background:#0d0d12!important;transition:border-color .2s ease,box-shadow .2s ease}
.profile-security-strip{width:100%;min-height:78px;border:0;color:#fff;background:linear-gradient(90deg,rgba(255,255,255,.012),rgba(255,255,255,.025));padding:15px 18px;display:grid;grid-template-columns:46px minmax(0,1fr) auto 30px;align-items:center;gap:13px;text-align:inherit;cursor:pointer}
.profile-security-strip:hover{background:rgba(255,255,255,.035)}
.profile-security-shield{width:42px;height:42px;border-radius:14px;display:grid;place-items:center;border:1px solid currentColor;font:900 16px Inter,Arial,sans-serif;opacity:.95}
.profile-security-strip-copy{display:flex;flex-direction:column;gap:3px;min-width:0}
.profile-security-strip-copy strong{font-size:17px}.profile-security-strip-copy small{font-size:10px;color:#9e9eaa}
.profile-security-state{min-width:100px;text-align:center;padding:7px 11px;border-radius:999px;font-size:10px;font-weight:900;border:1px solid currentColor}
.profile-strip-chevron{display:grid;place-items:center;font-size:20px;color:#a6a6b0;transition:transform .18s ease}
.profile-security-strip[aria-expanded="true"] .profile-strip-chevron,.profile-games-strip[aria-expanded="true"] .profile-strip-chevron{transform:rotate(180deg)}
.profile-security-collapsible.security-excellent{border:1px solid rgba(52,211,153,.35)!important;animation:zgSecurityGreen 2.8s ease-in-out infinite}
.profile-security-collapsible.security-good{border:1px solid rgba(245,185,65,.38)!important;animation:zgSecurityAmber 2.8s ease-in-out infinite}
.profile-security-collapsible.security-attention{border:1px solid rgba(255,75,96,.40)!important;animation:zgSecurityRed 2.8s ease-in-out infinite}
.security-excellent{color:#60dda0}.security-good{color:#f1bf58}.security-attention{color:#ff6d80}
.profile-security-details{padding:0 18px 18px}.profile-security-details[hidden]{display:none!important}.profile-security-original-head{display:none!important}.profile-security-collapsible.is-open{animation:none}
@keyframes zgSecurityGreen{0%,100%{box-shadow:0 0 0 rgba(52,211,153,0)}50%{box-shadow:0 0 22px rgba(52,211,153,.12)}}
@keyframes zgSecurityAmber{0%,100%{box-shadow:0 0 0 rgba(245,185,65,0)}50%{box-shadow:0 0 22px rgba(245,185,65,.12)}}
@keyframes zgSecurityRed{0%,100%{box-shadow:0 0 0 rgba(255,75,96,0)}50%{box-shadow:0 0 24px rgba(255,75,96,.14)}}
.profile-games-collapsible{margin:15px 0;padding:0!important;overflow:hidden;border-radius:18px!important}
.profile-games-strip{width:100%;min-height:82px;border:0;background:linear-gradient(145deg,rgba(255,255,255,.022),rgba(255,255,255,.008));color:#fff;padding:15px 18px;display:grid;grid-template-columns:46px minmax(0,1fr) auto 30px;gap:13px;align-items:center;text-align:inherit;cursor:pointer}
.profile-games-strip:hover{background:rgba(255,255,255,.035)}
.profile-games-icon{width:42px;height:42px;border-radius:14px;display:grid;place-items:center;border:1px solid #30303a;background:#111117;font-size:18px}
.profile-games-strip-copy{display:flex;flex-direction:column;gap:3px;min-width:0}.profile-games-strip-copy strong{font-size:17px}.profile-games-strip-copy small{font-size:10px;color:#9898a4}
.profile-games-strip-summary{display:flex;gap:7px;flex-wrap:wrap;justify-content:flex-end}
.profile-games-strip-summary span{padding:6px 9px;border-radius:999px;border:1px solid #32323c;background:#0b0b10;color:#c3c3cb;font-size:9px;font-weight:800}
.profile-games-details{padding:4px 18px 18px}.profile-games-details[hidden]{display:none!important}.profile-games-original-head{display:none!important}
.profile-security-details .account-security-row:first-of-type{border-top:1px solid rgba(255,255,255,.06)}
.profile-security-details .account-security-row{padding-inline:4px}.profile-games-details .member-games-grid{margin-top:12px}
@media(max-width:980px){.profile-page .profile-hero{flex-wrap:wrap}.profile-page .profile-hero-side{min-width:100%;max-width:none}.profile-page .profile-hero-side>.btn{align-self:flex-start}}
@media(max-width:680px){.profile-security-strip,.profile-games-strip{grid-template-columns:40px minmax(0,1fr) 26px;gap:10px;padding:13px}.profile-security-state,.profile-games-strip-summary{grid-column:2/4;justify-self:start}.profile-security-state{min-width:0}.profile-page .profile-hero-kpis{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(prefers-reduced-motion:reduce){.profile-security-collapsible.security-excellent,.profile-security-collapsible.security-good,.profile-security-collapsible.security-attention{animation:none}}
