/* One Table banner holds Access, Comlink, the selected Table and its tools. */
.table-frame{height:100dvh;min-height:0;display:grid;grid-template-rows:auto minmax(0,1fr) auto;overflow:hidden;background:#eaf0e6;color:#173e2e}
.table-access-bar{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:38px;padding:4px 12px;background:#092b20;color:#fff;border-bottom:1px solid #43866b;font-size:13px}
.table-access-bar strong{letter-spacing:.06em}.table-access-bar small{font-size:10px;letter-spacing:0;font-weight:500;margin-left:8px;color:#c6e5d6}
.table-access-bar label{display:flex;align-items:center;gap:8px;white-space:nowrap}.table-access-bar select{min-height:30px;max-width:230px;border:1px solid #679781;border-radius:4px;background:#163f30;color:#fff;padding:3px 8px;font-size:12px}
.table-dice-dock,.table-dice-dock>div,.table-dice-dock #online-dice-host,.table-dice-dock #tray-dice-host{width:100%;height:100%;min-width:0;min-height:0;display:block}
.table-frame .game-bottom-tabs{min-height:48px;max-height:70px;scrollbar-width:auto;scrollbar-gutter:stable;padding-bottom:3px}
.table-frame .game-bottom-tabs::-webkit-scrollbar{height:18px}.table-frame .game-bottom-tabs::-webkit-scrollbar-thumb{background:#4c9779;border:3px solid #092b20;border-radius:9px}
@media(max-width:600px){.table-access-bar{padding:4px 8px;gap:4px;font-size:11px}.table-access-bar label{font-size:0;gap:0}.table-access-bar select{font-size:11px;max-width:175px;min-height:36px}.table-access-bar small{display:none}}

/* Light-DOM controls are projected into the persistent Table header. */
.table-frame.table-header-unified{grid-template-rows:minmax(0,1fr) auto}
.table-header-unified .table-access-bar{display:contents}
.table-header-unified .table-access-bar>strong{font-size:12px;white-space:nowrap;color:#ecfff2}
.table-header-unified .table-access-bar small{font-size:9px}
.table-header-unified .table-access-bar label{margin:0;font-size:11px}
.table-header-unified .table-access-bar select{max-width:185px;font-size:11px}
.table-header-unified .um-comlink-header-slot{min-width:0}
@media(max-width:700px){.table-header-unified .table-access-bar small{display:none}}