.home-account { position:relative; }
.home-account [hidden] { display:none !important; }
.home-account-menu summary { display:flex; align-items:center; gap:9px; max-width:220px; padding:8px 12px; border:1px solid #d8e2f2; border-radius:10px; cursor:pointer; color:var(--ink); list-style:none; }
.home-account-menu summary::-webkit-details-marker { display:none; }
#home-account-label { overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.home-account-avatar { display:grid; place-items:center; width:28px; height:28px; border-radius:8px; background:var(--blue-soft); color:var(--blue); font-weight:800; flex-shrink:0; }
.home-account-menu[open] summary { border-color:var(--blue); }
.home-account-panel { position:absolute; top:calc(100% + 12px); right:0; z-index:20; width:310px; max-width:calc(100vw - 32px); padding:22px; border:1px solid var(--line); border-radius:14px; background:#fff; box-shadow:0 16px 48px #15213a18; max-height:calc(100dvh - 110px); overflow:auto; }
.home-account-identity { display:flex; align-items:flex-start; flex-direction:column; gap:8px; padding-bottom:18px; border-bottom:1px solid var(--line); overflow-wrap:anywhere; }
#home-account-name { color:var(--ink); font-size:14px; font-weight:800; }
#home-account-email { font-size:11px; font-weight:400; color:var(--muted); }
.home-account-email-row { display:flex; align-items:center; gap:6px; max-width:100%; }
#home-account-email { min-width:0; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.home-account-verified { display:inline-grid; place-items:center; flex-shrink:0; width:17px; height:17px; border-radius:50%; font-size:12px; line-height:1; font-weight:800; color:#a5630b; background:#fff2da; cursor:help; }
.home-account-verified[data-verified=true] { color:#24724f; background:#edf8f2; }
.home-account-panel h2 { font-size:12px; color:var(--ink); margin:18px 0 10px; }
.home-account-cabinets { list-style:none; display:grid; gap:7px; margin:0; padding:0; }
.home-account-cabinet { display:flex; align-items:center; gap:10px; width:100%; border:1px solid transparent; background:var(--soft); border-radius:9px; padding:11px; text-align:left; color:var(--ink); }
.home-account-cabinet:hover { background:var(--blue-soft); border-color:#d8e2f2; }
.home-account-cabinet > span:last-child { display:grid; gap:4px; min-width:0; }
.home-account-cabinet strong { font-size:11px; font-weight:700; overflow-wrap:anywhere; }
.home-account-cabinet small { color:var(--muted); font-size:10px; line-height:1.5; }
.home-account-status { font-size:11px; font-weight:400; color:var(--muted); line-height:1.7; margin:10px 0 0; }
.home-account-status:empty { display:none; }
.home-account-status[data-kind=error] { color:#a63b4a; }
.home-account-actions { display:grid; gap:12px; padding-top:17px; margin-top:17px; border-top:1px solid var(--line); font-size:11px; }
.home-account-actions > a { color:var(--blue); }
.header-nav .home-account-panel a { display:block; }
.home-account-action { background:none; border:0; padding:0; text-align:left; color:var(--blue); font-size:11px; }
.home-account button:disabled { opacity:.6; cursor:wait; }
.home-account :focus-visible { outline:3px solid #9cbfff; outline-offset:3px; }
@media(max-width:600px) { .home-account-menu summary { max-width:155px; }.home-account-panel { position:fixed; top:76px; right:16px; } }
@media(max-width:420px) { .home-account-menu summary { max-width:120px; padding:8px; }.home-account-avatar { width:24px; height:24px; }.home-account-menu summary { gap:6px; } }