/* The collection choice is a filter popover; search opens a separate top sheet. */
.desktop-toolbar-slot{display:flex;align-items:center;gap:14px;min-height:67px}
.desktop-toolbar-slot .toolbar-stats{margin-left:auto}
.desktop-toolbar-slot #desktop-sort-slot{min-width:190px;max-width:240px}
.desktop-toolbar-slot .result-total{font-size:.8125rem;white-space:nowrap;margin:0;color:var(--muted)}
.desktop-toolbar-slot .result-total::after{content:attr(data-unit)}
.toolbar-stats .stat-word{margin-inline-start:3px}
.filter-trigger{position:relative;flex:none}
.filter-trigger svg{width:22px;height:22px}
.filter-trigger:not([data-filter-count="0"])::after{content:attr(data-filter-count);position:absolute;right:-3px;top:-4px;background:var(--ui-primary);color:var(--ui-on-primary);border-radius:12px;padding:3px 5px;font-size:10px;line-height:1}
.collection-menu{position:fixed;left:12px;bottom:calc(90px + env(safe-area-inset-bottom));z-index:20;width:220px;max-width:calc(100vw - 24px);padding:7px;border:1px solid var(--line);border-radius:16px;background:var(--surface);box-shadow:var(--ui-panel-shadow)}
.collection-choice{display:flex;align-items:center;gap:12px;min-height:48px;width:100%;padding:10px 12px;border:0;background:transparent;color:var(--green);border-radius:10px;text-align:left;font-size:.875rem}
.collection-choice small{margin-left:auto;color:var(--muted);font-size:.75rem}
.collection-choice[aria-pressed="true"]{background:var(--ui-owned-bg);color:var(--ui-owned-text)}
.collection-choice .nav-symbol{flex:none}
.collection-current{font-size:.625rem;line-height:1;color:var(--muted)}
:root[data-design] #tools-dialog{position:fixed;inset:76px auto auto 12px;margin:0;width:min(660px,calc(100vw - 24px));max-width:none;max-height:calc(100dvh - 96px);padding:20px;--panel-gutter:20px;border-radius:16px;overflow-x:hidden;background:var(--surface)}
:root[data-design] #tools-dialog[open]{animation:filters-descend .18s ease-out}
#tools-dialog .dialog-top{margin-bottom:14px}
#tools-dialog #collection-tools{display:grid;grid-template-columns:minmax(0,1fr);gap:12px;min-width:0;margin:0;min-height:0}
#tools-dialog .basic-filters{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,.8fr) minmax(0,1fr);gap:10px}
#tools-dialog label{display:flex;flex-direction:column;min-width:0;gap:6px;font-size:.8125rem}
#tools-dialog :is(input,select){width:100%;min-width:0;font-size:16px;height:44px}
#tools-dialog #toggle-advanced-filters{width:44px;min-height:44px;padding:6px;justify-self:center;font-size:1.6rem}
#tools-dialog #advanced-filters{display:grid;gap:10px;min-width:0;padding-top:4px}
#tools-dialog .filter-flags{display:flex;flex-wrap:wrap;gap:6px 14px}
#tools-dialog .filter-flags label{flex-direction:row;align-items:center;gap:8px;min-height:44px;cursor:pointer}
:root[data-design] #tools-dialog .filter-flags input{width:18px;height:18px;min-width:18px;min-height:18px;padding:0;margin:0;flex:none;accent-color:var(--accent)}
#reset-collection-filters{width:100%}
.settings-runtime-info{margin-top:12px;min-width:0;overflow-wrap:anywhere}
.coin-detail-actions{margin-top:18px}
.coin-detail-actions .quantity-row{margin-top:0}
@keyframes filters-descend{from{transform:translateY(-15px);opacity:0}to{transform:translateY(0);opacity:1}}
@media(max-width:1000px){
  .desktop-toolbar-slot{display:none}
  .mobile-nav{display:grid;grid-template-columns:repeat(4,minmax(0,1fr))}
  .mobile-nav .nav-button{min-height:58px;gap:4px;font-size:.75rem}
  #mobile-sort-slot{gap:8px;justify-content:flex-start;padding-left:12px;padding-right:12px}
  #mobile-sort-slot .sort-controls{margin-left:auto;max-width:210px}
  #mobile-sort-slot .back-control>span{display:none}
  #mobile-sort-slot .back-control{padding:10px;width:44px}
  :root[data-design] #tools-dialog{inset:calc(68px + env(safe-area-inset-top)) 8px auto;width:calc(100vw - 16px);max-height:calc(100dvh - 84px - env(safe-area-inset-top));padding:18px;--panel-gutter:18px;border-radius:16px}
  #tools-dialog .basic-filters{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:10px}
  #tools-dialog .basic-filters>label:last-child{grid-column:1/-1}
  :root[data-design] #tools-dialog[data-keyboard-open="true"]{top:calc(var(--keyboard-top,0px) + 8px);max-height:calc(var(--keyboard-height,100dvh) - 16px)}
  #tools-dialog[data-keyboard-open="true"] .basic-filters{display:none}
}
@media(prefers-reduced-motion:reduce){:root[data-design] #tools-dialog[open]{animation:none}}