/* DESKTOP ACCOUNT MASTER — no mobile-specific edits here. */
.accountTabs{display:flex;gap:8px;margin:28px 0 8px}.tab{border:1px solid var(--line);background:#0d0b0d;color:#8f8589;padding:10px 14px;font:700 11px "Rajdhani",sans-serif;letter-spacing:.08em;cursor:pointer}.tab.active{color:var(--gold);border-color:#ff6425aa}.accountCard{margin:28px 0;padding:22px;border:1px solid var(--line);background:var(--card);color:#aaa0a0;line-height:1.7}.adminHeaderRight a{text-decoration:none}
.accountLanding{min-height:calc(100vh - 90px);display:grid;place-items:center;padding:80px 7vw}.accountHero{width:min(620px,100%)}.accountHero>p{color:#aaa0a0;line-height:1.75;margin:0 0 28px}.authCard{background:rgba(13,11,13,.9);border:1px solid var(--line);padding:28px;box-shadow:0 25px 80px #0008}.authCardHead{display:flex;justify-content:space-between;gap:15px;padding-bottom:16px;border-bottom:1px solid var(--line);color:var(--gold);font:800 11px "Rajdhani",sans-serif;letter-spacing:.12em}.authRule{color:#62595b}.authOptions{display:flex;justify-content:flex-end;margin-top:-4px}.textLink{border:0;background:none;padding:0;color:var(--gold);font:700 10px "Rajdhani",sans-serif;letter-spacing:.08em;cursor:pointer}.textLink:hover{color:var(--orange)}.authFooter{text-align:center;margin-top:22px;color:#81777a;font:600 11px "Rajdhani",sans-serif;letter-spacing:.05em}.authFooter .textLink{margin-left:5px}.accountPanel{max-width:800px;margin:0 auto;padding:150px 7vw}.accountPanel h2{font:800 clamp(50px,8vw,90px) "Playfair Display",Georgia,serif;color:#f4efe9;line-height:.9}.accountPanel h2 i{font-style:italic;color:transparent;-webkit-text-stroke:1px rgba(255,235,220,.68)}@media(max-width:600px){.accountLanding{padding:50px 6vw}.authCard{padding:20px}.authCardHead{font-size:10px}}

.authCard .adminForm[hidden]{display:none!important}
.authCard .adminForm{display:grid!important;grid-template-columns:1fr!important;gap:16px!important}
.authCard .adminForm label{display:flex!important;flex-direction:column!important;align-items:stretch!important;gap:7px!important;width:100%!important;box-sizing:border-box!important}
.authCard .adminForm input{display:block!important;width:100%!important;max-width:none!important;min-width:0!important;box-sizing:border-box!important;margin:0!important;padding:14px!important}
.authCard .adminForm button.btn{width:auto!important;max-width:100%!important}
@media(max-width:600px){
 .adminHeader{padding:14px 6vw!important}
 .adminHeader .logo{font-size:19px!important}
 .adminHeaderRight .ghost{padding:11px 13px!important;font-size:10px!important}
 .accountLanding{min-height:auto!important;padding:48px 6vw 70px!important;display:block!important}
 .accountHero{width:100%!important}
 .accountHero h1{font-size:52px!important;line-height:.9!important;margin:20px 0!important}
 .accountHero>p{font-size:15px!important;line-height:1.6!important}
 .authCard{padding:20px!important;margin-top:25px!important}
 .authCardHead{font-size:9px!important}
 .authCard .adminForm{gap:14px!important}
 .authCard .adminForm label{font-size:11px!important}
 .authCard .adminForm input{font-size:16px!important;min-height:48px!important}
 .authCard .adminForm button.btn{width:100%!important;min-height:50px!important}
 .authOptions{margin-top:0!important}
}


/* Dark member portal inputs */
.authCard .adminForm input,
.authCard .adminForm input[type="email"],
.authCard .adminForm input[type="password"],
.authCard .adminForm input[type="text"]{
  background:#0d0b0d!important;
  color:#f3eee8!important;
  border:1px solid #30282b!important;
  border-radius:0!important;
  box-shadow:none!important;
  color-scheme:dark;
}
.authCard .adminForm input::placeholder{color:#756d70!important;opacity:1!important}
.authCard .adminForm input:focus{
  background:#110e10!important;
  border-color:#ff6425aa!important;
  box-shadow:0 0 0 2px #ff64251c!important;
  outline:none!important;
}
.authCard .adminForm input:-webkit-autofill,
.authCard .adminForm input:-webkit-autofill:hover,
.authCard .adminForm input:-webkit-autofill:focus{
  -webkit-text-fill-color:#f3eee8!important;
  -webkit-box-shadow:0 0 0 1000px #0d0b0d inset!important;
  box-shadow:0 0 0 1000px #0d0b0d inset!important;
  border:1px solid #30282b!important;
}

.authFooter .authLink{text-decoration:none;display:inline-block}
.passwordHint{margin:-4px 0 2px;color:#756d70;font:600 10px "Rajdhani",sans-serif;letter-spacing:.05em;line-height:1.5}
.passwordMatch{min-height:16px;margin:-4px 0 2px;font:700 10px "Rajdhani",sans-serif;letter-spacing:.06em}
.passwordMatch.good{color:#b9e890}.passwordMatch.bad{color:#ff8d7b}


.recoveryModal[hidden]{display:none!important}.recoveryModal{position:fixed;inset:0;z-index:20;display:grid;place-items:center;padding:22px}.recoveryBackdrop{position:absolute;inset:0;background:rgba(0,0,0,.78);backdrop-filter:blur(5px)}.recoveryDialog{position:relative;z-index:1;width:min(520px,100%);padding:28px;background:#100d0f;border:1px solid #3b2b2e;box-shadow:0 30px 100px #000c}.recoveryClose{position:absolute;right:14px;top:9px;border:0;background:none;color:#aaa0a0;font-size:28px;cursor:pointer}.recoveryDialog h2{font-size:48px!important;margin:18px 0!important}.recoveryDialog p{color:#aaa0a0;line-height:1.6;font-size:13px}.recoveryLabel{display:grid;gap:7px;margin-top:20px;color:#d8cfca;font:700 11px "Rajdhani",sans-serif;letter-spacing:.11em}.recoveryLabel input{width:100%;padding:14px;background:#0d0b0d;color:#f3eee8;border:1px solid #30282b;outline:0;box-sizing:border-box}.recoveryLabel input:focus{border-color:#ff6425aa;box-shadow:0 0 0 2px #ff64251c}.recoveryActions{display:flex;gap:10px;flex-wrap:wrap;margin-top:18px}.recoveryActions .btn,.recoveryActions .ghost{cursor:pointer}.recoveryActions .ghost{background:transparent}.recoveryDialog .formStatus{margin-top:14px}@media(max-width:520px){.recoveryDialog{padding:23px 20px}.recoveryActions{flex-direction:column}.recoveryActions .btn,.recoveryActions .ghost{width:100%;text-align:center}}


.accountInfoGrid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:28px 0}.accountInfo{padding:18px;border:1px solid var(--line);background:var(--card);min-width:0}.accountInfo span{display:block;color:var(--orange);font:800 10px "Rajdhani",sans-serif;letter-spacing:.12em;margin-bottom:8px}.accountInfo strong{display:block;color:var(--text);font:600 15px "Space Grotesk",sans-serif;overflow-wrap:anywhere}.accountPanel .ghost{margin-top:4px}@media(max-width:600px){.accountInfoGrid{grid-template-columns:1fr}}

/* Portal spacing for the phoenix masthead */
@media(min-width:801px){.accountLanding{padding-top:135px!important}.authCard{margin-top:0}}
@media(max-width:800px){.accountLanding{padding-top:105px!important}}


/* =========================================================
   ACCOUNT AVATAR PICKER
   ========================================================= */
.accountProfilePage{background:#07090c!important}
.accountProfilePage .accountPanel{
  max-width:1180px!important;
  padding-top:145px!important;
}
.accountProfilePage .accountPageTitle{
  font:600 clamp(58px,7vw,96px) "Bodoni Moda",Georgia,serif!important;
  line-height:.9!important;
  margin:14px 0 12px!important;
  color:#f4efe9!important;
}
.accountProfilePage .accountPageTitle i{
  color:#ffad62!important;
  -webkit-text-stroke:0!important;
}
.accountProfilePage #accountRole{
  color:#aaa1a1;
  font:700 12px "Rajdhani",sans-serif;
  letter-spacing:.12em;
}
.accountProfilePage .accountInfoGrid{
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
}
.avatarSettings{
  margin:34px 0 28px;
  padding:28px;
  border:1px solid #3b332e;
  background:
    linear-gradient(180deg,rgba(12,17,21,.96),rgba(7,10,13,.98));
  box-shadow:inset 0 0 0 1px #090b0d,0 18px 60px #0007;
}
.avatarSettingsHead{
  display:flex;
  align-items:end;
  justify-content:space-between;
  gap:30px;
  padding-bottom:20px;
  border-bottom:1px solid #2c3338;
}
.avatarSettingsHead h2{
  margin:7px 0 0!important;
  font:600 clamp(34px,4vw,56px) "Bodoni Moda",Georgia,serif!important;
  line-height:.95!important;
  color:#f2ece5!important;
}
.avatarSettingsHead p{
  max-width:430px;
  margin:0;
  color:#929ba1;
  font:500 13px/1.6 "Space Grotesk",sans-serif;
}
.avatarPreview{
  position:relative;
  display:flex;
  align-items:center;
  gap:22px;
  width:min(590px,100%);
  min-height:118px;
  margin:24px 0;
  padding:15px 32px 15px 20px;
  background:
    url("../assets/ui/profile-account-frame.png") center/100% 100% no-repeat;
}
.avatarPreview>img{
  width:88px;
  height:88px;
  flex:0 0 88px;
  object-fit:cover;
  clip-path:polygon(15% 0,85% 0,100% 15%,100% 85%,85% 100%,15% 100%,0 85%,0 15%);
  background:#0a0d10;
}
.avatarPreviewCopy{display:flex;flex-direction:column;gap:4px}
.avatarPreviewCopy span{
  color:#ff9e50;
  font:800 10px "Rajdhani",sans-serif;
  letter-spacing:.17em;
}
.avatarPreviewCopy strong{
  color:#f1eee9;
  font:700 24px "Rajdhani",sans-serif;
  letter-spacing:.12em;
}
.avatarPreviewCopy small{
  color:#76df9d;
  font:700 10px "Rajdhani",sans-serif;
  letter-spacing:.12em;
}
.avatarGrid{
  display:grid;
  grid-template-columns:repeat(8,minmax(0,1fr));
  gap:10px;
}
.avatarChoice{
  position:relative;
  aspect-ratio:1;
  padding:3px;
  border:1px solid #303941;
  background:#090d10;
  cursor:pointer;
  overflow:hidden;
  clip-path:polygon(8% 0,92% 0,100% 8%,100% 92%,92% 100%,8% 100%,0 92%,0 8%);
  transition:border-color .16s,transform .16s,box-shadow .16s;
}
.avatarChoice img{width:100%;height:100%;object-fit:cover;display:block}
.avatarChoice:hover{
  transform:translateY(-2px);
  border-color:#9b572a;
  box-shadow:0 8px 18px #0008;
}
.avatarChoice.selected{
  border-color:#ff8a35;
  box-shadow:inset 0 0 0 2px #ff8a35,0 0 16px #ff6b274d;
}
.avatarChoice.selected:after{
  content:"✓";
  position:absolute;
  right:6px;
  bottom:5px;
  width:22px;
  height:22px;
  display:grid;
  place-items:center;
  background:#ff762c;
  color:#170b06;
  font:900 14px "Rajdhani",sans-serif;
}
.avatarActions{
  display:flex;
  align-items:center;
  gap:16px;
  margin-top:22px;
}
.avatarSaveBtn{
  min-width:190px;
  border:0;
  cursor:pointer;
}
.avatarSaveBtn:disabled{opacity:.42;cursor:default;transform:none!important}
.avatarSaveStatus{
  min-height:18px;
  color:#a6aeb3;
  font:800 11px "Rajdhani",sans-serif;
  letter-spacing:.10em;
}
.avatarSaveStatus.success{color:#7ce6a0}
.avatarSaveStatus.error{color:#ff8d7b}

@media(max-width:900px){
  .avatarGrid{grid-template-columns:repeat(5,minmax(0,1fr))}
  .avatarSettingsHead{align-items:flex-start;flex-direction:column;gap:10px}
  .accountProfilePage .accountInfoGrid{grid-template-columns:1fr!important}
}
@media(max-width:600px){
  .accountProfilePage .accountPanel{padding-top:110px!important}
  .avatarSettings{padding:20px 15px}
  .avatarGrid{grid-template-columns:repeat(4,minmax(0,1fr));gap:7px}
  .avatarPreview{min-height:92px;padding:10px 20px 10px 12px;gap:14px}
  .avatarPreview>img{width:68px;height:68px;flex-basis:68px}
  .avatarPreviewCopy strong{font-size:18px}
  .avatarActions{align-items:stretch;flex-direction:column}
  .avatarSaveBtn{width:100%}
}