.account-page { max-width: 1100px; margin: auto; }
.account-page > .auth-header { text-align: center; margin-bottom: 22px; }
.account-page .dashboard-actions { display: flex; gap: 12px; flex-wrap: wrap; margin-bottom: 22px; }
.account-page .dashboard-actions button { flex: 1; min-width: 180px; }
.account-grid { display: grid; grid-template-columns: minmax(0,1fr) minmax(0,1fr); gap: 20px; align-items: start; }
.account-grid h3 { margin: 0 0 16px; }
.account-name-stage { padding: 26px 18px; background: #151515; border-radius: 12px; display: flex; align-items: center; justify-content: center; gap: 14px; min-height: 100px; overflow: hidden; margin-bottom: 14px; }
.account-name-stage > img { width: 56px; height: 56px; border-radius: 50%; object-fit: cover; }
#account-name-preview { display: flex; align-items: center; justify-content: center; gap: 8px; max-width: 100%; }
#account-name-preview .item-preview-text { overflow-wrap: anywhere; font-size: clamp(1.2rem, 3vw, 2rem); }
.account-flair { width: 32px; height: 32px; object-fit: contain; flex: 0 0 auto; }
.account-link-row { display: flex; align-items: center; gap: 10px; margin-top: 8px; }
.account-link-row input { min-width: 0; flex: 1; }
.account-form-row { display: grid; grid-template-columns: 1fr 1fr; gap: 14px; }
.account-inventory-card { margin-top: 20px; }
.account-inventory-card summary { cursor: pointer; color: #c4a0ed; margin-top: 18px; }
.account-items { display: grid; grid-template-columns: repeat(auto-fill, minmax(210px, 1fr)); gap: 12px; margin-top: 14px; }
.account-item { padding: 14px; border: 1px solid rgba(196,160,237,0.2); border-radius: 10px; display: flex; align-items: center; gap: 12px; overflow-wrap: anywhere; }
.account-item img { width: 36px; height: 36px; object-fit: contain; }
.account-item p { margin: 5px 0 0; }
#account-section .btn-secondary { color: #dcc4f4; background: rgba(196,160,237,0.08); border: 1px solid rgba(196,160,237,0.3); border-radius: 8px; padding: 9px 14px; font: inherit; cursor: pointer; }
#account-section button:disabled { opacity: 0.55; cursor: default; }
@media (max-width: 750px) { .account-grid { grid-template-columns: 1fr; } .account-link-row { flex-wrap: wrap; } .account-link-row input { flex-basis: 100%; } .account-form-row { grid-template-columns: 1fr; gap: 0; } }
#account-membership { margin-bottom: 22px; }
.account-grid > .support-card > p { margin-bottom: 12px; }
#account-profile-form > p { margin: 0 0 16px; line-height: 1.5; }
.account-page .dashboard-actions button { margin-bottom: 0 !important; }