/* Account overlay (public/account.js). Phone first: one column, no horizontal scroll. */
#account { background: var(--bg); z-index: 5; }
#account .card { text-align: left; }
#account h2 { font-size: 24px; margin: 0 0 8px; }
#account .acStatus { margin: 0 0 12px; padding: 10px 12px; background: #161b22; border-radius: 10px; font-size: 14px; color: var(--fg); }
#account .acStatus b { color: var(--accent); }
#account .acNote { margin: 8px 0 0; font-size: 13px; color: var(--dim); }
#account button { margin-top: 8px; }
#account .acMsg { min-height: 1.4em; margin-top: 10px; font-size: 14px; color: var(--dim); overflow-wrap: anywhere; }
#account .acMsg.bad { color: var(--opp); }
#account .acMsg.good { color: #3fb950; }
#account .acRow { display: flex; align-items: center; gap: 8px; padding: 8px 0; border-bottom: 1px solid #21262d; font-size: 14px; }
#account .acRow .acName { flex: 1; min-width: 0; overflow-wrap: anywhere; }
#account .acRow .acMeta { font-size: 12px; color: var(--dim); display: block; }
#account .acRow button { width: auto; margin: 0; padding: 6px 12px; font-size: 13px; }
#account .acCode { margin: 8px 0 0; padding: 14px 8px; background: #161b22; border: 1px dashed var(--accent); border-radius: 10px; text-align: center; font: 700 20px/1.3 ui-monospace, monospace; letter-spacing: 1px; color: var(--accent); -webkit-user-select: text; user-select: text; overflow-wrap: anywhere; }
#account input.acInput { display: block; width: 100%; margin-top: 8px; padding: 12px; font: 600 18px ui-monospace, monospace; letter-spacing: 1px; text-transform: uppercase; color: var(--fg); background: #0d1117; border: 1px solid #30363d; border-radius: 10px; -webkit-user-select: text; user-select: text; }
#account .sec { margin-top: 16px; }