/* ORDENAR — fatia do styles.59caf61f.css usada só por cards.html, collection.html, detail.html, explore.html, wishlist.html, sales.html, binders.html, pastas.html.
   GERADO por scripts/split-css.mjs; edite o styles.59caf61f.css e rode de novo.
   Carrega DEPOIS do styles.59caf61f.css: a ordem da cascata é preservada porque os
   seletores mistos vieram junto, na posição original (ver o script). */



.srt-host { position: relative; }

.srt-host::after { content: ""; position: absolute; inset: 0; z-index: 1; cursor: pointer; }

.srt-host:hover select { border-color: var(--muted); }

.srt-veu { position: fixed; inset: 0; z-index: 200; }

.srt-menu {
  position: fixed; z-index: 201; display: flex; flex-direction: column; gap: 2px;
  min-width: 260px; max-width: calc(100vw - 16px); padding: 6px;
  overflow-y: auto; overscroll-behavior: contain;
  background: var(--panel-strong); border: 1px solid var(--line); box-shadow: var(--shadow-pop);
}

.srt-opt {
  display: flex; align-items: center; justify-content: flex-start; gap: 5px;
  width: 100%; min-height: 36px; padding: 7px 12px; flex: none;
  border: 0; border-radius: 0; background: transparent; color: var(--text);
  font-size: 14px; font-weight: 500; text-align: left; white-space: nowrap;
}

.srt-opt:focus-visible { background: var(--panel); outline: none; }
@media (hover: hover) {
 .srt-opt:hover { background: var(--panel); }
}


.srt-opt[aria-selected="true"] { background: var(--accent-soft); }

.srt-k { font-weight: 700; }

.srt-d { color: var(--muted); }

.srt-opt svg { flex: none; width: 16px; height: 16px; margin-left: auto; padding-left: 4px; box-sizing: content-box; }
@media (max-width: 600px) {

  .srt-veu { background: rgba(6, 8, 12, 0.55); }
  .srt-menu.is-sheet { left: 8px; right: 8px; bottom: calc(8px + env(safe-area-inset-bottom)); max-height: 72vh; min-width: 0; }
  .srt-opt { min-height: 44px; font-size: 15px; }
}