/* Mahjong Radar Version 102 — public Members directory filters and smart search. */
#screen-members{max-width:1320px!important;margin:0 auto!important}
#screen-members .member-directory-tools{
  max-width:none!important;
  width:100%!important;
  margin:16px 0 20px!important;
  padding:16px!important;
  border:1px solid rgba(190,143,48,.28)!important;
  border-radius:20px!important;
  background:rgba(255,253,247,.86)!important;
  box-shadow:0 10px 28px rgba(31,46,61,.07)!important;
}
#screen-members .member-smart-search{
  min-height:50px!important;
  display:flex!important;
  align-items:center!important;
  gap:10px!important;
  padding:0 15px!important;
  border:1px solid rgba(190,143,48,.34)!important;
  border-radius:15px!important;
  background:#fffdf8!important;
}
#screen-members .member-smart-search svg{flex:0 0 auto;color:#a77721!important}
#screen-members .member-smart-search input{
  width:100%!important;
  min-width:0!important;
  border:0!important;
  outline:0!important;
  background:transparent!important;
  color:#123b5c!important;
  font:inherit!important;
  box-shadow:none!important;
}
#screen-members .member-smart-search input::placeholder{color:#746e64!important;opacity:.92!important}
#screen-members .member-filter-heading{
  display:flex!important;
  align-items:flex-end!important;
  justify-content:space-between!important;
  gap:14px!important;
  margin:14px 2px 9px!important;
}
#screen-members .member-filter-heading>div{display:flex!important;align-items:baseline!important;gap:9px!important;flex-wrap:wrap!important}
#screen-members .member-filter-heading b{color:#0f3554!important;font-size:14px!important}
#screen-members .member-filter-heading div span{font-size:12px!important;color:#7a7062!important}
#screen-members .member-results-summary{font-size:12px!important;color:#6b6257!important;white-space:nowrap!important}
#screen-members .member-filter-grid{
  display:grid!important;
  grid-template-columns:1.15fr 1.25fr 1.15fr 1.05fr 1.05fr auto!important;
  gap:10px!important;
  align-items:end!important;
}
#screen-members .member-filter-field{display:flex!important;flex-direction:column!important;gap:5px!important;min-width:0!important}
#screen-members .member-filter-field>span{
  font-size:10px!important;
  letter-spacing:.08em!important;
  text-transform:uppercase!important;
  color:#79694d!important;
  font-weight:700!important;
}
#screen-members .member-filter-field select{
  width:100%!important;
  min-height:42px!important;
  padding:8px 34px 8px 11px!important;
  border:1px solid rgba(190,143,48,.30)!important;
  border-radius:12px!important;
  background:#fffdf8!important;
  color:#123b5c!important;
  font:inherit!important;
  font-size:13px!important;
  outline:none!important;
}
#screen-members .member-filter-field select:focus,#screen-members .member-smart-search:focus-within{
  border-color:#b98423!important;
  box-shadow:0 0 0 3px rgba(185,132,35,.10)!important;
}
#screen-members .member-filter-reset{min-height:42px!important;white-space:nowrap!important;padding-inline:14px!important}
#screen-members .member-empty-filter{
  grid-column:1/-1!important;
  padding:34px 18px!important;
  text-align:center!important;
  border:1px dashed rgba(190,143,48,.30)!important;
  border-radius:18px!important;
  background:rgba(255,255,255,.55)!important;
}
#screen-members .member-empty-filter b{display:block!important;color:#123b5c!important;font-size:18px!important;margin-bottom:5px!important}
#screen-members .member-empty-filter p{margin:0!important;color:#756c60!important}

@media (max-width:1100px){
  #screen-members .member-filter-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important}
  #screen-members .member-filter-reset{width:100%!important}
}
@media (max-width:720px){
  #screen-members .member-directory-tools{padding:12px!important;border-radius:16px!important;margin-top:12px!important}
  #screen-members .member-filter-heading{align-items:flex-start!important;flex-direction:column!important;gap:4px!important}
  #screen-members .member-results-summary{white-space:normal!important}
  #screen-members .member-filter-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:8px!important}
  #screen-members .member-filter-reset{grid-column:1/-1!important}
}
@media (max-width:460px){
  #screen-members .member-filter-grid{grid-template-columns:1fr!important}
  #screen-members .member-filter-reset{grid-column:auto!important}
  #screen-members .member-smart-search{min-height:46px!important;padding:0 12px!important}
}