tr.table-keyboard-selected>td{box-shadow:inset 0 2px var(--hx-accent,#3b82f6),inset 0 -2px var(--hx-accent,#3b82f6)}
.table-keyboard-bar{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:6px 0;font-size:11px;color:var(--hx-muted);flex:none}
html body :is(.table-keyboard-bar,.table-keyboard-dialog) button{display:inline-flex;align-items:center;justify-content:center;width:26px;height:26px;padding:0;border:1px solid var(--hx-border,#475569);border-radius:50%;background:var(--hx-surface,#1e293b);color:var(--hx-text,#e2e8f0);cursor:pointer}
html body .table-keyboard-dialog{position:fixed;inset:0;margin:auto;box-sizing:border-box;width:min(620px,calc(100vw - 32px));height:fit-content;max-height:calc(100dvh - 32px);overflow:auto;padding:24px;border:1px solid var(--hx-border,#475569);border-top:3px solid var(--hx-accent,#3b82f6);border-radius:12px;background:var(--hx-surface,#1e293b);color:var(--hx-text,#e2e8f0);font-size:14px}
.table-keyboard-dialog:not([open]){display:none}.table-keyboard-dialog::backdrop{background:#0008;backdrop-filter:blur(3px)}
.table-keyboard-dialog header{display:flex;justify-content:space-between;align-items:center;gap:16px}.table-keyboard-dialog h2{font-size:18px;margin:0}.table-keyboard-dialog dl{display:grid;grid-template-columns:150px 1fr;gap:12px 18px;margin-top:20px}.table-keyboard-dialog dt,.table-keyboard-dialog dd{margin:0;padding-bottom:12px;border-bottom:1px solid var(--hx-border);line-height:1.5}.table-keyboard-dialog p{line-height:1.6}
@media(max-width:500px){.table-keyboard-dialog dl{grid-template-columns:1fr}.table-keyboard-dialog dt{border:0;padding:0}}

/* Keep row position, totals, page navigation and help on one footer line. */
html body.hx-site .card-body > .compact-table-footer {
 display:flex; flex-direction:row; align-items:center; flex-wrap:wrap;
 gap:8px 16px; padding:4px 0 0; margin:0; flex:none; min-height:30px;
 font-size:11px; color:var(--hx-muted);
}
html body.hx-site .compact-table-footer .table-keyboard-bar { display:contents; }
html body.hx-site .compact-table-footer .table-keyboard-bar > button { order:10; margin-left:auto; flex-shrink:0; }
html body.hx-site .compact-table-footer .pagination { display:flex; align-items:center; flex-wrap:wrap; gap:8px; padding:0; margin:0; }

/* Help lives with the controls; position remains announced without a footer row. */
html body.hx-site .table-toolbar-help {margin-left:auto;justify-content:flex-end;flex:none}
html body.hx-site .table-toolbar-help > span {position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
@media(max-width:767px){html body.hx-site .table-toolbar-help {display:none!important}}

.hx-table-status{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}