/* css/login.css — login.html's own rules (js/account.js). The pages' CSP
   refuses inline style (style-src 'self', deploy/nginx/elopros.com.conf). */
.ac-buttons { display: grid; grid-template-columns: repeat(auto-fill, minmax(200px, 1fr)); gap: 10px; }
.ac-buttons .btn { width: 100%; justify-content: center; }
.ac-row { display: flex; align-items: center; gap: 8px 12px; flex-wrap: wrap; }
.ac-row > b { flex: 0 0 84px; }
.ac-row .dim { flex: 1 1 60px; min-width: 0; overflow-wrap: anywhere; }
.ac-row .ac-acts { margin-left: auto; display: flex; gap: 8px; }
.ac-name-form .pf-lookline input { flex: 1 1 180px; width: auto; max-width: 360px; }
.ac-leave { margin-top: 18px; }
#ac-locker .ac-row > b { flex: 1 1 auto; }
/* the two doors: side by side, or the wallet's alone while logins are off */
.ac-doors { display: grid; gap: 12px; grid-template-columns: repeat(2, minmax(0, 1fr)); align-items: stretch; }
.ac-doors > .panel + .panel { margin-top: 0; }
.ac-doors.solo { grid-template-columns: minmax(0, 1fr); max-width: 640px; }
.ac-door > p { margin-bottom: 12px; }
@media (max-width: 699px) { .ac-doors { grid-template-columns: minmax(0, 1fr); } }
/* the address cells: copy and view sit beside the short address */
.ac-row .dim .btn.slim { margin-left: 4px; }
#ac-pick, #ac-here { margin-top: 10px; }
.ac-wlog { margin-top: 14px; }
.ac-wlog > b { display: block; margin-bottom: 4px; font-size: 13px; }
.ac-wlog .ac-row > .dim { flex: 0 0 96px; }