/* Logins page, and the reduced shell of a player-search login. */
#logins{overflow-y:auto;scrollbar-gutter:stable}
.logins-layout{display:grid;grid-template-columns:minmax(280px,360px) minmax(0,1fr);gap:clamp(28px,3vw,64px);align-items:start}
.logins-new{padding:20px;border:1px solid var(--panel-line);border-radius:9px;background:var(--paper)}
.logins-new h2,.logins-heading h2{font-size:1rem;font-weight:600;margin:0}
.logins-new .subtle-note{margin:4px 0 0}
.logins-new form>button{width:100%;margin-top:18px}
#login-create-message,#login-dialog-message{margin:10px 0 0;font-size:.8125rem}
#login-create-message:empty,#login-dialog-message:empty{display:none}
.login-share{margin-top:20px;padding:14px 16px;border:1px solid var(--accent);border-radius:8px;background:var(--accent-soft)}
.login-share-heading{display:flex;justify-content:space-between;align-items:baseline;gap:12px}
.login-share dl{display:grid;gap:6px;margin:12px 0 14px}
.login-share dl>div{display:grid;grid-template-columns:76px minmax(0,1fr);gap:8px;font-size:.8125rem}
.login-share dt{color:var(--muted)}
.login-share dd{margin:0;font-weight:550;overflow-wrap:anywhere}
.login-share .login-secret{font-family:Consolas,monospace;font-size:.875rem}
.login-share-actions{display:flex;gap:8px}
.logins-heading{display:flex;align-items:baseline;gap:12px;padding:0 0 12px}
.logins-table table{min-width:640px}
.logins-table td{padding-top:8px;padding-bottom:8px}
.logins-table th:last-child{text-align:right;padding-right:21px}
.login-name{font-weight:600;white-space:nowrap}
.login-state{font-size:.75rem;font-weight:550;color:var(--muted)}
.login-state.active{color:var(--green)}
.login-never{color:var(--muted)}
.login-actions{display:flex;gap:2px;justify-content:flex-end}
.login-actions .quiet{min-height:30px;padding:4px 9px;font-size:.75rem}
.login-actions .login-delete{color:var(--red)}
.primary.login-danger{background:var(--red);color:#2a1012}
.primary.login-danger:hover{background:#f3a8ac;color:#2a1012}
#app-shell[data-role=search] .app-bar nav a:not([data-page=players]):not([data-page=saved-players]):not([data-page=rankings]):not([data-page=meta]):not([data-page=punishments]),#app-shell[data-role=search] .collection-presence,#app-shell[data-role=search] .brand small{display:none}
.player-search-home{flex:1;min-height:min(420px,50dvh)}
.player-search-home strong{font-size:1.125rem;font-weight:600;color:var(--ink)}
.player-search-home p{margin:6px 0 0}
@media(max-width:1100px){#logins{overflow:visible;scrollbar-gutter:auto}.logins-layout{grid-template-columns:minmax(0,1fr)}.logins-new{max-width:560px}}
@media(max-width:700px){.logins-new{padding:16px}.logins-table table{min-width:500px}.logins-table th:nth-child(4),.logins-table td:nth-child(4){display:none}}