.directory-summary{display:grid;grid-template-columns:1fr 1fr;border:1px solid var(--line);background:var(--panel);margin-bottom:12px}.directory-summary>div{padding:13px 15px;border-right:1px solid var(--line)}.directory-summary>div:last-child{border:0}.directory-toolbar{margin-bottom:7px}.directory-list{border:1px solid var(--line)}.directory-head,.directory-row{display:grid;grid-template-columns:minmax(0,1fr) 120px 170px 130px;align-items:center;min-height:43px;padding:0 13px}.directory-head{min-height:31px;background:var(--line);font-size:10px;font-weight:700}.directory-row:nth-child(odd){background:#262627}.directory-row:nth-child(even){background:var(--row)}.directory-row{border-bottom:1px solid #444445}.directory-row:last-child{border-bottom:0}.directory-row strong{font-size:12px}.directory-version{color:#fff;font:10px var(--font-mono)}.directory-row a{color:#fff;text-align:left;text-decoration:none;font-size:10px;font-weight:700}.directory-row a:hover{color:var(--red)}.directory-row a.disabled{color:var(--muted);cursor:default}.directory-state{color:var(--green);font:10px var(--font-mono)}.directory-state.private{color:var(--muted)}.directory-state.reconnecting{color:var(--wait)}.directory-row-placeholder{pointer-events:none}.directory-placeholder-text{grid-column:1/-1;color:var(--muted);font-size:10px}.directory-pagination{display:grid;grid-template-columns:100px minmax(0,1fr) 100px;align-items:center;min-height:36px;border:1px solid var(--line);border-top:0;background:var(--panel)}.directory-pagination button{align-self:stretch;border:0;background:var(--row);color:#fff;font:700 9px var(--font-ui);cursor:pointer}.directory-pagination button:first-child{border-right:1px solid var(--line)}.directory-pagination button:last-child{border-left:1px solid var(--line)}.directory-pagination button:hover:not(:disabled),.directory-pagination button:focus-visible:not(:disabled){background:var(--red);outline:0}.directory-pagination button:disabled{color:#6f737b;cursor:default}.directory-pagination span{color:var(--muted);font:10px var(--font-mono);text-align:center}#directory-status{color:var(--wait);font-size:12px}#directory-status.live{color:var(--green)}#directory-status.offline{color:var(--red)}
.locked main{display:none}.login-overlay{min-height:100vh;display:grid;place-items:center;padding:20px}.profile-login{width:min(620px,100%)}.login-header{margin:0 0 12px;padding:0 2px 12px}.login-state{color:var(--wait);font:10px var(--font-mono);text-align:right}.login-summary{display:grid;grid-template-columns:1fr 1fr;border:1px solid var(--line);background:var(--panel);margin-bottom:12px}.login-summary>div{min-width:0;padding:10px 14px;border-right:1px solid var(--line)}.login-summary>div:last-child{border:0}.login-summary strong{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:12px}.login-auth{padding:14px;border:1px solid var(--line);background:var(--panel)}.login-auth label{display:block;margin-bottom:7px;color:var(--muted);font-size:9px}.login-auth input{font:12px var(--font-mono);letter-spacing:0;text-align:left}.login-error{min-height:16px;padding-top:6px;color:var(--red);font:10px var(--font-mono)}.login-actions{display:flex;align-items:center;justify-content:space-between;gap:12px;padding-top:4px}.login-actions a{color:var(--muted);font-size:10px;text-decoration:none}.login-actions a:hover,.login-actions a:focus-visible{color:#fff;outline:0}.login-actions button{width:auto;min-width:155px;height:34px;border:1px solid var(--line);background:var(--row);color:#fff;font:700 10px var(--font-ui);cursor:pointer}.login-actions button:hover,.login-actions button:focus-visible{border-color:var(--red);background:var(--red);outline:0}body:not(.locked) .login-overlay{display:none}
@media(max-width:600px){.directory-head,.directory-row{grid-template-columns:minmax(0,1fr) 62px 92px 82px;padding:0 9px}.directory-pagination{grid-template-columns:82px minmax(0,1fr) 82px}.directory-summary{grid-template-columns:1fr}.directory-summary>div{border-right:0;border-bottom:1px solid var(--line)}.directory-summary>div:last-child{border-bottom:0}.login-summary{grid-template-columns:1fr}.login-summary>div{border-right:0;border-bottom:1px solid var(--line)}.login-summary>div:last-child{border-bottom:0}.login-actions{align-items:stretch;flex-direction:column-reverse}.login-actions a{padding:7px 0}.login-actions button{width:100%}}