.shell .member-list-toolbar { display: flex; align-items: center; gap: 16px; min-height: 54px; padding: 12px 16px; border-radius: 12px; background: var(--surface); margin-bottom: 12px; }
.shell .member-list-toolbar h1 { margin: 0; font-size: 13px; letter-spacing: 0; }
.member-list-controls { display: flex; align-items: center; gap: 6px; margin-left: auto; }
.shell .member-list-controls input { width: 255px; height: 28px; margin: 0; font-size: 10px; }
.list-icon { display: inline-grid; place-items: center; background: transparent; border: 1px solid var(--line); border-radius: 5px; width: 26px; height: 26px; padding: 3px; color: var(--muted); }
.list-icon svg { width: 17px; height: 17px; }
.list-icon:disabled { opacity: .35; cursor: default; }
.list-icon[aria-expanded=true], .list-icon[aria-pressed=true] { color: var(--orange); border-color: var(--orange); }
.shell .member-list-controls .primary { min-height: 28px; padding: 5px 9px; font-size: 10px; }
.member-list-card { background: var(--surface); border-radius: 12px; overflow: hidden; }
.member-list-table { min-width: 670px; }
.shell .member-list-table th { height: 50px; font-size: 10px; font-weight: 600; color: var(--text); padding: 12px 14px; }
.shell .member-list-table td { height: 51px; font-size: 10px; padding: 9px 14px; }
.member-list-table th:first-child, .member-list-table td:first-child { width: 48px; border-right: 1px solid var(--line); text-align: center; }
.member-list-table th:last-child, .member-list-table td:last-child { width: 62px; border-left: 1px solid var(--line); text-align: center; }
.shell .member-list-table input[type=checkbox] { display: inline-block; vertical-align: middle; height: 14px; width: 14px; }
.member-identity { display: flex; align-items: center; gap: 7px; }
.member-avatar { width: 32px; height: 32px; flex: none; display: grid; place-items: center; border-radius: 50%; background: var(--orange); color: #251309; font-size: 10px; }
.member-name { font-size: 11px; color: var(--text); padding: 0; border: 0; background: transparent; text-align: left; }
.member-name:hover { color: var(--orange); }
.shell .member-list-table td small { font-size: 9px; margin-top: 1px; }
.member-phone { display: inline-flex; align-items: center; gap: 6px; }
.member-phone svg { width: 12px; height: 12px; color: var(--muted); flex: none; }
.member-status { padding: 3px 8px; border-radius: 20px; background: #39261c; color: var(--orange); font-size: 9px; white-space: nowrap; }
.member-status::before { content: ''; width: 6px; height: 6px; background: currentColor; border-radius: 50%; display: inline-block; margin-right: 4px; }
.member-status.is-inactive { color: var(--muted); background: var(--line); }
.member-list-table tr.selected { background: #38261c; }
.member-list-table td:last-child .list-icon { border: 0; }
.member-delete:hover { color: #ffb4a0; background: #492923; }
.member-removal-dialog { width: min(400px, calc(100% - 32px)); padding: 0; border: 0; border-radius: 12px; }
.member-removal-dialog::backdrop { background: #0009; }
.member-removal-header { display: flex; align-items: center; gap: 12px; padding: 16px; border-bottom: 1px solid var(--line); }
.member-removal-header h2 { margin: 0; font-size: 13px; line-height: 1.5; letter-spacing: 0; }
.member-removal-close { margin-left: auto; border: 0; background: transparent; color: var(--muted); font-size: 21px; padding: 0 4px; }
.member-removal-body { padding: 20px 16px; }
.member-removal-body p { font-size: 12px; line-height: 1.6; margin: 0; color: var(--text); }
.member-removal-body small { display: block; font-size: 10px; color: var(--muted); line-height: 1.5; margin-top: 10px; }
.member-removal-body .error { color: #ffb4a0; margin-top: 10px; }
.member-removal-body .error:empty { display: none; }
.member-removal-footer { display: flex; justify-content: flex-end; align-items: center; gap: 14px; padding: 12px 16px; border-top: 1px solid var(--line); }
.member-removal-cancel { color: var(--text); background: transparent; border: 0; padding: 8px 4px; font-size: 12px; }
.member-removal-confirm { color: #351516; background: #ff969b; border: 0; border-radius: 6px; padding: 8px 12px; min-height: 32px; font-size: 12px; }
.member-list-footer { display: flex; align-items: center; gap: 16px; padding: 16px; border-top: 1px solid var(--line); font-size: 10px; }
.member-pagination { display: flex; align-items: center; gap: 12px; margin-left: auto; }
.shell .member-pagination label { display: flex; align-items: center; gap: 7px; margin: 0; font-size: 9px; }
.shell .member-pagination select { width: 48px; height: 28px; margin: 0; padding: 4px 6px; font-size: 10px; }
.page-number { color: var(--orange); font-size: 11px; white-space: nowrap; }
.shell .member-list-limit { margin: 0; padding: 0 16px 12px; font-size: 9px; }
.member-list-filters { display: flex; gap: 16px; padding: 12px 16px; margin-bottom: 12px; background: var(--surface); border-radius: 8px; }
.shell .member-list-filters label { width: 170px; margin: 0; }
.member-cards-view .member-list-table { min-width: 0; }
.member-cards-view .member-list-table thead { display: none; }
.member-cards-view .member-list-table tbody { display: grid; grid-template-columns: repeat(3, minmax(0,1fr)); gap: 12px; padding: 12px; }
.member-cards-view .member-list-table tr { display: flex; flex-wrap: wrap; gap: 8px; padding: 12px; border: 1px solid var(--line); border-radius: 8px; }
.shell .member-cards-view .member-list-table td { border: 0; height: auto; padding: 0; width: auto; }
.member-cards-view .member-list-table td:nth-child(2), .member-cards-view .member-list-table td:nth-child(5) { width: 100%; }
@media(max-width:850px) { .member-cards-view .member-list-table tbody { grid-template-columns: repeat(2,minmax(0,1fr)); } }
@media(max-width:700px) {
  .shell .member-list-toolbar { flex-wrap: wrap; padding: 12px; }
  .member-list-controls { width: 100%; margin: 0; flex-wrap: wrap; }
  .shell .member-list-controls input { width: 100%; font-size: 16px; height: 38px; }
  .member-list-footer { flex-wrap: wrap; gap: 10px; padding: 12px; }
  .member-pagination { margin: 0; width: 100%; justify-content: flex-end; }
  .member-list-filters { flex-wrap: wrap; }
  .shell .member-list-filters label { width: 100%; }
  .member-cards-view .member-list-table tbody { grid-template-columns: 1fr; }
}