/* Dedicated named-monster browser */
.named-location-row-hidden{display:none!important}

.named-browser-launcher{
  width:100%;
  margin:12px 0 0;
  min-height:58px;
  display:grid;
  grid-template-columns:32px minmax(0,1fr) auto 18px;
  align-items:center;
  gap:10px;
  padding:10px 12px;
  color:inherit;
  background:rgba(255,255,255,.025);
  border:1px solid rgba(213,196,126,.18);
  border-radius:9px;
  cursor:pointer;
  text-align:left;
}
.named-browser-launcher:hover{background:rgba(255,255,255,.045);border-color:rgba(213,196,126,.34)}
.named-browser-launch-icon{font-size:22px;line-height:1;color:#d7c565;text-align:center}
.named-browser-launch-copy{min-width:0;display:flex;flex-direction:column;gap:2px}
.named-browser-launch-copy strong{font-size:13px;letter-spacing:.03em;text-transform:uppercase}
.named-browser-launch-copy small{font-size:11px;color:#969b92}
.named-browser-launch-count{font-size:12px;color:#b9bdaF}
.named-browser-launch-arrow{font-size:24px;line-height:1;color:#d7c565}

.named-browser-header{display:none}
.sidebar.named-browser-mode .named-browser-header{
  display:grid;
  gap:12px;
  padding:2px 0 14px;
  border-bottom:1px solid rgba(255,255,255,.10);
}
.named-browser-back{
  justify-self:start;
  min-height:36px;
  display:inline-flex;
  align-items:center;
  gap:6px;
  padding:5px 10px 5px 7px;
  border:1px solid rgba(213,196,126,.24);
  border-radius:7px;
  background:rgba(255,255,255,.025);
  color:inherit;
  cursor:pointer;
}
.named-browser-back span{font-size:24px;line-height:.7;color:#d7c565}
.named-browser-title-row{display:flex;align-items:end;justify-content:space-between;gap:12px}
.named-browser-kicker{margin:0 0 2px;font-size:10px;letter-spacing:.12em;text-transform:uppercase;color:#999f94}
.named-browser-title-row h2{margin:0;font-size:18px;font-weight:700}
.named-browser-total{font-size:11px;font-weight:500;color:#999f94;white-space:nowrap}
.named-browser-toggle{
  display:flex;align-items:center;gap:9px;
  min-height:38px;padding:8px 10px;
  border:1px solid rgba(255,255,255,.09);border-radius:7px;
  background:rgba(255,255,255,.02);font-size:12px;
}
.named-browser-toggle input{accent-color:#d7c565}
.named-browser-sort{display:grid;grid-template-columns:auto 1fr;align-items:center;gap:10px;font-size:11px;color:#aeb2aa}
.named-browser-sort select{
  min-width:0;width:100%;height:36px;padding:0 9px;
  color:inherit;background:#111510;border:1px solid rgba(255,255,255,.11);border-radius:7px;
}

.sidebar.named-browser-mode .realm-switch,
.sidebar.named-browser-mode .zone-field,
.sidebar.named-browser-mode .level-section,
.sidebar.named-browser-mode .filter-section,
.sidebar.named-browser-mode .named-browser-launcher,
.sidebar.named-browser-mode .reset-button{display:none!important}

.sidebar:not(.named-browser-mode) > .search-field,
.sidebar:not(.named-browser-mode) > .results-section{display:none!important}

.sidebar.named-browser-mode{
  overflow:hidden;
  display:flex;
  flex-direction:column;
}
.sidebar.named-browser-mode .sidebar-heading{flex:0 0 auto}
.sidebar.named-browser-mode .named-browser-header{flex:0 0 auto}
.sidebar.named-browser-mode > .search-field{
  display:grid!important;
  flex:0 0 auto;
  margin-top:14px;
}
.sidebar.named-browser-mode > .results-section{
  display:flex!important;
  flex:1 1 auto;
  min-height:0;
  margin-top:12px;
  padding-top:0;
  flex-direction:column;
}
.sidebar.named-browser-mode .results-section .section-title-row{flex:0 0 auto}
.sidebar.named-browser-mode .results-list{
  flex:1 1 auto;
  min-height:0;
  max-height:none!important;
  overflow-y:auto;
  padding-right:3px;
  scrollbar-width:thin;
}
.sidebar.named-browser-mode .result-card{min-height:49px}

@media (max-width: 800px){
  .sidebar.named-browser-mode{overflow:hidden}
  .named-browser-launcher{min-height:54px}
}