/* admin_member.css - Member pages enhancements (works with existing admin.css) */
.filters{
  display:flex; gap:10px; flex-wrap:wrap; align-items:center;
}
.filters .search-input-wrap{ flex:1; min-width:220px; }
.filters select{ min-height:34px; }
@media (max-width:768px){
  .filters{ flex-direction:column; align-items:stretch; }
  .filters .btn{ width:100%; height:44px; }
}

.modal{
  position:fixed; inset:0; z-index:2000;
  display:none; align-items:center; justify-content:center;
}
.modal.show{ display:flex; }
.modal .backdrop{ position:absolute; inset:0; background:rgba(0,0,0,.45); }
.modal .dialog{
  position:relative; width:min(560px, calc(100% - 24px));
  background:var(--surface); border:1px solid var(--border);
  border-radius: var(--radius); box-shadow: var(--shadow);
  overflow:hidden;
}
.modal .head{
  display:flex; align-items:center; justify-content:space-between;
  padding:14px 16px; border-bottom:1px solid var(--border);
  background:var(--surface2);
}
.modal .body{ padding:16px; }
.modal .foot{
  padding:14px 16px; border-top:1px solid var(--border);
  display:flex; gap:10px; justify-content:flex-end; flex-wrap:wrap;
}
.modal .x{ width:40px; height:40px; border-radius:12px;
  border:1px solid var(--border); background:var(--surface); cursor:pointer; }