.member-card {
  display: grid;
  grid-template-columns: 44px 1fr auto;
  gap: 12px;
  align-items: center;
  background: var(--surface);
  border: 1px solid var(--border);
  border-radius: var(--radius-md);
  padding: 12px;
}
.member-avatar {
  width: 44px; height: 44px; border-radius: 50%;
  background: var(--primary-soft); color: var(--primary-dark);
  display: flex; align-items: center; justify-content: center;
  font-weight: 600; font-size: 16px;
}
.member-name { font-weight: 600; }
.member-meta { font-size: 12px; color: var(--text-muted); }
.member-right { display: flex; flex-direction: column; align-items: flex-end; gap: 6px; }

.invite-card {
  display: flex; justify-content: space-between; align-items: center;
  gap: 8px; padding: 12px;
  background: var(--surface); border: 1px dashed var(--border);
  border-radius: var(--radius-md);
}
.invite-email { font-weight: 600; }
.invite-meta { font-size: 12px; color: var(--text-muted); }

.settings-logo-row {
  display: flex; gap: 12px; align-items: center;
  padding: 12px; background: var(--surface-2);
  border-radius: var(--radius-md);
}
.settings-logo {
  width: 64px; height: 64px; border-radius: 12px;
  background: var(--primary); color: #fff;
  display: flex; align-items: center; justify-content: center;
  font-weight: 700; font-size: 26px; overflow: hidden; flex-shrink: 0;
}
.settings-logo img { width: 100%; height: 100%; object-fit: cover; }

.more-grid {
  display: grid; gap: 10px;
  grid-template-columns: repeat(auto-fit, minmax(160px, 1fr));
}
.more-tile {
  background: var(--surface); border: 1px solid var(--border);
  border-radius: var(--radius-md); padding: 16px;
  display: flex; flex-direction: column; gap: 6px;
  cursor: pointer; transition: border-color .15s, transform .1s;
}
.more-tile:hover { border-color: var(--primary); }
.more-tile:active { transform: scale(.98); }
.more-tile-icon {
  width: 40px; height: 40px; border-radius: 10px;
  background: var(--primary-soft); color: var(--primary-dark);
  display: flex; align-items: center; justify-content: center;
}
.more-tile-label { font-weight: 600; font-size: 14px; }
.more-tile-desc { font-size: 12px; color: var(--text-muted); }
