.sessions { font-size:14px; border:1px solid var(--color-border); border-radius:12px; background:transparent; }
.is-guest .sessions { display:none; }
.sessions summary { display:flex; align-items:center; gap:10px; cursor:pointer; list-style:none; padding:12px 14px; border-radius:11px; background:var(--color-accent); color:var(--color-accent-fg); }
.sessions summary::-webkit-details-marker { display:none; }
.sessions summary::marker { content:""; }
.sessions__icon { width:18px; height:18px; flex:none; background:currentColor; mask-size:contain; mask-repeat:no-repeat; mask-position:center; }
.sessions__label { flex:1; }
.sessions__arrow { display:block; width:8px; height:8px; flex:none; margin:0 3px 4px 0; padding:0; border:0; border-right:2px solid currentColor; border-bottom:2px solid currentColor; background:none; transform:rotate(45deg); transition:transform var(--motion-control-duration,220ms) var(--motion-ease,ease); }
.sessions[open] .sessions__arrow { transform:translateY(4px) rotate(225deg); }
.sessions summary:focus-visible { outline:2px solid var(--color-accent); outline-offset:3px; }
.sessions__list { display:flex; flex-direction:column; gap:12px; max-height:35vh; overflow:auto; padding:14px; }
.sessions__entry { display:flex; flex-direction:row; align-items:center; justify-content:space-between; gap:12px; padding-left:0; font-size:12px; line-height:1.5; }
.sessions__entry > div { min-width:0; overflow-wrap:anywhere; }
.sessions__disconnect { flex:none; --ib-size:30px; --ib-icon:18px; }
@media(prefers-reduced-motion:reduce) { .sessions__arrow { transition:none; } }

.sessions__list { padding:14px; }
.sessions__entry > div { padding-left:0; }
.sessions__disconnect { margin-right:-5px; }