/* Pixthor v1.7.94 — compact sort control, light and dark */
#app > .px-resource-subbar .px-sort-dropdown {min-width:112px;flex:0 0 auto;}
#app > .px-resource-subbar .px-sort-dropdown summary {
  min-height:34px;padding:7px 10px 7px 12px;gap:14px;
  border:1px solid transparent;border-radius:8px;
  background:rgba(0,0,0,.035);box-shadow:none;
  color:#24272b;font-size:12px;font-weight:500;letter-spacing:0;
  transition:background-color .16s ease,color .16s ease;
}
#app > .px-resource-subbar .px-sort-dropdown summary:hover,
#app > .px-resource-subbar .px-sort-dropdown[open] summary {background:rgba(0,0,0,.065);border-color:transparent;box-shadow:none;}
#app > .px-resource-subbar .px-sort-dropdown summary:focus-visible {outline:2px solid #84918f;outline-offset:2px;}
#app > .px-resource-subbar .px-sort-dropdown .px-sort-chevron {opacity:.65;transform-origin:center;}
#app > .px-resource-subbar .px-sort-options {
  top:calc(100% + 7px);right:0;left:auto;min-width:184px;width:max-content;
  max-width:min(240px,calc(100vw - 24px));padding:5px;
  border:1px solid #ededed;border-radius:10px;background:#fff;
  box-shadow:0 8px 26px rgba(0,0,0,.06);overflow:hidden;
}
#app > .px-resource-subbar .px-sort-options button {
  min-height:36px;padding:9px 11px;border-radius:6px;
  color:#2b2d30;font-size:12px;font-weight:500;
}
#app > .px-resource-subbar .px-sort-options button:hover,
#app > .px-resource-subbar .px-sort-options button.selected {background:#f3f4f4;color:#111;}
html[data-theme="dark"] #app > .px-resource-subbar .px-sort-dropdown summary {
  background:#1d2023!important;border-color:transparent!important;color:#f5f5f5!important;box-shadow:none!important;
}
html[data-theme="dark"] #app > .px-resource-subbar .px-sort-dropdown summary:hover,
html[data-theme="dark"] #app > .px-resource-subbar .px-sort-dropdown[open] summary {background:#292d31!important;}
html[data-theme="dark"] #app > .px-resource-subbar .px-sort-options {
  background:#1d2023!important;border-color:#30343a!important;
  box-shadow:0 8px 26px rgba(0,0,0,.18)!important;
}
html[data-theme="dark"] #app > .px-resource-subbar .px-sort-options button {color:#f5f5f5!important;background:transparent!important;}
html[data-theme="dark"] #app > .px-resource-subbar .px-sort-options button:hover,
html[data-theme="dark"] #app > .px-resource-subbar .px-sort-options button.selected {background:#30353a!important;color:#fff!important;}
@media(max-width:520px){
 #app > .px-resource-subbar .px-sort-dropdown {min-width:100px;max-width:40vw;}
 #app > .px-resource-subbar .px-sort-dropdown summary {min-height:34px;padding:7px 9px;gap:8px;font-size:11px;}
 #app > .px-resource-subbar .px-sort-options {min-width:164px;max-width:calc(100vw - 24px);}
}


/* v1.7.95: remove inactive dark-mode tile edge / shadow completely */
html[data-theme="dark"] #app > .px-resource-subbar .px-sort-dropdown,
html[data-theme="dark"] #app > .px-resource-subbar .px-sort-dropdown:not([open]) {
  background:transparent!important;border:0!important;box-shadow:none!important;
  outline:0!important;filter:none!important;
}
html[data-theme="dark"] #app > .px-resource-subbar .px-sort-dropdown:not([open]) summary,
html[data-theme="dark"] #app > .px-resource-subbar .px-sort-dropdown:not([open]) summary:not(:hover) {
  background:transparent!important;border:0!important;box-shadow:none!important;
  outline:0!important;filter:none!important;
}
html[data-theme="dark"] #app > .px-resource-subbar .px-sort-dropdown summary::before,
html[data-theme="dark"] #app > .px-resource-subbar .px-sort-dropdown summary::after {
  content:none!important;box-shadow:none!important;
}
html[data-theme="dark"] #app > .px-resource-subbar .px-sort-dropdown summary:hover,
html[data-theme="dark"] #app > .px-resource-subbar .px-sort-dropdown[open] summary {
  background:#1d2023!important;border:0!important;box-shadow:none!important;
}