/* Admin identity uses the server-provided role; this styling grants no privileges. */
.admin-crown { display: block; width: 24px; height: 24px; flex-shrink: 0; filter: drop-shadow(0 2px 3px #0009); }
.user.user--admin { display: inline-flex; align-items: center; gap: 8px; padding: 8px 12px; border-color: #79602f; background: linear-gradient(135deg, #2a2111, #13110c 65%); box-shadow: inset 0 1px #f5da8d15, 0 0 18px #bc872110; color: #e9e4d7; }
.user.user--admin:hover, .user.user--admin[aria-expanded="true"] { border-color: #c39841; background: linear-gradient(135deg, #372a12, #19150d); }
.admin-button-label { font-size: 10px; font-weight: 800; letter-spacing: 1.3px; color: #f1d187; }
.admin-button-divider { width: 1px; height: 14px; background: #786335; }
.admin-user-name { max-width: 140px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.admin-button-chevron { font-size: 10px; color: #b49b62; }
.account-menu--admin { border-color: #70582c; background: linear-gradient(145deg, #211c10, #0a0a08 60%); }
.account-menu-admin { display: flex; align-items: center; gap: 13px; padding: 15px 10px 18px; margin-bottom: 6px; border-bottom: 1px solid #5a4522; }
.account-menu-admin[hidden], .admin-profile-banner[hidden], #adminRoleRow[hidden] { display: none; }
.admin-seal { display: grid; place-items: center; width: 52px; height: 52px; flex-shrink: 0; border: 1px solid #8d6b2f; border-radius: 50%; background: radial-gradient(circle at 35% 20%, #4b391b, #1c170d 70%); box-shadow: inset 0 0 0 4px #08080655, 0 4px 14px #0005; }
.admin-seal .admin-crown { width: 39px; height: 39px; }
.account-menu-admin small { color: #a28b55; font-size: 8px; letter-spacing: 2px; }
.account-menu-admin strong { display: block; margin-top: 4px; color: #f5d990; font-size: 17px; }
.account-menu-admin p { margin: 4px 0 0; color: #a79d86; font-size: 11px; }
.account-panel--admin { border-color: #66502b; background: radial-gradient(ellipse at 95% 0%, #38290f55, transparent 50%), #0c0c0b; }
.plan.plan--admin { display: inline-flex; align-items: center; gap: 6px; padding: 6px 12px; border-color: #8e6d30; background: linear-gradient(135deg, #302512, #17130b); color: #f5d990; letter-spacing: 1px; }
.plan--admin .admin-crown { width: 21px; height: 21px; }
.admin-profile-banner { display: flex; align-items: center; gap: 20px; padding: 24px; margin: 0 0 26px; border: 1px solid #6d5127; border-radius: 12px; background: linear-gradient(115deg, #332612, #19160e 55%, #0e0f0c); box-shadow: inset 0 1px #f3dc9d12; }
.admin-profile-banner .admin-seal { width: 68px; height: 68px; }
.admin-profile-banner .admin-crown { width: 50px; height: 50px; }
.admin-profile-copy { min-width: 0; }
.admin-profile-copy > small { color: #b99b5b; font-size: 9px; letter-spacing: 2.5px; }
.admin-profile-copy h2 { margin: 6px 0; color: #f2d895; font-size: 25px; font-weight: 700; }
.admin-profile-copy p { margin: 0; color: #bdb39d; font-size: 13px; line-height: 1.6; }
.admin-access-tag { margin-left: auto; padding: 8px 12px; border: 1px solid #69522a; border-radius: 999px; color: #d3bd82; font-size: 11px; white-space: nowrap; }
.stats .admin-role-value { color: #e2c078; }
.user:focus-visible, .account-menu button:focus-visible { outline: 2px solid #f4d785; outline-offset: 3px; }
@media (max-width: 850px) {
  .user.user--admin { display: none; }
  .admin-profile-banner { flex-wrap: wrap; padding: 20px; gap: 15px; }
  .admin-access-tag { margin-left: 83px; }
  .account-head { flex-wrap: wrap; }
}
@media (max-width: 600px) {
  .vd-profile-page header { height: auto; min-height: 74px; padding: 8px 5%; gap: 10px; }
  .profile-main .account-panel { padding: 24px 18px; margin-top: 30px; }
  .account-head { display: grid; grid-template-columns: 68px minmax(0, 1fr); gap: 10px 16px; }
  .account-head .avatar { grid-row: 1 / 3; align-self: center; }
  .account-head .plan { grid-column: 2; justify-self: start; margin: 0; }
  .account-head > div:not(.avatar) { min-width: 0; flex: 1; }
  .account-head h3 { margin: 0; font-size: 26px; overflow-wrap: anywhere; }
  .account-head p { font-size: 12px; overflow-wrap: anywhere; }
  .admin-profile-banner { display: grid; grid-template-columns: 50px minmax(0, 1fr); padding: 18px; gap: 12px; }
  .admin-profile-banner .admin-seal { width: 50px; height: 50px; }
  .admin-profile-banner .admin-crown { width: 38px; height: 38px; }
  .admin-profile-copy { flex: 1; }
  .admin-profile-copy h2 { font-size: 20px; }
  .admin-profile-copy p { font-size: 12px; }
  .admin-access-tag { grid-column: 2; margin: 0; justify-self: start; }
  .account-card { min-width: 0; }
  .stats div { flex-wrap: wrap; gap: 6px; }
  .stats strong { overflow-wrap: anywhere; }
}