/* The common card name and active criteria remain reachable beside the results.
   The sheet contains only the additional search options. */
#commander-table .ct-search-direct{min-width:0;margin:0 0 20px;}
#commander-table .ct-search-direct .ct-search-name{display:block;}
#commander-table .ct-search-direct .ct-search-name>label{display:flex;flex-direction:column;gap:8px;min-width:0;}
#commander-table .ct-search-direct .ct-search-name input{box-sizing:border-box;width:100%;min-width:0;}
#commander-table .ct-search-direct .ct-search-chips{margin-bottom:0;}
#commander-table #ct-lobby .ct-search-filter-results{display:block;width:100%;margin:16px 0 0;}

/* An accordion is one glass surface, including its heading and contents. */
#commander-table .ct-search-filter-group{min-width:0;border:1px solid var(--ct-line);border-radius:14px;background:var(--ct-button);}
#commander-table #ct-lobby .ct-search-filter-group>.ct-search-filter-tab{width:100%;min-height:48px;border:0;border-radius:13px;background:transparent;box-shadow:none;}
#commander-table #ct-lobby .ct-search-filter-group>.ct-search-filter-panel{margin:0;border:0;border-radius:0;background:transparent;box-shadow:none;padding:4px 12px 16px;}
#commander-table #ct-lobby .ct-search-filter-group .ct-search-colors>legend{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip-path:inset(50%);white-space:nowrap;}
#commander-table .ct-search-filter-sheet .ct-builder-search-options{display:grid;grid-template-columns:minmax(0,1fr);}
#commander-table #ct-lobby .ct-search-filter-sheet .ct-build-check{display:grid;grid-template-columns:minmax(0,1fr) 24px;gap:12px;align-items:center;text-align:left;min-height:48px;}
#commander-table #ct-lobby .ct-search-filter-sheet .ct-build-check input{justify-self:end;width:22px;height:22px;min-height:22px;}

/* Twice the previous symbol size, with enough space for each touch target. */
#commander-table .ct-search-filter-sheet .ct-search-color-settings{grid-template-columns:repeat(2,minmax(0,1fr));}
#commander-table #ct-lobby .ct-search-filter-sheet .ct-search-color-settings>select{min-width:0;width:100%;box-sizing:border-box;padding:8px;font-size:14px;}
#commander-table .ct-search-filter-sheet .ct-search-color-buttons{grid-column:1 / -1;grid-row:2;width:min(100%,288px);height:auto;gap:8px;justify-self:center;}
#commander-table #ct-lobby .ct-search-filter-sheet .ct-search-color-buttons>button{height:48px;min-height:48px;border-radius:10px;padding:4px;}
#commander-table .ct-search-filter-sheet .ct-search-mana-symbol{width:36px;height:36px;}
#commander-table .ct-search-filter-sheet .ct-search-commander-colors{width:100%;}
#commander-table #ct-lobby .ct-search-filter-sheet .ct-search-commander-colors>legend{width:auto;margin-left:0;}
#commander-table .ct-search-filter-sheet .ct-search-commander-row{grid-template-columns:minmax(0,1fr);gap:12px;}
#commander-table .ct-search-filter-sheet .ct-search-commander-row>.ct-search-color-buttons{grid-column:1;grid-row:2;width:min(100%,288px);}

/* Sorting belongs to the results, immediately left of their view switch. */
#commander-table .ct-search-with-sheet .ct-search-result-tools{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:12px;}
#commander-table #ct-lobby .ct-search-with-sheet .ct-search-result-tools h2{grid-column:1 / -1;}
#commander-table #ct-lobby .ct-search-with-sheet .ct-search-result-tools>label{display:flex;flex-direction:column;align-items:stretch;gap:6px;min-width:0;font-size:13px;}
#commander-table .ct-search-with-sheet #ct-search-order{box-sizing:border-box;min-width:0;width:100%;height:44px;min-height:44px;padding:6px;font-size:14px;}
#commander-table #ct-lobby .ct-search-with-sheet .ct-view-toggle{gap:5px;font-size:14px;min-height:44px;}
#commander-table #ct-lobby .ct-search-with-sheet .ct-view-toggle button{width:44px;min-width:44px;max-width:44px;}