.account-main{max-width:1200px;margin:auto;padding:40px}.page-heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:32px}.page-heading h1{font-size:28px}.page-heading p{margin:0;font-size:13px}.back-link{font-size:13px;color:var(--muted)}.settings-layout{display:grid;grid-template-columns:220px minmax(0,1fr);gap:36px;align-items:start}.settings-sidebar{position:sticky;top:24px}.identity-summary{display:grid;gap:5px;padding-bottom:24px;overflow-wrap:anywhere}.identity-summary strong{font-size:17px}.identity-summary>.muted{font-size:12px}.avatar-mark{position:relative;width:48px;height:48px;border-radius:50%;background:#263544;color:#bcd6ff;display:grid;place-items:center;font-size:22px;font-weight:600;margin-bottom:10px;overflow:hidden}.avatar-mark img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.settings-nav{display:grid;gap:5px;border-top:1px solid var(--line);padding-top:20px}.settings-nav button{border:0;background:transparent;text-align:left;color:var(--muted);padding:12px 14px;border-radius:8px;font-size:13px}.settings-nav button.active{background:#1b242e;color:var(--ink);font-weight:600}.settings-nav button:hover{background:#151c23}.settings-nav span{font-size:10px;color:var(--accent)}.settings-content{min-width:0}.settings-panel{padding:28px 30px;border:1px solid var(--line);border-radius:12px;background:var(--panel);min-height:420px}.panel-heading{margin-bottom:28px}.panel-heading h2{font-size:19px;margin:0 0 5px}.panel-heading p,.password-note p{font-size:12px;color:var(--muted);margin:0}.setting-form{display:grid;grid-template-columns:1fr 1fr;gap:20px}.setting-form label{display:grid;gap:8px;color:#b7c2cf;font-size:12px}.wide-field{grid-column:1/-1}.setting-form button{justify-self:start;grid-column:1/-1;padding:10px 22px;border:0;border-radius:7px;background:#c0d7ff;color:#10213b;font-weight:600}.setting-form p{grid-column:1/-1;margin:0;color:var(--accent);font-size:12px}.setting-form textarea{resize:vertical;min-height:88px}.account-details{margin-top:30px;border-top:1px solid var(--line);padding-top:20px;font-size:12px;color:var(--muted)}.account-details summary{cursor:pointer}.identity-list{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin:18px 0 0}.identity-list div{min-width:0}.identity-list dt{font-size:11px;color:#778492}.identity-list dd{margin:4px 0 0;color:#c1cbd6;overflow-wrap:anywhere;font-size:12px}.settings-title{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:22px}.settings-title h3{font-size:19px;margin:0}.settings-title button,.device-card button,.device-item button{font-size:12px;border:1px solid var(--line);padding:7px 12px;background:transparent;color:var(--muted);border-radius:7px}.connection-list{display:grid;gap:0}.connection-item{display:grid;grid-template-columns:36px minmax(0,1fr) auto;gap:12px;align-items:center;padding:20px 0;border-top:1px solid var(--line)}.connection-icon{width:32px;height:32px;display:grid;place-items:center;border:1px solid var(--line);border-radius:8px;font-size:12px;color:var(--muted)}.connection-item strong{display:block;font-size:14px;font-weight:550}.connection-item div>span{display:block;font-size:12px;color:var(--muted);overflow-wrap:anywhere}.connection-item>a,.connection-item>button{font-size:12px;padding:6px 12px;border:1px solid var(--line);border-radius:6px;color:var(--accent)}.connection-state{font-size:11px;color:#83c9ac}.connection-note{font-size:12px;color:var(--muted);margin-bottom:0}.connection-note:empty{display:none}.password-note{border-top:1px solid var(--line);padding-top:24px;margin-top:24px}.password-note h3{font-size:14px;margin:0 0 8px}.password-note a{margin-top:16px;font-size:12px}.session-note{margin-top:28px;padding-top:20px;border-top:1px solid var(--line);font-size:12px;color:var(--muted)}.session-note strong{font-weight:500;color:#95ccae}.session-note p{font-size:11px;margin-bottom:0}.device-list{display:grid;gap:12px}.device-card,.device-item{padding:16px;border:1px solid var(--line);border-radius:8px;display:flex;align-items:center;justify-content:space-between;gap:16px}.device-card strong,.device-item strong{font-size:13px}.device-card p,.device-item p,.device-meta{font-size:11px;color:var(--muted);margin:4px 0}.device-badge{font-size:10px;color:#95ccae}.inbox-layout{display:grid;grid-template-columns:220px minmax(0,1fr);border:1px solid var(--line);border-radius:8px;overflow:hidden;min-height:320px}.inbox-list{border-right:1px solid var(--line);min-width:0;overflow:auto;max-height:440px}.inbox-empty,.device-empty{padding:20px;font-size:12px;color:var(--muted);margin:0}.message-detail{padding:22px;min-width:0}.message-detail h4{font-size:16px;margin:0 0 12px}.message-detail p,.message-body{font-size:13px;color:#b7c2cf;line-height:1.9;white-space:pre-wrap;overflow-wrap:anywhere}.message-detail a{color:var(--accent);font-size:12px}.message-item{display:block;text-align:left;width:100%;background:transparent;color:var(--ink);border:0;border-bottom:1px solid var(--line);padding:16px;cursor:pointer}.message-item.active{background:#1b242e}.message-item strong,.message-item span,.message-item time{display:block}.message-item strong{font-size:13px}.message-item span,.message-item time{font-size:11px;color:var(--muted);margin-top:6px}.unread-badge{font-size:10px;color:var(--accent)}.admin-entry{display:grid;grid-template-columns:36px 1fr auto;gap:12px;align-items:center;padding:20px 0;border-top:1px solid var(--line)}.admin-entry strong{font-size:14px;display:block}.admin-entry small{font-size:11px;color:var(--muted)}.admin-entry b{font-size:12px;font-weight:500;color:var(--accent)}.error{color:var(--danger)!important}@media(max-width:900px){.account-main{padding:30px 24px}.settings-layout{grid-template-columns:180px minmax(0,1fr);gap:24px}.settings-panel{padding:24px}.inbox-layout{grid-template-columns:1fr}.inbox-list{border-right:0;border-bottom:1px solid var(--line);max-height:220px;min-height:80px}.message-detail{min-height:220px}}@media(max-width:600px){.account-main{padding:24px 16px}.page-heading{margin-bottom:24px;gap:10px}.page-heading h1{font-size:24px}.page-heading p{font-size:11px}.back-link{font-size:11px;white-space:nowrap}.settings-layout{display:block}.settings-sidebar{position:static}.identity-summary{grid-template-columns:42px 1fr;padding-bottom:14px;align-items:center;gap:0 12px}.identity-summary .avatar-mark{grid-row:1/3;width:40px;height:40px;margin:0}.identity-summary strong{font-size:15px}.identity-summary>.muted{font-size:11px}.settings-nav{display:flex;gap:5px;overflow:auto;padding:12px 0 20px;border-top:0}.settings-nav button{white-space:nowrap;padding:9px 12px;font-size:12px}.settings-panel{padding:22px 18px;min-height:360px}.setting-form{grid-template-columns:1fr;gap:18px}.identity-list{grid-template-columns:1fr}.settings-title h3{font-size:18px}.settings-title button{font-size:11px;padding:6px 9px}.connection-item{grid-template-columns:30px minmax(0,1fr) auto;gap:9px}.connection-item>a{padding:5px 9px}.device-card,.device-item{padding:12px;gap:10px}.admin-entry{grid-template-columns:30px 1fr;gap:10px}.admin-entry b{grid-column:2}}
/* Message and session rows rendered by the existing account API client. */
.inbox-message{display:block;width:100%;padding:16px;border:0;border-bottom:1px solid var(--line);border-radius:0;background:transparent;text-align:left;color:var(--ink)}.inbox-message.is-active{background:#1b242e}.inbox-message-top{display:flex;align-items:baseline;justify-content:space-between;gap:10px}.inbox-message-top strong{font-size:13px;font-weight:500;overflow-wrap:anywhere}.inbox-message.is-unread strong{font-weight:650}.inbox-message-top time{font-size:10px;color:var(--muted);white-space:nowrap}.inbox-message-excerpt{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;font-size:11px;color:var(--muted);line-height:1.7;margin-top:7px}.message-detail .mini-label{display:block;font-size:11px;color:var(--muted);margin-bottom:10px}.device-item{display:grid;grid-template-columns:32px minmax(0,1fr) auto}.device-item>div:nth-child(2){min-width:0}.device-item strong,.device-item>div>span{display:block;overflow-wrap:anywhere}.device-item>div>span{font-size:11px;color:var(--muted);margin-top:5px}.device-icon{display:grid;place-items:center;width:30px;height:30px;border:1px solid var(--line);border-radius:6px;font-size:10px;color:var(--muted)}.device-current{font-size:10px!important;color:#95ccae!important;white-space:nowrap}@media(max-width:600px){.device-item{grid-template-columns:28px minmax(0,1fr) auto;gap:8px}.device-icon{width:26px;height:26px}.device-item>span{font-size:9px!important}.inbox-message-top{flex-wrap:wrap;gap:3px}}