/* PageVN quick profile; namespaced. Colors inherit PageVN design tokens. */
.qpc-backdrop,.qpc-inline { box-sizing:border-box; }
.qpc-backdrop *, .qpc-inline * { box-sizing:border-box; }
.qpc-backdrop { position:fixed;inset:0;z-index:12000;display:grid;place-items:center;padding:20px;
  background:rgba(9,9,20,.72);backdrop-filter:blur(6px); }
.qpc-card { position:relative;width:min(430px,100%);max-height:min(740px,calc(100dvh - 40px));overflow:auto;
  border:1px solid var(--border,rgba(179,145,235,.38));border-radius:22px;
  background:var(--surface,var(--card,#1c1932));color:var(--text,#f4f0ff);
  box-shadow:0 22px 90px rgba(0,0,0,.35);overscroll-behavior:contain; }
.qpc-card:focus-visible{outline:2px solid var(--primary,#a78bfa);outline-offset:2px}
.qpc-banner{min-height:88px;padding:18px 50px 18px 22px;display:flex;flex-direction:column;gap:12px;
  background:linear-gradient(115deg,rgba(150,91,243,.2),rgba(100,197,246,.12));}
.qpc-banner>span:first-child{font-size:11px;font-weight:850;letter-spacing:.11em;}
.qpc-badges{display:flex;flex-wrap:wrap;gap:6px;}
.qpc-badge{padding:4px 9px;font-size:11px;font-weight:800;border-radius:999px;border:1px solid currentColor;}
.qpc-player{color:var(--primary,#c2a3ff)}.qpc-streamer{color:#ac87ff}
.qpc-close{position:absolute;top:13px;right:13px;width:34px;height:34px;display:grid;place-items:center;
  border-radius:50%;background:var(--surface-2,rgba(126,117,149,.22));color:inherit;border:1px solid currentColor;
  font-size:25px;line-height:1;cursor:pointer;z-index:2;}
.qpc-identity{display:grid;grid-template-columns:76px minmax(0,1fr);align-items:center;gap:14px;
  padding:0 22px;margin-top:-18px;position:relative;}
.qpc-avatar{height:76px;width:76px;object-fit:cover;border-radius:50%;border:3px solid var(--surface,var(--card,#1c1932));
  background:var(--surface,#2a2640);display:block;}
.qpc-identity h2{font-size:19px;line-height:1.3;margin:18px 0 2px;overflow-wrap:anywhere;}
.qpc-identity p{margin:0;font-size:13px;opacity:.85;overflow-wrap:anywhere;}
.qpc-presence{display:inline-block;margin-top:6px;font-size:12px;font-weight:700;}
.qpc-presence[data-state="ready"]{color:#18b97c}.qpc-presence[data-state="busy"]{color:#f6a544}
.qpc-presence[data-state="paused"]{color:var(--muted,#9fa1af)}
.qpc-bio,.qpc-joined{margin:13px 22px 0;line-height:1.5;overflow-wrap:anywhere;}
.qpc-bio{font-size:13px;white-space:pre-wrap;max-height:96px;overflow:auto;}
.qpc-joined{font-size:12px;opacity:.8;}
.qpc-stats{margin:16px 18px 0;padding:12px 0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px 6px;
  border-top:1px solid var(--border,rgba(128,128,128,.25));border-bottom:1px solid var(--border,rgba(128,128,128,.25));}
.qpc-stats>div{min-width:0;display:flex;flex-direction:column;align-items:center;gap:4px;text-align:center;}
.qpc-stats strong{font-size:18px;line-height:1.2;font-variant-numeric:tabular-nums;}
.qpc-stats small{font-size:10px;line-height:1.35;opacity:.83;}
.qpc-services{margin:12px 22px 0;display:grid;gap:5px;}
.qpc-services>div{display:flex;align-items:baseline;justify-content:space-between;gap:12px;font-size:12px;padding:6px 0;}
.qpc-services span{min-width:0;overflow-wrap:anywhere}.qpc-services b{white-space:nowrap;}
.qpc-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;padding:18px 22px 22px;}
.qpc-button,.qpc-error button{min-height:42px;border-radius:11px;border:1px solid var(--border,rgba(150,145,164,.35));
  padding:9px 10px;color:inherit;background:var(--surface-2,rgba(118,109,146,.12));font:inherit;font-size:12px;
  font-weight:750;text-align:center;cursor:pointer;}
.qpc-button:disabled{opacity:.55;cursor:wait}
.qpc-primary{background:var(--primary,#814ae8);border-color:transparent;color:#fff;}
.qpc-button:focus-visible,.qpc-close:focus-visible,.qpc-error button:focus-visible{
  outline:3px solid var(--primary,#a78bfa);outline-offset:3px;}
.qpc-loading,.qpc-error{min-height:155px;padding:56px 25px 30px;text-align:center;}
.qpc-error h2{font-size:18px;margin:0 0 6px}.qpc-error p{font-size:13px;line-height:1.5;}
.qpc-inline{max-width:490px;margin:0 auto;padding:15px}.qpc-inline .qpc-card{max-height:none;width:100%;}
@media (max-width:600px){
  .qpc-backdrop{align-items:end;padding:0;}
  .qpc-backdrop .qpc-card{width:100%;max-height:calc(100dvh - env(safe-area-inset-top,0px) - 15px);
    padding-bottom:env(safe-area-inset-bottom,0px);border-radius:22px 22px 0 0;}
  .qpc-inline{padding:10px;}.qpc-identity{grid-template-columns:70px minmax(0,1fr)}
  .qpc-avatar{width:70px;height:70px}.qpc-stats{gap:10px 5px;}
}
@media (max-width:340px){.qpc-actions{grid-template-columns:1fr 1fr;padding:12px;gap:6px}.qpc-stats{grid-template-columns:repeat(2,1fr)} }
@media (prefers-reduced-motion:no-preference){.qpc-backdrop .qpc-card{animation:qpc-in .14s ease-out}}
@keyframes qpc-in{from{transform:translateY(7px);opacity:.6}to{transform:translateY(0);opacity:1}}

/* PageVN 1.1.5.4: role visibility and quick profile readability */
.qpc-badge.qpc-super-admin{display:inline-flex;align-items:center;gap:5px;color:#f8dfa1!important;border-color:rgba(246,201,103,.7)!important;background:rgba(131,86,38,.23)!important;font-weight:850!important}
body[data-pv-theme="light"] .qpc-badge.qpc-super-admin{color:#754400!important;border-color:#b78528!important;background:#fff4d6!important}
.qpc-badge.qpc-member{color:var(--text)!important;border-color:var(--border)!important;background:var(--surface-2)!important}
.qpc-identity h2{color:var(--text)!important;font-weight:820!important}
.qpc-identity p,.qpc-joined,.qpc-stats small{color:var(--body)!important;opacity:1!important}
.qpc-button{color:var(--text)!important}.qpc-button.qpc-primary{color:#fff!important}

/* PageVN 1.1.5.5 — premium Super Admin card */
.qpc-card.qpc-super-admin-card{border:2px solid transparent;background:linear-gradient(var(--surface,#211a37),var(--surface,#211a37)) padding-box,linear-gradient(110deg,#ff6b9b,#ffcb65,#f9ed70,#61d9b7,#5ad3ff,#9b83ff,#e88bff,#ff6b9b) border-box;background-size:100% 100%,300% 100%;box-shadow:0 0 0 1px #bc86f14d,0 15px 50px #9c5df533;animation:qpc-super-shimmer 6s linear infinite}
.qpc-card.qpc-super-admin-card .qpc-banner{background:linear-gradient(118deg,#5c2763d9,#30296bc7,#165a66a6)}
.qpc-card.qpc-super-admin-card .qpc-identity h2{background:linear-gradient(90deg,#ffb2d0,#fce8a3,#a7f3d0,#9fdcf7,#c0b3ff);color:transparent!important;-webkit-background-clip:text;background-clip:text;font-weight:900!important}
.qpc-stats{gap:9px 5px;padding:10px 0;margin-top:12px}
.qpc-stats strong{font-size:15px!important;font-weight:820!important;font-variant-numeric:tabular-nums}
.qpc-stats small{font-size:9.5px!important;overflow-wrap:anywhere}
.qpc-badges .qpc-badge.qpc-player{padding:3px 7px!important;font-size:9.5px!important;font-weight:780!important}
.qpc-badges .qpc-badge.qpc-streamer{padding:4px 9px!important;font-size:11px!important;font-weight:830!important}
.qpc-presence,.qpc-time-text{font-size:11.5px!important;font-weight:680;font-variant-numeric:tabular-nums}
@keyframes qpc-super-shimmer{0%{background-position:0 0,0 0}100%{background-position:0 0,100% 0}}
body[data-pv-theme="light"] .qpc-card.qpc-super-admin-card{box-shadow:0 0 0 1px #ac69dc3a,0 18px 44px #8c62bc20}
@media(prefers-reduced-motion:reduce){.qpc-card.qpc-super-admin-card{animation:none}}

/* PageVN 1.1.5.6: reduce size of the complete 5-stat quick profile block */
.qpc-card .qpc-stats{margin:9px 14px 0!important;padding:7px 0!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;column-gap:4px!important;row-gap:5px!important}
.qpc-card .qpc-stats>div{min-width:0;gap:2px!important;padding:0!important}
.qpc-card .qpc-stats strong{font-size:14px!important;line-height:1.08!important;font-weight:790!important;font-variant-numeric:tabular-nums}
.qpc-card .qpc-stats small{font-size:9px!important;line-height:1.25!important;letter-spacing:-.1px;opacity:1;overflow-wrap:anywhere}
@media(max-width:340px){.qpc-card .qpc-stats{grid-template-columns:repeat(2,minmax(0,1fr))!important;row-gap:6px!important}}
/* Super Admin: true animated 7-color neon glow and two twinkling stars */
.qpc-card.qpc-super-admin-card{position:relative!important;isolation:isolate;overflow:auto;border:2px solid transparent!important;background:linear-gradient(var(--surface,#211a37),var(--surface,#211a37)) padding-box,linear-gradient(108deg,#ff4e7e,#ffd96a,#f6ee67,#50e5a6,#46c9fc,#a78bfa,#ec70db,#ff4e7e) border-box!important;background-size:100% 100%,360% 100%!important;animation:qpc-super-shimmer 5s linear infinite,qpc-rainbow-halo 3.5s ease-in-out infinite!important}
.qpc-card.qpc-super-admin-card::before,.qpc-card.qpc-super-admin-card::after{position:absolute;z-index:15;display:block;pointer-events:none;line-height:1;transform-origin:center;will-change:transform,opacity}
.qpc-card.qpc-super-admin-card::before{content:"✦";top:11px;right:12px;font-size:23px;color:#fff6b0;text-shadow:0 0 5px #fff,0 0 13px #ffb75c,0 0 23px #ff40a6;animation:qpc-super-spark 2s ease-in-out infinite}
.qpc-card.qpc-super-admin-card::after{content:"✧";bottom:14px;left:12px;font-size:21px;color:#cefff7;text-shadow:0 0 6px #fff,0 0 12px #65d7ff,0 0 25px #ac69ff;animation:qpc-super-spark 2.5s ease-in-out -1.3s infinite}
@keyframes qpc-rainbow-halo{0%,100%{box-shadow:0 0 0 1px #fe74ac5c,0 0 11px #ec67d665,0 13px 40px #a44ed633}25%{box-shadow:0 0 0 1px #fbd66c6b,0 0 17px #ffd76e82,0 13px 40px #cf9d5b38}50%{box-shadow:0 0 0 1px #66f0c164,0 0 18px #62e6e58a,0 13px 40px #4acdd838}75%{box-shadow:0 0 0 1px #b7a0ff6b,0 0 18px #a078ff86,0 13px 40px #a44ed638}}
@keyframes qpc-super-spark{0%,100%{opacity:.45;transform:rotate(-14deg) scale(.6)}40%{opacity:1;transform:rotate(17deg) scale(1.25)}65%{opacity:.8;transform:rotate(-3deg) scale(.9)}}
@media(prefers-reduced-motion:reduce){.qpc-card.qpc-super-admin-card,.qpc-card.qpc-super-admin-card::before,.qpc-card.qpc-super-admin-card::after{animation:none!important}}

/* PAGEVN 1.1.5.7 Quick Profile palette and inner-outer glow */
.qpc-presence[data-state="waiting"]{background:rgba(235,142,39,.14)!important;color:#ffae43!important;border-color:#dc952f!important}
.qpc-presence[data-state="busy"]{background:rgba(229,52,69,.14)!important;color:#ff6372!important;border-color:#f05466!important}
.qpc-presence[data-state="ready"]{background:rgba(29,176,105,.13)!important;color:#38d88a!important;border-color:#35c980!important}
.qpc-card.qpc-super-admin-card{box-shadow:inset 0 0 0 2px #ffaade9b,inset 0 0 26px #cd55f84d,0 0 0 2px #fa80d66e,0 0 28px #af61f4a1,0 15px 52px #a44ed65c!important;animation:qpc-super-shimmer 4s linear infinite,qpc-dual-neon 3s ease-in-out infinite!important}
@keyframes qpc-dual-neon{0%,100%{box-shadow:inset 0 0 0 2px #fa79c2b2,inset 0 0 26px #e84ad55a,0 0 0 2px #fa79c277,0 0 28px #e84ad5a0,0 15px 48px #8d40e14a}35%{box-shadow:inset 0 0 0 2px #57def2b6,inset 0 0 29px #55cfff6e,0 0 0 2px #57def288,0 0 32px #55cfffab,0 15px 48px #258ae75b}68%{box-shadow:inset 0 0 0 2px #ffd36cb8,inset 0 0 23px #ffe16b67,0 0 0 2px #ffd36c87,0 0 34px #ffbd4ba3,0 15px 48px #c77d2b55}}
@media(prefers-reduced-motion:reduce){.qpc-card.qpc-super-admin-card{animation:none!important}}

/* PageVN 1.1.5.13 — public ID and role hierarchy */
.qpc-public-id{display:flex;gap:6px;align-items:center;margin:4px 0 3px!important;font-size:11px!important;font-variant-numeric:tabular-nums}
.qpc-public-id strong{font-size:12px;font-weight:800;letter-spacing:.3px}
.qpc-public-id button{display:inline-flex;align-items:center;justify-content:center;width:24px;height:24px;min-width:24px;padding:3px;border-radius:7px;border:1px solid var(--border);background:var(--surface-2);color:var(--text);cursor:pointer;font-size:12px}
.qpc-badge.qpc-super-admin-sub{font-size:9.5px!important;font-weight:700;background:rgba(115,133,220,.18)!important;color:var(--text)!important;border:1px solid #a3a5ed!important}
.qpc-presence[data-state="busy"] .qpc-time-text{display:inline;font-size:11px;font-weight:820;font-variant-numeric:tabular-nums}

/* Quick Profile: aligned metadata, compact six-cell statistics, visible presence. */
.qpc-card>[data-pagevn-island="profile-category-summary"]{display:block;margin:10px 18px 0;min-width:0}
.qpc-card .pv-profile-classification{margin:0;display:flex;flex-wrap:wrap;gap:3px 12px;font-size:11px;line-height:1.45}
.qpc-card .pv-profile-classification>span{min-width:0;overflow-wrap:anywhere}
.qpc-card .qpc-stats{margin:8px 18px 0!important;padding:6px 0!important;column-gap:5px!important;row-gap:4px!important}
.qpc-card .qpc-stats strong{font-size:13px!important;line-height:1.08!important}
.qpc-card .qpc-stats small{font-size:8.5px!important;line-height:1.22!important}
.qpc-name-row{display:flex;align-items:center;gap:7px;min-width:0;margin:16px 0 3px}
.qpc-identity .qpc-name-row h2{margin:0!important;min-width:0}
.qpc-status-dot{display:inline-block;flex:0 0 8px;width:8px;height:8px;border-radius:50%;background:#89919e;box-shadow:0 0 0 2px #89919e20}
.qpc-status-dot[data-state="ready"]{background:#28c68b;box-shadow:0 0 0 2px #28c68b24}
.qpc-status-dot[data-state="busy"],.qpc-status-dot[data-state="waiting"]{background:#f3a434;box-shadow:0 0 0 2px #f3a43424}
@media(max-width:340px){.qpc-card .qpc-stats{grid-template-columns:repeat(3,minmax(0,1fr))!important}.qpc-card .qpc-stats small{font-size:8px!important}}
.qpc-card .qpc-bio,.qpc-card .qpc-joined,.qpc-card .qpc-services{margin-left:18px!important;margin-right:18px!important}
.qpc-card .qpc-identity{padding-left:18px;padding-right:18px}.qpc-card .qpc-stats strong{max-width:100%;overflow-wrap:anywhere}
.qpc-stats.qpc-stats-super{grid-template-columns:1fr!important}
.qpc-actions [data-qpc-action=mention]{font-size:11px;padding:7px;min-height:30px}

/* Quick Profile verified booking games: endless row, accessible reduced-motion. */
.qpc-services>.qpc-service-row{display:flex;align-items:baseline;justify-content:space-between;gap:12px;font-size:12px;padding:6px 0;}
.qpc-services>.qpc-service-row>span{min-width:0;overflow-wrap:anywhere}
.qpc-services>.qpc-service-row>b{white-space:nowrap}
.qpc-game-marquee{width:100%;max-width:100%;overflow:hidden;margin:2px 0 8px;mask-image:linear-gradient(90deg,transparent,#000 5%,#000 95%,transparent);}
.qpc-game-track{display:flex;width:max-content;gap:0;animation:qpc-game-scroll 42s linear infinite;}
.qpc-game-cycle{display:flex;flex:none;align-items:center;gap:8px;padding-right:8px;}
.qpc-game-chip{display:inline-flex;align-items:center;flex:none;white-space:nowrap;border-radius:999px;border:1px solid var(--border,rgba(150,145,164,.35));background:var(--surface-2,rgba(118,109,146,.12));padding:5px 9px;font-size:11px;line-height:1.3;}
.qpc-game-marquee:hover .qpc-game-track,.qpc-game-marquee:focus-within .qpc-game-track{animation-play-state:paused;}
@keyframes qpc-game-scroll{to{transform:translateX(-50%);}}
@media(prefers-reduced-motion:reduce){.qpc-game-track{animation:none}.qpc-game-marquee{overflow:auto;mask-image:none}.qpc-game-track>.qpc-game-cycle[aria-hidden=true]{display:none}}

/* Shared order status is anchored to the avatar in every quick profile. */
.qpc-avatar-wrap{position:relative;display:block;width:76px;height:76px}
.qpc-avatar-wrap .qpc-avatar{width:100%;height:100%}
.qpc-avatar-wrap .qpc-status-dot{position:absolute;right:0;bottom:2px;margin:0;border:3px solid var(--surface,#1c1932);width:15px;height:15px;box-sizing:content-box}
.qpc-status-dot[data-state=ready]{background:#22c55e}.qpc-status-dot:is([data-state=busy],[data-state=waiting]){background:#f59e0b}.qpc-status-dot[data-state=paused]{background:#94a3b8}
.qpc-voice .qpc-card{width:min(470px,100%)}
.qpc-voice .qpc-actions [data-qpc-action=mention]{display:none}
.qpc-voice .pv-voice-controls{padding:0 20px 16px;color:var(--text)}
.qpc-voice .pv-voice-controls>label{display:grid;gap:9px;font-size:12px;margin:8px 0 4px}
.qpc-voice .pv-voice-controls input[type=range]{width:100%;accent-color:var(--accent,#bba0ff)}
.qpc-voice .pv-action-circle{width:54px;height:54px;background:var(--surface-2);border-color:var(--border);color:var(--text)}
.qpc-voice .pv-action-circle svg{width:23px;height:23px}
.qpc-voice .pv-action-caption{font-size:10px;color:var(--text)}
.qpc-voice .pv-action-alert .pv-action-circle{color:#ed7397;background:#ed73971a}
.qpc-voice .pv-action-grid{gap:17px 7px}
@media(max-width:375px){.qpc-voice .pv-action-circle{width:49px;height:49px}.qpc-voice .pv-voice-controls{padding-inline:14px}}

.qpc-category{margin:8px 22px;font-size:12px;line-height:1.5;color:var(--body,var(--text))}.qpc-public-id button[data-pv-copy-id]{margin-left:5px;border:0;border-radius:5px;background:var(--surface-2,#ffffff14);color:inherit;padding:2px 5px;cursor:pointer}