/* Account dropdown on the original design, without changing the page layout. */
.header-actions { position: relative; }
.dmm-profile-wrap { position: relative; z-index: 90; }
.dmm-profile-trigger { display:flex; align-items:center; justify-content:center; gap:8px; border:1px solid #e3e6ec; border-radius:13px; background:#fff; color:#171b20; padding:7px 10px; font:inherit; font-weight:700; cursor:pointer; white-space:nowrap; }
.dmm-profile-avatar { display:inline-grid; place-items:center; flex:none; width:32px; height:32px; border-radius:50%; background:#f1f0ff; color:#5753bd; font-weight:800; }
.dmm-profile-avatar-large { width:46px; height:46px; }
.dmm-profile-panel { position:absolute; top:calc(100% + 12px); left:0; width:min(340px,calc(100vw - 28px)); padding:14px; border:1px solid #e6e8ee; border-radius:20px; background:#fff; box-shadow:0 18px 48px rgba(24,30,42,.18); color:#202630; text-align:right; font-size:14px; }
.dmm-profile-panel[hidden], .dmm-profile-link[hidden] { display:none!important; }
.dmm-profile-identity { display:flex; align-items:center; gap:11px; padding:8px 4px 15px; border-bottom:1px solid #e9e9ef; }
.dmm-profile-identity strong { display:block; font-size:16px; }
.dmm-profile-identity small { display:block; margin-top:5px; color:#727987; font-size:12px; overflow-wrap:anywhere; text-align:right; }
.dmm-profile-plan { display:flex; justify-content:space-between; align-items:center; gap:12px; padding:15px 5px 5px; }
.dmm-profile-plan strong { border-radius:20px; background:#edf7f1; color:#147d4d; padding:5px 10px; font-size:12px; }
.dmm-profile-expiry { color:#6d7582; font-size:12px; line-height:1.7; padding:4px 5px 12px; }
.dmm-profile-link { display:block; margin:5px 0; padding:12px; border-radius:11px; background:#f6f7f9; color:#252d39; text-decoration:none; font-weight:600; }
.dmm-profile-logout { width:100%; padding:12px; margin-top:12px; border:1px solid #f2dddd; border-radius:12px; background:#fff9f9; color:#bf2735; font:inherit; cursor:pointer; }
@media(max-width:600px) { .dmm-profile-trigger { padding:5px 7px; gap:5px; font-size:12px; } .dmm-profile-avatar { width:28px; height:28px; } .dmm-profile-avatar-large { width:46px; height:46px; } }