/* Account, keys and security panel. Same surfaces as the rest of the site. */
#loginView .login-card.hidden{display:none}
#loginView .login-card label{display:grid;gap:6px;margin-top:14px}
#loginView .login-card .btn.primary{margin-top:18px;width:100%}
#loginView .login-card .status-line{margin-top:12px;min-height:18px}
#loginView .login-card .btn.ghost{margin-top:10px;width:100%}
.ua-card{width:min(720px,calc(100vw - 24px));max-height:calc(100dvh - 32px);overflow:auto;padding:22px}
.ua-card h3{margin:22px 0 10px;font-size:13px;letter-spacing:.08em;text-transform:uppercase;color:var(--muted)}
.ua-card form{display:grid;gap:10px}
.ua-card .row{display:flex;gap:10px;flex-wrap:wrap;align-items:end}
.ua-card .row>label{flex:1 1 160px;display:grid;gap:6px;font-size:14px}
.ua-card .row>label.check{flex:0 0 auto;display:flex;align-items:center;gap:8px;min-height:42px}
.ua-card .row>label.check input{width:auto}
.ua-list{display:grid;gap:8px;margin:0;padding:0;list-style:none}
.ua-list li{display:flex;gap:10px;align-items:center;justify-content:space-between;flex-wrap:wrap;padding:10px 12px;border:1px solid var(--border);border-radius:10px;background:var(--panel2,transparent);font-size:14px}
.ua-list li .meta{color:var(--muted);font-size:12.5px}
.ua-list li .acts{display:flex;gap:6px;flex-wrap:wrap}
.ua-list li .btn{padding:6px 10px;font-size:13px;min-height:0}
.ua-list li.off{opacity:.55}
.ua-secret{display:flex;gap:10px;align-items:center;flex-wrap:wrap;padding:12px;border:1px solid var(--accent);border-radius:10px;margin-top:4px}
.ua-secret code{font:600 15px/1.3 ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.04em;word-break:break-all;flex:1 1 220px}
.ua-secret small{flex:1 0 100%;color:var(--muted)}
.ua-note{min-height:18px;font-size:13px;color:var(--muted)}
.ua-note.error{color:var(--danger)}
.ua-tag{font-size:11px;padding:2px 7px;border-radius:999px;border:1px solid var(--border);color:var(--muted)}
.ua-tag.open{color:var(--accent);border-color:var(--accent)}
.ua-list li select{width:auto;min-height:0;padding:6px 8px;font-size:13px}
.ua-list li{margin:0}
.ua-card .ua-list+.row{margin-top:10px}
/* A team mate's bankroll is read-only: nothing that writes is offered. */
body.viewing-friend #openUpload,body.viewing-friend #overviewManualAdd,body.viewing-friend [data-tab="imports"],body.viewing-friend [data-tab="telegram"],
body.viewing-friend [data-dock="imports"],body.viewing-friend [data-more="telegram"],body.viewing-friend .overview-actions,
body.viewing-friend button[onclick^="deleteBet"],body.viewing-friend button[onclick^="shareBet"],body.viewing-friend button[onclick^="openBotLink"],body.viewing-friend button[onclick^="archiveDuplicate"]{display:none!important}
.ua-card textarea{width:100%;resize:vertical;min-height:70px}

.login-hint{margin:0;font-size:13.5px;line-height:1.45;color:var(--muted)}
#loginView .login-card a.btn{display:flex;justify-content:center;box-sizing:border-box;text-decoration:none}
#loginView .login-card .login-hint{margin-top:8px}
/* The phone dock belongs to the site, not to the sign-in, sign-up and key screens. */
body:has(#loginView:not(.hidden)) .app-dock{display:none}