.srmd-member-list { --gap:16px; --radius:12px; --border:#e5e7eb; }
.srmd-toolbar { margin-bottom:16px; display:flex; justify-content: center; gap:12px; flex-wrap:wrap; }
.srmd-input, .srmd-select, .srmd-button {padding: 8px 10px; border:1px solid var(--border); border-radius:8px; font-size:14px; background:#fff;}
.srmd-button { background: var(--gold_secondary_color); cursor:pointer; -webkit-transition: background 0.3s ease-in-out; -moz-transition: background 0.3s ease-in-out; transition: background 0.3s ease-in-out;} .srmd-button:hover {background: #ffba11;} .srmd-button:disabled {opacity: 0.85;}
.srmd-status { margin: 12px 0; font-size:14px; }
.srmd-error { color:#b91c1c; }
.srmd-empty { padding: 24px 0; opacity:.7; }
#srmd-member-list-app .srmd-member-list .srmd-tags-wrap {margin: 50px 0;}
#srmd-member-list-app .srmd-member-list .srmd-tags-wrap h4 {margin-bottom: 10px; font-size: 18px; text-align: center;}
#srmd-member-list-app .srmd-member-list .srmd-tags-wrap .srmd-tags-filter {padding: 0; list-style-type: none; display: flex; flex-wrap:wrap; justify-content: center; gap: 15px; font-size: 13px; line-height: 1;}

#srmd-member-list-app .srmd-member-list .srmd-tags-wrap .srmd-tags-filter>li:first-child {display: none;}

#srmd-member-list-app .srmd-member-list .srmd-tags-wrap .srmd-tags-filter>li {margin: 0; background: #fefae0; padding: 8px 15px; border: 1px solid #cb8f1b; border-radius: 5px; -webkit-transition: background 0.3s ease-in-out; -moz-transition: background 0.3s ease-in-out; transition: background 0.3s ease-in-out;  cursor: pointer;}

#srmd-member-list-app .srmd-member-list .srmd-tags-wrap .srmd-tags-filter>li.active, #srmd-member-list-app .srmd-member-list .srmd-tags-wrap .srmd-tags-filter>li:hover {background: #cb8f1b; color: #fff;}
.srmd-grid { display:grid; gap: var(--gap); padding-top: 30px; padding-bottom: 30px; }
@media (min-width: 1201px) { .srmd-grid { grid-template-columns: repeat(6, minmax(0,1fr)); } }
@media (min-width: 992px) and (max-width: 1200px) { .srmd-grid { grid-template-columns: repeat(5, minmax(0,1fr)); } }
@media (min-width: 768px) and (max-width: 991px) { .srmd-grid { grid-template-columns: repeat(4, minmax(0,1fr)); } }
@media (min-width: 601px) and (max-width: 768px) { .srmd-grid { grid-template-columns: repeat(3, minmax(0,1fr)); } }
@media (min-width: 381px) and (max-width: 600px) { .srmd-grid { grid-template-columns: repeat(2, minmax(0,1fr)); } }
.srmd-card { border:1px solid var(--border); border-radius: var(--radius); overflow:hidden; background:#fff; }
.srmd-card .srmd-card-photo { position: relative; padding: 10px; aspect-ratio: 1/1; background:#f8fafc; display:flex; align-items:center; justify-content:center; }
.srmd-card .srmd-card-photo img { width:100%; height:100%; object-fit:cover; display:block; background: #fff; }

.srmd-card .srmd-card-photo .status-wrapper {position: absolute; top: 10px; right: 15px;}
#srmd-member-list-app .srmd-member-list .srmd-note-wrap ul {padding: 0; margin-bottom: 10px; list-style-type: none; display: flex; flex-wrap: wrap; justify-content: center; gap: 15px;  font-size: 14px; line-height: 1;}
#srmd-member-list-app .srmd-member-list .srmd-note-wrap .srmd-note {font-size: 14px; text-align: center;}
#srmd-member-list-app .srmd-member-list .srmd-note-wrap .status-dot , .srmd-card .srmd-card-photo .status-dot {display: inline-block; width: 10px; height: 10px; margin-right: 6px; border-radius: 50%;}
#srmd-member-list-app .srmd-member-list .srmd-note-wrap .status-dot.active, .srmd-card .srmd-card-photo .status-dot.active { background-color: #22c55e; }
#srmd-member-list-app .srmd-member-list .srmd-note-wrap .status-dot.inactive, .srmd-card .srmd-card-photo .status-dot.inactive { background-color: #6b7280; }
#srmd-member-list-app .srmd-member-list .srmd-note-wrap .status-dot.suspended, .srmd-card .srmd-card-photo .status-dot.suspended { background-color: #ef4444; }
.srmd-card-body { padding:12px; text-align: center; }
.srmd-card-name { font-size:16px; font-weight:600; }
.srmd-card-meta { margin:0; font-size:13px; color:#6b7280; }

.srmd-pagination { margin-top:16px; display:flex; justify-content: center; align-items:center; gap:8px; } .srmd-pagination .srmd-button {padding: 6px 15px;}
.srmd-page-info { font-size:14px; }