/* PhongThuySo.top - Account UI GD3 */
:root{font-family:system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif;--pts-blue:#d7f4fa;--pts-gold:#f2ce72;--pts-red:#f38186}
body,button,input,select,textarea,a{font-family:system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif!important;font-variant-ligatures:normal}
button,.primary,.secondary,.linkbutton{letter-spacing:0!important;font-weight:760;line-height:1.35;white-space:normal}
.topbar{max-width:100vw;display:flex;align-items:center;gap:17px;flex-wrap:wrap;background:#0a2a22ee;position:relative;z-index:15}
.topbar nav{display:flex;gap:16px;flex-wrap:wrap;margin-left:auto}
.topbar .pts-account-slot{margin-left:0}
.layout{margin:32px auto;padding-bottom:70px}.panel{border-radius:22px;box-shadow:0 14px 60px #0002;border-color:#6e8f7455}
.panel>.eyebrow{letter-spacing:.12em;color:#e0c380}.panel>h1{font-size:clamp(25px,4.5vw,36px);line-height:1.2;letter-spacing:-.025em;margin-top:8px}
label{font-weight:700;font-size:14px;line-height:1.55}
label input:not([type=checkbox]),label select,input.otp{font-family:inherit;font-size:15px;line-height:1.5;min-height:47px;transition:border-color .2s,box-shadow .2s}
label input:not([type=checkbox]):focus,select:focus{border-color:#e4ca82;box-shadow:0 0 0 3px #e4ca8230}
button.primary, .primary.linkbutton{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:46px;padding:12px 20px;font-size:15px!important;border-radius:12px}
.tabs{gap:8px;padding:5px;border:1px solid #496d56;border-radius:14px;background:#071c16b0}.tabs a{flex:1;text-align:center;border-radius:10px;font-weight:800;font-size:14px;padding:12px 13px}
.tabs a.selected{background:#ddbc77;color:#153426}
.sub{color:#bdd2c5;line-height:1.7}.small{color:#c2d2c8;line-height:1.7}
.consent{align-items:flex-start;gap:10px;line-height:1.6}.consent input{margin-top:5px;accent-color:#ddc485}.consent span{font-size:13.5px}
.msg,.err{border-radius:12px;padding:12px 15px}
.pts-profile-hero{--profile-border:#98a4a1;display:flex;align-items:center;gap:17px;background:linear-gradient(110deg,#12362c,#234d3a);border:1px solid var(--profile-border);border-radius:17px;padding:20px;margin:20px 0;flex-wrap:wrap}
.pts-profile-hero.pts-tier-free{--profile-border:#75c5d4}.pts-profile-hero.pts-tier-premium{--profile-border:#d7ab44}.pts-profile-hero.pts-tier-vip{--profile-border:#e4767c}
.pts-profile-avatar{width:55px;height:55px;display:grid;place-items:center;border:1px solid var(--profile-border);color:var(--profile-border);background:#ffffff0b;border-radius:16px;font-size:25px}
.pts-profile-hero>div{min-width:0;flex:1}.pts-profile-hero h2{font-size:clamp(16px,2.8vw,23px);overflow-wrap:anywhere;margin:3px 0 8px;color:#f4f3e8}
.pts-eyebrow{letter-spacing:.1em;font-size:10px;color:#bdd3c2;font-weight:800}
.pts-profile-rank,.pts-plan-tag{display:inline-block;padding:4px 10px;border-radius:24px;color:var(--rank-text,#163e50);background:var(--rank-bg,#d7f4fa);font-weight:850;letter-spacing:.01em;font-size:11px}
.pts-profile-upgrade{border-radius:10px;border:1px solid #efda9c;padding:11px 13px;color:#f5db9c;font-weight:800}
.pts-stats-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:11px;margin:20px 0 26px}.pts-stats-grid>div{border:1px solid #4a725f;background:#173e30;padding:15px;border-radius:13px;display:flex;flex-direction:column;gap:5px}.pts-stats-grid span{color:#bdcebf;font-size:12px}.pts-stats-grid strong{color:#f1d38e;font-size:16px;overflow-wrap:anywhere}
.pts-expiry{font-size:13px;color:#cedfce}
.pts-plans{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:20px 0}
.pts-plan{border:1px solid var(--rank-line,#71868a);background:linear-gradient(145deg,#1e4736,#102c25);padding:19px 15px;border-radius:17px;display:flex;flex-direction:column;gap:11px;min-width:0}
.pts-plan h2{font-size:23px;color:#f6f1e5;margin:0}.pts-plan p{font-size:13px;line-height:1.65;color:#c9dbce;flex:1;margin:0}.pts-plan strong{font-size:14px;color:#f0d18b}.pts-plan>a{font-weight:800;text-align:center;padding:11px 8px;border:1px solid var(--rank-line,#71868a);border-radius:10px;color:#fcf9e9;font-size:13px}
.pts-plan.pts-tier-premium,.pts-plan.pts-tier-vip{box-shadow:0 7px 26px #0002}
.pts-plan.pts-tier-vip{background:linear-gradient(140deg,#411e29,#19352c)}.pts-plan.pts-tier-vip strong{color:#ff9da1}
.entitlements{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.entitlements>div{min-width:0}
.admin-form select,.admin-form button{font-family:inherit!important;font-size:12px!important}
@media(max-width:1050px){.pts-plans{grid-template-columns:repeat(2,minmax(0,1fr))}.topbar nav{margin-left:0}.topbar .pts-account-slot{margin-left:auto}}
@media(max-width:680px){.topbar{padding:13px 16px;gap:10px}.topbar .logo{font-size:18px}.topbar nav{gap:10px;font-size:11px}.topbar .pts-account-slot{width:100%;justify-content:flex-end}.layout{margin:20px auto;padding:0 12px 50px}.panel{padding:20px 15px}.pts-stats-grid{grid-template-columns:1fr}.pts-plans{gap:9px}.pts-plan{padding:15px 12px}.pts-plan h2{font-size:20px}.entitlements{grid-template-columns:1fr}.pts-profile-hero{padding:15px}.pts-profile-upgrade{width:100%;text-align:center}}
@media(max-width:420px){.pts-plans{grid-template-columns:1fr}}

.pts-plan-current{display:block;text-align:center;border:1px solid #f38186;padding:10px;border-radius:10px;color:#fff5ee;font-weight:800}

/* GD4.5: admin tools stay on one row per member; horizontal scroll on small screens. */
.pts-admin-actions{display:flex;flex-flow:row nowrap;align-items:center;gap:8px;min-width:max-content;white-space:nowrap}
.pts-admin-actions .admin-form{display:inline-flex!important;flex-direction:row!important;flex-wrap:nowrap!important;align-items:center;gap:5px!important;margin:0!important;padding:0!important}
.pts-admin-actions .admin-form select{display:inline-block!important;width:auto!important;min-width:0!important;min-height:33px!important;padding:5px 7px!important;margin:0!important;font-size:12px!important}
.pts-admin-actions .admin-form button{flex:0 0 auto;padding:8px 9px;font-size:12px!important;white-space:nowrap!important;min-height:33px!important}
.table-wrap{max-width:100%;overflow-x:auto;overscroll-behavior-x:contain}
.table-wrap td{vertical-align:middle}
.pts-admin-mark{display:inline-block;white-space:nowrap;color:#f6d690;font-weight:800}
.pts-upgrade-disabled{background:#304c41!important;color:#a7bbb0!important;opacity:.48;cursor:not-allowed;pointer-events:none}
.pts-upgrade-lock-message{border-left:3px solid #dbbd7b;padding:10px 12px;background:#bfa76d15;border-radius:8px}

.pts-expire-small{display:block;color:#cad9c8;font-weight:400;font-size:11px;margin-top:4px}