.account-choice { display:flex; align-items:flex-start; gap:10px; margin:16px 0; font-size:14px; line-height:1.5; text-align:left; }
.account-choice input[type=checkbox] { width:20px; min-width:20px; height:20px; margin:2px 0 0; padding:0; }
.account-choices { border:1px solid var(--rule); padding:12px; margin:12px 0; min-width:0; }
.account-choices p { font-size:13px; line-height:1.5; color:var(--ink-dim); }
.account-legal { margin:12px 0; }
.account-legal summary { cursor:pointer; font-size:14px; }
.account-legal pre { white-space:pre-wrap; overflow-wrap:anywhere; font:14px/1.6 var(--sans); max-height:45vh; overflow:auto; padding:12px; border:1px solid var(--rule); }
/* The dialog's shape from parts.css §11, drawn here because a native
   <dialog> sits outside #stage: the page's paper, a 27 title, a round ×. */
.account-settings { box-sizing:border-box; background:var(--surface, var(--card)); color:var(--ink); border:1px solid var(--rule); border-radius:0; box-shadow:0 24px 60px rgba(0,0,0,.45); width:min(600px,calc(100% - 32px)); max-height:calc(100% - 48px); padding:var(--sp-4) var(--sp-5) var(--sp-5); overflow:auto; z-index:200; font:400 var(--fs-body)/1.5 var(--sans); }
.account-settings::backdrop { background:color-mix(in srgb, #0b0907 72%, transparent); }
.account-settings > h2 { margin:0 calc(var(--h-line) + var(--sp-3)) var(--sp-3) 0; min-height:var(--h-line); display:flex; align-items:center; font:600 var(--fs-stat)/1.1 var(--display); letter-spacing:-.01em; color:var(--ink); }
.account-settings > p { margin:var(--sp-3) 0; }
.account-x { position:absolute; top:var(--sp-4); right:var(--sp-4); display:grid; place-items:center; width:var(--h-line); height:var(--h-line); padding:0; margin:0; cursor:pointer; font:400 22px/1 var(--sans); color:var(--ink-dim); background:transparent; border:0; border-radius:999px; }
.account-x:hover { color:var(--ink); background:color-mix(in srgb, var(--ink) 7%, transparent); }
.account-x:focus-visible { outline:2px solid var(--focus); outline-offset:2px; }
.gate { overflow-y:auto; }
.gate-card { margin:auto; }

#onlineTables .account-choice { display:flex; }
#onlineTables .account-choice input[type=checkbox] { width:20px; min-height:20px; height:20px; margin:2px 0 0; }
.phone-bar { flex-wrap:wrap; }
.phone-bar > .btn { margin-left:auto; font-size:11px; }

.account-settings label:has(input[type=text]) { display:grid; gap:8px; margin:16px 0; }
.account-settings input[inputmode=numeric] { max-width:180px; font:inherit; padding:10px; }