/* Device rows share one list and keep identity, activity and actions together. */
.access-view{padding-top:2px}
dialog:has(.access-view){width:740px;max-width:min(740px,calc(100% - 28px))}
.access-tabs{margin-bottom:6px;gap:28px}
.access-session{display:grid;grid-template-columns:38px minmax(0,1fr) auto;column-gap:16px;align-items:start;padding:24px 0}
.access-session:last-child{border-bottom:0}
.access-device-icon{display:flex;align-items:center;justify-content:center;min-height:32px;color:var(--muted);padding-top:2px}
.access-device-icon svg{width:30px;height:30px}
.access-session.is-current .access-device-icon{color:var(--accent)}
.access-session-content{min-width:0}
.access-session-title{display:flex;flex-wrap:wrap;align-items:center;gap:7px 14px;min-height:27px}
.access-session-title strong{font-size:15px;font-weight:600;line-height:1.55;overflow-wrap:anywhere}
.access-current{display:inline-flex;align-items:center;gap:6px;color:var(--control-text,var(--primary));font-size:12px;font-weight:550;line-height:1.7;white-space:nowrap}
.access-current:before{content:'';width:5px;height:5px;background:currentColor;border-radius:50%}
.access-session-meta,.access-session-signed,.access-session-origin{font-size:12px;line-height:1.8;color:var(--muted);overflow-wrap:anywhere}
.access-session-meta{display:flex;flex-wrap:wrap;column-gap:7px;margin:5px 0 0}
.access-session-meta>span:last-child{min-width:0}
.access-address{min-width:0}
.access-session-signed{margin:3px 0 0}
.access-session-origin{margin:3px 0 0}
.access-session .access-ip{font-size:12px;letter-spacing:-.15px}
.access-meta-divider{margin-inline:5px;color:var(--muted)}
.access-session-meta>.access-meta-divider{display:none}
.access-session-meta>span:last-child:before{content:'·';margin-right:7px}
.access-session-action{align-self:start;padding-top:0}
html:is([data-design='pocket'],[data-design='flow']) .access-session-action .btn{min-height:38px;padding:6px 0 6px 12px;color:var(--red);font-size:12px;font-weight:500;white-space:nowrap}
html:is([data-design='pocket'],[data-design='flow']) .access-session-action .btn:hover{color:var(--red);background:transparent;text-decoration:underline;text-underline-offset:4px}
.access-session-action .btn:focus-visible{outline-offset:4px}
.access-list+.auth-help{margin-top:12px;padding-top:16px;border-top:1px solid var(--line)}
.access-email-note{border-top:1px solid var(--line);padding-top:18px;margin-top:18px}
.access-email-note p{font-size:12px}
.access-footer{padding-top:10px;gap:12px}
.access-confirm-note{font-size:14px;line-height:1.7;color:var(--muted);max-width:470px}
@media(max-width:600px){
 .access-tabs{gap:20px}
 .access-session{grid-template-columns:30px minmax(0,1fr);gap:0 12px;padding:22px 0}
 .access-device-icon svg{width:27px;height:27px}
 .access-session-title{gap:3px 10px}
 .access-session-title strong{font-size:14px}
 .access-current{font-size:11px}
 .access-session-meta{display:block;margin-top:6px}
 .access-session-meta>.access-meta-divider{display:none}
 .access-session-meta>span:last-child:before{content:none}
 .access-session-meta>span{display:block}
 .access-session-meta>span:last-child{margin-top:2px}
 .access-session-signed .access-meta-divider{margin-inline:3px}
 .access-session-action{grid-column:2;padding-top:5px}
 html:is([data-design='pocket'],[data-design='flow']) .access-session-action .btn{padding:5px 0;min-height:36px}
 .access-session-signed{margin-top:2px}
 .access-footer{align-items:flex-start}
}