/* account's own additions to rc.css (home serves it; tokens, buttons, inputs, header). */
.wide { display: flex; width: 100%; margin: var(--s2) 0 0; }
.card > .wide:first-child { margin-top: 0; }
.row { display: flex; gap: var(--s2); align-items: center; }
.row button { flex: none; white-space: nowrap; }
.you { display: flex; align-items: center; gap: var(--s3); }
.you img { width: 56px; height: 56px; border-radius: 50%; flex: none; }
.you h1 { font-size: var(--t-h1); margin: 0; }
.rc-who img { width: 32px; height: 32px; }
#err { margin-bottom: var(--s4); }
.rc-note { margin-bottom: var(--s4); }
ul.apps { list-style: none; margin: 0; padding: 0; }
ul.apps li { border-top: 1px solid var(--line); }
ul.apps a { display: block; padding: var(--s2) 0; text-decoration: none; color: var(--fg); }
ul.apps a b { color: var(--accent); font-weight: 600; }
ul.apps a .muted { font-size: var(--t-small); }
#keys { list-style: none; margin: 0 0 var(--s1); padding: 0; }
#keys li { display: flex; align-items: center; gap: var(--s2); padding: var(--s2) 0; border-bottom: 1px solid var(--line); font-size: var(--t-small); }
#keys li span { flex: 1; }
#keys li button { min-height: 32px; padding: 4px 10px; font-size: var(--t-small); }
.file { margin-top: var(--s3); cursor: pointer; color: var(--accent); font-size: var(--t-body); }
.file input { display: none; }
details.danger { margin-top: var(--s8); color: var(--muted); }
details.danger summary { cursor: pointer; }
details.danger form { margin-top: var(--s2); color: var(--fg); }
.approve .what { font-size: var(--t-h2, 1.15rem); margin: 0 0 var(--s2); overflow-wrap: anywhere; }
.approve ul { margin: var(--s1) 0 0; padding-left: var(--s4); font-size: var(--t-body); }
.approve .seen { display: block; margin-top: var(--s2); font-size: var(--t-body); }
.approve .seen.warn { color: var(--bad); font-weight: 600; }
.approve ul.files { max-height: 12rem; overflow-y: auto; font-size: var(--t-small); }