
.v73-account-card{width:100%!important;min-height:118px!important;padding:9px!important;overflow:hidden!important}
.v73-login-btn{width:100%!important;min-height:38px!important;position:static!important}
.v73-account-grid{display:grid!important;grid-template-columns:42px minmax(0,1.35fr) minmax(65px,.8fr)!important;grid-template-rows:auto 34px!important;gap:7px!important;align-items:stretch!important}
.v73-account-grid[hidden]{display:none!important}.v73-grid-cell{min-width:0!important;padding:6px 8px!important;border:1px solid rgba(255,255,255,.07)!important;border-radius:9px!important;background:rgba(255,255,255,.018)!important}
.avatar-cell{grid-column:1!important;grid-row:1!important;display:grid!important;place-items:center!important;padding:3px!important}.v73-user-photo{width:34px!important;height:34px!important;border-radius:50%!important;object-fit:cover!important;border:1px solid rgba(0,232,255,.16)!important;background:#07051a!important}
.identity-cell{grid-column:2!important;grid-row:1!important}.role-cell{grid-column:3!important;grid-row:1!important;position:relative!important}.plan-cell{grid-column:1!important;grid-row:2!important;padding:4px 6px!important}
.v73-cell-label{display:block!important;margin-bottom:3px!important;color:#6f7893!important;font:600 7.5px/1 Inter,sans-serif!important;text-transform:uppercase!important;letter-spacing:.06em!important}
.v73-user-name,.v73-role-value,.v73-plan-value{display:block!important;min-width:0!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important;color:#fff!important;font:800 9px/1.15 Inter,sans-serif!important}
.v73-role-value{color:#b8f7ff!important}.v73-plan-value{color:#ffc9ee!important}.v73-admin-link{position:absolute!important;right:5px!important;bottom:4px!important;border:0!important;background:transparent!important;color:#ffd184!important;font:800 7.5px/1 Inter,sans-serif!important;cursor:pointer!important}
.v73-grid-action{min-width:0!important;min-height:34px!important;border-radius:9px!important;border:1px solid rgba(255,255,255,.08)!important;background:rgba(255,255,255,.03)!important;color:#e4e7ef!important;font:700 8.5px/1 Inter,sans-serif!important;cursor:pointer!important;white-space:nowrap!important}
.profile-action{grid-column:2!important;grid-row:2!important}.logout-action{grid-column:3!important;grid-row:2!important;color:#ff9cac!important;border-color:rgba(255,112,136,.14)!important;background:rgba(255,112,136,.035)!important}
.v73-auth-choice{margin:12px 0 14px!important}.v73-auth-choice-label{display:block!important;margin:0 0 7px!important;color:#959db4!important;font:700 9px/1 Inter,sans-serif!important}.v73-auth-role-grid{display:grid!important;grid-template-columns:1fr 1fr!important;gap:8px!important}
.v73-auth-role{min-height:58px!important;padding:9px 10px!important;border:1px solid rgba(255,255,255,.10)!important;border-radius:12px!important;background:rgba(255,255,255,.025)!important;color:#fff!important;text-align:left!important;cursor:pointer!important}.v73-auth-role.active{border-color:rgba(0,232,255,.28)!important;background:linear-gradient(135deg,rgba(0,232,255,.08),rgba(129,77,255,.13))!important}
.v73-auth-role strong,.v73-auth-role small{display:block!important}.v73-auth-role strong{font-size:11px!important}.v73-auth-role small{margin-top:4px!important;color:#8993ad!important;font-size:8.5px!important}.v73-auth-plans{margin-top:10px!important}.v73-auth-plans[hidden]{display:none!important}.v73-plan-buttons{display:grid!important;grid-template-columns:repeat(3,1fr)!important;gap:7px!important}
.v73-plan-buttons button{min-height:36px!important;border:1px solid rgba(255,255,255,.09)!important;border-radius:9px!important;background:rgba(255,255,255,.025)!important;color:#dfe3ed!important;font:800 9px/1 Inter,sans-serif!important;cursor:pointer!important}.v73-plan-buttons button.active{color:#fff!important;border-color:rgba(255,62,207,.28)!important;background:rgba(255,62,207,.09)!important}
.subscription-card{grid-column:1/-1!important}.profile-current-plan{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:12px!important;margin-bottom:12px!important;padding:10px 12px!important;border-radius:11px!important;background:rgba(255,255,255,.025)!important}.profile-current-plan span{color:#9099b2!important;font-size:10px!important}.profile-current-plan strong{color:#fff!important;font-size:15px!important}
.profile-plan-grid{display:grid!important;grid-template-columns:repeat(4,1fr)!important;gap:8px!important}.profile-plan-option{min-height:66px!important;padding:10px!important;border:1px solid rgba(255,255,255,.08)!important;border-radius:12px!important;background:rgba(255,255,255,.02)!important;color:#fff!important;text-align:left!important;cursor:pointer!important}.profile-plan-option.active{border-color:rgba(0,232,255,.22)!important;background:linear-gradient(135deg,rgba(0,232,255,.06),rgba(255,62,207,.07))!important}
.profile-plan-option strong,.profile-plan-option small{display:block!important}.profile-plan-option strong{font-size:13px!important}.profile-plan-option small{margin-top:5px!important;color:#8c96b0!important;font-size:9px!important}
@media(max-width:1500px){.v73-account-grid{grid-template-columns:38px minmax(0,1.25fr) minmax(58px,.7fr)!important}.v73-user-photo{width:30px!important;height:30px!important}.v73-grid-action{font-size:8px!important}}
@media(max-width:820px){.profile-plan-grid{grid-template-columns:1fr 1fr!important}}


/* ==========================================================
   CANTAIMY v7.3.1 — strict 2x3 account grid
   Row 1: Avatar | User | Role
   Row 2: Plan | Profile | Logout
   ========================================================== */

.v73-account-card{
  width:100% !important;
  min-height:116px !important;
  height:116px !important;
  padding:8px !important;
  box-sizing:border-box !important;
  overflow:hidden !important;
}

.v73-account-grid{
  width:100% !important;
  height:100% !important;
  display:grid !important;
  grid-template-columns:repeat(3,minmax(0,1fr)) !important;
  grid-template-rows:1fr 1fr !important;
  gap:6px !important;
  align-items:stretch !important;
}

.v73-account-grid[hidden]{
  display:none !important;
}

.v73-grid-cell,
.v73-grid-action{
  width:100% !important;
  min-width:0 !important;
  height:100% !important;
  min-height:0 !important;
  box-sizing:border-box !important;
  border-radius:9px !important;
  border:1px solid rgba(255,255,255,.075) !important;
  background:rgba(255,255,255,.022) !important;
  overflow:hidden !important;
}

.avatar-cell{
  grid-column:1 !important;
  grid-row:1 !important;
  display:grid !important;
  place-items:center !important;
  padding:4px !important;
}

.identity-cell{
  grid-column:2 !important;
  grid-row:1 !important;
  display:flex !important;
  flex-direction:column !important;
  justify-content:center !important;
  padding:6px 7px !important;
}

.role-cell{
  grid-column:3 !important;
  grid-row:1 !important;
  display:flex !important;
  flex-direction:column !important;
  justify-content:center !important;
  padding:6px 7px !important;
}

.plan-cell{
  grid-column:1 !important;
  grid-row:2 !important;
  display:flex !important;
  flex-direction:column !important;
  justify-content:center !important;
  padding:5px 6px !important;
}

.profile-action{
  grid-column:2 !important;
  grid-row:2 !important;
}

.logout-action{
  grid-column:3 !important;
  grid-row:2 !important;
}

.v73-user-photo{
  width:36px !important;
  height:36px !important;
  min-width:36px !important;
  max-width:36px !important;
  border-radius:50% !important;
  object-fit:cover !important;
  border:1px solid rgba(0,232,255,.18) !important;
  background:#07051a !important;
}

.v73-cell-label{
  display:block !important;
  margin:0 0 3px !important;
  color:#707a94 !important;
  font-family:Inter,sans-serif !important;
  font-size:7px !important;
  font-weight:700 !important;
  line-height:1 !important;
  letter-spacing:.05em !important;
  text-transform:uppercase !important;
  white-space:nowrap !important;
  overflow:hidden !important;
  text-overflow:ellipsis !important;
}

/* Same typography for all three account values */
.v73-user-name,
.v73-role-value,
.v73-plan-value{
  display:block !important;
  width:100% !important;
  min-width:0 !important;
  margin:0 !important;
  font-family:Inter,sans-serif !important;
  font-size:9px !important;
  font-weight:800 !important;
  line-height:1.15 !important;
  white-space:nowrap !important;
  overflow:hidden !important;
  text-overflow:ellipsis !important;
}

.v73-user-name{color:#fff !important;}
.v73-role-value{color:#aef6ff !important;}
.v73-plan-value{color:#ffc5ea !important;}

/* Same typography and geometry for both action buttons */
.v73-grid-action,
#profileOpenBtn,
#logoutBtn{
  position:static !important;
  inset:auto !important;
  transform:none !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  width:100% !important;
  max-width:none !important;
  min-width:0 !important;
  height:100% !important;
  min-height:0 !important;
  padding:4px 6px !important;
  margin:0 !important;
  border-radius:9px !important;
  font-family:Inter,sans-serif !important;
  font-size:9px !important;
  font-weight:800 !important;
  line-height:1.1 !important;
  white-space:normal !important;
  text-align:center !important;
  overflow:hidden !important;
  box-sizing:border-box !important;
  cursor:pointer !important;
}

#profileOpenBtn{
  color:#e8eaf2 !important;
  border:1px solid rgba(255,255,255,.075) !important;
  background:rgba(255,255,255,.022) !important;
}

#logoutBtn{
  color:#ff9dad !important;
  border:1px solid rgba(255,112,136,.14) !important;
  background:rgba(255,112,136,.035) !important;
}

/* Admin is not a second role in the header card. */
.v73-admin-link,
#adminOpenBtn{
  display:none !important;
}

@media(max-width:1500px){
  .v73-account-card{
    min-height:112px !important;
    height:112px !important;
    padding:7px !important;
  }

  .v73-account-grid{
    gap:5px !important;
  }

  .v73-user-photo{
    width:32px !important;
    height:32px !important;
    min-width:32px !important;
    max-width:32px !important;
  }

  .v73-user-name,
  .v73-role-value,
  .v73-plan-value,
  .v73-grid-action,
  #profileOpenBtn,
  #logoutBtn{
    font-size:8.5px !important;
  }

  .v73-cell-label{
    font-size:6.7px !important;
  }
}


/* ==========================================================
   CANTAIMY v7.3.2 — Admin role + long email fit
   ========================================================== */

.v73-account-grid{
  grid-template-columns:52px minmax(0,1.75fr) minmax(72px,.85fr) !important;
}

/* User/email cell gets the most space and may use two lines. */
.identity-cell{
  justify-content:center !important;
}

.v73-user-name{
  white-space:normal !important;
  overflow:hidden !important;
  text-overflow:clip !important;
  display:-webkit-box !important;
  -webkit-line-clamp:2 !important;
  -webkit-box-orient:vertical !important;
  overflow-wrap:anywhere !important;
  word-break:break-word !important;
  line-height:1.15 !important;
  max-height:2.3em !important;
  font-size:8.8px !important;
}

/* Role/plan remain one line. */
.v73-role-value,
.v73-plan-value{
  white-space:nowrap !important;
  overflow:hidden !important;
  text-overflow:ellipsis !important;
}

/* Admin should visually read as a role, not a secondary flag. */
.v73-role-value{
  color:#aef6ff !important;
}

/* Slightly smaller labels to leave more content room. */
.v73-cell-label{
  font-size:6.6px !important;
}

/* Actions stay balanced and fully visible. */
#profileOpenBtn,
#logoutBtn{
  font-size:8.3px !important;
  line-height:1.08 !important;
  padding:4px 5px !important;
}

@media(max-width:1500px){
  .v73-account-grid{
    grid-template-columns:48px minmax(0,1.7fr) minmax(68px,.8fr) !important;
  }

  .v73-user-name{
    font-size:8.3px !important;
  }

  .v73-role-value,
  .v73-plan-value{
    font-size:8.3px !important;
  }

  #profileOpenBtn,
  #logoutBtn{
    font-size:7.9px !important;
  }
}
